@charset "utf-8";

@import url('jquery-ui.css');
@import url('fontawesome.css');
@import url('swiper.css');
@import url('aos.css');
@import url('font.css');






/* 초기화 세팅 ******************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* 사이트 기본구성 */
* {box-sizing: border-box;}
html {height:100%;}
body {height:100%; min-width:1600px; word-break:keep-all; background:#fff; font-family:'Montserrat', 'NanumSquareNeo', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma';}
body,input,textarea,select,button {font-family:'Montserrat', 'NanumSquareNeo', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-weight:500; font-size:14px; line-height:22px; color:#888;}
table,th,h1,h2,h3,h4,h5,h6 {font-family:'Montserrat', 'NanumSquareNeo', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:14px; font-weight:500;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
em {font-style:normal;}
a {text-decoration:none; color:#777; transition:all 0.3s ease-in-out;}
a:hover {text-decoration:none; color:#2973D6;}
a:active {text-decoration:none; color:#2973D6;}
button {text-decoration:none; color:#aaa5b7; border:none; background:none; transition:all 0.3s ease-in-out;}
button:hover {text-decoration:none; color:#2973D6;}
button:active {text-decoration:none; color:#2973D6;}
/* button:active {border-radius:20%; box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.05);} */

/* 스크롤바 */
html {
  scrollbar-arrow-color: #fff;
  scrollbar-Track-Color: #fff;
  scrollbar-base-color: #b1b1b1;
  scrollbar-Face-Color: #b1b1b1;
  scrollbar-3dLight-Color: #b1b1b1;
  scrollbar-DarkShadow-Color: #b1b1b1;
  scrollbar-Highlight-Color: #b1b1b1;
  scrollbar-Shadow-Color: #b1b1b1;
}

::-webkit-scrollbar {width:8px; border-radius:10px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background:#b1b1b1;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:16px; height:16px; background:#fff;}






/* 메인  ///////////////////////////////////////////////////////////////////////*/
.wrap {width:100%; height:100%; margin:0 auto;}


/* 상단영역 */
.header {position:fixed; top:0; width:100%; background:rgba(0,0,0,0.6); z-index:99999; transition:all 0.3s ease-in-out;}
.header > dl {display:flex; align-items:center; padding:0 50px;}
.header > dl dt {width:15%;}
.header > dl dt:last-child {width:15%; text-align:right; font-weight:800; font-size:30px; line-height:30px; color:#fff;}
.header > dl dd {width:70%; text-align:center; overflow:hidden;}
.header > dl dd a {display:inline-block; padding:40px 20px; font-weight:600; font-size:18px; line-height:18px; color:#fff; letter-spacing:-0.5px;}
.header > dl dd a.h-color1 {color:#FF4400;}
.header > dl dd a.h-color2 {color:#98DD62;}
.header > dl dd a.h-color3 {color:#5BA6EB;}
.header > dl dd a:hover {color:#2973D6;}

@media all and (max-width:479px) {

}
@media all and (min-width:480px) and (max-width:767px) {

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) and (max-width:1399px) {
  .header > dl dt {width:10%;}
  .header > dl dt img {height:25px;}
  .header > dl dt:last-child {width:10%; font-size:20px; line-height:20px;}
  .header > dl dd {width:80%;}
  .header > dl dd a {padding:40px 10px; font-size:14px; line-height:14px;}
}
@media all and (min-width:1400px) and (max-width:1599px) {
  .header > dl dt {width:10%;}
  .header > dl dt img {height:30px;}
  .header > dl dt:last-child {width:10%; font-size:20px; line-height:20px;}
  .header > dl dd {width:80%;}
  .header > dl dd a {padding:40px 20px; font-size:16px; line-height:16px;}
}
@media all and (min-width:1600px) {

}


/* 하단영역 */
.footer {width:100%; background:#060606;}
.footer > dl {display:flex; justify-content:space-between; width:1400px; margin:0 auto; padding:60px 0 150px 0;}
.footer > dl dt {width:22%;}
.footer > dl dt:last-child {text-align:right;}
.footer > dl dd {width:65%;}
.footer > dl dd p a {font-weight:500; font-size:15px; line-height:15px; color:#fff; letter-spacing:-0.5px;}
.footer > dl dd h2 {margin-top:30px; font-size:13px; line-height:22px;}
.footer > dl dd div {margin-top:15px; font-size:13px; line-height:22px;}
.footer > dl dd div span {color:#2973D6;}


/* 퀵메뉴 */
.main-quick {position:fixed; bottom:0; right:0; width:80px; margin:0 30px 110px 0; z-index:999999999999;}
.main-quick > div {margin:5px 0;}


/* 영상 */
.main-movie {position:relative; margin-top:-100px; padding-bottom:56.25%; height:0px; overflow:hidden;}
.main-movie > div {position:absolute; width:100%; height:100%; z-index:99;}
.main-movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-movie>  p {position:absolute; bottom:0; left:50%; margin:0 0 230px -35px;}


/* 오늘의 무주스키월드 */
.main-today {width:100%; background:#fff;} 
.main-today > div {width:1400px; margin:0 auto; padding:70px 0; text-align:center;}
.main-today > div > h2 {font:700 50px/50px 'GmarketSans'; color:#222; letter-spacing:-0.5px;}
.main-today > div > h2 span {color:#0B9A6C;}
.main-today > div > ul {display:flex; justify-content:space-between; align-items:center; margin-top:70px;}
.main-today > div > ul li {width:calc(100%/3);}
.main-today > div > ul li h2 {margin-top:50px; font-size:16px; line-height:16px; letter-spacing:-0.5px;}
.main-today > div > ul li h3 {display:flex; justify-content:center; align-items:flex-end; margin-top:20px;}
.main-today > div > ul li h3 em {display:inline-block; padding:0 0 12px 5px; font-weight:500; font-size:20px; line-height:20px; color:#222;}
.main-today > div > ul li h3 span {font-weight:700; font-size:70px; line-height:70px; color:#222;}


/* 후기 */
.main-postscript {width:100%; background:#d42525de; padding:150px 0;}
.main-postscript .mp-visual {height:734px; background:url('../image/main_postscript_visual.png') center top no-repeat;}
.main-postscript .mp-list {width:1400px; margin:0 auto;}
.main-postscript .mp-list .swiper-area {margin-top:100px; overflow:hidden;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide {border-radius:15px; overflow:hidden;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-title {height:180px; padding:110px 30px 0 30px;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-title > h2 {font-weight:600; font-size:18px; line-height:18px; color:#fff; letter-spacing:-1px;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-title > div {margin-top:10px; font-size:16px; line-height:16px; color:#FFE900;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-content {padding:30px; background:#333;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-content h2 {height:140px; color:#fff;}
.main-postscript .mp-list .swiper-area .swiper-wrapper .swiper-slide .mps-content dl {display:flex; justify-content:space-between; align-items:center; margin-top:25px;}

.main-postscript .mp-list .swiper-button-next {right:-90px; width:80px; height:80px; margin-top:-30px; background:url('../image/icn_arr_right.svg') right top no-repeat; background-size:contain; z-index:999;}
.main-postscript .mp-list .swiper-button-prev {left:-90px; width:80px; height:80px; margin-top:-30px; background:url('../image/icn_arr_left.svg') no-repeat; background-size:contain; z-index:999;}
.main-postscript .mp-list .swiper-button-next::after, .swiper-button-prev::after {display:none;}

.main-postscript .mp-btn {margin-top:60px; text-align:center;}
.main-postscript .mp-btn a {display:flex; justify-content:space-between; align-items:center; width:300px; margin:0 auto; padding:25px; font-size:18px; line-height:18px; color:#fff; letter-spacing:-1px; border-radius:15px; background:#03C75A;}
.main-postscript .mp-btn a:hover {background:#016d31;}


/* 장비 */
.main-equipment {width:100%; background:#2b8036;}
.main-equipment > div {width:1400px; margin:0 auto; padding:200px 0;}
.main-equipment > div > dl {display:flex; justify-content:space-between; align-items:center;}
.main-equipment > div > dl > dt {width:48%; border-radius:20px; overflow:hidden;}
.main-equipment > div > dl > dd {width:48%;}
.main-equipment > div > dl:nth-child(2) {margin:90px 0; padding:90px 0; border-top:rgba(255,255,255,0.1) 1px solid; border-bottom:rgba(255,255,255,0.1) 1px solid;}
.main-equipment > div > dl:nth-child(2) dt {order:2;}
.main-equipment > div > dl:nth-child(2) dt {order:1;}
.main-equipment > div > div {margin-top:120px;}


/* 셀프견적 */
.main-self {width:100%; background:linear-gradient(180deg, #1012da 2.67%, #000 100%);}
.main-self > div {width:1400px; margin:0 auto; padding:100px 0 100px 0; cursor:pointer;}


/* 리프트권 */
.main-lift {width:100%; background:#fff;}
.main-lift > div {width:1400px; margin:0 auto; padding:100px 0; text-align:center;}
.main-lift > div > h2 {font:700 50px/50px 'GmarketSans'; color:#222; letter-spacing:-1px;}
.main-lift > div > h2 span {color:#D81FE8;}
.main-lift > div > h2 em {color:#0B9A6C;}
.main-lift > div > h3 {margin-top:20px; font:700 50px/50px 'GmarketSans'; color:#222; letter-spacing:-1px;}
.main-lift > div > h3 span {color:#D81FE8;}
.main-lift > div > div {margin-top:100px;}


/* 강습 */
.main-lesson {width:100%; background:url('../image/main_lesson_bg.png') center top no-repeat; background-size:cover;}
.main-lesson > div {width:1400px; margin:0 auto; padding:200px 0; text-align:center;}
.main-lesson > div > h2 {font:700 50px/50px 'GmarketSans'; color:#222; letter-spacing:-0.5px;}
.main-lesson > div > h3 {margin-top:50px;}
.main-lesson > div > div {margin-top:100px;}


/* 서포트 */
.main-support {width:100%; background:linear-gradient(193deg, #000e91 2.67%, #000 100%);}
.main-support > ul {display:flex; justify-content:space-between; width:1400px; margin:0 auto; padding:200px 0;}
.main-support > ul > li {width:23%; border-radius:20px; overflow:hidden;}
.main-support > ul > li > p {height:190px; overflow:hidden;}
.main-support > ul > li > div {padding:40px 30px; background:#fff;}
.main-support > ul > li > div h2 {font:700 26px/26px 'GmarketSans'; color:#000; letter-spacing:-0.5px;}
.main-support > ul > li > div h3 {height:210px; margin-top:30px; font-weight:500; font-size:16px; line-height:26px; letter-spacing:-1px;}
.main-support > ul > li > div h3 span {color:#222;}
.main-support > ul > li > div div {height:100px; margin-top:30px;}
.main-support > ul > li > div div a {display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 20px; font-weight:600; font-size:16px; line-height:16px; color:#372C6E; letter-spacing:-1px; border:#372C6E 1px solid; border-radius:10px;}
.main-support > ul > li > div div a:hover {color:#fff; border:#372C6E 1px solid; background:#372C6E;}
.main-support > ul > li > div div a:nth-child(2) {margin-top:10px; color:#168D0D; border:#168D0D 1px solid;}
.main-support > ul > li > div div a:nth-child(2):hover {color:#fff; border:#168D0D 1px solid; background:#168D0D;}


/* 찾아오시는길 */
.main-location {width:100%; height:800px; background:url('../image/main_location_bg.png') center top no-repeat;}


/* 게시물 */
.main-board {width:100%; background:url('../image/main_board_bg.png') center top no-repeat; background-size:cover;}
.main-board > div {width:1400px; margin:0 auto; padding:200px 0; text-align:center;}
.main-board > div > h2 {font:700 50px/50px 'GmarketSans'; color:#fff; letter-spacing:-0.5px;}
.main-board > div > h2 span {color:#0B9A6C;}
.main-board > div > ul {display:flex; justify-content:space-between; align-items:center; margin-top:80px;}
.main-board > div > ul li {width:23.5%; border-radius:15px; overflow:hidden;}
.main-board > div > ul li p {height:200px;}
.main-board > div > ul li div {height:90px; padding:25px 30px; font-weight:500; font-size:16px; line-height:22px; color:#222; letter-spacing:-0.5px; background:rgba(255,255,255,0.9);}