:root{ --main-color-blue:#2741ba; --main-color-orange:#ff4e00; --main-color-white:#fff; --main-color-black:#111; --main-color-navy:#121b76; --main-color-mint:#00d8ff; } body{width:100%; font-size:16px; position:relative; letter-spacing: -0.1px;} .fc01{color:var(--main-color);} .mob_br{display:none;} .hidden{display:none;} .fc_blue{color:var(--main-color-blue)} .fc_lightblue{color:#95a8ff;} .fc_orange{color:var(--main-color-orange)!important;} .fc_mint{color:var(--main-color-mint)!important;} .sound_only{display:none;} .pcBr{display:none;} /*************** header *******************/ #header{display:flex; justify-content: space-between; z-index:10000; position:fixed; top:0; left:0; width:100%; transition: background 0.3s ease; background:var(--main-color-white);} #header #logo{width:240px; margin:30px;} #header #nav{display:flex; align-items: center; margin-right:40px;} #header #nav li{margin-right:20px;} #header #nav li:last-child{margin-right:0} #header #nav li a{padding:0 20px; font-size: 1.2em; font-family: 'NanumSquareNeo-extrabold'; white-space: nowrap;} #header #nav li.reserv{padding:12px 10px 12px 40px; border-radius: 30px; background:var( --main-color-orange) url(../img/footer_ico5.png) no-repeat 20px 50%;} #header #nav li.reserv a{color:var(--main-color-white);} #header .header_right{display:flex; } #header .phoneBx{background:var(--main-color-blue); padding:5px 25px ;} #header .phoneBx{display:flex; flex-direction: column; justify-content: center; align-items: center;} #header .phoneBx span{color:rgba(255,255,255,0.9); padding:5px 0 5px 30px; background:url(../img/phone_ico.png) no-repeat left center;} #header .phoneBx a{color:var(--main-color-white); font-family: 'NanumSquareNeo-extrabold'; font-size:1.35em; letter-spacing: -0.03em;} /* 기본 햄버거 버튼 숨김 */ .menuBtn { display: none; flex-direction: column; justify-content: space-between; width: 28px; height: 22px; background: none; border: none; cursor: pointer; margin: auto 20px; z-index: 11000; /* nav보다 위 */ } .menuBtn span { display: block; height: 3px; background: #333; border-radius: 2px; } .section{position:relative; width:100%; overflow: hidden;} .layout{width:100%; max-width:1500px; margin:0 auto;} .font_gwedu{font-family: 'GangwonEdu Power';} #wrap{padding-top:100px;} /*************** 고정메뉴 *******************/ .fixed{z-index:113; position:fixed; bottom:0; left:50%; width:100%; max-width:1500px; transform: translateX(-50%); background:#266acc url('/img/fixed_bg.jpg') no-repeat center / contain; padding:15px 15px 10px; border-radius: 20px 20px 0 0 ;} .fixed .layout{position:relative;} .fixed .fixed_illust{position:absolute; left:-70px; bottom:0; animation:floatUpDown 2.8s ease-in-out infinite;; } @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(30px); } 100% { transform: translateY(0); } } .fixed .fixed_change{width:100%; display:flex; align-items: center; justify-content: center;} .fixed .main_counsel{padding-left:150px;} .fixed .main_counsel form{display:flex; justify-content: space-between; align-items: stretch; height:100%;} .fixed .main_fixed_form{display:flex;} .fixed .main_fixed_form .fixed_form_top{display:flex; flex-direction: column; align-items: center; justify-content: center; padding-right:20px; margin-right:20px; border-right:1px solid rgba(255,255,255,0.2);} .fixed .main_fixed_form .fixed_form_top h2{color:var(--main-color-white); font-family: 'GangwonEdu Power';} .fixed .main_fixed_form .fixed_form_top .top_right, .fixed .main_fixed_form .fixed_form_top #fmembership_term{display:flex; align-items: center;} .fixed .main_fixed_form .fixed_form_top .fmembership_agree label{color:#ceecfd} .fixed .main_fixed_form .fixed_form_bot, .fixed .main_fixed_form .fixed_form_bot ul.fixed_input{display:flex; margin-right:20px;} .fixed .main_fixed_form .fixed_form_bot{margin-right:0;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li{display:flex; flex-direction: column; margin-right:15px;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child{margin-right:0;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li .fixed_tit{color:#ceecfd; margin-bottom:5px; font-size:0.9em;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li .fixed_tit strong{color:#ff0084;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li .fixed_cont{color:var(--main-color-white); display: flex; align-items: center;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li .fixed_cont label{display:none;} .fixed .fixed_cont input, .fixed .fixed_cont select, .fixed .fixed_cont textarea{background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.7); border-radius: 8px; padding:12px 8px; color:var(--main-color-white)} .fixed .fixed_cont textarea{height:50px;} .fixed .fixed_cont select{padding:14px 8px; line-height: 1.5; height:100%; overflow: visible;} .fixed .fixed_cont option{background:var(--main-color-navy);line-height: 1.5;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li .fixed_cont span{margin:0 5px;} .fixed .btn_confirm{padding:10px 20px; background: var(--main-color-blue); color:var(--main-color-white); white-space: nowrap; font-size:1.125em; font-family: 'NanumSquareNeo-extrabold'; border-radius: 8px;} .basicBtn{padding:20px 30px; border-radius:10px; color:var(--main-color-white); background:var(--main-color-blue); font-family: 'NanumSquareNeo-extrabold'; } .basicBtn.lg{font-size:1.3em;} .basicBtn.btn_youtube{background:#ff0033;} .basicBtn.btn_naver{background:#0da53b;} .basicBtn.btn_youtube, .basicBtn.btn_naver{display:flex; align-items: center; padding: 15px 20px;} .basicBtn.btn_youtube img, .basicBtn.btn_naver img{margin-right:10px;} .btn_blue{background:#0f4ae1; } .btn_orange{background:#ff4e00; } .sns_fixed{display:flex; flex-direction:column; position: fixed; right:20px; top:50%; transform: translateY(-50%); z-index: 111;} .sns_fixed a{font-family: 'NanumSquareNeo-bold'; padding:15px 20px; display:flex; flex-direction:column; align-items: center; border-radius: 10px; margin-bottom:15px; transition: all .3s;} .sns_fixed a span{font-size:1em; color:var(--main-color-white); margin-top:10px;} .sns_fixed a:hover{box-shadow: 0 5px 0 rgba(0,0,0,0.1); transform: translateY(-10px);} .sns_fixed .kakao{background:#ffda06;} .sns_fixed .kakao span{color:#3a2019;} .sns_fixed .naver{background:#309c3e;} .sns_fixed .reserv{background:#2741ba;} /*************** footer *******************/ #footer{position:relative; padding:40px 0 220px; background:#15243a;} #footer .ft_top{display:flex; justify-content: space-between; align-items: center; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.3);} #footer .ft_top .ft_logo img{opacity: 0.8;} #footer .ft_top .ft_sns{display:flex; flex-wrap: wrap;} #footer .ft_top .ft_sns li{ margin-right:30px; } #footer .ft_top .ft_sns li a{display:flex; flex-direction: column;align-items: center;} #footer .ft_top .ft_sns li a .circle{margin-bottom:10px;transition: all .3s; padding:12px; border-radius: 50%; border:1px solid rgba(255,255,255,0.4); background:rgba(255,255,255,0.1); } #footer .ft_top .ft_sns li a .circle img{transition: all .3s; } #footer .ft_top .ft_sns li:hover a .circle{border:1px solid var(--main-color-black); background:rgba(0,0,0,0.5);} #footer .ft_top .ft_sns li:hover a .circle img{transform: rotateY(360deg);} #footer .ft_top .ft_sns li a .txt{color:rgba(255, 255, 255, 0.7);} #footer .ft_bot{display:flex; justify-content: space-between;} #footer .ft_bot .address{display:flex; width:50%; flex-wrap: wrap;} #footer .ft_bot .address li{margin:0 50px 15px 0; color:#a8b2c2; font-size:1.125em;} #footer .ft_bot .address li strong{color:var(--main-color-white); margin-right:10px;} #footer .ft_bot .ft_right{color:var(--main-color-white);} #footer .ft_bot .ft_right a{font-size:2.2em; font-family: 'NanumSquareNeo-extrabold'; color:var(--main-color-white); margin-bottom:8px; text-align: right; letter-spacing: -0.04em;} #footer .ft_bot .ft_right p .mr{margin-right:20px;} #footer .ft_bot .ft_right p{color:rgba(255,255,255,0.7);} #footer .ft_bot .ft_right p strong{margin-right:5px; color:var(--main-color-white);} #footer .copyright{color:rgba(255, 255, 255, 0.3); margin-top:30px;} #main_top{} #main_top #mainSlider{position: relative;} #main_top #mainSlider .slick-slide{margin:0;} #main_top #mainSlider .mainSlider{width:100%; position: relative; z-index: 0;} #main_top #mainSlider .mainSlider:after{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); content:''; z-index: 10;} #main_top #mainSlider{position: relative; height: calc(100vh - 100px); overflow: hidden;} #main_top .mainVideoWrap{width:100%; height:100%; position: relative; z-index: 0;} #main_top .mainVideoWrap video{width:100%; height:100%; object-fit: cover;} #main_top .mainVideoWrap:after{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); content:''; z-index: 10;} #main_top .main_slogan{position: relative;} #main_top .main_videoBx .main_slogan span{position:relative; border:1px solid var(--main-color-white); padding: 10px 15px; color:var(--main-color-white); font-size:1.1em; letter-spacing:-0.03em;} #main_top .main_videoBx .main_slogan span:before{content:'';position:absolute; top:50%; left:-200px; transform: translateY(-50%); width:200px; height:1px; background:var(--main-color-white)} #main_top .main_videoBx .main_slogan span:after{content:'';position:absolute; top:50%; right:-200px;transform: translateY(-50%); width:200px; height:1px; background:var(--main-color-white)} #main_top .main_slogan p{color:var(--main-color-white); text-align: center; font-size:2.4em; line-height: 1.65em; margin-top:20px; font-family: 'NanumSquareNeo-extrabold'} #main_top #mainSlider .layout{z-index:100; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);display:flex; flex-direction: column; align-items: center;} #main_top #mainSlider .layout .main_hash{display:flex;} #main_top #mainSlider .layout .main_hash p{color:var(--main-color-white); font-size:1.3em; margin-right:15px; background:rgba(18,27,118,0.8); padding:15px 20px; border-radius: 30px; font-family: 'NanumSquareNeo-bold'} #main_top #mainSlider .layout .main_hash p:last-child{margin-right:0;} #main_top #mainSlider .layout .main_slogan{display:flex; flex-direction: column; align-items: center; margin:0 0 50px;} #main_top #mainSlider .layout .main_slogan .blue{font-size:2.8em; font-family: 'GangwonEdu Power'; text-shadow: -4px -4px 0 #0f4ae1, 4px -4px 0 #0f4ae1, -4px 4px 0 #0f4ae1, 4px 4px 0 #0f4ae1; color:#b4c9ff;} #main_top #mainSlider .layout .main_slogan .blue strong{font-size:1.4em; font-family: 'GangwonEdu Power'; color:var(--main-color-white)} #main_top #mainSlider .layout .main_slogan .orange{font-family: 'GangwonEdu Power'; font-size:6.6rem; line-height: 1.3em;} #main_top #mainSlider .layout .main_slogan .orange .fc_orange{ text-shadow: -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff;} #main_top #mainSlider .layout .main_slogan .orange .fc_white{ text-shadow: -4px -4px 0 #ff4e00, 4px -4px 0 #ff4e00, -4px 4px 0 #ff4e00, 4px 4px 0 #ff4e00;} /* 초기 상태: 숨김 */ .main_hash, .main_slogan .blue, .main_slogan .orange, .slogan-last { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; } /* 보여질 때 적용할 클래스 */ .show { opacity: 1 !important; transform: translateY(0)!important; } #main_top #mainSlider .layout .main_slogan + .fc_white{text-shadow: 0 0 10px rgba(0,0,0,0.7); font-size:1.5em; display:flex; flex-direction: column; align-items: center;} #main_top #mainSlider .layout .main_slogan + .fc_white strong{font-size:1.5em;} #main_top #mainSlider .layout .fc_white{color:var(--main-color-white);} #sec07{ background:#f7f7f7 url(../img/review_bg.png) no-repeat top center; overflow:visible; background-size: contain;} #sec07:after{position:absolute; bottom:-60px; content:''; width:100%; height:60px; border-radius: 0 0 100% 100%; background: #f7f7f7; z-index: 10;} #mainreview{position:relative; display:flex; flex-direction: column; align-items: center; padding:140px 0 180px; position:relative;} #mainreview .reviewTit{padding-top:50px; margin-bottom:50px; display:flex; flex-direction: column; position: relative;} #mainreview .reviewTit .rateBx{position:absolute; top:0px; padding:5px 0;border-radius: 20px; background:#25aeea;} #mainreview .reviewTit .rateBx img{ width:300px;} #mainreview .reviewTit .rateBx .imgWrap{position:relative;} #mainreview .reviewTit .rateBx .imgWrap:after{position:absolute; right:120px; bottom:-27px; width:33px; height:22px; content:''; background: url(../img/rate_img.png) no-repeat;} #mainreview .reviewTit .rateBx + p{font-size:1.4em; text-align: right; color:#666;margin-right:20px; font-family: 'NanumSquareNeo-bold'} #mainreview .reviewTit .font_gwedu{ font-size:4.9em; } #mainreview .reviewTit .font_gwedu strong{color:#1320a4; font-size:1.3em; margin-left:15px;} .reviewSliderWrap { position:relative; width: 100%; max-width: 1200px; margin: 0 auto 50px; overflow: hidden; padding:0 20px; } .reviewSlider li.slick-slide { background: var(--main-color-white); margin:20px 10px; /*height: 380px; */ border-radius:20px; display:flex!important; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .reviewSliderWrap .slideBtn{position:absolute; top:50%; transform: translateY(-50%);padding:25px; background: rgba(0,0,0,0.3); border-radius: 25px; transition: all 0.3s;} .reviewSliderWrap .slideBtn:hover{background:var(--main-color-black); cursor: pointer;} .reviewSliderWrap .slideBtn.prev{left:0;} .reviewSliderWrap .slideBtn.next{right:0;} .reviewSlider .slick-slider .slick-list{height:calc(100% - 50px);} .reviewSliderWrap .reviewSlider{width:calc(100% - 130px); margin:0 auto;} /*.reviewSlider li.slick-slide:nth-of-type(2n){flex-direction: row-reverse;} .reviewSlider li.slick-slide:nth-of-type(2n) .imgBx{border-radius:0 20px 20px 0;}*/ .reviewSlider li .imgBx{width:45%;overflow: hidden; border-radius: 20px 0 0 20px;} .reviewSlider li .imgBx img{width:100%; height:100%; object-fit: cover;} .reviewSlider li .reviewCont{width:55%; display:flex; flex-direction: column; justify-content: center; padding:70px 40px;} .reviewSlider li .reviewCont .top{margin-bottom: 30px; font-size:1.5em; font-family: 'NanumSquareNeo-extrabold'; word-break: keep-all;} .reviewSlider li .reviewCont .top .org{background: var(--main-color-orange); color:var(--main-color-white); padding:2px 5px;} .reviewSlider li .reviewCont .bot{font-size:1.025em; line-height:1.8em; word-break: keep-all;} #mainEvent{padding:160px 0; background:url(../img/event_bg.png) no-repeat top center; background-size: cover;} #mainEvent .layout{display:flex; flex-direction: column; align-items: center;} #mainEvent .layout .event_top{width:100%; padding:20px 0; margin-bottom:60px; display:flex; position: relative; flex-direction: column; align-items: center;} #mainEvent .layout .event_top p{font-size:3.2em; margin-top:10px; font-family:'GangwonEdu Power'; color:var(--main-color-navy)} #mainEvent .layout .event_top [class*="twinkle"]{position:absolute; left:50%; top:0; transform: translateX(-50%);} @keyframes softTwinkle { 0% { opacity: 0.1; } 50% { opacity: 1; } 100% { opacity: 0.1; } } .twinkle, .twinkle2 { animation: softTwinkle 2.8s ease-in-out infinite; transition: opacity 0.3s ease; will-change: opacity, transform; display: inline-block; } .twinkle2 { animation-delay: 1.4s; /* 반짝임이 교차되도록 시간 차이 줌 */ } #sec02{background:#fff3ee;} .rentalBx{position:relative; padding-bottom:120px;} .rentalBx .rentalTit{padding:20px 35px; display:flex; align-items: center; border-radius: 0 0 30px 30px; box-shadow: 0 8px 0 rgba(0,0,0,0.1);} #sec02 .rentalTit{background:var(--main-color-orange);} #sec03 .rentalTit{background:var(--main-color-navy);} #sec04 .rentalTit{background:var(--main-color-navy);} .rentalBx .rentalTit h2{display:flex; flex-direction:column; color:var(--main-color-white); padding-left:30px; margin-left:30px; border-left:1px solid rgba(255,255,255,0.3);} .rentalBx .rentalTit h2 span{opacity: 0.8; font-size:0.9em;} .rentalBx .rentalTit h2 strong{font-size:1.7em;} .rentalBx .layout{display:flex; flex-direction: column; align-items: center;} .rentalBx .numberLst{margin-top:50px;} .rental_top{display:flex; flex-direction: column; align-items: center; margin:100px 0 80px;} .rental_top .rentalDesc, #sec05 .teach_top .rentalDesc, .mainLocation .locDesc{font-size:2.2em; font-family: 'NanumSquareNeo-bold'; margin-bottom:5px;} .rental_top .rentalSlogan, .teach_top .rentalSlogan, .mainLocation .locSlogan{font-size:3.8em; font-family: 'GangwonEdu Power'; letter-spacing: -0.02em;} .rental_top .rentalSlogan .fc_orange, .mainLocation .locSlogan strong.fc_orange{position: relative; padding:0 8px; margin:0 4px; z-index: 10;} .rental_top .rentalSlogan .fc_orange:before, .mainLocation .locSlogan strong.fc_orange:before{position: absolute; content:''; background:#ffd2be;bottom:0; left:0; height:17px; width:100%; z-index: -1;} .numberLst{display:flex; flex-direction: column; align-items: center;} .numberLst li{position: relative; margin-bottom:15px;} .numberLst li .numb{position: absolute; width:60px; height:60px; border-radius: 50%; display:flex; justify-content: center; align-items: center; background:var(--main-color-blue); color:var(--main-color-white); font-weight: bold;} .numberLst li .cont{display:flex; align-items: center; font-size:1.2em; font-family: 'NanumSquareNeo-bold'; padding:10px 30px 10px 80px; background:var(--main-color-white); border-radius: 50px; height: 60px;} .numberLst li .cont strong{margin:0 8px; color:var(--main-color-blue); font-size:1.4em; font-family: 'NanumSquareNeo-extrabold';} .mainLocation .numberLst li .cont{background:var(--main-color-navy); color:var(--main-color-white);} .sliderWrap{position:relative;} .sliderWrap .slider_control{display:flex; align-items: center; position:absolute; bottom:0; right:0; background: rgba(18,27,118,0.8); } .sliderWrap .slider_control .sliderBtn{padding:25px 20px;} .sliderWrap .slider_control .sliderBtn:hover{cursor: pointer;} .sliderWrap .slider_control .slider_pager{display:flex; align-items: center; color:#bfb8e5;} .sliderWrap .slider_control .slider_pager .current{margin-right:8px; display:flex; align-items: center; font-family: 'NanumSquareNeo-extrabold'; color:var(--main-color-white)} .sliderWrap .slider_control .slider_pager .total{margin-left:8px; } .rentalCont .sliderWrap .slider_control{left:50%; right:auto; transform: translateX(-50%);} #sec02 .tableBx:last-child .tbl01:last-child{margin-top:65px;} #sec03{} #sec03 .numberLst li .cont{background:#efefef;} .rentalCont{width:100%; display:flex; flex-direction: column; align-items: center;} .rental_mid, .rental_bot{width:1200px;} .rentalCont .slick-slide{margin:0;} .rentalCont .slick-slide img{width:auto; max-height:700px; margin:0 auto;} #sec04{background:#e7eaf6;} .rental_bot{margin-top:80px; display:flex; justify-content: space-between;} .rental_bot .tableBx{width:calc(50% - 30px);} .tbl01{border-top:4px solid var(--main-color-blue); border-bottom:1px solid #999; width:100%;} .tbl01 th{padding:12px 20px; font-size:2em; color:var(--main-color-navy); border-bottom:1px solid var(--main-color-blue); font-family: 'GangwonEdu Power';} .tbl01 td{padding:8px 20px; border-bottom:1px dashed #ccc;} .tbl01 td{font-size:1.3em; font-family: 'NanumSquareNeo-bold'; } .tbl01 td .price{text-align: right;font-size:0.9em;} .tbl01 td .price strong{font-size:1.9em; margin-right:8px; font-family: 'NanumSquareNeo-extrabold'; letter-spacing: -0.03em;} .lift_bot{width:100%;} .liftWrap{border-top:4px solid var(--main-color-blue); border-bottom:1px solid #999 ; width:100%; padding:35px 0;} .lift_bot.mt50{margin-top:50px;} .liftHow{margin-top:50px; display:flex; flex-direction: column; align-items: center;} .liftHow .liftTxt{ margin:0 80px; } .liftHow .liftTxt .top{font-family: 'GangwonEdu Power'; font-size:2em; color:var(--main-color-white); margin-bottom:15px;} .liftHow .liftTxt .top strong{font-size:1.4em;} .liftHow .liftTxt .bot{display:flex; flex-direction: column;} .liftHow .liftTxt .bot li{margin-bottom:10px; display:flex; color:var(--main-color-white);} .liftHow .liftTxt .bot li .tit{margin-right:50px;} .liftroundBx{position:relative; display:flex; justify-content: space-between; align-items: center; margin-bottom:20px; z-index: 1;} .liftroundBx + p{font-size:1.125em;} .liftroundBx:after{position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:calc(100% - 50px); content:''; border-radius:100px 0 100px 0; background:url(../img/lift_bg.jpg) no-repeat; background-size:cover; box-shadow:10px 10px 10px rgba(0,0,0,0.1); } .liftroundBx .liftTxt{margin-top:50px;} .liftroundBx img{margin-bottom:-1px;} #sec04 .rentalCont{width:100%;} .liftWrap{display:flex; justify-content: space-between;} .liftWrap .liftBx{padding:0 35px; width:50%;} .liftWrap .liftBx:first-child{border-right:1px solid #cfcfe3;} .titleBx{ display:flex; flex-direction:column; align-items: center;} .titleBx .tit{font-family: 'GangwonEdu Power'; font-size:2em; color:var(--main-color-navy);} .titleBx .saleTit{background:var(--main-color-orange); padding:5px 20px; font-family: 'NanumSquareNeo-extrabold'; border-radius: 30px; color:var(--main-color-white)} .contentBx{display:flex; flex-direction: column;} .contentBx .item{display:flex; justify-content: space-between; align-items: center; padding:30px 0; border-radius: 20px; background:var(--main-color-white); margin-top:30px;} .contentBx .item .hours{margin:0 30px;display:flex; justify-content: center; align-items: center; width:120px; height: 120px; border-radius: 50%; background:var(--main-color-blue); color:var(--main-color-white); font-size:1.1rem;} .contentBx .item .hours strong{font-size:2rem;} .contentBx .item .priceBx{display:flex; width:calc(100% - 150px);} .contentBx .item .priceBx .price_item{width:50%; padding:0 30px; display:flex; flex-direction: column;} .contentBx .item .priceBx .price_item:first-child{border-right:1px solid #cfcfe3;} .contentBx .item .priceBx .price_item .type{font-size:1.3em; font-family: 'NanumSquareNeo-extrabold'; margin-bottom:15px;} .contentBx .item .priceBx .price_item .price_info{display:flex; flex-direction: column; align-items: flex-end;} .contentBx .item .priceBx .price_item .price_info .before{color:#777; text-decoration:line-through;} .contentBx .item .priceBx .price_item .price_info .after{font-size:1em; font-family: 'NanumSquareNeo-bold';} .contentBx .item .priceBx .price_item .price_info .after strong{font-size:2.7em;letter-spacing: -0.08em; font-family: 'NanumSquareNeo-extrabold';color:var(--main-color-blue); margin-right:5px;} #sec05{display:flex; flex-direction: column; padding:180px 0 130px; background:#1065b5 url(../img/teach_bg.png) no-repeat top center;} #sec05 .teach_top{margin-bottom:90px; display:flex; flex-direction: column; align-items: center;} #sec05 .teach_top .rentalDesc{color:rgba(255,255,255,0.8);} .teach_price{display:flex; flex-wrap: wrap; justify-content: center;} #sec05 .teach_price .tpBx{padding:50px 40px;width:calc(33.333% - 20px);background: rgba(255,255,255,0.8); border-radius: 20px;} #sec05 .teach_price .tpBx:first-child{margin-right:30px;} #sec05 .fc_white{color:var(--main-color-white); font-size:1.4em; margin-top:60px; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.1);} #sec05 .titleBx .tit{font-size:2.5em;} .tp_program{margin-top:30px;} .tp_program .pro_item{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #bec6e0;} .tp_program .pro_item:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;} .tp_program .pro_item .tit{margin-bottom:20px; display:flex; align-items: center; font-size:1.6em; font-family: 'NanumSquareNeo-extrabold'; color:var(--main-color-black)} .tp_program .pro_item .tit span{padding:4px 20px; margin-left:10px; background:var(--main-color-white); border-radius: 30px; border:1px solid #666; color:#333; font-size:1rem} .tp_program ul{display:flex; flex-direction: column; margin-bottom:20px;} .tp_program ul li{position: relative; margin-bottom:5px; color:var(--main-color-black); padding-left:12px; font-size:1.2em;} .tp_program ul li:before{position: absolute; top:12px; left:0; width:3px; height:3px; background: #111; border-radius: 50%; content:'';} .teach_video{margin:100px auto; display:flex; flex-direction: column; align-items: center;} .teach_video .youtubeBx{position: relative; width:1040px; border-radius: 20px; margin-bottom:40px; overflow: hidden; padding-top: 38.51%;} .teach_video .youtubeBx iframe{width:100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .tp_program .pro_item .tp{display:flex; align-items: center; justify-content: flex-end;font-family: 'NanumSquareNeo-extrabold';} .tp_program .pro_item .tp strong{font-size:2.2em; letter-spacing: -0.07em; margin-right:5px; } .teachLst{display:flex; justify-content: space-between;} .teachLst .teacher{display:flex; flex-direction: column; width:calc(25% - 20px);} .teachLst .teacher .teacher_top{position:relative; } .teachLst .teacher .teacher_top .imgBx{border-radius: 15px 15px 0 0; overflow: hidden;} .teachLst .teacher .teacher_top .imgBx img{width:100%; transition: all .5s;} .teachLst .teacher .teacher_top .imgBx:hover img{transform: scale(1.2);} .teachLst .teacher .teacher_top span{padding:5px; position:absolute; left:50%; transform: translateX(-50%); bottom:-25px; z-index:10; border-radius:10px; display:flex; justify-content: center; align-items: center; width:calc(100% - 30px); background:var(--main-color-blue); color: var(--main-color-white);} .teachLst .teacher .teacher_top span strong{font-size:1.7em; margin-right:5px;} .teachLst .teacher .teacherInfo{padding:50px 30px 35px; font-size:1.025em; line-height: 1.7em; font-family: 'NanumSquareNeo-bold'; background: var(--main-color-white); border-radius: 0 0 15px 15px; } .teach_top .rentalSlogan{margin-bottom:60px; color:var(--main-color-white);} .teach_top .rentalSlogan strong{color:var(--main-color-navy);} .teach_top .numberLst li .cont{background:rgba(0,0,0,0.4); color:var(--main-color-white)} .numberLst.checkLst li .cont{position: relative; padding:10px 30px 10px 70px;} .numberLst.checkLst li .cont:before{position: absolute; width:28px; height:27px; background:url(../img/check_ico.png) no-repeat center; content:''; top:50%; left:25px; transform: translateY(-50%);} .mainLocation{padding:150px 0;} .mainLocation .loc_top{display:flex; flex-direction: column; align-items: center;} .mainLocation .locSlogan{color:var(--main-color-navy);} .mainLocation .locSlogan strong{font-size:1.3em;} .mainLocation .checkLst{margin:40px auto 60px;} .loc_bot{display:flex; justify-content: space-between;} .loc_bot .mapWrap{width:55%; border-radius: 0 100px 0 100px; overflow: hidden;} .loc_bot .mapInfo{width:calc(45% - 70px); display:flex; flex-direction: column; padding:80px 0;} .loc_bot .mapInfo .infoItem{padding-bottom:30px; margin-bottom:30px; border-bottom: 1px solid rgba(0,0,0,0.2);} .loc_bot .mapInfo .infoItem:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;} .loc_bot .mapInfo .infoItem .tit{padding-left:40px; font-size:1.2em; margin-bottom:15px; font-family: 'NanumSquareNeo-bold'} .loc_bot .mapInfo .infoItem:nth-of-type(1) .tit{background:url(../img/map_ico1.jpg) no-repeat center left;} .loc_bot .mapInfo .infoItem:nth-of-type(2) .tit{background:url(../img/map_ico2.jpg) no-repeat center left;} .loc_bot .mapInfo .infoItem:nth-of-type(3) .tit{background:url(../img/map_ico3.jpg) no-repeat center left;} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul{display:flex; flex-direction: column;} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul li{display:flex; align-items: center; margin-bottom:10px;} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul li .time_tit{font-size:1.025rem; padding:5px 15px; border-radius: 30px; background:#666; margin-right:10px; color:var(--main-color-white)} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul li .time{font-size:1.5rem; letter-spacing: -0.05em;} .loc_bot .mapInfo .infoItem .cont{font-family: 'NanumSquareNeo-extrabold'; font-size:1.6em;} #sec06{padding:150px 0 130px; background: url(../img/resort_bg.jpg) no-repeat; background-size: cover;} #sec06 .resort_top{padding:40px 0; margin-bottom:65px; position:relative;} #sec06 .resort_top .fire_left{position:absolute; top:-50px; display:flex; flex-direction: column; align-items: center;} #sec06 .resort_top .fire_left .top{margin:20px 0 0 200px; animation-delay: 0s; } #sec06 .resort_top .fire_left .bot{ animation-delay: 2s;} #sec06 .resort_top .fire_right{position:absolute; bottom:0; right:20px; animation-delay: 1s;} .resort_top img { opacity: 0; /* 처음은 안 보이게 */ transform: scale(1); /* 원래 크기 */ animation: firework 6s infinite; /* 기본 애니메이션 */ } /* 불꽃놀이 효과 */ @keyframes firework { 0% { opacity: 0; transform: scale(1); } 10% { opacity: 1; transform: scale(1.1); } 40% { /* 나타난 상태 유지 */ opacity: 1; transform: scale(1.15); } 60% { /* 점점 사라짐 시작 */ opacity: 0; transform: scale(1.2); } 100% { opacity: 0; transform: scale(1); } } #sec06 .resort_top .resort_title {display:flex; flex-direction: column; align-items: center; position: relative; z-index: 10;} #sec06 .resort_top .resort_title .top{font-family: 'GangwonEdu Power'; background:var(--main-color-orange); color:var(--main-color-white);padding:0 20px; font-size: 2em; margin-bottom:10px;} #sec06 .resort_top .resort_title .tit{ color:var(--main-color-white); font-size:4.2em; font-family: 'GangwonEdu Power';} #sec06 .resort_top .resort_title .desc{font-size:1.5em; color:rgba(255,255,255,0.8); font-family: 'NanumSquareNeo-extrabold';} #sec06 .resort_bot{position:relative; display:flex; align-items: center; justify-content: center;} #sec06 .resort_bot .slideBtn, .faqBx .slideBtn{position:absolute; top:50%; transform: translateY(-50%); padding:25px; background: rgba(0,0,0,0.3); border-radius: 25px; transition: all 0.3s;} #sec06 .resort_bot .slideBtn.prev{left:0;} .faqBx .slideBtn.prev{left:-80px;} #sec06 .resort_bot .slideBtn.next{right:0;} .faqBx .slideBtn.next{right:-80px;} #sec06 .resort_bot .slideBtn:hover, .faqBx .slideBtn:hover{background:var(--main-color-black); cursor: pointer;} #sec06 .resort_bot .resortSlideBx{width:calc(100% - 200px);} #sec06 .resort_bot .resortSlideBx .resortSlide{} #sec06 .resort_bot .resortSlideBx .resortSlide li{display:flex; align-items: center;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx{position: relative; border-radius: 100px 0 100px 0; overflow: hidden;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx img{position:relative;width:100%; transition: all 0.3s;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx:hover img{transform: scale(1.2);} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx span{z-index:10; position: absolute; top:0; right:0; padding:35px 20px; color:var(--main-color-white); background:#ce1173;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo{margin-left:80px; display:flex; flex-direction: column; align-items: flex-start;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .cate{color:var(--main-color-white); border:1px solid rgba(255,255,255,0.5); border-radius: 50px; padding:5px 20px; margin-bottom:10px; font-size:1.125em;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortName{color:var(--main-color-white); font-size:2.9em; margin-bottom:20px; font-family: 'GangwonEdu Power';} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortDesc{color:var(--main-color-white); font-size:1.125em; line-height:1.8em;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .btnWrap{display:flex; margin-top:30px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .btnWrap .basicBtn{margin-right:10px;} .event_bot{display:flex; width:100%;} .event_bot .eventSlider{position: relative; z-index: 0;} .event_bot .eventSlider li{display:flex; justify-content:space-between; align-items: center; margin:0;} .event_bot .eventSlider li .imgBx{width:calc(50% - 80px); border-radius:100px 0 100px 0; overflow:hidden; } .event_bot .eventSlider li .imgBx img{width:100%;} .event_bot .eventSlider li .cont{width:50%; display:flex; flex-direction: column; font-family: 'NanumSquareNeo-bold';} .event_bot .eventSlider li .cont .eventNumb{display:flex; align-items: center; margin-bottom:20px;} .event_bot .eventSlider li .cont .eventNumb span{color:var(--main-color-navy); } .event_bot .eventSlider li .cont .eventNumb span.line{background:var(--main-color-navy); width:50px; height:1px; margin:0 10px; } .event_bot .eventSlider li .cont .eventNumb span.eventSlider_numb{font-family: 'NanumSquareNeo-extrabold';} .event_bot .eventSlider li .cont .eventName{font-size:2.7em; font-family: 'GangwonEdu Power'; color: var(--main-color-navy)} .event_bot .eventSlider li .cont .eventName strong{font-size:1.4em;} .event_bot .eventSlider li .cont .eventDesc{font-family: 'NanumSquareNeo-bold'; margin:20px 0 30px; font-size:1.2em; line-height: 1.7em; color:var(--main-color-black);} .event_bot .eventSliderWrap{position: relative; width:100%;} .event_bot .eventSliderWrap .sliderBtn{position: absolute; z-index: 10; bottom:0; left:0; padding:25px; background:rgba(18,27,118,0.8); transition:all 0.3s; } .event_bot .eventSliderWrap .sliderBtn.btn_next{left:66px;} .event_bot .eventSliderWrap .sliderBtn:hover{background: var(--main-color-navy); cursor: pointer;} .event_bot .eventSlider .eventLst li{position:relative;justify-content: flex-start; background:var(--main-color-white); display:flex; align-items: center; margin-bottom:10px; border-radius: 30px; padding-left:100px;} .event_bot .eventSlider .eventLst li .tit{background:var(--main-color-navy); margin-right:20px; color:var(--main-color-white); padding:12px 25px; border-radius: 30px; position:absolute; top:0; left:0; white-space: nowrap;} .event_bot .eventSlider .eventLst li .cont{width:100%; font-size:1.125em; padding:10px;} .event_bot .eventSlider .eventLst.lst_two{display:flex;flex-wrap: wrap; justify-content: space-between;} .event_bot .eventSlider .eventLst.lst_two li{width:calc(50% - 20px); padding-left:50px; color:var(--main-color-white); background:var(--main-color-navy) url(../img/check_ico.png) no-repeat 20px 50%;} .fixed_closeBtn{display:none;} #faq_cont{padding:0 0 150px; display:flex; flex-direction: column; align-items: center;} #faq_cont .faqTit{margin-bottom:70px; display:flex; flex-direction: column; align-items: center;} #faq_cont .faqTit p:first-child{border-radius: 30px; padding:10px 30px; margin-bottom:20px; font-size:1.2em; border:1px solid var(--main-color-blue); color:var(--main-color-blue); background: var(--main-color-white)} #faq_cont .faqTit .font_gwedu{font-size:3em; text-align: center; line-height:1.3;} #faq_cont .faqTit .font_gwedu strong{color:var(--main-color-blue);} .faqBx{position:relative; padding-bottom:50px; background:#9fbfd4; padding:0 30px; border-radius: 30px; max-width:750px; height:480px;} .faqBx .faqLst{display:flex; height:100%;} .faqBx .faqLst .faqItem{display:flex; flex-direction: column; align-items: flex-start; justify-content: center; height:480px;} .faqBx .faqLst .faqItem p{position:relative; padding:25px; border-radius: 10px; font-size:1.3em; display:inline-block;} .faqBx .faqLst .faqItem .faq_q{margin-left:15px; background:var(--main-color-white); margin-bottom:20px;} .faqBx .faqLst .faqItem .faq_q:before{position: absolute; left:-15px; top:20px; content:''; width: 0; height: 0; border-style: solid; border-width: 0px 15px 15px 0px; border-color: transparent #fff transparent transparent; } /* slick dots 위치 및 스타일 커스터마이징 */ .faqBx .slick-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex !important; gap: 8px; } .faqBx .slick-dots li button:before { color: #888; font-size: 12px; } .faqBx .slick-dots li.slick-active button:before { color: #000; } .faqBx .faqLst .faqItem .faq_a{background:#fef22e; margin-right:15px;align-self: flex-end;} .faqBx .faqLst .faqItem .faq_a:before{position: absolute; right:-15px; top:20px; content:''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0px 0px; border-color: #fef22e transparent transparent transparent ; } /* slick dots 위치 및 스타일 커스터마이징 */ .faqBx .slick-dots { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); display: flex !important; gap: 8px; } .faqBx .slick-dots li:hover{cursor: pointer;} .faqBx .slick-dots li{width:15px; height:15px; border-radius: 50%; border:1px solid #ccc; display:flex; justify-content: center; align-items: center;} .faqBx .slick-dots li button{content:''; color:'transparent'; font-size: 0;} .faqBx .slick-dots li.slick-active{background:var(--main-color-blue); border:1px solid var(--main-color-blue); } .sub{position:relative;} .subWrap + #footer{padding:40px 0 120px;} .sub .layout{max-width:1200px;} .sub .subTitle{position:relative; padding:150px 0; display:flex; align-items: center; justify-content: center; margin-bottom:100px; font-size:2.5em; color:var(--main-color-white); background: url(../img/sub_title.png) no-repeat center; z-index: 10; font-family: 'GangwonEdu Power';} .sub .subTitle:after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:''; z-index: -1;} .subTab{display:flex; justify-content: center; align-items: center; margin-bottom:50px;} .subTab li{margin-right:10px;} .subTab li:last-child{margin-right:0} .subTab li a{padding:15px 20px; border-radius: 30px; border:1px solid #ccc; font-size:1.125em;} .subTab li.active a{background:var(--main-color-orange); color:var(--main-color-white); border:1px solid var(--main-color-orange)} .subCont{padding-bottom:150px;} .sub table{border-top:3px solid var(--main-color-blue); width:100%;} .sub table th, .sub table td{padding:15px 20px; border-bottom:1px solid #ccc;} .sub table th{background:#f5f8f9; text-align: center;} .sub table select, .sub table input, .sub table textarea{padding:10px 12px; border:1px solid #ccc; border-radius: 8px; font-size:1em;} .sub table label, .sub table p{font-size:1em;} .sub .btn_submit, .sub .btn_search{background: var(--main-color-blue); color:var(--main-color-white);border-radius: 10px;} .sub .btn_cancel{background:#ccc; border-radius: 10px;} .self_cont .tot_price_wrap{margin:30px auto; padding:30px; border-top:1px solid #222; border-bottom:1px solid #222;display:flex; align-items: center; justify-content: center; font-size:1.5em;} .self_cont .tot_price_wrap .tot_price{font-size:2.2em; color:var(--main-color-orange); margin:0 10px 0 80px; font-family:'NanumSquareNeo-extrabold' } .self_cont .basicBtn{width:100%; background: var(--main-color-blue)} .self_cont .basicBtn:hover{cursor: pointer;} .tbl_item{display:flex; flex-wrap: wrap;} .tbl_item li{margin-right:30px;} .tbl_item li:last-child{margin-right:0;} .btnWrap{display:flex; justify-content: center; align-items: center; margin-top:30px;} .btnWrap .basicBtn{margin-right:10px;} .btnWrap .basicBtn:last-child{margin-right:0;} .tbl_wrap{width:100%; overflow: auto;} /***** 게시판 목록 *****/ #bo_list_total{width:100%;} #bo_sch{width:100%; margin-top:50px; background:#f5f8f9; padding:30px; display:flex; justify-content: center; align-items: center;} #bo_sch input, #bo_sch select, .pg_wrap_mob select{background:var(--main-color-white); border:1px solid #ccc; padding:10px 12px; border-radius: 8px;} /*#bo_sch select{padding:12px;}*/ #bo_sch .sch_btn{padding:11px 15px; border-radius: 8px; background:var(--main-color-blue); color:var(--main-color-white)} #bo_sch .sch_btn i{margin-right:10px; } .pg_wrap{margin-top:50px; width:100%; float:none;} .pg_wrap .pg{display:flex; align-items: center; justify-content: center;} .pg_wrap .pg [class*='pg_']{margin-right:8px; border-radius:50%; height:40px; width:40px; line-height:40px; display:flex; justify-content: center; align-items: center;} .pg_wrap .pg .pg_current{background:var(--main-color-blue); color:var(--main-color-white); border:1px solid var(--main-color-blue);} #bo_w .tal{margin-bottom:20px;} .frm_input{height:auto;} .pg_wrap_mob, .mob_ShowBtn{display:none;} .new_mob_top{display:none;} @media screen and (max-width: 1700px) { #header #nav li{margin-right:10px;} #header .phoneBx{padding:0 20px;} #header #nav{margin-right:30px;} #header .phoneBx p{font-size:1.6em;} #header #logo{width:220px; margin:30px 20px;} #header #nav li a{font-size:1.125em;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortName{font-size:2.7em;} } @media screen and (max-width: 1500px) { .layout{max-width:96%;} .fixed{width:98%; background-size:cover;} .fixed .fixed_illust{left:-80px; width:140px;} .fixed .main_counsel{padding-left:80px;} .fixed .fixed_cont input, .fixed .fixed_cont select, .fixed .fixed_cont textarea{ padding:8px 5px; font-size:0.9em;} .fixed .fixed_cont select{padding:10px 5px;} .fixed .main_fixed_form + .btn_confirm{font-size:1.025em;} .fixed .main_fixed_form{margin-right:20px;} #main_top #mainSlider .layout .main_hash p{padding:12px 15px; font-size:1.025em;} #main_top #mainSlider .layout .main_slogan{margin:30px 0;} #main_top #mainSlider .layout .main_slogan .blue{font-size:2.2em;} #main_top #mainSlider .layout .main_slogan .orange{font-size:5.8rem; line-height: 1.2em;} #main_top #mainSlider .layout .main_slogan + .fc_white{font-size:1.2em;} #main_top #mainSlider .layout .main_slogan + .fc_white strong{font-size:1.2em;} .sns_fixed a{padding:10px;} .sns_fixed a span{font-size:0.9em;} .contentBx .item{padding:20px 0;} .contentBx .item .priceBx .price_item .price_info .after strong{font-size:2.2em;} .contentBx .item .hours{width:100px; height:100px; margin:0 20px;} .liftWrap .liftBx{padding:0 20px;} .liftHow .liftTxt{margin:0 60px;} .contentBx .item .priceBx .price_item{padding:0 20px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo{margin-left:50px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx{width:50%;} #sec06 .resort_top .fire_right{width:180px;} #sec06 .resort_top .resort_title .top{font-size:1.8em;} #sec06 .resort_top .resort_title .tit{font-size:3.6em;} #sec06 .resort_top .resort_title .desc{font-size:1.3em;} #sec06 .resort_top .fire_left .top{width:100px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .cate{font-size:1em;} #header .phoneBx p{font-size:1.25em;} #header .phoneBx span{font-size:0.9em; background-size:16%;} #header #nav li.reserv{padding:12px 15px 12px 48px; background-size:15%;} #header #logo{width:190px; margin:24px 15px;} #wrap{padding-top:80px;} #header{height:80px;} #header #nav li{margin-right:0;} #header #nav li a{font-size:1.025em;} #header #nav li.reserv a{padding:0;} #header #nav{margin-right:20px;} #header .phoneBx{padding:0 10px;} #mainEvent{padding:130px 0;} .event_bot .eventSlider li .cont .eventName{font-size:2.3em;} .event_bot .eventSlider li .cont .eventDesc{margin:10px 0 20px; font-size:1em;} .event_bot .eventSlider li .cont .eventNumb{margin-bottom:10px;} .event_bot .eventSlider li .imgBx{width:calc(40% - 50px);} .event_bot .eventSlider li .cont{width:60%;} .event_bot .eventSlider .eventLst li .cont{font-size:1em; padding:10px 15px;} .event_bot .eventSlider .eventLst li .tit{margin-right:10px; padding:10px 20px;} .event_bot .eventSlider .eventLst li{padding-left:70px;} .fixed .main_fixed_form .fixed_form_top .fmembership_agree label{font-size:0.9em} .fixed .main_fixed_form .fixed_form_top h2{font-size:1.3em; word-break: keep-all;} .fixed .main_fixed_form .fixed_form_top{padding-right:15px; margin-right:15px;} .fixed .layout{max-width:100%;} .fixed_form_bot{display:flex; align-items: center;} } @media screen and (max-width:1200px) { .fixed{width:100%;} .fixed .layout{max-width: 100%;} .fixed .fixed_illust{display:none;} .fixed .main_counsel{padding-left:0;} .fixed .main_counsel form{flex-direction: column;} .fixed .main_fixed_form{margin-right:0; margin-bottom:20px; flex-direction: column;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input{justify-content: space-between;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li{margin-right:0;} .fixed .main_fixed_form .fixed_form_top{padding-right:0; margin-right:0; border-right:0;} .fixed_closeBtn{display:flex; background:var(--main-color-white); color:var(--main-color-blue); padding:6px 10px; border-radius: 5px; margin-left:10px;} #header #nav { position: fixed; top: 70px; right: -100%; width: 100%; height: 100vh; background:var(--main-color-navy); flex-direction: column; align-items: flex-start; transition: right 0.4s ease; margin-right:0; } #header #nav li{width:100%; border-bottom:1px solid rgba(255,255,255,0.3); transition: all 0.3s;} #header #nav li:hover{background:var(--main-color-blue);} #header #nav li a{padding:20px;} #header #nav.active { right: 0; } #header #nav li.reserv{border-radius: 0; padding:20px 0; background-size: auto} #header #nav li.reserv:hover{background:var(--main-color-blue) url(../img/footer_ico5.png) no-repeat 20px 50%;} #header #nav li.reserv a{padding:0 20px 0 60px;} #header #nav li a{font-size:1.125em; color:var(--main-color-white);} .menuBtn { display: flex; } .teachLst{flex-wrap: wrap;} .teachLst .teacher{width:calc(50% - 20px); margin-bottom:30px; justify-content: space-between;} .teachLst .teacher .teacherInfo{height:100%;} #sec05 .teach_price .tpBx{padding:40px 30px;} .teach_video .youtubeBx{width:100%;} .rental_top .rentalDesc, #sec05 .teach_top .rentalDesc, .mainLocation .locDesc{font-size:1.7em;} .teach_top .rentalSlogan{margin-bottom:50px;} .rental_top .rentalSlogan, .teach_top .rentalSlogan, .mainLocation .locSlogan {font-size:3.6em;} .rental_top .rentalSlogan{text-align: center; word-break: keep-all;} .numberLst li .cont strong{font-size:1.2em;} .layout{max-width:calc(100% - 30px);} #sec05 .fc_white{font-size:1.2em;} .tp_program .pro_item .tit{font-size:1.4em;} .tp_program ul li{font-size:1.025em;} .tp_program .pro_item .tp strong{font-size:2.1em;} .basicBtn.lg{font-size:1.125em;} .rentalBx .rentalTit h2{padding-left:20px; margin-left:20px;} .rentalBx .rentalTit h2 span{font-size:1.1rem;} .rentalBx .rentalTit h2 strong{font-size:2rem;} #sec02 .rentalTit img, #sec03 .rentalTit img, #sec04 .rentalTit img{width:60px;} .rental_mid, .rental_bot{width:96%;} .rentalBx .numberLst{margin-top:40px;} .rental_top{margin:80px 0 60px;} .tbl01 th{padding:10px; font-size:1.5em;} .tbl01 td{padding:5px 10px;} .rental_bot{margin-top:50px; flex-wrap: wrap;} .rental_bot .tableBx{width:100%;} .tbl01 td .price strong{font-size:1.7em;} #sec02 .tableBx:last-child .tbl01:last-child{margin-top:0;} #sec02 .tableBx .tbl01, #sec03 .tableBx .tbl01{margin-bottom:40px;} .tbl01 td{font-size:1.1em;} .rentalBx{padding-bottom:100px;} .sliderWrap .slider_control .sliderBtn{padding:20px;} .numberLst li .cont{height:auto;} .mainLocation .locSlogan strong{font-size:1.125em;} .loc_bot .mapInfo{width:calc(45% - 40px);} .loc_bot .mapInfo .infoItem .cont{font-size:1.4em;} .liftWrap{flex-direction: column;} .liftWrap .liftBx{width:100%; padding:0 30px;} .liftWrap .liftBx:first-child{border-bottom:1px solid #cfcfe3; border-right:0; padding-bottom:40px; margin-bottom:40px; } .liftroundBx img{width:40%;} .liftHow .liftTxt{width:60%;} .liftroundBx{padding-top:40px; border-radius: 0 50px 0 50px; overflow: hidden; background: url(../img/lift_bg.jpg) no-repeat;} .liftroundBx:after{display:none;} #sec06{padding:80px 0 100px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortName{font-size:2.2em;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx{border-radius: 50px 0 50px 0;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx span{padding:25px 10px;} #sec06 .resort_top .resort_title .top{font-size:1.4em;} #sec06 .resort_top .resort_title .tit{font-size:3.2em;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortDesc{font-size:1em;} #sec06 .resort_top .fire_right{width:160px;} #sec06 .resort_top .fire_left .bot{width:140px;} #sec06 .resort_top .fire_left .top{width:80px;} #sec06 .resort_bot .resortSlideBx{width:calc(100% - 150px);} #main_top #mainSlider .layout .main_slogan .orange .fc_orange{ text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;} #main_top #mainSlider .layout .main_slogan .orange .fc_white{ text-shadow: -2px -2px 0 #ff4e00, 2px -2px 0 #ff4e00, -2px 2px 0 #ff4e00, 2px 2px 0 #ff4e00;} #main_top #mainSlider{height:90vh;} .mainSliderWrap, #main_top #mainSlider .mainSlider, #main_top .slick-slider .slick-list, #main_top .slick-slider .slick-track{height:100%;} #main_top #mainSlider .layout .main_slogan .blue{ text-shadow: -2px -2px 0 #0f4ae1, 2px -2px 0 #0f4ae1, -2px 2px 0 #0f4ae1, 2px 2px 0 #0f4ae1; } .mainSlider .slick-slide img{height:100%; object-fit: cover;} #main_top #mainSlider .layout .main_slogan .orange{font-size:5rem;} #main_top #mainSlider .layout .main_slogan + .fc_white strong{font-size:1.1em;} .reviewSliderWrap{max-width:90%; margin:0 auto 50px;} #mainreview{padding:100px 0 150px;} #mainreview .reviewTit .rateBx img{width:250px;} #mainreview .reviewTit .font_gwedu{font-size:4em;} #mainreview .reviewTit{margin-bottom:30px;} #mainreview .reviewTit .rateBx{top:10px; left:-50px;} #mainreview .reviewTit .rateBx + p{font-size:1.2em;} .reviewSlider li .reviewCont .top{font-size:1.3em;} .reviewSlider li .reviewCont{padding:50px 30px;} .reviewSlider li .reviewCont .bot{font-size:1em;} #mainreview:after{height:100px; bottom:-100px;} #mainEvent{padding:90px 0;} .event_bot{position: relative; padding-top:100px;} .event_bot .eventSliderWrap .sliderBtn{top:50%; bottom:auto; transform: translateY(-50%);} #mainEvent .layout .event_top{padding:0;} .event_bot .eventSlider li .imgBx{display:none;} .event_bot .eventSliderWrap .sliderBtn.btn_next{left:auto; right:0;} .event_bot .eventSlider{width:80%; margin:0 auto;} .event_bot .eventSlider li .cont{width:100%; align-items: center;} .event_bot{padding-top:0;} .event_bot .eventSlider li .cont .eventDesc{text-align: center;} #faq_cont .faqTit p:first-child{font-size:1em;} #faq_cont .faqTit .font_gwedu{font-size:2.4em;} #faq_cont .faqTit{margin-bottom:50px;} #sec07:after{bottom:-50px; height:50px;} #faq_cont{padding:0 0 100px;} .faqBx .slick-dots{bottom:-30px;} .reviewSliderWrap .slideBtn{padding:20px; border-radius: 15px;} .reviewSliderWrap .slideBtn.prev{left:20px;} .reviewSliderWrap .slideBtn.next{right:20px;} .fixed_form_bot{margin-top:20px; flex-direction: column;} .fixed .main_fixed_form .fixed_form_bot, .fixed .main_fixed_form .fixed_form_bot ul.fixed_input{margin-right:0;} .sub .layout{max-width:96%;} .sub .subTitle{padding:120px 0;} #main_top .main_slogan p{font-size:2em;} #main_top .main_slogan span:before{width:100px; left:-100px;} #main_top .main_slogan span:after{width:100px; right:-100px;} } @media screen and (max-width:1024px) { body{font-size:15px;} .fixed .main_fixed_form .fixed_form_bot{ display: none; } .fixed .main_fixed_form .fixed_form_bot ul.fixed_input{flex-wrap: wrap;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li{width:calc(33.333% - 15px); margin-bottom:20px;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child{margin-bottom:0;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child, .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child .fixed_cont, .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child .fixed_cont textarea, .fixed .fixed_cont input, .fixed .fixed_cont select, .fixed .fixed_cont textarea{width:100%;} .fixed_closeBtn:hover{cursor: pointer;} #main_top #mainSlider{height:75vh;} #main_top #mainSlider .layout .main_slogan .orange{font-size:4.2em;} #footer .ft_top{padding-bottom:40px; margin-bottom:40px;} #footer .ft_top .ft_logo{width:30%} #footer .ft_top .ft_sns li{margin-right:20px;} #footer .ft_bot .address{width:60%;} #footer .ft_bot .address li{font-size:1em; margin:0 30px 10px 0;} #footer .ft_bot .ft_right a{font-size:2em;} .rental_mid, .rental_bot{width:100%;} #sec05{padding:110px 0;} #sec05 .teach_price .tpBx{width:calc(50% - 10px); padding:30px 20px; margin-bottom:50px;} #sec05 .teach_price .tpBx:last-child{margin-bottom:0;} .rental_top .rentalDesc, #sec05 .teach_top .rentalDesc, .mainLocation .locDesc{font-size: 1.5em;} .rental_top .rentalSlogan, .teach_top .rentalSlogan, .mainLocation .locSlogan{font-size:3.4em; } .tp_program{margin-top:10px;} .tp_program .pro_item{padding-bottom:20px; margin-bottom:20px;} .tp_program ul{margin-bottom:10px;} .numberLst li{display:flex; align-items: center;} .numberLst li .numb{width:50px; height:50px;} .numberLst li .cont{padding:10px 20px 10px 70px;} .loc_bot{flex-direction: column;} .loc_bot .mapWrap, .loc_bot .mapInfo{width:100%;} .loc_bot .mapInfo{padding:0;} .loc_bot .mapWrap{height:350px; border-radius: 0 50px 0 50px; margin-bottom:30px;} .liftroundBx{width:100%; flex-direction: column-reverse; background-size: cover;} .liftHow .liftTxt{width:90%; margin:0 0 30px;} .liftHow .liftTxt .top{font-size:1.7em;} .liftroundBx + p{width:70%; text-align: center; word-break: keep-all;} .liftroundBx{padding-top:30px;} .liftWrap{padding:20px 0;} .liftWrap .liftBx{padding:0;} .contentBx .item .hours{font-size:1rem;} .contentBx .item .hours strong{font-size:1.5rem;} .liftroundBx img{width:70%;} .teach_video .youtubeBx{ padding-top: 56.51%;} #sec06 .resort_top .resort_title .tit{font-size:3em;} #sec06{padding:100px 0;} #sec06 .resort_bot .resortSlideBx .resortSlide li{flex-direction: column;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx{margin-bottom:40px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo{margin-left:0; align-items: center;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx, #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo{width:80%;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortDesc{text-align: center;} #sec06 .resort_top{margin-bottom:30px; padding:50px 0;} .sns_fixed a img{width:50%;} .reviewSliderWrap{max-width:100%;} #sec07{background-size: 120%;} .self_cont .tot_price_wrap{margin:20px auto; padding:20px;} .sub .subTitle{margin-bottom:80px;} .subTab{margin-bottom:30px;} .subTab li a{font-size:1.025em; padding:10px 20px;} .sub table select{margin-bottom:5px;} .pg_wrap_mob{display:flex; align-items: center; justify-content: center; margin: 30px auto;} .pg_wrap_mob .mob_pager{margin:0 10px;} .pg_wrap_mob .mob_pager .current{color:var(--main-color-blue)} .pg_wrap{display:none;} } @media screen and (max-width: 768px) { body{font-size:14px;} .layout{max-width: 94%;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li{width:100%;} #header{height:80px; align-items: center;} #header #logo{margin:0 0 0 15px;} .menuBtn{width:20px; height:18px;} #wrap{padding-top:70px;} #header .phoneBx p{font-size:1em;} #header #logo{width:140px;} #main_top #mainSlider{height:70vh;} #main_top #mainSlider .layout .main_slogan .blue{font-size:1.7em;} #main_top #mainSlider .layout .main_slogan .blue strong{font-size:1.1em;} #main_top #mainSlider .layout .main_slogan{margin:20px 0;} #main_top #mainSlider .layout .main_slogan .orange{font-size:3em;} #main_top #mainSlider .layout .main_slogan + .fc_white{width:80%; word-break: keep-all; text-align: center;} #header .phoneBx{padding:5px 10px; border-radius: 10px;} #header .phoneBx span{padding:0 0 0 25px;} #header .phoneBx a{font-size:1em;} #footer .ft_top{padding-bottom:0; border:0; margin-bottom:25px;} #footer .ft_top{flex-direction: column;} #footer .ft_top .ft_sns{margin-top:20px;width:100%;} #footer .ft_top .ft_sns li{width:20%; margin-right:0;} #footer .ft_bot{flex-direction: column-reverse;} #footer .ft_bot .address{width:100%;} #footer .ft_bot .ft_right{background:rgba(0,0,0,0.4); border-radius: 20px; padding:15px; margin-bottom:25px;} #footer .ft_bot .ft_right p, #footer .ft_bot .ft_right a{text-align: center;} #footer .ft_top .ft_sns li a .circle{padding:10px;} #footer .ft_bot .ft_right a{font-size:1.7em;} #footer .ft_top .ft_logo{width:50%;} #footer .ft_bot .address li span{word-break: keep-all;} .sns_fixed{right:10px; bottom:180px; top:auto; transform: none;} .sns_fixed a{height:60px; justify-content: center;} .sns_fixed a img{width:70%;} /* .sns_fixed .reserv, .sns_fixed a span{display:none;}*/ .sns_fixed a span{font-size:0.8em; margin-top:5px;} .sns_fixed .reserv{display:none;} #sec05 .teach_price .tpBx{width:100%; padding:20px;} #sec05 .titleBx .tit{font-size:2.2em;} #sec05 .fc_white{font-size:1.025em; word-break: keep-all; margin-top:30px;} .teachLst .teacher{width:90%; margin:0 auto 30px;} .basicBtn.btn_youtube, .basicBtn.btn_naver{padding:12px;} .basicBtn.btn_youtube img, .basicBtn.btn_naver img{width:30px; height:30px;} .rental_top .rentalDesc, #sec05 .teach_top .rentalDesc, .mainLocation .locDesc{font-size:1.2em;} .rental_top .rentalSlogan, .teach_top .rentalSlogan, .mainLocation .locSlogan{font-size:2.4em; line-height: 1.3em; word-break: keep-all; text-align: center;} .teach_top .rentalSlogan{margin-bottom:40px;} .numberLst li .cont{flex-wrap: wrap;} .numberLst li .cont strong{margin:0 3px; font-size:1.125em;} .numberLst li .cont{font-size:1em;} .numberLst.checkLst li{width:100%;} .numberLst.checkLst li .cont{padding:15px; height:100%; border-radius: 10px; justify-content: center; text-align: center; word-break: keep-all;} /*.numberLst.checkLst li .cont:before{width:22px; height:21px; position: static; background-size: contain; transform: none; margin-right:10px;}*/ .numberLst.checkLst li .cont:before{display:none;} .tp_program .pro_item .tit span{font-size:0.9rem; padding:2px 10px;} .teach_video .youtubeBx{margin-bottom:20px; border-radius: 10px;} .tp_program .pro_item .tp strong{font-size:1.8em;} .tp_program .pro_item .tit{margin-bottom:10px;} .teachLst .teacher .teacherInfo{padding:40px 15px 20px;} #sec05{padding:90px 0 50px;} .teach_video{margin:80px auto 50px;} #sec05 .teach_top{margin-bottom:0;} .liftWrap .liftBx:first-child{padding-bottom:20px; margin-bottom:20px;} .tp_program .pro_item{margin-bottom:15px; padding-bottom:15px;} .rentalBx .rentalTit{padding:15px; display:none;} .titleBx .tit{font-size:1.5em;} #sec02 .rentalTit img, #sec03 .rentalTit img, #sec04 .rentalTit img{width:40px;} #sec02 .tableBx .tbl01, #sec03 .tableBx .tbl01{margin-bottom:30px;} .rentalBx .rentalTit h2 span{font-size:0.9rem;} .rentalBx .rentalTit h2 strong{font-size:1.5rem;} .rental_top{margin:50px 0 0;} .rentalBx{padding-bottom:70px;} .rentalBx .rentalTit h2{padding-left:15px; margin-left:15px;} .tbl01 td .price strong{font-size:1.5em;} .rental_top .rentalSlogan .fc_orange, .mainLocation .locSlogan strong.fc_orange{padding:0; margin:0;} .rental_top .rentalSlogan .fc_orange:before, .mainLocation .locSlogan strong.fc_orange:before{display:none;} .rentalBx .numberLst, .mainLocation .checkLst{width:100%} .rentalBx .numberLst{ margin-top:20px; } .numberLst li{width:100%; justify-content: center; margin-bottom:10px;} .numberLst li .cont{padding:15px; border-radius: 10px; width:100%; justify-content: center;} /*.numberLst li .numb{width:40px; height:40px; top:15px; left:50%; transform: translateX(-50%);}*/ .numberLst li .numb{display:none;} .sliderWrap .slider_control{width:100%; justify-content: center;} .sliderWrap .slider_control .sliderBtn{padding:15px 10px;} .loc_bot .mapInfo .infoItem .tit{padding-left:30px; font-size:1.125em;} .loc_bot .mapInfo .infoItem:nth-of-type(1) .tit, .loc_bot .mapInfo .infoItem:nth-of-type(2) .tit, .loc_bot .mapInfo .infoItem:nth-of-type(3) .tit{background-size: contain;} .loc_bot .mapInfo .infoItem{padding-bottom:20px; margin-bottom:20px} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul li .time_tit{font-size:1rem;} .loc_bot .mapInfo .infoItem:nth-of-type(3) .cont ul li .time{font-size:1.1em;} .loc_bot .mapInfo .infoItem .cont{font-size:1.125em} .liftHow .liftTxt .top{font-size:1.3em;} .contentBx .item{flex-direction: column;} .contentBx .item .hours{width:auto; height:auto; margin:0 0 10px; border-radius: 0 0 10px 10px; padding:5px 20px;} .contentBx .item{padding:0 0 20px; margin-top:20px;} .contentBx .item .priceBx{width:100%;} .contentBx .item .priceBx .price_item .price_info .after strong{font-size: 2em;} .contentBx .item .priceBx .price_item .type{font-size:1.1em; margin-bottom:0;} .liftroundBx + p{width:100%; font-size:1em;} .contentBx .item .priceBx .price_item .price_info .after strong{font-size:1.6em;} .contentBx .item .hours strong{font-size:1.3em;} #sec05{background-size:contain;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx, #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo{width:100%;} #sec06 .resort_top .fire_left{left:-60px;top:-20px;} #sec06 .resort_top .fire_left .top{width:60px;} #sec06 .resort_top .fire_left .bot{width:110px;} #sec06 .resort_top{padding:80px 0 40px;} #sec06 .resort_top .fire_right{width:120px;bottom:30px;} #sec06{padding:30px 0 80px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortDesc{word-break: keep-all;} .mobBr{display:none;} .pcBr{display:block;} .basicBtn{padding:12px 18px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx{margin-bottom:20px;} #sec06 .resort_top .resort_title .tit{font-size:2.2em;} #sec06 .resort_top .resort_title .desc{font-size:1.025em; margin-top:15px;} #sec06 .resort_top .resort_title .tit, #sec06 .resort_top .resort_title .desc{ text-shadow: 0 0 10px rgba(0,0,0,0.5);word-break: keep-all; text-align: center; } #sec06 .resort_bot .slideBtn, .faqBx .slideBtn {padding:18px 12px;} .faqBx .slideBtn.prev{left:20px;} .faqBx .slideBtn.next{right:20px;} .faqBx .slideBtn{z-index: 100;} #sec06 .resort_top .resort_title .top{font-size:1.2em;} #sec06 .resort_bot .resortSlideBx{width:calc(100% - 80px);} #sec06 .resort_bot .resortSlideBx .resortSlide li .imgBx span{padding:10px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortName{font-size:1.8em; text-align: center;} .reviewSlider li.slick-slide, .reviewSlider li.slick-slide:nth-of-type(2n){flex-direction: column;} .reviewSlider li .reviewCont{width:100%; padding:30px 20px;} .reviewSlider li .reviewCont .top{font-size:1.2em; margin-bottom:20px;} .reviewSlider li .imgBx, .reviewSlider li.slick-slide:nth-of-type(2n) .imgBx{width:100%; border-radius: 20px 20px 0 0;} #mainreview .reviewTit .rateBx img{width:160px;} #mainreview{padding:80px 0;} #mainreview .reviewTit{padding-top:35px; } #mainreview .reviewTit .font_gwedu{font-size:3em;} #mainreview .reviewTit .rateBx{left:-20px;} #mainreview .reviewTit .rateBx + p{font-size:1.1em; margin-right:0;} #mainreview .reviewTit .rateBx .imgWrap:after{width:23px; height:16px; background-size: cover;bottom:-20px;} #mainreview{background-size: 114%;} .reviewSliderWrap{margin:0 auto 30px;} #mainreview:after{height:50px; bottom:-50px;} #mainEvent{padding:90px 0;} #mainEvent .layout .event_top{margin-bottom:50px;} .event_bot .eventSliderWrap .sliderBtn{padding:20px;} .event_bot .eventSlider li .cont .eventDesc{font-size:1.125em;} .event_bot .eventSlider .eventLst.lst_two{justify-content: center;} .event_bot .eventSlider .eventLst.lst_two li{width:90%; background:var(--main-color-navy); padding:0;} #mainEvent .layout .event_top{display:none;} .event_bot .eventSlider{width:70%;} .event_bot .eventSlider .eventLst li{padding:40px 0 0;} .event_bot .eventSlider .eventLst li .tit{left:50%; border-radius: 0 0 10px 10px; transform: translateX(-50%);} .event_bot .eventSlider .eventLst li .cont{padding:10px; text-align: center; paddin} .event_bot .eventSlider li .cont .eventDesc{font-size:1em;} .mob_br{display:block;} #faq_cont .faqTit .font_gwedu{font-size:1.8em;} #faq_cont .faqTit{margin-bottom:30px;} .faqBx{max-width:90%; padding:0; border-radius: 10px;} .faqBx, .faqBx .faqLst .faqItem{height:420px;} .faqBx .faqLst .faqItem .faq_a{width:70%; word-break: keep-all;} .faqBx .faqLst .faqItem p{padding:20px; font-size:1.025em;} .reviewSliderWrap{padding:0 10px; margin:0 auto;} .reviewSliderWrap .slideBtn{padding:18px 12px;} .reviewSliderWrap .reviewSlider{width:calc(100% - 100px);} #faq_cont{padding: 0 0 80px;} #sec07:after{height:20px; bottom:-20px;} .fixed .main_fixed_form .fixed_form_top h2{font-size:1.4em; margin-bottom:0;} .liftHow .liftTxt .bot li a, #sec05 .fc_white a, #footer .ft_bot .address li span a{display:inline-block;} .fixed .main_fixed_form{margin-bottom:0;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input li:last-child{ margin-bottom:20px; } .fixed_form_bot{max-height:50vh; overflow-y: auto;} .liftHow{margin-top:30px;} .fixed .main_fixed_form .fixed_form_top{flex-direction: row; justify-content: space-between;} .fixed .main_fixed_form .fixed_form_bot{margin-top:15px;} .fixed .main_fixed_form .fixed_form_bot ul.fixed_input{padding:0 10px;} .fixed_form_bot{margin-top:0;} .subTab{flex-wrap: wrap; justify-content: flex-start; width:96%; margin:0 auto 20px;} .subTab li{margin:0 8px 16px 8px; width:calc(33.333% - 16px);} .subTab li a{text-align: center;} .sub table th, .sub table td{padding:10px 15px;} .self_cont .tot_price_wrap{font-size:1.25em;} .sub table th{word-break: keep-all;} .sub .subTitle{margin-bottom:60px; padding:80px 0; font-size:2em; background-size: cover;} .subTab li{width:calc(50% - 10px); margin: 0 5px 10px 5px;} .subCont{padding-bottom:80px;} .tbl_item{flex-direction: column;} .tbl_item li{margin:0 0 10px 0;} #bo_sch{margin-top:30px;padding:20px;} #bo_sch .sch_btn{width:100%; margin-top:10px;} #bo_sch form{display:flex; flex-wrap:wrap; justify-content: space-between;} #bo_sch form select{width:30%;} #bo_sch form input{width:calc(70% - 10px);} #main_top .main_videoBx .main_slogan p{font-size:1.4em;} #main_top .main_videoBx .main_slogan span:before{width:40px; left:-40px;} #main_top .main_videoBx .main_slogan span:after{width:40px; right:-40px;} #main_top .main_videoBx .main_slogan span{font-size:0.9em; padding:10px;} .mob_Content{display:none;} .mob_ShowBtn, .mob_Content.active {display: flex;} .mob_ShowBtn, .new_mob_ShowBtn{margin:20px auto;} .rental_bot{margin-top:20px;} .mainLocation{padding:70px 0;} .new_mob_top{display:flex; flex-direction: column; align-items: center; margin:40px 0 0;} .new_mob_top .newTit{ font-size:1.2em; margin:20px 0 10px; color:var(--main-color-blue); font-weight:bold; } .new_mob_bot{display:none;} .fixed .fixed_change img{width:80%;} .fixed .btn_confirm{width:100%;} .fmembership_agree{background: var(--main-color-navy)} } @media screen and (max-width: 425px) { #main_top #mainSlider .layout .main_hash p{font-size:0.9em; padding:9px;} #main_top .main_videoBx .main_slogan p{font-size:1.2em;} #main_top #mainSlider .layout .main_slogan .blue strong{text-align: center; font-size:1em;} #footer .ft_top{margin-bottom:0;} #footer .ft_top .ft_sns li{width:33.333%; margin-bottom:20px;} #footer .ft_bot .ft_right{padding:10px;} #footer .ft_bot .ft_right a{font-size:1.5em;} #main_top #mainSlider .layout .main_hash p{padding:10px;} .teach_top .rentalSlogan{margin-bottom:30px;} .rental_top .rentalSlogan, .teach_top .rentalSlogan, .mainLocation .locSlogan{font-size:2.2em;} .rental_top .rentalDesc, #sec05 .teach_top .rentalDesc, .mainLocation .locDesc{font-size:1.125em;} .liftHow .liftTxt .bot li{flex-direction: column;} .liftroundBx img{width:90%;} #sec06 .resort_top .resort_title .tit{font-size:2em;} #sec06 .resort_top .fire_left .top{width:50px;} #sec06 .resort_top .fire_left .bot{width:80px;} #sec06 .resort_top .fire_right{width:70px;} #sec06 .resort_top{padding:60px 0 40px; margin-bottom:10px;} #sec06{padding:50px 0 70px;} #sec06 .resort_top .fire_left{left:-85px;} #sec06 .resort_bot .resortSlideBx .resortSlide li .resortInfo .resortName{font-size:1.6em;} #header .phoneBx span{background:none; padding:0;} .menuBtn{margin: auto 14px;} #main_top #mainSlider .layout .main_slogan .blue{font-size:1.5em;} #main_top #mainSlider .layout .main_hash p{margin-right:5px;} #main_top #mainSlider .layout .main_slogan + .fc_white{font-size:1.025em;} .event_bot .eventSlider li .cont .eventName{font-size:1.8em; word-break: keep-all; text-align: center;} .event_bot .eventSlider .eventLst li{padding:50px 0 0; border-radius: 10px;} .event_bot .eventSlider{width:70%;} .event_bot .eventSliderWrap .sliderBtn{padding:15px;} #main_top #mainSlider .layout .main_slogan + .fc_white{width:90%;} #mainreview .reviewTit .rateBx img{width:100px;} #mainreview .reviewTit .font_gwedu{font-size:2.5em;} #mainreview .reviewTit .font_gwedu strong{margin-left:10px; font-size:1.2em;} #mainreview .reviewTit .rateBx{display:none;} #mainreview .reviewTit .rateBx + p{text-align: center;} .event_bot .eventSlider li .cont .eventName strong{font-size:1.2em;} .reviewSlider li .reviewCont{padding:20px;} .reviewSlider li.slick-slide{margin:10px 0; box-shadow: none;} #faq_cont .faqTit .font_gwedu{font-size:1.5em;} #faq_cont .faqTit p:first-child{padding: 8px 15px;} .faqBx .faqLst .faqItem .faq_q{padding:15px;} .basicBtn{padding:10px;} /*.fixed .main_fixed_form .fixed_form_top{flex-direction: column;}*/ .fixed .main_fixed_form .fixed_form_top h2{font-size:1.025em;} }