.owl-carousel{width:100%;height:100%}
.owl-carousel .owl-carousel-item img{display:block;width:100%;height:100%;max-height:unset;object-fit:cover}

.menu-bar .logo_hover {display: none;}
.menu-bar.sub .logo_hover {display: unset;}
.menu-bar.sub .logo_default {display: none;}
.menu-bar.sub:hover .logo_default {display: unset;}
.menu-bar.sub:hover .logo_hover {display: none;}
.menuclass.mobile .logo_hover{display:none}

#quick_menu{position:fixed;bottom:0;width:100%;display:flex;flex-direction:row;align-items:center;font-size:16px;z-index:1;height: 174px;}
.quick-btn_hide{width: 40px;position:fixed;bottom: 174px;left: calc(50%);background: #ccd042;color:#fff;font-size:18px;padding: 20px 10px;border-radius: 10px 10px 0 0;z-index:10;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.2);transform: translateX(-50%);}
.quick-btn_hide span{position:absolute;top: 15px;-webkit-animation:moveright .8s linear 0s infinite alternate;animation:moveright .8s linear 0s infinite alternate;}
#quick_menu img{height:100%;}
#quick_menu div{height:100%;}

@-webkit-keyframes moveright {
    0%{top:6px}
    to{bottom:12px}
}

@media screen and (max-width:1200px){
    #quick_menu{height: 130px;}
    .quick-btn_hide{bottom: 130px;}
}

@media screen and (max-width:1024px){
    #quick_menu{height: 120px;}
}


/*PC헤더*/
.menu-bar.pc {padding: 0 20px;background: #fff;transition: all ease 0.3s;}
.menu-bar.pc .weatherClass{display:flex;align-items:center;position:relative;gap: 5px;font-weight: 500;font-size: 13px;height: 80px;cursor:pointer;}
.menu-bar.pc .weatherClass img{width:20px}
.menu-bar.pc .weatherClass .weather_list{display:flex;align-items:center;justify-content:center;gap:5px;border: 1px solid #2f2f2f;border-radius: 20px;height:35px;padding:0 15px;font-size: 16px;font-weight: 400;}
.menu-bar.pc .weatherClass .weather_list a {color: #2f2f2f;}
.menu-bar.pc .MenuClass{flex:55%;height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}
.menu-bar.pc .corpClass img {width: 190px;height: 55px;padding-top: 12px;cursor:pointer;}
.menu-bar.pc .corpClass{flex:10%;display:flex;flex-direction:row;justify-content:center;border:none}
.menu-bar.pc .mid_Class{flex: 15%;display:flex;gap: 50px;font-family: 'Pretendard';font-weight: 400;}
.menu-bar.pc .loginClass{height:80px;display:flex;flex-direction:row;align-items:center;gap: 40px;font-size: 16px;position: relative;}
.menu-bar.pc .loginClass:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:#424242;width:1px;height:20px}
.menu-bar.pc.sub .loginClass a{color:#fff}
.menu-bar.pc.sub:hover .loginClass a{color:#000}


@media screen and (max-width:1440px){
    .menu-bar.pc .corpClass{flex:10%}
    .menu-bar.pc .mid_Class{flex:15%;gap:30px}
    .menu-bar.pc .corpClass img{width:150px;height:45px;padding-top:18px}

    .menu-bar.pc .gnb.gnb-line .node1-item{padding:0 10px}
    .menu-bar.pc .gnb.gnb-line .node1-link{font-size:15px}
    .menu-bar.pc .gnb .node2-link{font-size:14px}

    .menu-bar.pc .weatherClass .weather_list{height:30px}
    .menu-bar.pc .loginClass{gap:20px;font-size:14px}
    .menu-bar.pc .MenuClass{flex:65%}
}

@media screen and (max-width:1160px){
	.menu-bar.pc .weatherClass .weather_list{font-size:14px;height:24px;padding:0 10px}
	.menu-bar.pc .mid_Class{gap:12px}
	.menu-bar.pc .loginClass{gap:10px}
	.menu-bar.pc .gnb.gnb-line .node1-link{padding:0 5px}
}


/*퀵링크*/
.main__quick{position:fixed;right: 30px;z-index:10;bottom: 30%;width: 145px;height: 350px;z-index: 100;}
.main__quick .main__con-circle__text  {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 140px;height: 140px;background-color: #00000047;border-radius: 100%;border: 1px solid #fff;padding: 5px;}
.main__quick .main__con-circle__text img {width: 100%;animation: spin 10s linear infinite;}
.main__quick .main__con-circle__inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main__quick .main__con-circle__inner p {color: #fff;font-size: 22px;}
.main__quick .main__con-circle{top:0;position:absolute;left:50%}


.main__quick .qucik-btm{text-align:center;color:#fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;}
.main__quick .qucik-btm p{font-size:16px}
.main__quick .qucik-btm .number{font-size:20px;font-weight:600;padding-top:10px;}
.main__quick .quick-mid{text-align:center;position:relative;left:50%;top:110px;transform:translateX(-50%);display:inline-block}
.main__quick .quick-mid:before{position:absolute;width:1px;height:100%;background:#fff;content:'';left:50%;bottom:30px;z-index:-2;}
.main__quick .mid-con{display:table;border:1px solid #fffe;border-radius:100%;padding:5px;cursor:pointer;}
.main__quick .mid-con a {background: #fff;border-radius: 100%;width: 55px;height: 55px;display: table-cell;vertical-align: middle;margin: 10px;font-size: 15px;font-weight: 400;}
.main__quick .mid-con:first-child{margin-bottom:30px}

@keyframes spin {
	0% {transform: rotate(0deg);}	
	100% {transform: rotate(360deg);}	
}

@media screen and (max-width:1500px) {
    .main__quick .mid-con:first-child{margin-bottom:16px;cursor:pointer;}
}

@media screen and (max-width:1440px) {    
    .main__quick .main__con-circle__inner p{font-size:12px}
    .main__quick .mid-con a{font-size:12px;width:45px;height:45px}

    .main__quick .main__con-circle__text{width:100px;height:100px}
    .main__quick .qucik-btm .number{font-size:14px}
}

@media screen and (max-width:1024px) {
	.main__quick{right:0}
} 

/*section 01*/

#sec01 .sec01-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}
#sec01 .sec01-text .main-txt{font-size:28px;padding-bottom:20px}
#sec01 .sec01-text .sub-txt{font-size:65px;font-family:'futura-pt';font-weight: 300;}
#sec01.slideshow-container{position:relative;height:100%}

@media screen and (max-width:1440px){
    #sec01 .sec01-text .sub-txt{font-size:46px}
    #sec01 .sec01-text .main-txt{font-size:22px}
}

/*reservation*/

.reservation-wrap{display:flex;width:100%;max-width:1500px;margin:0 auto;padding: 10px;align-items:center;height: 180px;flex-wrap: wrap;background: #fff;}
#quick_menu .reservation-wrap .reser_icon{flex:10%;text-align: center;cursor: pointer;height: unset;cursor:pointer;}
.reservation-wrap .reser_icon p{line-height:1.2em;padding-top:15px;transition:all ease .3s;margin-bottom: 20px;font-size: 13px;font-weight: 600;height: 32px;}
.reservation-wrap .reser_icon:hover p{font-size: 14px;}
.reservation-wrap .reser_icon p img{max-width:20px;padding-right:5px}

.reservation-wrap .res-box{flex:90%}
.reservation-wrap .res-box #resvremaincount-container{display:flex;justify-content: center;}
.reservation-wrap .res-list{flex: 0 1 calc(100% / 6);text-align:center;font-size: 14px;cursor:pointer;}
.reservation-wrap .res-list.sat{color: #2b6189;}
.reservation-wrap .res-list.sun{color:#c00016}
.reservation-wrap .res-list .day{padding:10px 0}
.reservation-wrap .res-list .team{display:inline-block;background:#f7f7f7;border:1px solid #cacaca;padding: 2px 5px;border-radius:20px;color: #000!important;font-size: 12px;}

@media screen and (max-width:1440px){
    .reservation-wrap{padding: 0;height:140px}
}

/*section 02*/
#sec02 {background:url(../images/main/sec02_bg.png) no-repeat;background-size: cover;/* height: 900px; */overflow: hidden;}
#sec02 .sec02_wr{width: 100%;max-width: 1500px;margin: 0 auto;display: flex;align-items: center;position: relative;padding: 100px 20px 0;overflow: hidden;}
#sec02 .sec_left-text{color:#fff;flex: 0 1 calc(45% - 10px);}
#sec02 .sec_left-text .eng-tit{font-size: 16px;font-weight:100;padding-bottom: 15px;}
#sec02 .sec_left-text .main-text{font-size: 60px;padding-bottom: 30px;font-family: 'futura-pt';font-weight: 300;}
#sec02 .sec_left-text .sub-text{line-height:1.6em;font-size:16px;color:#fff9}
#sec02 .box-con{/* height:900px; */overflow-y:scroll;}
#sec02 .box-con::-webkit-scrollbar{display:none}
#sec02 .box-con{-ms-overflow-style:none;scrollbar-width:none;flex: 0 1 calc(55% - 10px);max-height: 860px;}
#sec02 .box-con .box_list a{display:flex;color: #fff;border-radius:25px;border:1px solid #fff;background: #ffffff1c;width:360px;height:480px;padding:40px 40px 60px 40px;justify-content:space-between;flex-direction:column;transition:all ease .3s;}
#sec02 .box-con .box_list .eng-tit{}
#sec02 .box-con .box_list .box-text{}
#sec02 .box-con .box_list .box-text_tit{font-size:30px;padding-bottom:30px;}
#sec02 .box-con .box_list .box-text_txt{line-height:1.6em}
#sec02 .box-con .box_list:hover a{background: #fff;}

#sec02 .box-con .box_list:hover p{color: #000;}
#sec02 .box-con .box_list:nth-child(odd){}
#sec02 .box-con .box_list:nth-child(even){transform: translateX(54%);}
#sec02 .box-con .box_list:nth-child(1){}
#sec02 .box-con .box_list:nth-child(2){position:relative;top:-120px}
#sec02 .box-con .box_list:nth-child(3){bottom: 260px;position: relative;}

@media screen and (max-width:1500px){
	#sec02 .box-con .box_list a{width:300px;height:440px;padding:40px 20px 50px}
}

@media screen and (max-width:1440px){
    #sec02 .sec_left-text .main-text{font-size:45px}
    #sec02 .sec_left-text .sub-text{font-size:14px}
    #sec02 .box-con .box_list:nth-child(even){transform:translateX(45%)}
    #sec02 .box-con .box_list a{width:260px;height:360px;padding:40px 20px}
    #sec02 .box-con .box_list .box-text_tit{font-size:24px}
    #sec02 .box-con .box_list .box-text_txt{font-size:13px}
    #sec02 .box-con{max-height:580px}
}
@media screen and (max-width:1200px){
    #sec02 .sec_left-text{flex:0 1 calc(35% - 10px)}
    #sec02 .box-con{flex:0 1 calc(65% - 10px)}
}

/*section 03*/
#sec03 {background:url(../images/main/sec03_bg.png) no-repeat;background-size: cover;/* height: 900px; */overflow: hidden;}
#sec03 .sec03_wr{padding: 120px 170px;}

#sec03 .box_con{display:flex;justify-content:center;gap:20px}
#sec03 .box_con .box_list{position:relative;height:100%;box-sizing:border-box;padding:50px;transition:.7s ease;height:717px;background:#ffffffd1;border-radius:30px;display: flex;flex-direction: column-reverse;align-items: flex-end;}
#sec03 .box_con .box_list .sub_tit{font-size: 16px;padding-bottom:18px;padding-top:50px;letter-spacing: -1px;}
#sec03 .box_con .box_list h2{font-size: 40px;font-weight: 600;text-transform:uppercase;}
#sec03 .box_con .box_list .box_text {flex: 100%;width: 100%;}
#sec03 .box_con .box_list .box_img {flex: 100%;}
#sec03 .box_con .box_list .box_img img{/* transition:.6s ease; */}
#sec03 .box_con .box_list .box_img .hover_img{max-width: 0;max-height: 0;}

#sec03 .box_con .box_list .caption{margin-top: 30px;animation:.6s;max-width: 0;max-height: 0;overflow: hidden;transition: max-height 0.6s ease; /* max-height에만 transition 적용 */}
#sec03 .box_con .box_list .caption button{background-color: #f79547;outline:none;padding: 20px 50px;color:#fff;border-radius: 50px;margin-top:20px;cursor:pointer;font-size: 26px;font-weight: 300;width: 290px;text-align: left;transition: all ease 0.3s;position: relative;}
#sec03 .box_con .box_list .caption button:hover{background-color:#d97a2f}
#sec03 .box_con .box_list .caption button:after{position:absolute;content:'';background:url(/images/main/more_btn_arrow.png) no-repeat;width:33px;height:25px;right: 50px;}
#sec03 .box_con .box_list .caption p{font-size:14px;color:#000000a1;line-height:1.6em}
#sec03 .box_con .box_list:hover{flex-grow:2.5;background:#fff;flex-direction: unset;padding: 100px 40px 100px 70px;gap: 30px;}
#sec03 .box_con .box_list:hover .caption{max-height:205px;max-width:400px}
#sec03 .box_con .box_list .box_img .default_img{max-width:212px;max-height:461px;transition: max-height .6s ease;}
#sec03 .box_con .box_list:hover .box_img .default_img{max-width:0;max-height:0}
#sec03 .box_con .box_list:hover h2{text-align:left}
#sec03 .box_con .box_list:hover .box_text {}
#sec03 .box_con .box_list:hover .box_img{text-align:right}
#sec03 .box_con .box_list:hover .box_img .hover_img{max-width:397px;max-height:544px;transition:max-width .6s ease}
#sec03 .box_con .box_list .caption button:hover:after{animation:bounce 2.4s infinite}

/*첫번째고정*/
#sec03 .box_con .box_list:first-child{flex-grow:2.5;background:#fff;flex-direction: unset;padding: 100px 40px 100px 70px;gap: 30px;}
#sec03 .box_con .box_list:first-child .caption{max-height:205px;max-width:400px}
#sec03 .box_con .box_list:first-child .box_img .default_img{max-width:212px;max-height:461px;transition: max-height .6s ease;}
#sec03 .box_con .box_list:first-child .box_img .default_img{max-width:0;max-height:0}
#sec03 .box_con .box_list:first-child h2{text-align:left}
#sec03 .box_con .box_list:first-child .box_text {}
#sec03 .box_con .box_list:first-child .box_img{/* text-align:right; */}
#sec03 .box_con .box_list:first-child .box_img .hover_img{max-width:397px;max-height:544px;transition:max-width .6s ease}
#sec03 .box_con .box_list:first-child .caption button:after{animation:bounce 2.4s infinite}

#sec03 .box_con .box_list.hovered:first-child{position:relative;height:100%;box-sizing:border-box;padding:50px;transition:.7s ease;height:717px;background:#ffffffd1;border-radius:30px;display:flex;flex-direction:column-reverse;align-items:flex-end}
#sec03 .box_con .box_list.hovered:first-child .box_img{flex:100%}
#sec03 .box_con .box_list.hovered:first-child .box_img .hover_img{max-width:0;max-height:0}
#sec03 .box_con .box_list.hovered:first-child .box_img .default_img{max-width:212px;max-height:461px}
#sec03 .box_con .box_list.hovered:first-child .caption{margin-top:30px;animation:.6s;max-width:0;max-height:0;overflow:hidden;transition:max-height .6s ease}


@keyframes bounce{
    0%{transform: translateX(0);}
    30%{transform: translateX(-10px);}
    50%{transform: translateX(0px);}
    80%{transform: translateX(-20px);}
}

@media screen and (max-width:1520px){
	#sec03 .box_con .box_list .caption{margin-top:20px}
	#sec03 .box_con .box_list .caption p{font-size:13px}
    #sec03 .box_con .box_list{height: 590px;padding: 40px 30px;}
	#sec03 .box_con .box_list:hover{padding: 40px;align-items: center;}
	#sec03 .box_con .box_list .box_img .default_img{max-height:350px}
    #sec03 .box_con .box_list:hover .box_img .hover_img{max-width:320px;max-height:440px}
    #sec03 .box_con .box_list .caption button{width:205px;font-size:21px;padding: 10px 30px;}
	#sec03 .box_con .box_list .caption button:after{background: url(/images/main/more_btn_arrow.png) no-repeat;width: 33px;height: 16px;background-size: 20px;top: 12px;right: 20px;}
    #sec03 .box_con .box_list h2{font-size:30px}
	#sec03 .box_con .box_list .sub_tit{font-size:14px}
    #sec03 .sec03_wr{padding:120px 100px}

    #sec03 .box_con .box_list:first-child{height:590px;padding:40px 30px}
    #sec03 .box_con .box_list:first-child .box_img .default_img{max-height:0}
    #sec03 .box_con .box_list .caption{margin-top:20px}
    #sec03 .box_con .box_list.hovered:first-child{padding: 40px;align-items: center;}
    #sec03 .box_con .box_list.hovered:first-child .box_img .default_img{max-height:350px}
    #sec03 .box_con .box_list:first-child .box_img .hover_img{max-width:320px;max-height:440px}
}

@media screen and (max-width:1160px){
	#sec03 .box_con .box_list .box_img .default_img{max-height:300px}
	#sec03 .box_con .box_list:hover .box_img .hover_img{max-width:270px}
	#sec03 .box_con .box_list .sub_tit{padding-top:20px}
	#sec03 .box_con .box_list h2{font-size:24px}
	#sec03 .box_con .box_list{height:490px}


    #sec03 .box_con .box_list .box_img .default_img{max-height:300px!important}
    #sec03 .box_con .box_list:hover .box_img .hover_img{max-width:270px!important}
    #sec03 .box_con .box_list .sub_tit{padding-top:20px}
    #sec03 .box_con .box_list h2{font-size:24px}
    #sec03 .box_con .box_list{height:490px!important}
}

@media screen and (max-width:1024px){
    #sec03 .box_con .box_list{padding:20px 30px;height:440px}
    #sec03 .box_con .box_list:hover{padding:20px 30px}
	#sec03 .box_con .box_list:hover .caption{max-height:220px}
    #sec03 .box_con .box_list .caption button{width:170px}
	#sec03 .box_con .box_list .caption button:after{right:10px}

	#sec03 .box_con .box_list .box_img .default_img{max-height:280px}
	#sec03 .box_con .box_list:hover .box_img .hover_img{max-width:220px;max-height:420px}

    #sec03 .box_con .box_list{padding:20px 30px!important;;height:440px!important;}
    #sec03 .box_con .box_list:hover{padding:20px 30px}
    #sec03 .box_con .box_list:hover .caption{max-height:220px!important;}
    #sec03 .box_con .box_list .caption button{width:170px}
    #sec03 .box_con .box_list .caption button:after{right:10px}
    #sec03 .box_con .box_list .box_img .default_img{max-height:280px!important}
    #sec03 .box_con .box_list:first-child .box_img .hover_img{max-width:220px;max-height:420px}
    #sec03 .box_con .box_list.hovered:first-child .box_img .hover_img{max-width:0!important;max-height:0!important}
}


#sec04{background:url(../images/main/sec04_bg.png) no-repeat;background-size: cover;padding: 160px 0;}
#sec04 .sec04_wr{width:100%;max-width:1500px;margin:0 auto;color:#fff;position: relative;}
#sec04 .sec04_title{margin-bottom:100px}
#sec04 .sec04_arrow{display:inline-block;background:#fff;border-radius:100%;width:58px;height:58px;line-height:58px;text-align:center;position:absolute;right:0;top:0;cursor:pointer;transition:all ease .3s}
#sec04 .sec04_arrow:hover{background: #aeaeae;}
#sec04 .sec04_title .eng-tit{font-family:'futura-pt';font-size:24px;font-weight:100;padding-bottom:21px}
#sec04 .sec04_title .kor-tit{font-size: clamp(30px, 2vw, 44px);font-weight:500}


#sec04 .notice_wrap #clubnotice-container {display:flex;gap:30px;}
#sec04 .notice_wrap .notice_list{flex: 0 1 calc(100% / 4);padding: 0px 40px 0 10px;height: 240px;border-right: 1px solid #ffffff30;position: relative;cursor: pointer;}
#sec04 .notice_wrap .notice_list:after{content:'';background:url(../images/main/notice_arrow02.png) no-repeat;width:21px;height:21px;position: absolute;right: 40px;top: 0;}
#sec04 .notice_wrap .notice_list .notice{color:#ffffff7a;font-size:18px}
#sec04 .notice_wrap .notice_list .notice_date{padding:30px 0 20px}
#sec04 .notice_wrap .notice_list .notice_date .year{color:#ffffff57;font-size:10px}
#sec04 .notice_wrap .notice_list .notice_date .day{}
#sec04 .notice_wrap .notice_list .notice_title{font-size:22px;font-weight:500}

@media screen and (max-width:1500px) {
    #sec04{padding:60px 0}
    #sec04 .sec04_wr{padding:0 20px}
    #sec04 .sec04_title .eng-tit{font-size:20px}
    #sec04 .sec04_arrow{right:20px}
}

@media screen and (max-width:1024px) {
    #sec04 .sec04_title{margin-bottom:50px}
    #sec04 .notice_wrap .notice_list .notice_title{font-size:18px;line-height:1.4em}
    #sec04 .notice_wrap .notice_list .notice{font-size:16px}
    #sec04 .notice_wrap .notice_list{height:190px;padding-right:25px}
}
/*footer*/

#ft_wrap {font-family: 'Pretendard';background: #202020;}
#ft_wrap .ft_top_wr{color: #fff;background:#2b8aab;height:80px;display:flex;padding:10px 30px;align-items:center;gap:20px;font-family: 'Hallym';}
#ft_wrap .ft_top_wr .ft_top_right{font-size:25px;font-weight:700;flex:0 1 calc(50% - 10px)}
#ft_wrap .ft_top_wr .ft_top_right a{color: #fff;white-space: nowrap;}
#ft_wrap .ft_top_wr .ft_top_left{flex:0 1 calc(50% - 10px);font-weight:600;font-size:15px;position:relative}
#ft_wrap .ft_top_wr .ft_top_left:after{position:absolute;content:'';width:70%;height:5px;background:#fff;bottom:-15px;left:0}
#ft_wrap .ft_info_wr{padding: 60px 0;width: 100%;max-width: 1500px;margin:0 auto;position: relative;}
#ft_wrap .ft_info_wr:after{content: 'SAMSAM COUNTRYCLUB';position:absolute;color: #ffffff14;font-size: 55px;font-family: 'futura-pt';font-weight: 100;width: 500px;text-align: right;right: 0;top: 60px;}
#ft_wrap .ft_go_wr{position: relative;}
#ft_wrap .ft_go_wr .ft_go{color: #ffffff7d;font-size:15px;font-weight:300;line-height:1.8em;cursor:pointer;transition:all ease .2s;display: block;width: 135px;}
#ft_wrap .ft_go_wr .ft_go:hover{color: #ffffffbf;}
#ft_wrap .ft_go_wr .ft_app{background:url(../images/main/app_img.png) no-repeat;width: 91px;height: 91px;position: absolute;right: 0;top: 0;}
#ft_wrap .ft_main_wr{margin-top:35px;display: flex;align-items: flex-end;gap: 100px;}
#ft_wrap .ft_main_wr .ft_cpnInfo .ft_cpnName{font-size:18px;color:#fff}
#ft_wrap .ft_main_wr .ft_cpnInfo{margin-top:10px}
#ft_wrap .ft_main_wr .ft_cpnInfo p{color:#ffffff7d;font-weight:300;line-height:1.8em;font-size:15px}
#ft_wrap .ft_main_wr .ft_cpnInfo p a{color: #ffffff7d;transition: all ease 0.2s;}
#ft_wrap .ft_main_wr .ft_cpnInfo p a:hover{color: #ffffffbf;}
#ft_wrap .ft_main_wr .ft_cpnInfo span{position:relative;display:inline-block;padding-right:20px;width:78px}
#ft_wrap .ft_main_wr .ft_cpnInfo span:after{position:absolute;content:'';width:1px;height: 12px;right: 10px;top: 7px;background: #ffffff4f;}
#ft_wrap .ft_main_wr .ft_cpnInfo span.long{width:124px}
#ft_wrap .ft_copy{color: #ffffff7d;font-weight: 300;line-height: 1.8em;font-size: 15px;}
#ft_wrap .ft_copy span.long{position: relative;display: inline-block; padding-right: 20px; width:124px}
#ft_wrap .ft_copy span:after{position:absolute;content:'';width:1px;height: 12px;right: 10px;top: 7px;background: #ffffff4f;}

@media screen and (max-width:1500px) {
    #ft_wrap .ft_info_wr{padding: 40px 20px;}
    #ft_wrap .ft_info_wr:after{font-size:40px;width:400px;right:50px}
}



/*모바일*/

/******* 여기부터 기존 css + 수정 *******/

.menuclass.mobile .weatherClass{display:flex;align-items:center;position:relative;gap: 5px;font-weight: 500;font-size: 13px;height: 80px;cursor:pointer;}
.menuclass.mobile .weatherClass img{width:20px}
.menuclass.mobile .weatherClass:after{content:'';position:absolute;width:1px;height:15px;background:#d2d2d2;right:-10px}
.menuclass.mobile .menuclass{align-items:center}
.menuclass.mobile .loginClass{padding:0 10px;}
.menuclass.mobile .corpClass img{width:130px;height:40px;}
.menuclass.mobile .mid_Class{flex: 30%;display:flex;gap:12px;justify-content: flex-end;height: 80px;}
.menuclass.mobile .corpClass{flex:50%;justify-content:unset;align-items: center;}
.menuclass.mobile .last_Class{flex:20%;text-align: right;height: 80px;}
.menuclass.mobile .last_Class a{cursor:pointer}																
.text{color:#f2f2f2;font-size:18px;padding:8px 12px;position:absolute;top:55%;width:100%;text-align:center;font-family:"Noto Sans KR",sans-serif}
.table_resv {width:100%;}
.table_resv table {border-collapse: collapse; border-spacing: 0; width:100%;border-top: 2px solid #ddd; }
.table_resv table th {height:15px;background:#ddd;padding: 3px;color: black;font-size: 16px;text-align: center;border : 1px solid #ddd; }
.table_resv table td {height:15px;padding: 3px;color: black;font-size: 16px;border : 1px solid #ddd;text-align: center;}
.table_resv table thead th {position: sticky; top:0; font-size: 18px;background: #dbeafe;}
.table_resv table thead th:after,
.table_resv table thead th:before {content:"";position: absolute; left:0; width: 100%; height: 1px;}
.table_resv table thead th:after {top: -1px;}
.table_resv table thead th:before {bottom: -1px;}

.day_sun,
.day_sun span { color:#E60000; }
.day_sat,
.day_sat span { color:#0082F3; }
.day_holi,
.day_holi span { color:#E60000; }

.tbl_type_basic{width:100%;float:left}
.tbl_type_basic th{}
.tbl_type_basic td{border-bottom:1px solid #DDD!important;border-collapse:collapse;line-height:.8}


.tbl_type_basic2 th{height:50px}
.tbl_type_basic2 td{height:50px}
.tbl_type_basic2 td a{display:block;width:100%;height:100%}
.tbl_type_basic2 td span{width:100%;font-size:12px}

.tbl_type_basic5 td {padding:10px 0; text-align: center; }

.tbl_type_basic6{width:100%;float:left}
.tbl_type_basic6 td {padding:5px 0;height: 30px;text-align: center;font-size: 14px;}
.tbl_type_basic6 th{height:30px;font-size:13px;text-align:right;background:#f9fafb;border:0}

.tbl_type_basic7 td { padding:20px 0; text-align: center;}

.dayStr{height:30px;line-height:30px;font-size:16px;text-align:center;color:#000}

@media screen and (max-width:1200px) {
    .countStr{height:50px;line-height:50px;font-size:16px;text-align:center}
    .slideshow-container img{width:100%;height:350px}
    .dotClass{position:absolute;right:50px;top:300px;margin:0;padding:0}
}

@media screen and (max-width:600px) {
	.menuclass.mobile .corpClass img{width:115px;height:33px}
    .countStr{height:40px;line-height:40px;font-size:14px;text-align:center;}
    .slideshow-container img{width:100%;height:320px}
    .dotClass{position:absolute;right:50px;top:280px;margin:0;padding:0}

    #mo_sec02 .dayStr{font-size:12px}
    .countStr{font-size:11px;height:25px;line-height:1.4em}
    #mo_sec02 .thisMonth{margin:35px 0 18px}
	
}

#mo_sec02 .resev_possible { color:#0C83B8; }
#mo_sec02 .ico_resev_possible{background:#D6EDFF;border-color:#D6EDFF}
#mo_sec02 .ico_resev_finised{background:white;border-color:white}
#mo_sec02 .ico_resev_finised .countStr{color:white}
.m_noticeBox, .m_joinBoradBox{width:100%;float:left}
.main_noticeBox .m_tab_layer .m_tab_contents .m_noticeBox .m_s_title{display:block;overflow:hidden;width:80%;float:left;margin-left:20px;font-size:18px;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.m_noticeBox .m_date{display:inline-block;float:right;margin-right:20px;color:#808080}
.noticeClass{width:100%;padding:0 20px;margin:20px 0 20px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position: relative;}
#mo_sec02 .joinClass{width:99%;margin:20px 0 20px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}

/******* 위까지 기존 css + 수정 *******/


/*section 01*/
#mo_sec01{margin-top:80px;position: relative;}
#mo_sec01 .sec01-text{position:absolute;top: 40%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;width: 100%;}
#mo_sec01 .sec01-text .main-txt{font-size: 16px;padding-bottom: 10px;font-weight: 300;}
#mo_sec01 .sec01-text .sub-txt{font-size: 36px;font-family:'futura-pt';font-weight:300;line-height: 1.4em;}
#mo_sec01 .slideshow-container{position:relative;height:100%}
#mo_sec01 .owl-carousel .owl-item img{height: 280px;}

#mo_sec01 .owl-dots{position:absolute;bottom: 15px;left:50%;z-index:100;width:200px;transform:translateX(-50%);text-align:center}
#mo_sec01 button{background:#00000078;width:50%;height:2px;transition:all ease .3s}
#mo_sec01 button.active{background:#fff}

#mo_sec01 .main-scroll-icon{position:absolute;bottom: 38px;transform:translateX(-50%);left:50%;text-align:center;z-index:1;cursor:pointer}
#mo_sec01 .scroll-txt{color:#fff;font-size:16px;font-family: 'Notosans';}
#mo_sec01 .wide-box{margin-bottom: 10px;margin-right:18px;animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
#mo_sec01 .wide-box img {width: 10px;}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

@media screen and (max-width:365px) {
	#mo_sec01 .sec01-text .sub-txt{font-size:32px}
}

/*section 02*/
/*#mo_sec02{height: 372px;    padding: 0 10px;}*/
#mo_sec02{height: 220px; padding: 0 10px; margin-bottom: 20px;}
#mo_sec02 .todayClass .dayStr{position:relative}
#mo_sec02 .todayClass .dayStr:before{border-radius:100%;background:#f89547;width:5px;height:5px;content:'';position:absolute;left:50%;top:-5px;transform:translateX(-50%)}
#mo_sec02 .thisMonth{text-align:center;font-size:21px;font-weight:500;margin: 30px 0 20px;}


/*section 03*/
#mo_sec03 {margin-top: 40px;}
#mo_sec03 .owl-dots .owl-dot.active{background:#fff}
#mo_sec03 .owl-dots .owl-dot{width:12px;height:12px;background:#ffffff6b;border-radius:100%;margin-right:8px}
#mo_sec03 .owl-dots{position:absolute;top: 10px;right: 10px;z-index:100}


/*section 04*/
#mo_sec04 {margin-top:60px}
#mo_sec04 #notice3-wr{width:100%;margin-top: 30px;}
#mo_sec04 .notice_btn{position:absolute;transition: all ease 0.3s;top: -20px;right:20px;background:#f6f6f6;border-radius:100%;width:58px;height:58px;line-height:58px;text-align:center}
#mo_sec04 .notice_btn:hover{background:#dbdbdb}
#mo_sec04 .notice_tit{font-size:21px;font-weight: 500;}
#mo_sec04 .notice_list{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #00000024;transition: all ease 0.3s;}
#mo_sec04 .notice_list:hover{background:#20202005}
#mo_sec04 .notice_title{flex:70%;font-size:20px;font-weight:500;color:#4b4b4b;padding-top:10px}
#mo_sec04 .notice_date{flex:30%;text-align:right}
#mo_sec04 .notice_day{font-size:16px;font-weight:700}
#mo_sec04 .notice_year{color:#bbb;font-weight:500;font-size:12px}

@media screen and (max-width:365px) {
	#mo_sec04 .notice_title{font-size:15px}
	#mo_sec04 .notice_day{font-size:14px}
}

/*section 05*/
#mo_sec05 .box_content {display: flex;padding: 30px 20px;gap: 10px;}
#mo_sec05 .box_content .box_list{border:1px solid #f1f1f1;border-radius:20px;flex:0 1 calc(100% / 2);background:#f1f1f1;padding:30px;height: 210px;position:relative;transition:all ease .3s}
#mo_sec05 .box_content .box_list a{display:block;width:100%;height:100%}
#mo_sec05 .box_content .box_list .box_text{position:absolute;bottom:30px;color:#000;transition:all ease .3s}
#mo_sec05 .box_content .box_list .box_text p{font-size: 12px;letter-spacing:-1px;padding-bottom:10px}
#mo_sec05 .box_content .box_list .box_text h2{font-size: 28px;font-weight:800;letter-spacing:-1px;}
#mo_sec05 .box_content .box_list:first-child{border:1px solid #3b9485;background:#ffffff}
#mo_sec05 .box_content .box_list:first-child.box_text{color:#3b9485}
#mo_sec05 .box_content .box_list:first-child:before{position:absolute;content:'';background:url(../images/main/m_sec05_icon01_hover.png) no-repeat;width: 40px;height: 40px;right: 30px;top: 30px;transition:all ease .3s;}
#mo_sec05 .box_content .box_list:last-child:before{position:absolute; content:''; background:url(../images/main/m_sec05_icon02.png) no-repeat;width:36px;height:38px;right: 30px;top: 30px;transition:all ease .3s}

@media screen and (max-width:500px) {
	#mo_sec05 .box_content .box_list{padding: 20px;}
	#mo_sec05 .box_content .box_list .box_text h2{font-size:20px}
}
@media screen and (max-width:365px) {
	
	#mo_sec05 .box_content{flex-wrap: wrap;}
	#mo_sec05 .box_content .box_list{flex:100%;height:100px}
}

/*footer*/
#mo_ft_wrap {font-family: 'Pretendard';}
#mo_ft_wrap .ft_top_wr{color: #fff;background:#2b8aab;height:80px;display:flex;padding:10px 30px;align-items:center;gap:20px;font-family: 'Hallym';}
#mo_ft_wrap .ft_top_wr .ft_top_right{font-size:25px;font-weight:700;flex:0 1 calc(50% - 10px)}
#mo_ft_wrap .ft_top_wr .ft_top_right a{color: #fff;white-space: nowrap;}
#mo_ft_wrap .ft_top_wr .ft_top_left{flex:0 1 calc(50% - 10px);font-weight:600;font-size:15px;position:relative}
#mo_ft_wrap .ft_top_wr .ft_top_left:after{position:absolute;content:'';width:70%;height:5px;background:#fff;bottom:-15px;left:0}
#mo_ft_wrap .ft_info_wr{background:#202020;padding: 30px 30px;}
#mo_ft_wrap .ft_go_wr{position: relative;}
#mo_ft_wrap .ft_go_wr .ft_go{color: #ffffff7d;font-size:15px;font-weight:300;line-height:1.8em;cursor:pointer;transition:all ease .2s}
#mo_ft_wrap .ft_go_wr .ft_go:hover{color: #ffffffbf;}
#mo_ft_wrap .ft_go_wr .ft_app{background:url(../images/main/app_img.png) no-repeat;width: 91px;height: 91px;position: absolute;right: 0;top: 0;}
#mo_ft_wrap .ft_main_wr{margin-top:35px}
#mo_ft_wrap .ft_main_wr .ft_cpnName{font-size:18px;color:#fff}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo{margin-top:10px}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo p{color:#ffffff7d;font-weight:300;line-height:1.8em;font-size:15px}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo p a{color: #ffffff7d;transition: all ease 0.2s;}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo p a:hover{color: #ffffffbf;}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo span{position:relative;display:inline-block;padding-right:20px;width: 75px;}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo span:after{position:absolute;content:'';width:1px;height: 12px;right: 10px;top: 7px;background: #ffffff4f;}
#mo_ft_wrap .ft_main_wr .ft_cpnInfo span.long{width:124px}
#mo_ft_wrap .ft_copy{font-size:15px;color:#ffffff7d;font-weight:300;margin-top:20px}

@media screen and (max-width:350px){
	#mo_ft_wrap .ft_top_wr{padding:10px 20px}
	#mo_ft_wrap .ft_info_wr{padding:30px 20px}
}

@media screen and (max-width:300px){
    .menuclass{padding:0 10px !important}
    .corpClass img{width: 110px;height: 35px;}
	#mo_ft_wrap .ft_top_wr .ft_top_right{font-size:22px}
}