@CHARSET "EUC-KR"; .charge_link {text-align: right; margin-top: 40px;} .charge_link a {display: inline-block; padding: 10px 20px; background: #006bb7; color: #fff; font-size: 15px} .common_ul {border-top: 3px solid #006bb7} .common_ul:after {content: ''; display: block; clear: both} .common_ul li {float: left; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; text-align: center; color: #6d6d6d; font-weight: 300; line-height: 1.5} .common_ul li:last-child {border-right: 1px solid #ddd} .unit {text-align: right; color: #666; font-size: 14px; padding-bottom: 10px} .border_tit {width: 202px; height: 32px; margin: 0 auto 39px; line-height: 32px; font-weight: 400; font-size: 18px; letter-spacing: -0.025em; color: #111; border: 1px solid #d7d7d7; border-radius: 16px; text-align: center} .border_tit.mt55 {margin-top: 55px} .sub .inner {padding-bottom: 230px} .sub .top{ position:relative; width:100%; height:511px; } .sub .top .location{ position:absolute; left:50%; bottom:47px; width:1100px; height:49px; text-align:right; transform: translate(-50%, 0); z-index:3; } .sub .top .location ul{ display:inline-block; width:auto; padding-bottom:0; } .sub .top .location>ul>li{ float:left; position:relative; line-height:35px; } .sub .top .location>ul>li:before{ display:block; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-7.5px; background-color:rgba(255,255,255,0.2); content:''; } .sub .top .location>ul>li>a, .sub .top .location>ul>li>span{ display:block; padding:0 12px; color:#fff; font-weight:300; text-align:left; text-shadow: 2px 2px 8px rgba(0,0,0,0.5); letter-spacing:-0.025em; } .sub .top .location>ul>li>a{ min-width:127px; padding-right:43px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .sub .top .location>ul>li a .arrow{ display:block; position:absolute; top:6px; right:12px; width:23px; height:23px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .sub .top .location>ul>li a .arrow:after{ display:block; position:absolute; top:8px; left:5px; padding:2.5px; border-width:0 1px 1px 0; border-style:solid; border-color:#fff; transform:rotate(45deg) translateY(-50%); -webkit-transform:rotate(45deg) translateY(-50%); content:''; } .sub .top .location>ul>li.first{padding-right:6px;} .sub .top .location>ul>li.first:before{display:none;} .sub .top .location>ul>li.first>a{ display:inline-block; position:relative; min-width:auto; width:35px; height:35px; padding:0; font-size:0; background:url("../images/sub/ico_home.png") 6px center no-repeat; text-indent:-9999px; vertical-align:middle; } .sub .top .location>ul>li.last>a{padding-right:31px;} .sub .top .location>ul>li.last a .arrow{right:0;} .sub .top .location li ul{ display: none; position: absolute; top:35px; left:12px; width:calc(100% - 14px); text-align:center; z-index: 3; } .sub .top .location li ul li a{ display: block; width:100%; height:35px; color: #111; font-size: 15px; font-weight: 300; background-color:#fff; border-bottom: 1px solid #d2d2d2; letter-spacing: -0.025em; line-height: 35px; } .sub .top .location li ul li:last-child a {border-bottom: 0} .sub .top .location li ul li a.on, .sub .top .location li ul li a:hover {background: #5b5b5b; color: #fff} .sub .top .inset{ position:relative; top:252px; color:#fff; text-align:center; transition: 1s all; transform: translate(0,-30px); opacity:0; z-index:1; } body.load .sub .top .inset{ transform: translate(0,0); opacity:1; } .sub .top .inset .tit{ font-size:50px; font-weight:500; letter-spacing:-0.025em; line-height:1; text-shadow: 2px 2px 8px rgba(0,0,0,0.5); } .sub .top .inset .s_tit{ margin-top:15px; font-size:17px; font-weight:300; letter-spacing:0; line-height:1; text-shadow: 2px 2px 8px rgba(0,0,0,0.5); } .sub .top span.bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0; } .sub .top span.bg:after{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center bottom; background-size: cover; background-repeat:no-repeat; transition: 2s all; transform: scale(1.1) rotate(0.001deg); content:''; } body.load .sub .top span.bg:after{transform: scale(1) rotate(0.001deg);} .sub .top.bg_company .bg:after{ /*background-image:url("../images/sub/bg/bg_company.jpg");*/ background-image:url("../images/sub/bg/bg_customer_off.jpg"); }/* 회사소개 */ .sub .top.bg_customer .bg:after{background-image:url("../images/sub/bg/bg_customer.jpg");}/* 고객센터 - FAQ, 고객의 소리, 회원권 */ .sub .top.bg_members .bg:after{background-image:url("../images/sub/bg/bg_membership_off.jpg");}/* 로그인/회원가입 */ .sub .top.bg_myjisan .bg:after{ background-image:url("../images/sub/bg/bg_customer_off.jpg"); /*background:url("../images/sub/bg/bg_myjisan.jpg") no-repeat center top;*/ }/* 마이지산/회원탈퇴 */ .sub .top.bg_charge .bg:after{background-image:url("../images/sub/bg/bg_charge.jpg");}/* 이용요금 */ .sub .top.bg_sketch .bg:after{background-image:url("../images/sub/bg/bg_sketch_off.jpg");}/* 현장스케치 */ .sub .top.bg_downhill .bg:after{background-image:url("../images/sub/bg/bg_downhillmap_off.jpg");}/* 다운힐운영안내 */ .sub .top.bg_downhillmap .bg:after{background-image:url("../images/sub/bg/bg_downhillmap_off.jpg");}/* 다운힐운영안내 */ .sub .top.bg_news .bg:after{background-image:url("../images/sub/bg/bg_news_off.jpg");}/* 공지사항 */ .sub .top.bg_traffic .bg:after{background-image:url("../images/sub/bg/bg_traffic_off.jpg");}/* 교통정보 */ .sub .top.bg_contest .bg:after{background-image:url("../images/sub/bg/bg_contest.jpg");}/* 대회일정 */ .sub .top.bg_webcam .bg:after{background-image:url("../images/sub/bg/bg_webcam.jpg");}/* 실시간 웹캠 */ .sub .top.bg_schedule .bg:after{background-image:url("../images/sub/bg/bg_schedule.jpg");}/* 시즌영업일정 */ .sub .top.bg_slopes .bg:after{background-image:url("../images/sub/bg/bg_slopes.jpg");}/* 슬로프 오픈 현황 */ .sub .top.bg_slopesmap .bg:after{background-image:url("../images/sub/bg/bg_slopesmap.jpg");}/* 슬로프맵 */ .sub .top.bg_food .bg:after{background-image:url("../images/sub/bg/bg_food.jpg");}/* 식음시설 */ .sub .top.bg_lodge .bg:after{background-image:url("../images/sub/bg/bg_lodge.jpg");}/* 부대시설 */ .sub .top.bg_art .bg:after{background-image:url("../images/sub/bg/bg_art.jpg");}/* 다람쥐미술공방 */ .sub .top.bg_academy.v1 .bg:after{background-image:url("../images/sub/bg/bg_academy01.jpg");}/* 스키&보드 아카데미 */ .sub .top.bg_academy.v2 .bg:after{background-image:url("../images/sub/bg/bg_academy02.jpg");}/* 포리 키즈 스키스쿨 */ .sub .top.bg_academy.v3 .bg:after{background-image:url("../images/sub/bg/bg_academy03.jpg");}/* 허승욱 스키스쿨 */ .sub .top.bg_instructor .bg:after{background-image:url("../images/sub/bg/bg_instructor.jpg");}/* 사설 강사 등록 */ .sub .top.bg_camp .bg:after{background-image:url("../images/sub/bg/bg_camp.jpg");}/* 스키캠프 */ .sub .top.bg_event .bg:after{background-image:url("../images/sub/bg/bg_event_off.jpg");}/* 이벤트(뷰) */ .sub .top.bg_group .bg:after{background-image:url("../images/sub/bg/bg_group_off.jpg");}/* 단체예약 */ .sub .top.bg_condo .bg:after{background-image:url("../images/sub/bg/bg_condo_off.jpg");}/* 메이플콘도 */ /* intro */ .intro_jisanguide .intro_main .bg:after{background-image: url("../images/intro/intro_jisanguide_bg.jpg");} .intro_condo .intro_main .bg:after{background-image: url("../images/intro/intro_condo_bg.jpg");} .intro_food_lodge .intro_main .bg:after{background-image: url("../images/intro/intro_food_lodge_bg.jpg");} .intro_academy .intro_main .bg:after{background-image: url("../images/intro/intro_jisan_academy_bg.jpg");} .intro_event .intro_main .bg:after{background-image: url("../images/intro/intro_event_bg.jpg");} .intro_customer .intro_main .bg:after{background-image: url("../images/intro/intro_customer_bg.jpg");} .sub .top.bg_academy.v1, .sub .top.bg_academy.v2, .sub .top.bg_academy.v3{ height: 739px; } .sub .top.bg_academy.v1 .tit {position: absolute; top: 327px; left: 50%; margin-left: -480px; z-index:1;} .sub .top.bg_academy.v1 .tit2 { position: absolute; top: 127px; left: 50%; margin-left: -480px; z-index:1; } .sub .top.bg_academy.v1 .tit2 .video { } .sub .top.bg_academy.v2 .tit {position: absolute; top: 321px; left: 50%; margin-left: -512px; z-index:1;} .sub .top.bg_academy.v2 .tit2 {position: absolute; top: 221px; left: 50%; margin-left: -512px; z-index:1;} .sub .top.bg_academy.v3 .tit {position: absolute; top: 321px; left: 50%; margin-left: -534px; z-index:1;} /* 1819 지산리조트 */ /*.sub .top.bg_condo{background-image:url("../images/sub/bg/bg_condo_off.jpg");}*/ h2.sub_tit {padding-top: 84px; margin-bottom: 43px; font-size: 36px; color: #111; letter-spacing: -0.025em; font-weight: 500; background-image: url(../images/sub/ico_sub_tit.png); background-repeat: no-repeat; background-position: center 50%; text-align: center} h2.sub_tit.fs30 {font-size: 30px; padding-top: 88px; background-image: url(../images/sub/ico_sub_tit.png); background-repeat: no-repeat; background-position: center 56%; text-align: center} .sub_tit02 {padding-bottom: 28px; font-size: 18px; font-weight: 400; color: #111; text-align: center} h2.sub_tit.has_desc {margin-bottom: 20px} .sub .section{padding-top:70px; padding-bottom:200px;} .sub .section input[type="text"], .sub .section input[type="password"], .sub .section select{color:#6d6d6d; font-size:14px; font-weight:300; border:1px solid #dbdbdb;} .sub .section input[type="text"], .sub .section input[type="password"] {height:38px; padding-left:9px;} .sub .section select{height:40px;} .sub .s_desc {font-weight: 400; font-size: 18px; color: #6d6d6d; line-height: 1.55; text-align: center} /* 서브메인 */ .sub.intro {padding-bottom: 0} .sub.intro .top {height: 872px} .intro_main { height: 872px; background-position:center bottom; background-size: cover; background-repeat:no-repeat; } .intro_jisaninfo .intro_main {background-image: url(../images/intro/intro_bg02.jpg);} .intro_ski .intro_main {background-image: url(../images/intro/intro_bg03.jpg);} /*.intro_condo .intro_main {background-image: url(../images/intro/intro_bg04.jpg); background-size: cover}*/ /*.intro_condo .intro_main {background-image: url(../images/intro/intro_bg04_180104.jpg);} .intro_food_lodge .intro_main {background-image: url(../images/intro/intro_bg05.jpg);}*/ /*.intro_lesson .intro_main {background-image: url(../images/intro/intro_bg06.jpg); background-size: cover}*/ .intro_lesson .intro_main {background-image: url(../images/intro/intro_bg06_180104.jpg);} .intro_group .intro_main {background-image: url(../images/intro/intro_bg07.jpg);} /*.intro_event .intro_main {background-image: url(../images/intro/intro_bg08.jpg); background-size: cover}*/ .intro_event .intro_main {background-image: url(../images/intro/intro_bg08_180104.jpg);} .sub.intro .inner {padding-bottom: 0} .sub.intro.intro_jisaninfo .inner {padding-bottom: 150px} /* 1819 지산리조트 */ /*.intro_jisanguide .intro_main {background-image: url("../images/intro/intro_jisanguide_bg.jpg");} .intro_condo .intro_main{background-image: url("../images/intro/intro_condo_bg.jpg");} .intro_food_lodge .intro_main {background-image: url("../images/intro/intro_food_lodge_bg.jpg");} .intro_academy .intro_main{background-image: url("../images/intro/intro_jisan_academy_bg.jpg");} .intro_event .intro_main{background-image: url("../images/intro/intro_event_bg.jpg");} .intro_customer .intro_main{background-image: url("../images/intro/intro_customer_bg.jpg");}*/ .intro_main .intro_txt_wrap{ display:table; position: absolute; top: 244px; left: 50%; width:385px; height:309px; background-image:url("../images/intro/intro_titbox.png"); background-repeat:no-repeat; text-align:center; transform: translate(-50%, 0); transition: 1s all; opacity: 0; z-index:1; } body.load .intro_main .intro_txt_wrap{ top:274px; opacity: 1; } .intro_main .intro_txt_wrap h2{ color:#fff; font-weight:500; font-size:53px; letter-spacing:-0.075em; line-height:1.566em; text-shadow: 0 0 13px rgba(26,34,40,0.61); } /*.intro_main .intro_txt_wrap h2:before{ display:block; width:46px; height:51px; margin:0 auto; background:url("../images/intro/intro_logo.png") no-repeat; background-size:cover; content:''; }*/ .intro_main .intro_txt_wrap h2:after{ display:block; width:34px; height:1px; margin:10px auto 18px; background-color:rgba(0,209,240,0.6); content:''; } .intro_main .intro_txt_wrap p{ color:#eaeaea; font-weight:300; font-size:20px; letter-spacing:-0.01em; line-height:1.4em; text-shadow: 0 0 13px rgba(26,34,40,0.61); } .intro .btn {overflow: hidden; position: relative; display: inline-block; width: 47px; height: 47px; margin-top: 33px} .intro .btn img {position: absolute; top: -47px; left: 0} .intro .zoom {overflow: hidden} .intro .zoom img {-webkit-transform:scale(1); -moz-transform:scale(1);-o-transform:scale(1); transform:scale(1); transition: transform .35s; -o-transition: transform .35s;-moz-transition: transform .35s; -webkit-transition: transform .35s;} .intro .zoom img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); transition: transform .35s;-o-transition: transform .35s;-moz-transition: transform .35s; -webkit-transition: transform .35s} .intro_cont {position: relative; margin-top: 40px; height: 500px} .intro_cont .img {width: 1160px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -952px; height: 500px; } .intro_cont .img img {width: 1160px} .intro_cont .txt {position: absolute; top: 143px; left: 50%; margin-left: 257px} .intro_cont .txt h2 {padding-bottom: 8px; font-size: 35px; font-weight: 500; color: #000; letter-spacing: -0.075em} .intro_cont .txt p {font-size: 18px; font-weight: 300; color: #111; letter-spacing: -0.025em; line-height: 1.33} .intro_cont.v2 {margin: 40px auto 60px} .intro_cont.v2.mb167{margin-bottom:167px;} .intro_cont.v2 .img {left: 50%; margin-left: -201px} .intro_cont.v2 .img img {right: auto; left: 0} .intro_cont .txt.txt_center {top: 124px} .intro_cont .txt.txt_center {margin-left: 0} .intro_cont .txt.txt_center.center1 {left: 13%} .intro_cont .txt.txt_center.center2 {left: 75%} .intro_cont .txt.txt_center.center3 {left: 8%} .intro_cont .txt.txt_center.center4 {left: 12.5%} .intro_cont .txt.txt_center.center5 {left: 71%} .intro_cont .txt.txt_center.center6 {left: 9.3%} .intro_cont .txt.txt_center.center7 {left: 75%} .intro_cont .txt.sketch_txt {left: 2%; margin-left: 0} .intro_cont.wid .img {width: 1145px; height: 440px} .intro_cont.v2.wid .img {margin-left: -193px} .intro_cont.v2.wid .intro_slider_wrap .img {margin-left: 0} .intro_slider_wrap {position: absolute; left: 50%; margin-left: -201px; width: 1160px; height: 500px} .intro_slider_wrap.v2 {margin-left: -952px} .intro_slider {width: 1160px} .intro_slider.wid {width: 1145px; height: 440px} .intro_slider .slick-slide {position: relative; height: 100%} .intro_slider_wrap .intro_slider.img {left: auto; margin-left: 0;} .intro_slider .slick-slide .bg_zoom {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; font-size:0; transform:scale(1.0); transition:transform 0.35s ease-in-out;} .intro_slider .slick-slide:hover .bg_zoom {transform:scale(1.1); text-decoration:none;} .intro .slick-arrow {position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; text-indent: -9999px; background: url(../images/intro/arrow_intro.png) no-repeat 0 -60px; z-index: 1} .intro .slick-prev {right: 61px; background: url(../images/intro/arrow_intro.png) no-repeat 0 0} .intro .v2 .slick-arrow {left: 0; right: auto} .intro .v2 .slick-next {left: 61px} .intro .bx-controls-direction > a {position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; text-indent: -9999px; background: url(../images/intro/arrow_intro.png) no-repeat 0 0; z-index: 1} .intro .bx-controls-direction > a.disabled {display: none} .intro .bx-controls-direction > a.bx-prev {left: 0} .intro .bx-controls-direction > a.bx-next {left: 61px; background: url(../images/intro/arrow_intro.png) no-repeat 0 -60px} .intro .intro_slider_wrap {overflow: hidden} .intro .intro_slider_wrap .bx-wrapper {overflow: hidden} .intro .intro_slider_wrap.v2 {overflow: hidden} .intro .intro_slider_wrap.v2 .bx-controls-direction > a {position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; text-indent: -9999px; background: url(../images/intro/arrow_intro.png) no-repeat 0 0; z-index: 1} .intro .intro_slider_wrap.v2 .bx-controls-direction > a.bx-prev {right: 61px; left: auto} .intro .intro_slider_wrap.v2 .bx-controls-direction > a.bx-next {right: 0; left: auto; background: url(../images/intro/arrow_intro.png) no-repeat 0 -60px} .bbg {padding-top: 70px; background: #f0f0f0} .intro_customer .bbg{padding-top:110px;} .bbg ul li {position: relative; float: left; margin-right: 40px; cursor: pointer} .bbg ul li.last {margin-right: 0} .bbg ul li .txt {padding-top: 26px; padding-bottom: 55px; text-align: center; background: #fff; border: 1px solid #dfdfdf; border-top: 0} .bbg ul li .txt h2 {padding-bottom: 8px; font-size: 30px; font-weight: 500; color: #000; letter-spacing: -0.075em} .bbg ul li .txt p {font-size: 18px; font-weight: 300; color: #111; letter-spacing: -0.025em; line-height: 1.33} .bbg ul li .btn {position: absolute; bottom: -22px; left: 50%; margin-left: -23px} .sub.intro .bbg.v2 .inner {padding-bottom: 98px;}/* 80px */ .intro .ski_slide_wrap {padding-top: 56px; padding-bottom: 70px; background: #fff;} .intro .ski_slide_wrap .tit {position: relative; width: 1100px; margin: 0 auto; padding-bottom: 40px} .intro .ski_slide_wrap .tit h2 {padding-bottom: 8px; font-size: 35px; font-weight: 500; color: #000; letter-spacing: -0.075em} .intro .ski_slide_wrap .tit p {font-size: 18px; font-weight: 300; letter-spacing: -0.025em; color: #111; line-height: 1.33} .intro .ski_slide_wrap .tit .btn {position: absolute; top: 0; right: 0} .intro .ski_slide_wrap .ski_slider .slick-slide {height: 500px} .intro .ski_slide_wrap .slick-list {padding: 0 !important; overflow: visible !important} .intro .ski_slide_wrap .ski_slider_cont {position: relative; padding: 0 30px} .intro .ski_slide_wrap .ski_slider_cont img {width: 100%} .intro .ski_slide_wrap .ski_slider_cont .bg {position: absolute; top: 0; left: 30px; width: 1100px; height: 100%; background: #000; opacity: 0.5; transition: opacity ease-out 0.8s; -webkit-transition: opacity ease-out 0.8s; -moz-transition: opacity ease-out 0.8s; -ms-transition: opacity ease-out 0.8s; -o-transition: opacity ease-out 0.8s;} .intro .ski_slide_wrap .ski_slider_cont.slick-center .bg {opacity: 0} .intro .ski_slide_wrap .slick-arrow {top: 220px; bottom: auto} .intro .ski_slide_wrap .slick-prev {left: 30px} .intro .ski_slide_wrap .slick-next {right: 30px; left: auto} .ski_wrap {width: 1160px; margin: 0 auto; height: 500px} .intro.intro_event .bbg {padding-bottom: 80px; background: #e8e8e8} .intro.intro_event .event_list {padding-top: 67px; padding-bottom: 97px; background: #f0f0f0} .intro.intro_event .event_list .inner .event_cont {float: left; width: 340px; margin-right: 25px; margin-bottom: 25px; padding: 4px; border: 1px solid #ddd; background: #f5f9fb} .intro.intro_event .event_list .inner .mr0 {margin-right: 0} .intro.intro_event .event_list .inner .mb0 {margin-bottom: 0} .intro.intro_event .event_list .inner .event_cont .img {position: relative; width: 100%; height: 176px; overflow: hidden} .intro.intro_event .event_list .inner .event_cont .img img {position: absolute; top: 0; left: 0; width: 100%} .intro.intro_event .event_list .inner .event_cont .txt {position: relative; height: 77px; padding: 20px 15px; letter-spacing: -0.025em} .intro.intro_event .event_list .inner .event_cont .txt .tit {font-size: 18px; font-weight: 400; height: 46px; line-height: 1.33; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box} .intro.intro_event .event_list .inner .event_cont .txt .date {position: absolute; bottom: 13px; left: 15px; font-size: 15px; font-weight: 300; color: #6d6d6d} .sub.event .event_list {padding-top: 67px; padding-bottom: 97px; background: #f0f0f0} .sub.event .event_list .inner .event_cont {float: left; width: 340px; margin-right: 25px; margin-bottom: 25px; padding: 4px; border: 1px solid #ddd; background: #f5f9fb} .sub.event .event_list .inner .mr0 {margin-right: 0} .sub.event .event_list .inner .mb0 {margin-bottom: 0} .sub.event .event_list .inner .event_cont .img {position: relative; width: 100%; height: 176px; overflow: hidden} .sub.event .event_list .inner .event_cont .img img {position: absolute; top: 0; left: 0; width: 100%} .sub.event .event_list .inner .event_cont .txt {position: relative; height: 77px; padding: 20px 15px; letter-spacing: -0.025em} .sub.event .event_list .inner .event_cont .txt .tit {font-size: 18px; font-weight: 400; height: 46px; line-height: 1.33; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box} .sub.event .event_list .inner .event_cont .txt .date {position: absolute; bottom: 13px; left: 15px; font-size: 15px; font-weight: 300; color: #6d6d6d} /* 이용요금 */ .charge_btn {text-align: center; font-size: 0; margin-top: 50px} .charge_btn a {display: inline-block} .charge_btn a:first-child {margin-right: 20px} /* 현장 스케치 */ .sketch_photo .photo_view .slider-for h3 img{width:auto;height:690px} /* 다운힐 운영안내 */ .downhill01 .inner {padding-top:108px; padding-bottom:0;} .downhill_ico01 {background: url(../images/sub/downhill_ico01.jpg) no-repeat center 0} .downhill_ico01 li {width: 33.33%; height: 375px; padding-top: 200px} .downhill01 .common_ul li {font-size: 20px; color: #636363; font-weight: 400;} .downhill_ico01 li span.sub_info {font-size: 17px; color: #b6b6b6; } .downhill_ico01 li .tit {margin-bottom: 5px; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #111111} .downhill01 .more_btn{ background: #006bb7; color: #fff; padding: 2px 15px 3px; display: inline-block; margin-top: 7px; font-weight: 300; font-size: 17px; } .downhill02 {position: relative; margin-top:20px;} .downhill02 h2.sub_tit.has_desc {margin-bottom:40px;} .downhill02 .calendar_tit {font-size:38px; text-align:center; margin:30px 0 20px;} .downhill02 .calendar_btn {position: relative;} .downhill02 .btn_prev {position: absolute; top:-74px; left:435px;background:url(../images/sub/dh_btn_prev.png) no-repeat center; width:55px; height: 55px;} .downhill02 .btn_next {position: absolute; top:-74px; right:435px;background:url(../images/sub/dh_btn_next.png) no-repeat center; width:55px; height: 55px;} .downhill02 .downhill_guide_title {position: absolute; top: 206px; right: 0;} .downhill02 .downhill_guide_title span {font-weight: 300; font-size: 14px; color: #6d6d6d; letter-spacing: -0.025em;} .downhill02 .downhill_guide_title span img {display: inline-block; margin-left:13px;} .downhill02 .downhill_r_table {text-align: center;} .downhill02 .downhill_r_table th.sat {color: #006bb7;} .downhill02 .downhill_r_table th.sun {color: #ca3030;} .downhill02 .downhill_r_table.common_table th, .downhill02 .downhill_r_table.common_table td {border-right: 1px solid #ddd;} .downhill02 .downhill_r_table.common_table th.last, .downhill02 .downhill_r_table.common_table td.last {border-right: 0;} .downhill02 .downhill_r_table.common_table th {padding: 12px 0;} .downhill02 .downhill_r_table.common_table td {padding: 21px 0; height:65px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em; vertical-align:top;} .downhill02 .downhill_r_table.common_table td img {display: inline-block; margin-top: 8px; margin-bottom: 7px;} .downhill02 .downhill_r_table.common_table td:last-child {border-right: 0;} /*다운힐 코스소개*/ .downhillmap01 .inner {padding-bottom:30px;} .downhillmap01 .dh_map {border-top: 3px solid #006bb7; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .downhillmap01 .dh_map img {width:100%;} .downhillmap02 .sub_tit span {color:#b2b2b2;} .downhillmap02 .inner {border-top: 3px solid #006bb7; border-bottom: 1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:20px 0 20px 0px;} .downhillmap02 .course ul {display: table; font-size: 19px; margin: 20px 20px 20px 28px;} /* .downhillmap02 .course ul.last { margin-left: 356px;} */ .downhillmap02 .course li {display:table-cell; vertical-align:middle;} .downhillmap02 .course li.bar:before {background-color: #d9d9d9; margin:-3px 10px; content:''; display: inline-block; width: 1px; height: 19px;} .downhillmap02 .course li.pr40 {padding-right:39px;} .downhillmap02 .course li:nth-child(odd) {color:#777777; font-weight: 300;} .downhillmap02 .course li span {margin-left: 50px; color:#fff; font-weight: 500; text-align: center; width: 107px; height: 35px; display: inline-block; line-height: 35px; margin-right:19px;} .downhillmap02 .course li span.blue {background-color:#2c53a8;} .downhillmap02 .course li span.red {background-color:#dd3f47;} .downhillmap02 .course li span.black {background-color:#000;} .downhillmap02 .course li span.green {background-color:#52b55a;} .downhillmap03 .inner {margin-top:40px; padding-bottom:25px; border-top: 3px solid #006bb7;} .downhillmap03 ul {display: table; table-layout: fixed; word-break:break-all; width:100%; font-size: 17px;} .downhillmap03 li {display:table-cell; vertical-align:middle; height:80px; border-bottom:1px solid #ddd; padding:0 25px;} .downhillmap03 li.lineB span {color: #949494;} .downhillmap03 li:first-child {width:25%; text-align: center; border-right:1px solid #ddd; background-color:#f4f4f4; font-weight: 400;} .downhillmap03 li:last-child {width:75%; font-weight: 300; color: #444444;} .downhillmap04 .inner {margin-top:40px; padding-bottom:50px;} .downhillmap04 .sub_tit span {color:#b2b2b2;} .downhillmap04 .inner ul {display: table; table-layout: fixed; word-break:break-all; width:100%; font-size: 17px;} .downhillmap04 .inner li {display:table-cell; vertical-align:middle; height:100px; border-bottom:1px solid #ddd; padding:0 25px;} .downhillmap04 .inner li.lineB {border-top: 3px solid #006bb7;} .downhillmap04 .inner li:first-child {width:25%; text-align: center; background-color:#f4f4f4; font-weight: 400;} .downhillmap04 .inner li:last-child {width:75%; font-size: 16px; font-weight: 300; color: #333333;} .downhillmap04 .inner li:last-child span {color:#9f9f9f; letter-spacing: 0.5px;} .downhillmap04 .info {padding-top:10px; line-height: 22px;} .downhillmap04 .info span{color:#9f9f9f; padding-left:20px; letter-spacing: 0.5px;} .downhillmap04 .info2 {line-height: 25px;} .downhillmap05 .inner {font-size: 19px; background-color: #f4f4f4; text-align: center; padding:20px 0; margin-bottom:97px;} .downhillmap05 .inner div {display: inline-block; vertical-align:middle; } .downhillmap05 .inner .warning {width: 25px; height: 25px; background-color: #000; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;color:#fff; font-weight: 500; line-height: 25px; margin-bottom: 3px;} .downhillmap05 .inner span {color:#9f9f9f; letter-spacing: 0.5px; font-size: 17px; margin-left:5px;} .downhillmap05 .inner .call {width: 175px; height: 34px; background-color: #fff; border-radius:25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; color:#036db8; line-height: 33px; margin-left:5px; font-weight: 500;} .downhillmap05 .inner .call img {padding-right:10px;} /* 공지사항 */ .news_wrap {position: relative; padding-top: 179px} .news_wrap .searchArea {position: absolute; top: 114px; right: 0} .news_wrap .sub_tit {padding-top: 100px; margin-bottom: 60px; background-position: center 60%} .news {} .news ul li {float: left; margin-right: 25px; margin-bottom: 25px} .news ul li.mr0 {margin-right: 0} .news ul li.mb0 {margin-bottom: 0} .news ul li a {position: relative; display: block; width: 310px; height: 213px; padding: 0 19px; border: 1px solid #dddddd; background: url(../images/sub/ico_noti01.jpg) no-repeat 310px 173px} .news ul li a .title {height: 94px; padding-top: 58px; font-size: 20px; font-weight: 400; letter-spacing: -0.025em; color: #111; line-height: 1.25; border-bottom: 1px solid #ddd} .news ul li a .title p {-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; line-height: 1.25; display: -webkit-box} .news ul li a .date {padding-top: 17px; color: #6d6d6d; font-size: 15px; font-weight: 300; letter-spacing: -0.025em} .news ul li a span {display: none; position: absolute; top: 0 ;left: 0; width: 55px; height: 40px; font-size: 16px; font-weight: 300; color: #fff; letter-spacing: -0.025em; background: #006bb7; text-align: center; line-height: 40px;} .news ul li a:after {display: none; position: absolute; top: -1px; left: -1px; content: ''; width: 100%; height: 100%; border: 2px solid #006bb7} .news ul li a.notice:after {display: block} .news ul li a:hover {background: url(../images/sub/ico_noti02.jpg) no-repeat 310px 173px} .news ul li a:hover:after {display: block} .news ul li a.notice span {display: block} .news {border-top: 3px solid #006bb7} .news > div {overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dddddd} .news > div a > div {float: left} .news > div .img {position: relative; width: 358px; height: 200px; margin-right: 58px; overflow: hidden} .news > div .img img {position: absolute; top: 0; left: 0} .news > div .txt {position: relative; width: 682px; height: 200px} .news > div .txt .tit {padding-top: 18px; padding-bottom: 8px; font-size: 25px; font-weight: 400; color: #111; letter-spacing: -0.075em} .news > div .txt .cont {height: 82px; font-size: 18px; font-weight: 300; color: #afafaf; letter-spacing: -0.075em; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box} .news > div .txt .date {position: absolute; bottom: 10px; left: 0; font-size: 18px; font-weight: 300; letter-spacing: -0.075em; color: #afafaf} /* 교통안내 */ .traffic_table {margin-bottom: 20px; border-top: 3px solid #006bb7; border-bottom: 1px solid #e3e3e3} .traffic_table td {padding: 36px 0 36px 34px; font-size: 16px; font-weight: 300; color: #111} .traffic_table td.title {padding-left: 0; background: #f4f4f4; text-align: center} .traffic_table td select {width: 275px; height: 38px; padding-left: 8px; line-height: 38px; border: 1px solid #dbdbdb; font-size: 14px; color: #6d6d6d} .traffic_table td .btn_search {display: inline-block; width: 75px; height: 40px; margin-left: 7px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; font-weight: 300; background: #5b5b5b; vertical-align: middle} .traffic_table td.bg {background: url(../images/sub/arrow_traffic.jpg) no-repeat 360px center} .tab_cont .way {padding: 24px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #111; text-align: center; background: #f4f4f4} .tab_cont .way p {font-size: 16px; font-weight: 400; color: #6d6d6d; letter-spacing: -0.025em} .tab_cont .way span {color: #111; font-weight: 400} .traffic02 {} .traffic02 ul.root {overflow: hidden; background: url(../images/sub/traffic_img02-1.jpg) no-repeat center 0; border-top: 3px solid #006bb7; margin-bottom: 35px} .traffic02 ul.root li {position: relative; float: left; width: 25%; height: 285px; padding-top: 183px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; text-align: center; color: #6d6d6d;} .traffic02 ul.root li:after {position: absolute; top: 134px; right: -14px; content: ''; display: block; background: url(../images/sub/arrow_traffic.jpg) no-repeat 0 0; width: 25px; height: 17px; z-index: 1} .traffic02 ul.root li:last-child {border-right: 1px solid #ddd} .traffic02 ul.root li:last-child:after {display: none} .traffic02 .root02 {overflow: hidden} .traffic02 .root02 dl {float: left; width: 33.33%; height: 430px; border-top: 1px solid #ddd; border-bottom: 1px solid #000; border-left: 1px solid #ddd; box-sizing: border-box} .traffic02 .root02 dl:last-child {border-right: 1px solid #ddd} .traffic02 .root02 dl dt {height: 66px; line-height: 66px; padding-left: 20px; font-size: 17px; color: #111111;letter-spacing: -0.025em; background: #f4f4f4; } .traffic02 .root02 dl dd {padding: 20px 0 0 20px; font-size: 15px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em; line-height: 1.6} .traffic02 .s_desc {margin-top: -6px; margin-bottom: 24px; font-size: 20px; color: #222222; letter-spacing: -0.05em} .traffic02 a.bus {position: absolute; top: 95px; right: 0; display: block; background: #5b5b5b; width: 125px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em} .traffic02 .sub_tit.art {margin-bottom: 0; padding-top: 82px; background-position: center 60px} /* 실시간 웹캠 */ .cam_bg {position: relative} .cam_bg > img {width: 1296px !important; max-width: 1296px !important; position: absolute; top: 157px;left: 50%; margin-left: -705px; z-index: 0} .cam_bg .inner {position: relative; z-index: 1; padding-bottom: 125px} .cam_wrap {} .cam_bg .desc {padding-top: 45px; padding-bottom: 27px; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: -0.025em; color: #111} .cam_wrap > div {height: 100%} .cam_tit {padding-left: 18px; height: 55px; font-size: 18px; color: #111; line-height: 55px;} .cam_choice {width: 1060px; padding-left: 40px} .cam_choice:after {content: ''; display: block; clear: both} .cam_choice .place {float: left; position: relative; width: 490px; margin-right: 30px} .cam_choice .place img {border: 1px solid #fff} .cam_choice .place span {position: absolute; top: 0; left: 0; display: block; width: 28px; height: 35px; background: url(../images/sub/ico_no_open.png) no-repeat 0 0; font-size: 17px; font-weight: 300; color: #fff; text-align: center} .cam_choice .place span.open {background: url(../images/sub/ico_open.png) no-repeat 0 0} .cam_choice .place span.cam1 {top: 213px; left: 67px} .cam_choice .place span.cam2 {top: 205px; left: 131px} .cam_choice .place span.cam3 {top: 200px; left: 178px} .cam_choice .place span.cam4 {top: 185px; left: 263px} .cam_choice .place span.cam5 {top: 186px; left: 322px} .cam_choice .place span.cam6 {top: 128px; left: 188px} .cam_choice .place span.cam7 {top: 184px; left: 380px} .cam_choice .place span.cam8 {top: 98px; left: 254px} .cam_choice .place .cam_tit {background: #f4f4f4} .cam_choice .num {float: left; width: 491px} .cam_choice .num ul {overflow: hidden} .cam_choice .num ul li {float: left; margin-bottom: 15px} .cam_choice .num ul li.odd {margin-right: 19px} .cam_choice .num ul li.mb0 {margin-bottom: 0} .cam_choice .num ul li a {position: relative; display: block; width: 235px; height: 63px; line-height: 63px; letter-spacing: -0.025em; background-image: url(../images/sub/cam_choice_bg.jpg); background-repeat: no-repeat; background-position: 0 -65px} .cam_choice .num ul li a span {display: block; color: #fff} .cam_choice .num ul li a span.num_span {position: absolute; top: 17px; left: 19px; width: 20px; height: 20px; font-size: 15px; text-align: center; line-height: 20px} .cam_choice .num ul li a span.name {font-size: 16px; text-indent: 76px} .cam_choice .num ul li.open a {background-position: 0 -130px} .cam_view {} .cam_view .view {width: 480px; height: 368px; margin: 0 auto; padding-top: 105px} /* 슬로프 오픈 현황 */ .sub .sub_tit.fs30.slope_tit01 {padding-top: 53px; margin-bottom: 25px; background: url(../images/sub/ico_sub_tit.png) no-repeat center 41%; text-align: center} .sub .sub_tit.fs30.slope_tit02 {padding-top: 64px; margin-bottom: 25px; background: url(../images/sub/ico_sub_tit.png) no-repeat center 46%; text-align: center} .slope_table_wrap {padding-top: 47px; background: url(../images/sub/slope_table_bg.jpg) no-repeat 100% 0} .slope_table {text-align: center} .slope_table th {position: relative; height: 38px; padding-bottom: 10px; padding-top: 12px; font-size: 25px; font-weight: 500; letter-spacing: -0.025em; text-align: center; border-left: 1px solid #e4e4e4} /* .slope_table th:before {position: absolute; top: 0; left: 0; content: ''; display: block; clear: both; width: 100%; height: 8px} .slope_table th.color1:before {background: #fa9634} .slope_table th.color2:before {background: #fa9634} .slope_table th.color3:before {background: #358d60} .slope_table th.color4:before {background: #3cb878} .slope_table th.color5:before {background: #358d60} .slope_table th.color6:before {background: #13c3f4} .slope_table th.color7:before {background: #111111} .slope_table th.color8:before {background: #358d60} */ .slope_table th.none {border-left: 0} .slope_table th .txt1 {display: inline-block; position: absolute; top: -17px; left: 0; width: 100%} .slope_table th .txt2 {display: block; font-size: 18px; font-weight: 300} .slope_table td {height: 35px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; border-left: 1px solid #e4e4e4} .slope_table td.tit {border-left: 0} .slope_table td img {vertical-align: middle} .slope_desc {float: right; width: 1008px; height: 73px; margin-bottom: 60px; margin-top: 54px; border-top: 1px solid #111111; border-bottom: 1px solid #111111} .slope_desc .time {padding-left: 30px; float: left; line-height: 73px; font-size: 18px; font-weight: 300; letter-spacing: -0.025em; color: #6d6d6d} .slope_desc .time span {display: inline-block; padding-right: 10px; font-weight: 500; color: #111; } .slope_desc .ico {float: right; padding-right: 30px; line-height: 73px} .slope_desc .ico p {display: inline-block; margin-right: 38px} .slope_desc .ico p.mr0 {margin-right: 0} .slope_desc .ico p img {vertical-align: middle; margin-top: -2px} .slope_desc .ico p .txt {margin-right: 5px; font-size: 18px; font-weight: 500; letter-spacing: -0.025em} .slope_tab {position: relative; padding-top: 82px; padding-bottom: 56px; text-align: center; } .slope_tab ul {display: inline-block; text-align: center} .slope_tab ul li {position: relative; display: inline-block; padding: 0 15px;} .slope_tab ul li.first:before {position: absolute; top: 0px; left: 0; content: ''; display: block; clear: both; width: 3px; height: 32px; background: #111} .slope_tab ul li.last:before {position: absolute; top: 0px; right: 0; content: ''; display: block; clear: both; width: 3px; height: 32px; background: #111} .slope_tab ul li:after {content: ''; display: block; clear: both; width: 1px ;height: 17px; background: #b5b5b5; position: absolute; top: 6px; left: 0} .slope_tab ul li:first-child:after {display: none} .slope_tab ul li.first:after {display: none} .slope_tab ul li a {position: relative; font-size: 18px; font-weight: 300; color: #111} .slope_tab ul li a:after {position: absolute; bottom: -5px; left: 0; content: ''; display: none; width: 100%; height: 3px; background: #006bb7; clear: both} .slope_tab ul li.on a {font-weight: 400; color: #006bb7; } .slope_tab ul li.on a:after {display: block} .slope_open .inner {padding-bottom: 0} .slope_open .inner:after {content: ''; display: block; clear: both} .slope_open .view_wrap {background: #f4f4f4} .slope_open .view_wrap .inner {padding-bottom: 160px} .slope_open .view_wrap .normal_view td {padding: 47px; background: #fff} .slope_open .view_wrap .normal_view th p.title {width: 690px; font-weight: 300; padding-left: 32px; font-weight: 400} .slope_open .view_wrap .normal_view th p.date {margin-right: 28px} /* 스키장 제원 */ .sub .ski03-1.inner {padding-bottom: 78px} .ski03-1 .s_desc {font-size: 18px; font-weight: 500; color: #222; line-height: 1.6; padding-top: 76px; padding-bottom: 43px} .ski03-2, .ski03-4 {position: relative; background: #eeeeee; padding-bottom: 64px} .sub .ski03-2:after, .sub .ski03-4:after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #eee; display: block} .sub .ski03-2 .sub_tit, .sub .ski03-4 .sub_tit {margin-bottom: 10px} .sub .ski03-2 .s_desc, .sub .ski03-4 .s_desc {margin-bottom: 40px; font-weight: 300} .sub .ski03-2 .txt {position: absolute; top: 282px; right: 50%; margin-right: -548px; z-index: 1; width: 310px; height: 327px; background: #006bb7 url(../images/sub/ski_img03-4.jpg) no-repeat center 56px; box-sizing: border-box; text-align: center; color: #fff; padding-top: 135px; font-weight: 300} .sub .ski03-4 .inner {overflow: hidden} .sub .ski03-4 .camp_slider {float: right} .sub .ski03-4 .txt {position: absolute; top: 282px; left: 50%; margin-left: -548px; z-index: 1; width: 310px; height: 327px; background: #006bb7 url(../images/sub/ski_img03-5.jpg) no-repeat center 63px; box-sizing: border-box; text-align: center; color: #fff; padding-top: 150px; font-weight: 300} .sub .ski03-3 .table_txt, .sub .ski03-5 .table_txt {font-size: 30px; font-weight: 500; color: #000; letter-spacing: -0.025em; text-align: center; padding-top: 58px; padding-bottom: 30px} .sub .ski03-3 .table_wrap, .sub .ski03-5 .table_wrap {padding-top: 20px; padding-bottom: 86px; background: url(../images/sub/course_bar.jpg) no-repeat 100% 0} .sub .ski03-5 .table_wrap {background: url(../images/sub/lift_bar.jpg) no-repeat 100% 0; padding-bottom: 130px} .sub .ski03-5 .table_wrap .slope_table.course_table {margin-top: 23px} .sub .ski03-5 .table_wrap .slope_table.course_table th {font-size: 28px; line-height: 1.1 } .sub .ski03-5 .table_wrap .slope_table.course_table th span {font-size: 16px; display: block; margin-top: 3px} .slope_table.course_table {margin-top: 27px} .slope_table.course_table th {font-size: 44px; padding-bottom: 20px; padding-top: 0} .slope_table.course_table td {color: #666666; font-size: 20px; font-weight: 300} .slope_table.course_table td.tit {font-size: 16px; color: #111; font-weight: 500} /* 콘도 */ .condo .inner {padding-bottom: 0} .condo .condo01 {padding-top: 77px} .condo .condo01 .condo_view_wrap {margin-top: 30px} .condo .condo01 .condo_view_wrap .condo_slider {padding: 18px 0; border-top: 3px solid #006bb7; border-bottom: 1px solid #c5c5c5} .condo .condo01 .condo_view_wrap .condo_slider .txt {position: absolute; top: 29px; left: 792px} .condo .condo01 .condo_view_wrap .condo_slider .txt .name {padding-bottom: 4px; font-size: 36px; font-weight: 500; letter-spacing: -0.025em; color: #111} .condo .condo01 .condo_view_wrap .condo_slider .txt p {font-weight: 400; font-size: 18px; color: #111; line-height: 1.55} .condo .condo01 .condo_view_wrap .condo_slider .txt p span {color: #006bb7} .condo .condo01 .condo_view_wrap .condo_slider {position: relative} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-for {width: 750px; height: 395px} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav {position: absolute; bottom: 18px; right: 0; width: 308px} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav h3 {padding: 0 2px; position: relative} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav h3:after {display: none; content: ''; position: absolute; top: 0 ;left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav h3:before {display: none;content: ''; position: absolute; top: 0; left:0 ;width: 100%; height: 100%; background: url(../images/sub/condo_plus.png) no-repeat center center; background-size: 17px; z-index: 1} .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav .slick-current h3:after, .condo .condo01 .condo_view_wrap .condo_slider .condo-slider-nav .slick-current h3:before {display: block} .condo .condo01 .condo_view_wrap .condo_slider .slick-arrow {position: absolute; bottom: 66px; right: 0; background-image: url(../images/sub/arrow_condo.jpg); background-repeat: no-repeat; text-indent: -9999px} .condo .condo01 .condo_view_wrap .condo_slider .slick-prev {right: -311px; width: 40px; height: 33px; background-position: 0 0} .condo .condo01 .condo_view_wrap .condo_slider .slick-next {right: -350px; width: 39px; height: 33px; background-position: 100% 0} .condo .condo02 {position: relative} .condo .condo02 .sub_tit {margin-bottom: 20px} .condo .condo02 .condo_guide_title {position: absolute; top: 160px; right: 0} .condo .condo02 .condo_guide_title span {font-weight: 300; font-size: 14px; color: #6d6d6d; letter-spacing: -0.025em} .condo .condo02 .condo_guide_title span img {display: inline-block; margin: 0 13px} .condo .condo02 .condo_btn {padding-top: 47px; padding-bottom: 77px; text-align: center} .condo .condo02 .condo_btn a {display: inline-block} .condo .condo03 {display: table; width: 100%; height: 495px; background-image: url('../images/sub/condo_img03.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center 50%} .condo .condo03 .txt {display: table-cell; font-size: 30px; font-weight: 400; color: #fff; text-align: center; line-height: 1.33; vertical-align: middle} .condo .condo04 .s_desc {padding-bottom: 33px} .condo .condo07 {margin-bottom: 130px} .condo .condo_r_table {text-align: center} .condo .condo_r_table.common_table th, .condo .condo_r_table.common_table td {border-right: 1px solid #ddd} .condo .condo_r_table.common_table th.last, .condo .condo_r_table.common_table td.last {border-right: 0} .condo .condo_r_table.common_table th {padding: 12px 0} .condo .condo_r_table.common_table td {padding: 21px 0; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em} .condo .condo_r_table.common_table td img {display: inline-block; margin-top: 8px; margin-bottom: 7px} .condo .condo_r_table.common_table td:last-child {border-right: 0} .condo_call {width: 1100px; margin: 0 auto 63px; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #111} .condo_call > div {float: left; width: 50%;} .condo_call > div.call01 {background: url(../images/sub/ico_condo01.jpg) no-repeat 151px center} .condo_call > div.call02 {background: url(../images/sub/ico_condo02.jpg) no-repeat 151px center} .condo_call > div p {padding: 32px 0 32px 260px; color: #6d6d6d; font-weight: 300} .condo_call > div p strong {display: block; font-weight: 400; color: #111; letter-spacing: -0.025em} .condo_call > div.call01 p {border-right: 1px solid #ddd} .condo_ico01 {} .condo_ico01 {background: url(../images/sub/condo_ico01.jpg) no-repeat center 0} .condo_ico01 li {width: 33.33%; height: 400px; padding-top: 200px} .condo_ico01 li .tit {margin-bottom: 5px; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #111111} .condo_ico02 {background: url(../images/sub/condo_ico02.jpg) no-repeat center 0} .condo_ico02 li {width: 25%; height: 268px; padding-top: 185px} .condo_ico02 li:nth-child(4) {border-right: 1px solid #ddd} .condo_ico02 li .desc {padding-top: 8px; font-size: 15px; color: #acacac} .condo_ico02 li:nth-child(5),.condo_ico02 li:nth-child(6),.condo_ico02 li:nth-child(7),.condo_ico02 li:nth-child(8) {height: 345px} .condo_floor {overflow: hidden; padding-top: 30px; padding-bottom: 40px} .condo_floor li {position: relative; float: left; box-sizing: border-box; padding-left: 55px; padding-top: 14px; line-height: 1.6; font-size: 15px; color: #222} .condo_floor li span {display: block; position: absolute; top: 0 ;left: 0; width: 45px; height: 45px} /*.condo_floor li:nth-child(1) {width: 192px}*/ .condo_floor li:nth-child(1) {width: 207px} .condo_floor li:nth-child(2) {width: 224px} .condo_floor li:nth-child(3) {width: 210px} .condo_floor li:nth-child(4) {width: 210px} .condo_floor li:nth-child(5) {width: 157px} /*.condo_floor li:nth-child(1) span {background: url(../images/sub/condo_floor.jpg) no-repeat 0 0}*/ .condo_floor li:nth-child(1) span {background: url(../images/sub/condo_floor.jpg) no-repeat -45px 0} .condo_floor li:nth-child(2) span {background: url(../images/sub/condo_floor.jpg) no-repeat -90px 0} .condo_floor li:nth-child(3) span {background: url(../images/sub/condo_floor.jpg) no-repeat -135px 0} .condo_floor li:nth-child(4) span {background: url(../images/sub/condo_floor.jpg) no-repeat -180px 0} .condo_floor li:nth-child(5) span {background: url(../images/sub/condo_floor.jpg) no-repeat -225px 0} .pop_condo_ul {background: url(../images/sub/condo_ico03.jpg) no-repeat center 0} .pop_condo_ul.common_ul li {position: relative; width: 33.33%; height: 336px; border-left: 0; padding-top: 180px} .pop_condo_ul.common_ul li:first-child {border-left: 1px solid #ddd} .pop_condo_ul.common_ul li strong {display: block; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #111} .pop_condo_ul.common_ul li strong span {display: block; font-size: 18px} .pop_condo_ul.common_ul li p {position: absolute; top: 245px; left: 0; width: 100%; } #condo_reserve .bank {padding: 27px 0; background: #f4f4f4; border-bottom: 1px solid #000; text-align: center} #condo_reserve .bank .desc1 {font-size: 18px; letter-spacing: -0.025em; color: #000} #condo_reserve .common_caution {margin-bottom: 134px; background: url(../images/sub/reserve_caution.png) no-repeat 0 22px} #condo_reserve .common_caution ul {padding-left: 200px} #condo_reserve .common_caution ul li {color: #acacac} #condo_reserve .common_caution ul li span {color: #6d6d6d} .sub.condo .inner.condo_package {padding-bottom: 160px} .condo_package h2.sub_tit {margin-bottom: 22px; font-size: 30px} .condo_package .s_desc {padding-bottom: 30px; font-weight: 400} .condo_package .condo08 {position: relative; height: 350px; border-top: 3px solid #006bb7; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: url(../images/sub/package_ico01.jpg) no-repeat center 0 } .condo_package .condo08 .tit {font-size: 24px; font-weight: 500; letter-spacing: -0.025em; line-height: 1; text-align: center; color: #000} .condo_package .condo08 > div {position: absolute} .condo_package .condo08 .condo08-1 {top: 250px; left: 150px} .condo_package .condo08 .condo08-2 {top: 250px; left: 455px} .condo_package .condo08 .condo08-2 .tit span {font-size: 16px; font-weight: 300; color: #6d6d6d} .condo_package .condo08 .condo08-3 {top: 250px; left: 857px} .condo_package .condo08 .condo08-3 .tit {color: #006bb7} .condo_package .condo09 .common_table.v2 th.bbb {border-bottom: 1px solid #111} .condo_package .condo09 .common_table.v2 th:last-child, .condo_package .condo09 .common_table.v2 td:last-child {border-right: 0} .condo_package .condo10 .common_ul {background: url(../images/sub/package_ico02.jpg) no-repeat center 0} .condo_package .condo10 .common_ul li {height: 436px} .condo_package .condo10 .common_ul li .tit {padding-top: 250px; padding-bottom: 6px; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #111} .condo_package .condo11 .common_ul {background: url(../images/sub/package_ico03.jpg) no-repeat center 0} .condo_package .condo11 .common_ul li {height: 347px; padding-top: 254px} .condo_package .condo11 .common_ul li .tit {font-size: 18px; font-weight: 500; color: #111} .condo_package .condo11 .common_ul li .tit span {font-weight: 400; color: #6d6d6d} .condo_package .common_ul li {width: 50%} .condo_package .common_ul li.one_li {width: 100%} /* 식음시설 */ .food_list {overflow: hidden} .food_list > li {position: relative; float: left; width: 312px; margin-right: 50px; margin-bottom: 40px; border: 1px solid #dddddd; padding: 9px} .food_list > li .img {position: relative; width: 312px; height: 201px; overflow: hidden} .food_list > li .img img {position: absolute; top: 0; left: 0; width: 100%} .food_list > li.odd {margin-right: 0} .food_list > li a {display: block} .food_list > li .name {padding: 23px 0 23px 10px; font-size: 25px; font-weight: 700; letter-spacing: -0.025em; border-bottom: 1px solid #c5c5c5} .food_list > li .more {position: absolute; top: 233px; right: 21px; display: block; width: 100px; height: 40px; background: #006bb7; text-align: center; line-height: 40px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -0.025em} .food_list > li ul {padding-top: 17px; padding-bottom: 35px} .food_list > li ul.line4{padding-bottom:11px;} .food_list > li ul li {padding-left: 10px; font-weight: 300; font-size: 16px; color: #6d6d6d; letter-spacing: -0.025em; line-height: 1.56} /* 부대시설 */ .sub.lodge .inner {padding-bottom: 0} .camp_slider.v2 {width: 1098px; height: auto} .camp_slider.v2 .camp-slider-for {} .camp_slider.v2 .camp-slider-nav .slick-slide h3:after {height: 67px} .camp_slider.v2 .slick-arrow {top: 160px; width: 60px; height: 60px; background: url(../images/sub/common_arrow.png) no-repeat 0 0} .camp_slider.v2 .slick-prev {left: 0} .camp_slider.v2 .slick-next {right: 0; background: url(../images/sub/common_arrow.png) no-repeat -60px 0} .lodge_floor {margin-top: 30px; border-top: 3px solid #006bb7; border-bottom: 1px solid #111; padding: 12px 0} .lodge_floor li .list{font-size: 0} .lodge_floor li.bdn .list {border-bottom: 0} .lodge_floor .num {display: inline-block; width: 50px; height: 50px; margin-right: 20px; margin: 8px 20px 8px 0; background: #5b5b5b; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; color: #fff; text-align: center; line-height: 50px; vertical-align: middle} .lodge_floor .list {display: inline-block; width: 1026px; padding: 20px 0; vertical-align: middle; border-bottom: 1px solid #ddd; } .lodge_floor .list span {position: relative; display: inline-block; font-size: 16px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em; margin: 0 6px} .lodge_floor .list span:after {content: ''; position: absolute; top: 5px; right: -7px; width: 1px; height: 16px; display: block; background: #6d6d6d} .lodge_floor .list span.last:after {display: none} .lodge_view {padding-bottom: 100px; background : #eeeeee; text-align: center} .lodge_view .normal_txt {padding-top: 75px; padding-bottom: 40px} .btn_place {display: block; width: 266px; height: 63px; margin: 45px auto 60px} /* 다람쥐미술공방 */ h2.sub_tit.art {padding-top: 95px; background-position: center 79px} .sub.art .inner {padding-bottom: 0} .btn_art {display: block; width: 266px; height: 63px; margin: 45px auto 60px} .art01 {display: table; width: 100%; height: 453px; background-image: url(../images/sub/art_img01-4.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom} .art01 p {text-align: center; color: #fff; display: table-cell; font-size: 30px; font-weight: 400; vertical-align: middle} .art02 {padding-top: 59px; padding-bottom: 62px} .art02 .inner > ul {overflow: hidden} .art02 .inner > ul > li {float: left; width: 311px; height: 331px; padding: 30px 9px 0 9px; margin-right: 47px; border: 3px solid #afafaf} .art02 .inner > ul > li.last {margin-right: 0} .art02 .inner > ul > li .name {padding-bottom: 20px; margin-bottom: 25px; font-size: 18px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.33; text-align: center; border-bottom: 1px solid #b0b0b0} .art02 .inner > ul > li .name span {font-weight: 500} .art02 .inner > ul > li ul {padding: 0 14px} .art02 .inner > ul > li ul li {position: relative; padding-left: 9px; font-size: 15px; font-weight: 300; letter-spacing: -0.025em; color: #6d6d6d; line-height: 1.6} .art02 .inner > ul > li ul li .dot {position: absolute; top: 0; left: 0} .art03 {padding: 61px 0 55px; background: #f4f4f4} .art03 .border_tit {background: #006bb7; color: #fff} .art03 .time {margin-left: 302px; height: 146px; background: url(../images/sub/art_ico.jpg) no-repeat 0 0} .art03 .time p {padding-left: 202px; font-size: 22px; letter-spacing: -0.025em} .art03 .time p:first-child {padding-top: 12px} .art03 .desc {text-align: center; font-size: 18px; color: #6d6d6d} .art03 .desc span {color: #111; font-weight: 400} .art05, .art07 {background: #f1f1f1} .art08 {padding-bottom: 60px} .art09 {display: table; width: 100%; height: 379px; background-image: url(../images/sub/art_img03-2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom} .art09 p {text-align: center; color: #fff; display: table-cell; font-size: 30px; font-weight: 400; vertical-align: middle} .camp_intro.v2 {} .camp_intro.v2 > div {padding-bottom: 55px} .camp_intro.v2 > div .txt {padding: 36px 0 0 19px} .camp_intro.v2 .art_intro01 .txt {top: 144px; right: 0; width: 324px; height: 214px} .camp_intro.v2 .art_intro02 .txt {top: 78px; left: 61px; width: 294px; height: 175px} .camp_intro.v2 .art_intro02 .img {float: right; margin-right: 60px} .camp_intro.v2 .art_intro03 {padding-bottom: 0} .camp_intro.v2 .art_intro03 .txt {top: 0; left: 527px; width: 420px; height: 214px} .art_program .s_desc {font-weight: 400; font-size: 18px; color: #111; line-height: 1.6} .art_program .common_caution {margin-bottom: 56px} .art_program .common_caution span {color: #111; font-weight: 400} .art_table {position: absolute; top: 0 ;left: 0; width: 484px; height: 369px; background: #006bb7 url(../images/sub/art_ico02.jpg) no-repeat center 25px} .art_table p {padding-bottom: 16px; padding-top: 74px; font-size: 18px; color: #fff; text-align: center; font-weight: 400} .art_table table {width: 377px; margin: 0 auto; border-top: 3px solid #fff} .art_table table th, .art_table table td {font-size: 15px; letter-spacing: -0.025em; color: #fff; height: 30px; line-height: 30px; border-bottom: 1px solid #80b5db; text-align: center} .art_table table th {font-weight: 400; border-right: 1px solid #80b5db} .art_table table td {font-weight: 300} .art04 .art_table, .art06 .art_table {left: 616px} .art05 .img {text-align: right} .art05 .art_table table th, .art05 .art_table table td {height: 35px; line-height: 35px} .art06 .art_table table th, .art06 .art_table table td {height: 51px; line-height: 51px} .art06 .art_table table td {line-height: 1.62; font-weight: 400} .art07 {padding: 60px 0} .art07 .border_tit {margin-bottom: 19px; background: #006bb7; color: #fff} .art07 .time {height: 105px; margin-left: 310px; background: url(../images/sub/art_ico03.jpg) no-repeat 0 0} .art07 .time p {padding-left: 223px; font-size: 22px; font-weight: 400; color: #111; letter-spacing: -0.025em} .art07 .time p:first-child {padding-top: 18px} .art08 ul {background: url(../images/sub/art_ico04.jpg) no-repeat center 0} .art08 ul li {width: 50%; height: 360px} .art08 ul li:nth-child(2) {border-right: 1px solid #ddd} .art08 ul li {font-size: 18px; letter-spacing: -0.025em; color: #6d6d6d} .art08 ul li i {color: #111; font-weight: 500} .art08 ul li strong {display: block; color: #111; font-size: 24px; font-weight: 500; padding-top: 180px; padding-bottom: 10px} .art08 ul li span {display: block; padding-top: 10px; font-weight: 300; font-size: 16px; color: #acacac; line-height: 1.3} .art08 .s_desc {padding-top: 70px; padding-bottom: 29px; font-size: 18px; color: #111;} /* 스키&보드 아카데미 */ .academy_tab_cont {position: absolute; top: 200px; right: 50%; margin-right: -500px; z-index:1;} .bg_academy .academy_tab_cont .tab_wrap {width: 298px; background: none; border-top: 1px solid #dbdfe0; border-left: 1px solid #dbdfe0; border-right: 1px solid #dbdfe0;} .bg_academy .academy_tab_cont .tab_wrap .tab{ width: 298px; -webkit-box-shadow:none; box-shadow:none; } .bg_academy .academy_tab_cont .tab_wrap li {width: 50%; height: 53px; text-align: center; background: none; border-bottom:1px solid #dbdfe0} .bg_academy .academy_tab_cont .tab_wrap li a {height: 100%; font-size: 16px;line-height: 54px; background: rgba(0,0,0,0.2); border: 0; color: #fff} .bg_academy .academy_tab_cont .tab_wrap li a.on {color: #006bb7; background: #fff; font-weight: 500} .bg_academy .academy_tab_cont .tab_wrap .tab li a:after{display:none;} .bg_academy .academy_tab_cont .tab_cont_wrap {background: #fff; width: 262px; padding: 20px 18px; height: 294px; border-left: 1px solid #dbdfe0; border-right: 1px solid #dbdfe0;border-bottom: 1px solid #dbdfe0; margin-bottom: 25px} .bg_academy .academy_tab_cont .tab_cont_wrap table {text-align: center} .bg_academy .academy_tab_cont .tab_cont_wrap table th {height: 38px; background: #5b5b5b; border-bottom: 1px solid #111; border-right: 1px solid #ddd; line-height: 38px; color: #fff; font-size: 15px; font-weight: 400; letter-spacing: -0.025em} .bg_academy .academy_tab_cont .tab_cont_wrap table td {height: 38px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #6e6e6e; font-size: 13px; font-weight: 300} .bg_academy .academy_tab_cont .tab_cont_wrap table .bdb {border-bottom: 1px solid #111} .bg_academy .academy_tab_cont .tab_cont_wrap table .brn {border-right: 0} .bg_academy .academy_tab_cont .tab_cont_wrap table .bbn {border-bottom: 0} .bg_academy .academy_tab_cont .tab_cont_wrap .reserve {display: block; margin-top: 20px; height: 40px; background: #006bb7; color: #fff; text-align: center; font-size: 15px; line-height: 40px} .bg_academy .academy_tab_cont .tab_cont_wrap #academy2 td {height: 63px} .academy .inner {padding-bottom: 0} .academy .camp_intro.v3 > div {padding-bottom: 55px} .academy .camp_intro.v3 .txt {padding: 45px 0 0 30px} .academy .camp_intro.v3 .academy_intro01 .txt {bottom: 55px; right: 0; width: 410px; height: 205px} .academy .camp_intro.v3 .academy_intro02 .img {float: right} .academy .camp_intro.v3 .academy_intro02 .txt {top: 78px; left: 122px; width: 410px; height: 238px} .academy .camp_intro.v3 .academy_intro03 .txt {top: 0; left: 396px; width: 410px; height: 205px} .academy .camp_intro.v3 .academy_intro04 {margin-top: -120px} .academy .camp_intro.v3 .academy_intro04 .img {float: right} .academy .camp_intro.v3 .academy_intro04 .txt {top: 124px; left: 121px; width: 410px; height: 205px} .academy .camp_intro.v3 .academy_intro05 .txt {top: 0; left: 600px; width: 410px; height: 238px} .academy .camp_intro.v3 .academy_intro06 {margin-top: -120px} .academy .camp_intro.v3 .academy_intro06 .img {float: right;} .academy .camp_intro.v3 .academy_intro06 .txt {top: 124px; left: 300px; width: 410px; height: 238px;} .academy .camp_intro.v3 .academy_intro07 {padding-bottom: 165px} .academy .camp_intro.v3 .academy_intro07 .txt {top: 0; left: 395px; width: 410px; height: 205px} .academy01 {display: table; width: 100%; height: 386px; margin-bottom: 55px; background-image: url(../images/sub/academy_img02.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom} .academy01 p {text-align: center; color: #fff; display: table-cell; font-size: 30px; font-weight: 400; vertical-align: middle} .academy_night table th {background: #fff} .pori .bg_academy .academy_tab_cont .tab_cont_wrap table td {height: 94px} .pori .bg_academy .academy_tab_cont .tab_cont_wrap #pori2 table {border-top: 2px solid #006bb7} .pori .bg_academy .academy_tab_cont .tab_cont_wrap #pori2 table td {height: 117px; font-size: 12px; font-weight: 300; letter-spacing: -0.04em; vertical-align: top; line-height: 1.3; color: #6d6d6d} .pori .bg_academy .academy_tab_cont .tab_cont_wrap #pori2 table td span {display: block; font-size: 15px; font-weight: 400; color: #006bb7; padding-bottom: 9px; padding-top: 16px;} .pori .bg_academy .academy_tab_cont .tab_cont_wrap #pori2 table td strong {font-size: 14px; font-weight: 400; letter-spacing: -0.02em; color: #111} .pori .bg_academy .academy_tab_cont .tab_cont_wrap #pori2 table td.bdb.brn span {padding-bottom: 23px} /* 포리키즈스쿨 */ .pori_img {position: absolute; top: 90px; right:50%; margin-right: -492px; z-index: 1} .pori01 {padding-bottom: 85px; background: #f4f4f4} .pori01 .inner {padding-bottom: 0} .camp_intro.pori_intro {} .camp_intro.pori_intro .pori_intro01 {position: relative;} .camp_intro.pori_intro .pori_intro01 .camp_slider {width: 688px} .camp_intro.pori_intro .pori_intro01 .camp-slider-nav {bottom: -3px; padding: 17px 140px} .camp_intro.pori_intro .pori_intro01 .camp_slider .slick-arrow {bottom: 34px} .camp_intro.pori_intro .pori_intro01 .camp_slider .slick-prev {left: 95px} .camp_intro.pori_intro .pori_intro01 .camp_slider .slick-next {right: 95px} .camp_intro.pori_intro .pori_intro01 .camp_slider .camp-slider-nav .slick-slide h3:after {height: 57px} .camp_intro.pori_intro .pori_intro01 .txt {bottom: -2px; right: 0; padding: 46px 0 0 29px; width: 411px; height: 257px} .pori_intro02 {margin-top: 55px; margin-bottom: 55px} .pori_intro02 .img {float: right} .pori_intro02 .txt {top: 0 ;left: 120px; width: 410px; height: 238px} .pori_intro03 .txt {top: 0 ;left: 565px; width: 445px; height: 328px} .pori_intro03 .txt ul li {position: relative; color: #6d6d6d; padding-left: 11px; padding-bottom: 7px; font-weight: 300} .pori_intro03 .txt ul li:before {content: '·'; display: block; position: absolute; top: 0; left: 0; color: #6d6d6d} .pori_ready {background: #f4f4f4; padding-bottom: 85px} .pori_ready .ready_list {background: url(../images/sub/pori_ready.jpg) no-repeat center 0} .pori_ready .ready_list strong {display: block; padding-top: 323px; padding-bottom: 10px; font-size: 22px; font-weight: 500; color: #006bb7} .pori_ready .ready_list p {font-weight: 300; font-size: 16px; color: #5b5b5b; letter-spacing: -0.025em; line-height: 1.6} .pori_ready .ready_list > div {overflow: hidden; width: 1099px; margin: 0 auto; border-right: 1px solid #ddd} .pori_ready .ready_list > div > div {float: left; border-left: 1px solid #ddd; text-align: center} .pori_ready .ready_list .top {height: auto; border-top: 3px solid #006bb7} .pori_ready .ready_list .top > div {height: 450px; width: 25%; box-sizing: border-box; border-bottom: 1px solid #ddd} .pori_ready .ready_list .bottom {border-bottom: 1px solid #000} .pori_ready .ready_list .bottom > div {height: 405px; width: 33.33%; box-sizing: border-box} .pori_ready .ready_list .bottom > div strong {padding-top: 264px} /* 허승욱 스키스쿨 */ .skischool .inner {padding-bottom: 0} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap table td {height: 47px} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 table {margin-bottom: 28px} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 td {height: 55px} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 tr:first-child td {border-top: 1px solid #111} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 tr:last-child td {border-bottom: 1px solid #111} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 tr:nth-child(3) td:nth-child(2) {color: #111; font-weight: 400} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 td {text-align: left; text-indent: 10px} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 td:last-child {border-right: 0} .skischool .bg_academy .academy_tab_cont .tab_cont_wrap #skischool2 .title {color: #111l; font-size: 15px; font-weight: 500} .skischool .academy_tab_cont {top: 256px} .skischool .camp_intro.v3 > div {margin-bottom: 55px} .skischool .camp_intro.v3 .txt {padding: 45px 0 0 30px} .skischool .camp_intro.v3 .school_intro01 .txt {bottom: 0; right: 0; width: 410px; height: 205px} .skischool .camp_intro.v3 .school_intro02 .img {float: right} .skischool .camp_intro.v3 .school_intro02 .txt {top: 78px; left: 122px; width: 410px; height: 238px} .skischool .camp_intro.v3 .school_intro03 .txt {top: 0; left: 394px; width: 410px; height: 205px} .skischool .camp_intro.v3 .school_intro04 .img {float: right} .skischool .camp_intro.v3 .school_intro04 .txt {top: 120px; left: 110px; width: 410px; height: 205px} .skischool .camp_intro.v3 .school_intro05 .txt {top: 0; left: 600px; width: 410px; height: 205px} .school01 {display: table; width: 100%; height: 386px; margin-bottom: 55px; background-image: url(../images/sub/school_img02.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom} .school01 p {text-align: center; color: #fff; display: table-cell; font-size: 30px; font-weight: 400; vertical-align: middle} .school_slider .slick-slide {position: relative; margin: 0 5px} .school_slider .slick-slide p {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); font-size: 16px; font-weight: 400; letter-spacing: -0.025em; color: #fff; text-align: center; cursor: pointer} .school_slider .slick-slide:hover p {display: block} .school_slider .slick-slide p span {display: inline-block; padding-top: 181px} .school_slider .slick-arrow {width: 52px; height: 52px; background: url(../images/sub/school_arrow.jpg) no-repeat 0 0; position: absolute; bottom: 54px} .school_slider .slick-prev {left: -72px} .school_slider .slick-next {right: -72px; background: url(../images/sub/school_arrow.jpg) no-repeat -52px 0;} .skischool .profile {padding-top: 33px; border-top: 3px solid #006bb7; padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 50px} .skischool .profile > div {display: none} .skischool .profile .img {padding-top: 13px; width: 550px; border-right: 1px solid #ddd} .skischool .profile .img img {border: 1px solid #ddd} .skischool .profile .img p {text-align: center} .skischool .profile .img .name span {display: block} .skischool .profile .img .name .name1 {padding-top: 28px; padding-bottom: 9px; font-size: 24px; font-weight: 700; letter-spacing: -0.025em; color: #111} .skischool .profile .img .name .name2 {font-size: 18px; font-weight: 400; letter-spacing: -0.025em; color: #6d6d6d} .skischool .profile .txt {padding-top: 13px} .skischool .profile .txt ul {padding-left: 100px} .skischool .profile .txt ul li {font-size: 17px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.52} .skischool .profile > div {overflow: hidden} .skischool .profile > div > div {float: left} .skischool .slope_tab.v2 ul:before {content: '' ; display: block; position: absolute; top: 80px ;left: 255px; width: 3px; height: 32px; background: #111} .skischool .slope_tab.v2 ul:after {content: '' ; display: block; position: absolute; top: 80px;right: 255px; width: 3px; height: 32px; background: #111} .skischool .slope_tab.v2 ul li {padding: 0 13px} .skischool .slope_tab.v2 ul li a {font-size: 16px; color: #111;} .skischool .slope_tab.v2 ul li.on a {color: #006bb7} .skischool .slope_tab.v2 ul li:first-child:after {display: none} .skischool .program {position: relative; display: none;} .skischool .program .top {padding-bottom: 80px} .skischool .program .name {position: absolute; top: 336px; left: 0; display: table; width: 288px; height: 193px; background: #006bb7; text-align: center} .skischool .program .name p {display: table-cell; vertical-align: middle; font-size: 24px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.375; color: #fff} .skischool .program .name p span {font-weight: 700} .skischool .program .txt {padding-left: 308px; padding-top: 27px;} .skischool .program .txt .view_tit {padding-bottom: 21px; font-size: 20px; font-weight: 500; letter-spacing: -0.025em; color: #111} .skischool .program .txt .view_tit span {font-weight: 300} .skischool .program .txt div {font-weight: 300; font-size: 16px; color: #6d6d6d; letter-spacing: -0.025em; line-height: 1.5} .skischool .program .common_caution {padding-top: 42px; padding-bottom: 62px ; background: url(../images/sub/common_caution.png) no-repeat 0 40px} .school_apply {background: #fff} .school_apply ul {background: url(../images/sub/school_ico.jpg) no-repeat center 0} .school_apply ul li {height: 517px; width: 33.33%} .school_apply ul li p.tit {padding-bottom: 5px; padding-top: 190px; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #000} .school_apply ul li .btn_apply {display: block; width: 189px; height: 38px; background: #5b5b5b; color: #fff; font-size: 15px; font-weight: 300; line-height: 38px; margin: 18px auto} .school_qna {padding-bottom: 160px} .school_qna > div {padding-bottom: 54px; margin-bottom: 34px; overflow: hidden; border-bottom: 1px solid #ddd} .school_qna > div:last-child {border-bottom: 0} .school_qna > div p {position: relative; padding-top: 12px; line-height: 1.3} .school_qna > div span {position: absolute; top: 0; left: 0;display: inline-block;width: 55px; height: 55px; text-align: center; line-height: 53px; font-size: 25px; letter-spacing: -0.025em; font-weight: 700; color: #fff} .school_qna > div .qna_q {padding-left: 82px; font-size: 20px; font-weight: 500; font-style: italic; color: #111} .school_qna > div .qna_q span {background: #5b5b5b; margin-right: 25px;} .school_qna > div .qna_a {float: right; font-size: 18px; font-weight: 400; letter-spacing: -0.025em; color: #6d6d6d; text-align: right; padding-right: 82px} .school_qna > div .qna_a span {right: 0; left:auto; background: #006bb7; margin-left: 25px} .school_qna > div:nth-child(2) .qna_a span {top: 8px} .school_qna > div:nth-child(3) .qna_a span {top: 19px} /* 단체 */ .camp_cont01 {position: relative; padding-top: 12px; padding-bottom: 68px; background: #e8e8e8} .camp_cont01:after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -14px; display: block; border-top: 20px solid #e8e8e8; border-left: 14px solid transparent; border-right: 14px solid transparent} .camp_cont01 .camp_info {position: absolute; top: 264px; right: 50%; width: 309px; color: #fff; margin-right: -548px} .camp_cont01 .camp_info .baseInfo {height: 230px; background: #006ab6 url(../images/sub/ico_camp01.jpg) no-repeat center 43px;} .camp_cont01 .camp_info .baseInfo .tit {padding-top: 88px; padding-bottom: 18px; font-size: 18px; font-weight: 400; text-align: center} .camp_cont01 .camp_info .baseInfo ul {padding-left: 28px} .camp_cont01 .camp_info .baseInfo li {font-size: 16px; font-weight: 300; line-height: 1.5} .camp_cont01 .camp_info .call {overflow: hidden; background: #009e5a; height: 97px} .camp_cont01 .camp_info .call p {float: left; padding-top: 23px; font-size: 16px; font-weight: 300; line-height: 1.25} .camp_cont01 .camp_info .call .tit {position: relative; padding-left: 28px; padding-right: 16px; margin-right: 16px} .camp_cont01 .camp_info .call .tit:after {content: ''; display: block; position: absolute; top: 28px; right: 0; width: 1px; height: 34px; background: #33b17b} .camp_slider {position: relative; width: 812px; height: 443px; border: 1px solid #dbdbdb; overflow: hidden} .camp_slider .slick-arrow {width: 18px; height: 32px} .camp_slider .slick-prev {left: 154px; bottom: 26px; background: url(../images/sub/arrow_camp_prev.png) no-repeat 0 0} .camp_slider .slick-next {right: 154px; bottom: 25px; background: url(../images/sub/arrow_camp_next.png) no-repeat 0 0} .camp_slider .camp-slider-nav {position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px 200px; background: rgba(0,0,0,0.66)} .camp_slider .camp-slider-nav .slick-slide {padding: 0 7px} .camp_slider .camp-slider-nav .slick-slide h3 {position: relative; padding: 3px 0} .camp_slider .camp-slider-nav .slick-slide h3:after {content: ''; display: block; position: absolute; top: 0px; left: -3px; width: 100%; height: 49px; border: 3px solid #0094d4; display: none} .camp_slider .camp-slider-nav .slick-slide.slick-current h3:after {display: block} .camp_slider .camp-slider-nav2 {position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px 200px; background: rgba(0,0,0,0.66)} .camp_slider .camp-slider-nav2 .slick-slide {padding: 0 7px} .camp_slider .camp-slider-nav2 .slick-slide h3 {position: relative; padding: 3px 0} .camp_slider .camp-slider-nav2 .slick-slide h3:after {content: ''; display: block; position: absolute; top: 0px; left: -3px; width: 100%; height: 49px; border: 3px solid #0094d4; display: none} .camp_slider .camp-slider-nav2 .slick-slide.slick-current h3:after {display: block} .camp_intro {} .camp_intro .img {display: inline-block; border: 1px solid #ddd} .camp_intro .txt {display: inline-block; border: 1px solid #dadcdd; background: #fff; padding: 38px 0 38px 28px} .camp_intro .txt .num {width: 36px; height: 36px; color: #fff; border-radius: 36px; line-height: 36px; font-size: 20px; font-weight: 500; background: #000; text-align: center; margin-bottom: 29px} .camp_intro .txt p {font-size: 16px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em} .camp_intro .txt p.tit {padding-bottom: 20px;font-size: 20px; font-weight: 700; line-height: 1.25; color: #111} .camp_intro > div {position: relative} .camp_intro > div:after {content: ''; display: block; clear: both} .camp_intro > div .txt {position: absolute} .camp_intro .camp01 {padding-bottom: 120px} .camp_intro .camp01 .txt {top: 197px; left: 44px; width: 336px} .camp_intro .camp02 {padding-bottom: 76px} .camp_intro .camp02 .txt {top: 62px; left: 608px; width: 330px} .camp_intro .camp03 {padding-bottom: 69px} .camp_intro .camp03 .img {float: right} .camp_intro .camp03 .txt {top: 100px; left: 174px; width: 412px} .camp_intro .camp04 {padding-bottom: 154px} .camp_intro .camp04 .txt {top: 191px; left: 529px; width: 412px} .camp03 {overflow: hidden} .camp03 .camp_slider {float: right} .camp03.camp_cont01 .camp_info {top: 264px; margin-right: 239px; width: 309px; height: 327px; background: #006bb7 url(../images/sub/group_txt_ico.jpg) no-repeat 50% 28px} .camp03.camp_cont01 .camp_info .tit {font-size: 18px; font-weight: 400; color: #fff; padding-bottom: 20px; padding-top: 88px; text-align: center} .camp03.camp_cont01 .camp_info ul li {font-weight: 300; padding-left: 30px} .camp_info02 ul {width: 1100px; margin: 0 auto; background: url(../images/sub/group_ico.jpg) no-repeat center 0} .camp_info02 ul li {width: 50%; height: 400px} .camp_info02 ul li .tit {padding-top: 196px; padding-bottom: 12px; font-size: 24px; font-weight: 500; letter-spacing: -0.025em} .intro_group .common_caution {padding-top: 42px; padding-bottom: 62px ; background: url(../images/sub/common_caution.png) no-repeat 0 40px} .group_program {} .group_program ul {overflow: hidden; border-top: 3px solid #006bb7; border-bottom: 1px solid #000} .group_program ul li {float: left; text-align: center; height: 149px } .group_program ul li p {letter-spacing: -0.025em} .group_program ul li .time {padding-top: 80px; color: #6d6d6d} .group_program ul li .txt {color: #111; font-weight: 400} .group_program ul li .txt.color_bl {color: #006bb7; font-weight: 500} .group_program .pro01 {padding-bottom: 60px} .group_program .pro01 ul {background: url(../images/sub/group_ico01-1.png) no-repeat center 0} .group_program .pro01 ul li {width: 20%} .group_program .pro02 {padding-bottom: 10px; background: #f4f4f4} .group_program .pro02 ul {margin-bottom: 50px} .group_program .pro02 ul.pro02-1 {background: #fff url(../images/sub/group_ico01-2.png) no-repeat center 0} .group_program .pro02 ul.pro02-1 li {width: 16.6666%} .group_program .pro02 ul.pro02-2 {background: #fff url(../images/sub/group_ico01-3.png) no-repeat center 0} .group_program .pro02 ul.pro02-2 li {width: 25%} .group_program .pro03 {padding-bottom: 10px} .group_program .pro03 ul {margin-bottom: 50px} .group_program .pro03 ul.pro03-1 {background: url(../images/sub/group_ico01-4.png) no-repeat center 0} .group_program .pro03 ul.pro03-1 li {width: 16.6666%} .group_program .pro03 ul.pro03-2 {background: url(../images/sub/group_ico01-5.png) no-repeat center 0} .group_program .pro03 ul.pro03-2 li {width: 20%} .group_program .pro03 ul.pro03-3 {background: url(../images/sub/group_ico01-6.png) no-repeat center 0} .group_program .pro03 ul.pro03-3 li {width: 20%} /* 이벤트 */ .event_wrap {border-top: 3px solid #006bb7} .event_wrap > div {overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dddddd; border-radius: 16px} .event_wrap > div a > div {float: left} .event_wrap > div .img {position: relative; width: 358px; height: 200px; margin-right: 58px} .event_wrap > div .txt {position: relative; height: 200px;} .event_wrap > div .txt .tit {width: 174px; height: 41px; margin-bottom: 30px; line-height: 41px; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.075em; text-align: center; background: #006bb7; border-radius: 20px} .event_wrap > div .txt .date {position: absolute; bottom: 0; left: 0; font-size: 16px; font-weight: 300; letter-spacing: -0.075em; color: #6d6d6d} .event_wrap > div.end .img:after {position: absolute; top: 0 ;left: 0; content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0.55} .event_wrap > div.end .txt .tit {background: #aaa} /* 할인정보 */ .sale_wrap {border-top: 3px solid #006bb7; border-bottom: 1px solid #111; padding: 30px 20px} /* 회원가입 */ .txt1{font-size:22px;} .txt2{font-size:20px;} .txt3{font-size:18px;} .txt4{font-size:16px;} .btn1{display:inline-block; width:241px; height:63px; line-height:63px; text-align:center;} .btn2{display:inline-block; width:192px; height:63px; line-height:63px; text-align:center;} .btn3{display:block; width:135px; height:40px; font-size:15px; line-height:40px; text-align:center;} .btn4{display:inline-block; width:120px; height:40px; line-height:40px; text-align:center;} .btn5{display:block; width:94px; height:40px; font-size:14px; line-height:40px; text-align:center;} .btn6{display:block; width:71px; height:40px; font-size:14px; line-height:40px; text-align:center;} .btn7{display:block; width:136px; height:34px; line-height:34px; border:1px solid #d4d4d4;} .btn_blue{color:#fff; background-color:#006bb7;} .btn_gray{color:#fff; background-color:#5b5b5b;} .btn_black{color:#fff; font-weight:300; background-color:#111;} .btn_wrap{text-align:center;} .section.join{padding-top:70px; padding-bottom:200px;} .section.join .join_tab{margin-bottom:69px; text-align:center;} .section.join .txt_wrap{text-align:center;} .section.join .txt_wrap .dia{display:inline-block; margin-bottom:4px; width:15px; height:15px; background-image:url("../images/sub/icon_dia.png"); background-repeat:no-repeat;} .section.join .txt_wrap h3{color:#111; font-size:18px; font-weight:400;} .section.join .txt_wrap p{margin-top:3px; color:#6d6d6d; font-size:16px; font-weight:300;} .section.join .txt_wrap ul{margin-top:3px; color:#6d6d6d; font-size:16px; font-weight:300;} .section.join .agree_wrap{margin-top:73px;} .section.join .agree_wrap .agreement{float:left; margin-bottom:36px;} .section.join .agree_wrap .agreement .agree_tit{padding-bottom:19px; color:#111; font-size:18px; border-bottom:3px solid #006bb7; letter-spacing:-0.025em;} .section.join .agree_wrap .agreement .agree_txt{padding-right:4px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.025em;} .section.join .agree_wrap .agreement.first .agree_txt{border-left:1px solid #ddd;} .section.join .agree_wrap .agreement .agree_txt div{width:504px; height:516px; padding:20px; color:#6d6d6d; font-size:13px; font-weight:300; line-height:22px; scrollbar-face-color:#eee; scrollbar-shadow-color:#ddd; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #111;} .section.join .agree_wrap .agreement.second .agree_txt div{width:505px;} .section.join .agree_wrap .agreement .agree_txt div.scroll{overflow-y:scroll;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar{width:14px;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-button:start:decrement{height:45px; background-color:#fff; background-image:url("../images/common/scroll_top.png"); background-position:center; background-repeat:no-repeat;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-button:end:increment{height:45px; background-color:#fff; background-image:url("../images/common/scroll_bottom.png"); background-position:center; background-repeat:no-repeat;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-track{background-color:#fff;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-track-piece{background-color:#fff;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-thumb{margin-right:2px; background-color:#eee; border:1px solid #ddd;} .section.join .agree_wrap .agreement .agree_txt div::-webkit-scrollbar-corner{} .section.join .agree_wrap .agreement .agree_txt div::-webkit-resizer{} .section.join .agree_wrap .agreement .agree_txt div strong{color:#111; font-size:15px; font-weight:400;} .section.join .agree_wrap .agreement .agree_txt div ol{margin-left:10px;} .section.join .agree_wrap .agreement .agree_txt div ol li{position:relative; padding-left:12px;} .section.join .agree_wrap .agreement .agree_txt div ol .num{position:absolute; left:0; top:0;} .section.join .agree_wrap .agreement .agree_input_container{margin-top:12px; font-size:12px;} .section.join .agree_wrap .agreement .agree_input_container #agree01-1{margin-left:1px;} .section.join .agree_wrap .agreement .agree_input_container input{vertical-align:middle;} .section.join .agree_wrap .agreement .agree_input_container label{margin-left:6px; color:#6d6d6d; font-weight:300; vertical-align:middle;} .section.join .agree_wrap .agreement .agree_input_container label.first{margin-right:16px;} .all_agree_input_container{margin-bottom:38px; color:#6d6d6d; font-size:16px; font-weight:300; text-align:center;} .all_agree_input_container label{margin-left:8px; } .section.join .join_cont{margin-top:65px; text-align:center;} .section.join .join_cont h4{color:#111; font-size:30px; font-weight:500; letter-spacing:-0.025em;} .section.join .join_cont ul{margin-top:13px; border-top:3px solid #006bb7;} .section.join .join_cont ul li{float:left; width:550px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-top: 0} .section.join .join_cont ul li.first{border-right:0;} .section.join .join_cont ul li a{display:block; width:100%; height:100%; padding-top:80px; padding-bottom:74px; font-size:24px;} .section.join .join_cont ul li .frame{display:inline-block; margin-bottom:16px;} .section.join .join_cont ul li .frame.f_ipin{margin-top:11px; margin-bottom:20px;} .section.join .join_cont ul li strong{font-weight:500;} .section.join .join_cont ul li .arrow{display:block; width:36px; height:36px; margin:34px auto 0; background-image:url("../images/sub/icon_arrow_blue.png"); background-repeat:no-repeat;} .section.join .join_cont ul.user_type li a{padding-top:74px;} .section.join .join_cont ul.user_type li .frame{margin-bottom:18px;} .section.join .join_table{margin-top:81px;} .section.join .join_table h4{font-size:18px; font-weight:500; letter-spacing:-0.025em;} .section.join .join_table h4 span{font-weight:300;} .section.join .join_table .table_wrap{margin-top:15px; margin-bottom:50px; border-top:3px solid #006bb7;} .section.join .join_table th, .section.join .join_table td{padding-top:11px; padding-bottom:11px; border-bottom:1px solid #ddd;} .section.join .join_table tr.eighth th, .section.join .join_table tr.eighth td{padding-top:18px; padding-bottom:20px;} .section.join .join_table tr.last th, .section.join .join_table tr.last td{padding-top:15px; padding-bottom:17px; border-bottom:1px solid #111;} .section.join .join_table th{padding-left:18px; font-size:16px; text-align:left; letter-spacing:-0.025em;} .section.join .join_table td{color:#6d6d6d; font-size:14px; font-weight:300;} .section.join .join_table .input1{width:437px; letter-spacing:-0.025em;} .section.join .join_table .input2{width:245px; letter-spacing:-0.025em;} .section.join .join_table .input3{width:185px; letter-spacing:-0.025em;} .section.join .join_table .input4{width:158px; letter-spacing:-0.025em;} .section.join .join_table .input5{width:112px; letter-spacing:-0.025em;} .section.join .join_table .select1{width:123px; letter-spacing:-0.025em;} .section.join .join_table .select2{width:64px; letter-spacing:-0.025em;} .section.join .join_table .float{float:left} .section.join .join_table #m_id+a+p{margin-top:11px; margin-left:12px;} .section.join .join_table #m_pw{margin-right:11px;} .section.join .join_table .btn5, .section.join .join_table .btn6{margin-left:7px; letter-spacing:-0.025em;} .section.join .join_table .at{margin-left:6px; margin-right:8px;} .section.join .join_table #m_email2{margin-left:6px;} .section.join .join_table .hyphen{margin-left:3px; margin-right:4px;} .section.join .join_table #m_phone{margin-left:4px;} .section.join .join_table .juso{margin-top:17px; margin-bottom:8px; color:#111; font-weight:400;} .section.join .join_table .juso.street{margin-top:22px;} .section.join .join_table .address1{margin-right:6px;} .section.join .join_table .agree_chk{display:inline-block; margin-right:43px;} .section.join .join_table tr.last .agree_chk{position:relative; top:-11px;} .section.join .join_table .agree_chk .radio_label{margin-left:8px;} .section.join .join_table .agree_chk .radio_label.first{margin-right:26px;} .section.join .join_table .notice{display:inline-block;} .section.join .join_table .btn_wrap .btn_blue{margin-right:11px;} .section.join .join_completion{margin-bottom:50px; color:#111; text-align:center; border-top:3px solid #006bb7;} .section.join .border_container{padding-top:46px; padding-bottom:73px; border:1px solid #ddd;} .section.join .join_completion h4{margin-top:13px; margin-bottom:49px; font-size:22px; font-weight:500; letter-spacing:-0.025em;} .section.join .join_completion h5{margin-top:6px; margin-bottom:9px; font-size:22px; font-weight:400; letter-spacing:-0.025em;} .section.join .join_completion .name{color:#006bb7;} .section.join .join_completion p{font-size:18px; font-weight:300; letter-spacing:-0.025em;} /* 로그인 */ .section.login .login_wrap{text-align:center; border-top:3px solid #006bb7;} .section.login .border_container{padding:46px 81px 72px; border:1px solid #ddd; border-bottom: 0} .section.login .login_wrap h4{margin-top:13px; font-weight:500; letter-spacing:-0.025em;} .section.login .login_cont{margin-top:64px; padding-top:52px; border-top:1px solid #ddd;} #frm_login{position:relative; width:428px; margin:0 auto; text-align:left;} #frm_login dl{display:table;} #frm_login dt{display:table-cell; width:86px; color:#111; font-size:18px;} #frm_login dd{display:table-cell;} #frm_login .login_id dt, #frm_login .login_id dd{padding-bottom:10px;} #frm_login dd input{width:212px; height:38px; color:#6d6d6d; font-size:14px;} #frm_login .save_id{margin-left:86px; margin-top:15px; color:#6d6d6d; font-size:15px;} #frm_login .save_id input{margin-top:1px;} #frm_login .save_id label{margin-left:9px; vertical-align:middle;} #frm_login .btn_login{position:absolute; right:0; top:0; width:110px; height:90px; padding:0; font-weight:400;} #frm_login .btn_wrap{margin-top:50px;} #frm_login .btn_wrap a{float:left;} #frm_login .btn_wrap .btn_blue{margin-right:11px;} #frm_login .btn_wrap .btn_gray{margin-left:1px;} /* 아이디 찾기/비밀번호 찾기 */ .section.find .find_tab{} .section.find .find_tab li{float:left; width:50%; height:62px; color:#111; line-height:62px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .section.find .find_tab li.first{border-right:0;} .section.find .find_tab li.last{border-left:0;} .section.find .find_tab li.on{color:#fff; background-color:#006bb7;} .section.find .find_tab li a{display:block; width:100%; height:100%; color:inherit; font-size:18px; text-align:center; letter-spacing:-0.025em;} .section.find .find_wrap{margin-top:65px;} .section.find h3{color:#111; font-size:30px; font-weight:500; text-align:center; letter-spacing:-0.025em;} .section.find .find_name ul{margin-top:13px; border-top:3px solid #006bb7;} .section.find .find_name ul li{float:left; width:550px; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 0} .section.find .find_name ul li.first{border-right:0;} .section.find .find_name ul li a{display:block; width:100%; height:100%; padding-top:75px; padding-bottom:68px; color:#111; font-size:24px; text-align:center; letter-spacing:-0.025em;} .section.find .find_name ul li .frame{display:block; width:154px; height:154px; margin:0 auto 18px; border:1px solid #ddd;} .section.find .find_name ul li .frame img{margin-top:40px;} .section.find .find_name ul li .frame.f_ipin img{margin-top:47px;} .section.find .find_name ul li p strong{font-weight:500;} .section.find .find_btn_wrap{margin-top:45px; text-align:center;} .section.find .find_btn_wrap a{margin-top:26px;} /* 아이디 정보/비밀번호 변경 */ .section.find .result_wrap{margin-top:14px; padding-top:42px; padding-bottom:46px; text-align:center; border-top:3px solid #006bb7; border-bottom:1px solid #111;} .section.find .result_wrap.v2{margin-bottom:50px;padding-bottom:41px;} .section.find .text_wrap{margin-top:40px; margin-bottom:16px;} .section.find .result_wrap p{color:#6d6d6d; font-weight:300;} .section.find .result_wrap p .m_id{color:#111; font-weight:400;} .section.find .result_wrap .btn7{position:relative; margin:0 auto; text-align:left; text-indent:23px; letter-spacing:0;} .section.find .result_wrap .btn7 .arrow{position:absolute; right:23px; top:13px; border-top: 4.5px solid transparent; border-left: 5px solid #fff; border-bottom: 4.5px solid transparent;} .section.find .result_wrap .change_pw{margin-top:40px; margin-left:322px; margin-bottom:19px;} .section.find .result_wrap .change_pw dl{display:table;} .section.find .result_wrap .change_pw dt{display:table-cell; width:142px; color:#111; font-size:18px; text-align:left;} .section.find .result_wrap .change_pw dd{display:table-cell;} .section.find .result_wrap .change_pw .pw_n dt, .section.find .result_wrap .change_pw .pw_n dd{padding-bottom:21px;} /* 비밀번호변경(기간만료) */ .section.login .change_pw_wrap{} .section.login .pw_notice{padding-top:24px; padding-bottom:25px; color:#111; text-align:center; letter-spacing:-0.025em; word-break: keep-all; background-color:#f4f4f4;} .section.login .pw_notice h4{margin-top:15px; font-size:24px; font-weight:500;} .section.login .pw_notice .btn_blue{width:170px; height:40px; margin:32px auto 24px; line-height:40px;} .section.login .pw_notice .text_wrap{color:#6d6d6d; font-weight:300;} .section.login .pw_notice .text_wrap .bold{color:#111; font-weight:400;} .section.login .pw_notice .text_wrap .br{margin-bottom:17px;} .section.login .pw_table{margin-top:35px; margin-bottom:19px; border-top:3px solid #006bb7;} .section.login .pw_table dl{display:table; width:100%;} .section.login .pw_table dt, .section.login .pw_table dd{padding:12px 0; border-bottom:1px solid #ddd;} .section.login .pw_table dl.pw_chk dt, .section.login .pw_table dl.pw_chk dd{border-bottom:1px solid #111;} .section.login .pw_table dt{display:table-cell; width:164px; font-size:18px; text-indent:20px;} .section.login .pw_table dd{display:table-cell; color:#6d6d6d; font-size:15px; font-weight:300; letter-spacing:-0.025em;} .section.login .pw_table dd input{width:284px; margin-right:8px;} .section.login .attention p{float:left; position:relative; padding-left:34px; line-height:25px; letter-spacing:-0.025em;} .section.login .attention p .mark{position:absolute; left:0; top:0; width:25px; height:25px; background-image:url("../images/common/mark.png"); background-size:cover; background-repeat:no-repeat;} .section.login .attention ul{float:left; margin-left:37px;} .section.login .attention ul li{position:relative; padding-left:7px; color:#6d6d6d; font-size:15px; letter-spacing:-0.025em; word-break: keep-all;} .section.login .attention ul li span{position:absolute; left:0; top:0;} .section.login .chg_btn_wrap{margin-top:45px; text-align:center;} .section.login .chg_btn_wrap .btn_blue{margin-right:18px; padding:0;} /* 사설 강사 등록 */ .section.join.teacher {padding-top: 0; padding-bottom: 0} .section.join.teacher .agree_wrap {margin-top: 0} .section.join.teacher .agree_wrap .agreement .agree_txt div strong {font-size: 14px} .section.join.teacher .agree_wrap .agreement .agree_txt div .tit {padding-bottom: 24px; font-size: 15px; color: #111; font-weight: 400} .teacher_table {border-top: 3px solid #006bb7} .teacher_table td {padding: 12px 0; border-bottom: 1px solid #ddd} .teacher_table td input[type="text"] {width: 186px; padding-left: 8px; height: 34px; border: 1px solid #dbdbdb; font-size: 14px; color: #6d6d6d; font-weight: 300} .teacher_table td select {width: 54px; height: 34px; padding-left: 8px; border: 1px solid #dbdbdb; font-size: 14px; color: #6d6d6d; font-weight: 300} .teacher_table td input[type="text"].input5 {width: 121px} .teacher_table td.tit {text-indent: 20px; font-size: 16px; letter-spacing: -0.025em; color: #111; font-weight: 300} .teacher_table td .desc {display: inline-block; padding-left: 8px; font-size: 14px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em} .teacher_table td input[type="radio"] {margin-right: 9px} .teacher_table td input[type="radio"] + label {font-size: 14px; font-weight: 300; color: #6d6d6d} .teacher_table td input[type="radio"] + label.first {margin-right: 24px} .teacher_table .last td {padding: 18px 0; border-bottom: 1px solid #111} /* 마이지산 */ p.my_tit {padding-bottom: 18px; font-size: 18px; color: #111; font-weight: 500; letter-spacing: -0.025em} p.my_tit.last {padding-top: 34px} p.my_tit span {font-weight: 300; font-size: 15px} .my_withdrew {background: #f4f4f4; text-align: center; padding: 44px 0} .my_withdrew .tit {padding-bottom: 3px; font-size: 18px; font-weight: 400; color: #111} .my_withdrew .desc {padding-bottom: 21px; font-size: 16px; color: #6d6d6d} .my_withdrew .btn {display: inline-block; width: 125px; height: 40px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; background: #111} .my_caution {padding-top: 14px; padding-bottom: 63px} .my_caution li {padding-left: 53px; font-size: 15px; color: #6d6d6d; letter-spacing: -0.025em; font-weight: 300} .my_jisan {padding-top: 80px} .my_jisan .my_table .tit {text-indent: 46px} .my_jisan .my_table.common_table td {text-align: left} .my_jisan .my_table.common_table td.tit {color: #111; font-weight: 400} .my_jisan .common_table td {color: #6d6d6d; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; text-align: center} .my_jisan .btnWrap {padding-top: 20px; padding-bottom: 62px;} .my_jisan .btnWrap a {width: 125px; height: 40px; line-height: 40px} .my_jisan .my_table.common_table input {border: 1px solid #dbdbdb; width: 272px; height: 38px; line-height: 38px; padding-left: 10px; color: #111} .my_jisan .cont {padding-bottom: 29px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em; line-height: 1.625} .my_jisan .cont strong {display: block; padding-top: 23px; font-weight: 400; font-size: 18px; color: #111} .my_jisan .cont .pl9 {padding-left: 9px} .my_jisan .cont .pb10 {padding-bottom: 10px} .my_jisan .img {padding-bottom: 34px} .my_jisan .btnWrap {padding-top: 50px} .my_jisan .btnWrap .b_btn {width: 192px; height: 63px; margin-right: 14px; line-height: 63px; font-size: 20px} .my_jisan .btnWrap .b_btn.last {margin-right: 0} .my_jisan .link_list {overflow: hidden; padding-bottom: 70px} .my_jisan .link_list li {float: left; margin-right: 40px} .my_jisan .link_list li.last {margin-right: 0} .my_jisan .link_list li a {display: block; width: 188px; height: 188px; background: url(../images/sub/ico_myjisan.jpg) no-repeat; background-position: 0 0} .my_jisan .link_list li a.ico02 {background-position: -228px 0} .my_jisan .link_list li a.ico03 {background-position: -456px 0} .my_jisan .link_list li a.ico04 {background-position: -684px 0} .my_jisan .link_list li a.ico05 {background-position: -912px 0} /* 고객센터 - FAQ */ .faq_desc {padding-bottom: 38px; font-size: 18px; color: #111; text-align: center; font-weight: 400} .faq {border-top: 3px solid #006bb7} .faq .title {position: relative; height: 62px; padding-left: 90px; line-height: 62px; background: url(../images/sub/ico_faq03.jpg) no-repeat 19px center; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; color: #6d6d6d; cursor: pointer; border-bottom: 1px solid #dddddd} .faq .title.on {background: url(../images/sub/ico_faq01.jpg) no-repeat 19px center;} .faq .title .arrow {position: absolute; top: 24px; right: 23px; display: block; width: 18px; height: 14px; background: url(../images/sub/arrow_faq_off.jpg) no-repeat 0 0} .faq .title.on .arrow {background: url(../images/sub/arrow_faq_on.jpg) no-repeat 0 0} .faq .answer {display: none; padding: 32px 87px; background: #f4f4f4 url(../images/sub/ico_faq02.jpg) no-repeat 19px 23px; border: 1px solid #ddd; border-top: 0} .faq .answer p {font-size: 16px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em} /* 고객센터 - 고객의소리 */ .counsel_caution {position: relative; margin-top: 70px; padding: 26px 0; background: #f4f4f4;} .counsel_caution p {position: absolute; top: 25px; left: 35px} .counsel_caution ul {padding-left: 155px;} .counsel_caution ul li {font-size: 15px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em; line-height: 1.6} /* 회사소개 */ .welcome .cont01 {position: relative; height: 372px; background: #fff} .welcome .cont01 .p_img {position: absolute; top: 205px; left: 50%; margin-left: -550px; z-index: 1} .welcome .cont01 h2.sub_tit {margin-bottom: 0} .welcome .cont01 .s_desc {margin-top: -5px; font-size: 20px; font-weight: 400; color: #6d6d6d} .welcome .cont02 {position: relative; padding-top: 303px; background: #f4f4f4; text-align: center} .welcome .cont02 .p_txt > div {position: absolute; top: 0; left: 50%; text-align: left} .welcome .cont02 .p_txt h3 {font-size: 32px; font-weight: 500; color: #000; padding-bottom: 50px} .welcome .cont02 .p_txt p {font-size: 18px; font-weight: 300; color: #6d6d6d; letter-spacing: -0.025em} .welcome .cont02 .p_txt > div:nth-child(1) {top: 371px; margin-left: -31px} .welcome .cont02 .p_txt > div:nth-child(2) {top: 900px; margin-left: -451px} .welcome .cont02 .p_txt > div:nth-child(3) {top: 1530px; margin-left: -30px} .welcome .cont03 {display: table; width: 100%; height: 387px; background: url(../images/sub/welcome_img03.jpg) no-repeat center 0; text-align: center; background-size: cover; margin-top: 90px} .welcome .cont03 p {display: table-cell; vertical-align: middle} .welcome .cont03 p span {display: block; color: #fff; text-shadow: 2px 2px 6px #696969;} .welcome .cont03 p span.txt1 {font-size: 46px; font-weight: 500} .welcome .cont03 p span.txt2 {margin-top: -3px; font-size: 22px; font-weight: 400} /* 신청권 다운로드 */ .guide_download h4 {padding-bottom: 20px; position: relative; color: #006bb7; font-size: 27px; font-weight: 500; border-bottom: 1px solid #111} .guide_download h4:before {position: absolute; top: -7px ;left: 0; content: ''; display: block; width: 35px; height: 3px; background: #006bb7} .guide_download ul li {overflow: hidden; padding: 20px 10px; border-bottom: 1px solid #ddd} .guide_download ul li h1 {float: left; font-size: 20px; font-weight: 300; color: #6d6d6d} .guide_download li dl{float:right;} .guide_download li dl dd{float:left;} .guide_download li dl dd a {background-color:#a3a3a3; line-height:17px; font-size:14px; font-weight: 300;color:#fff; margin-left:5px;letter-spacing:0.3px;padding:10px} .guide_download li dl dd a:hover {background: #006bb7} /* 회원권 */ .membership .dep3 {margin-bottom: 50px} .membership .mem_tit {margin-top: 20px; padding-top: 10px; padding-bottom: 25px; position: relative; color: #006bb7; font-size: 27px; font-weight: 500;} .membership .mem_tit:before {position: absolute; top: 5px ;left: 0; content: ''; display: block; width: 35px; height: 3px; background: #006bb7} .membership .border {padding-bottom: 50px; border-bottom: 1px solid #ddd; margin-bottom: 30px} .membership .tab_cont ul {padding-top: 5px; padding-bottom: 20px} .membership .tab_cont ul.has_link {padding-bottom: 10px;} .membership .mem_sub_tit {font-size: 18px; font-weight: 500} .membership .tab_cont .link {display: inline-block; background-color:#a3a3a3; line-height:17px; font-size:14px; font-weight: 300;color:#fff; letter-spacing:0.3px;padding:10px; margin-bottom: 20px} .membership .tab_cont .link:hover {display: inline-block; background: #006bb7} /* inner padding */ .sub .inner.pb60{padding-bottom:60px;} .sub .inner.pb80{padding-bottom:80px;} .sub .inner.pb126{padding-bottom:126px;} .sub .inner.pb130{padding-bottom:130px;} /* 비시즌 top bg*/ /* .sub .top.bg_jisaninfo.v2 {background:url("../images/sub/bg/bg_sketch.jpg") no-repeat center bottom; background-size: cover}/* 현장스케치 / .sub .top.bg_jisaninfo.v3 {background:url("../images/sub/bg/bg_news.jpg") no-repeat center bottom; background-size: cover}/* 공지사항 / .sub .top.bg_jisaninfo.v4 {background:url("../images/sub/bg/bg_traffic.jpg") no-repeat center bottom; background-size: cover}/* 교통정보 / .sub .top.bg_food_lodge.v2 {background:url("../images/sub/bg/bg_lodge.jpg") no-repeat center top; background-size: cover}/* 부대시설 / .sub .top.bg_condo {background:url("../images/sub/bg/bg_condo.jpg") no-repeat center top; background-size: cover}/* 콘도 / .sub .top.bg_group {background:url("../images/sub/bg/bg_group_off.jpg") no-repeat center bottom; background-size: cover}/* 단체예약 / .sub .top.bg_event {background:url("../images/sub/bg/bg_event_off.jpg") no-repeat center top; background-size: cover}/* 이벤트 / /* 비시즌 condo */ .condo .condo03 {background-image: url('../images/sub/condo_img03.jpg');} /* inquiry_wrap */ .inquiry_wrap{padding-top:40px; padding-bottom:62px;} .inquiry_wrap .inquiry_tit{float:left; position:relative; padding-left:30px; color:#222; font-size:16px; letter-spacing:-0.025em; line-height:24px;} .inquiry_wrap .inquiry_tit .mark{position:absolute; left:0; width:25px; height:25px; background:url("../images/sub/ico_call.png") no-repeat;} .inquiry_wrap .inquiry_txt{float:left; margin-left:30px; color:#6d6d6d; font-weight:300; font-size:15px; line-height:24px; letter-spacing:-0.025em;} /* 단체예약 */ .group_cont01 .common_ul{width:1100px; margin:0 auto; background:url("../images/sub/group_img01.jpg") no-repeat center 0;} .group_cont01 .common_ul li{width:50%; height:352px;} .group_cont01 .common_ul li .tit{padding-top:179px; padding-bottom:9px; color:#000; font-weight:500; font-size:24px; letter-spacing:-0.025em; line-height:45px;} .group_cont01 .common_ul li .normal_txt{font-weight:400; line-height:24px;} .group_cont02 .s_desc{padding-top:74px; padding-bottom:44px;} .group_cont02 ul li{float:left; margin-right:50px;} .group_cont02 ul li.last{margin-left:1px; margin-right:0;} .group_cont03 h2.sub_tit{margin-bottom:17px;} .group_cont03 .s_desc{padding-bottom:35px;} .group .common_table th{padding:12px 0; border-right:1px solid #ddd;} .group .common_table td{padding:9px 0 12px; text-align:center; border-right:1px solid #ddd;} .group .common_table td.first{color:#222;} .group .common_table th.last, .group .common_table td.last{border-right:0;} .group .more{display:block; width:100px; height:40px; margin:16px auto 5px; color:#fff; font-weight:300; background-color:#006bb7; text-align:center; letter-spacing:-0.025em; line-height:40px;} .group .teacher_table{border-bottom:1px solid #111;} .group .teacher_table .more{display:inline-block; margin:0; margin-left:30px;} .group .teacher_table td.tit{padding-left:20px; text-indent:0;} .group .teacher_table>tbody>.last>td{border-bottom:0;} .group .teacher_table>tbody>.plus_last>td{border-top:1px solid #ddd; border-bottom:0;} .group .teacher_table .input_tr td{padding-top:18px; padding-bottom:18px;} .group .teacher_table .input_tr.v2 td{padding-top:8px; padding-bottom:8px;} .group .teacher_table .input_tr.v2 td.tit{line-height:22px;} .group .teacher_table .input_tr.v3 td{padding-top:10px; padding-bottom:10px;} .group .teacher_table td input[type="text"].input1{width:327px;} .group .teacher_table td input[type="text"].input2{width:172px;} .group .teacher_table td input[type="text"].input3{width:152px;} .group .teacher_table td input[type="text"].input4{width:123px;} .group .teacher_table td input[type="text"].input5{width:113px;} .group .teacher_table td select.select1{width:145px; margin-left:8px;} .group .teacher_table td select.select2{width:54px;} .group .teacher_table .wave{margin-left:3px; margin-right:4px; color:#6d6d6d; font-size:14px;} .group .teacher_table .hyphen{margin-left:2px; margin-right:2px; color:#6d6d6d; font-size:14px;} .group .teacher_table .at{margin-left:2px; margin-right:2px; color:#6d6d6d; font-size:14px;} .group .section.join.teacher{padding-top:55px; padding-bottom:8px;} .group .section.join .agree_wrap .agreement{float:none; width:100%; margin-bottom:0;} .group .section.join .agree_wrap .agreement .agree_txt{border-left:1px solid #ddd;} .group .section.join .agree_wrap .agreement .agree_txt div{width:100%; height:346px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .season_sche .schedule_list{border-bottom:1px solid #ddd; border-top:3px solid #006bb7} .season_sche .year_month{font-size:28px;text-align:center;} .season_sche .year_month .restday{color:#d80000} .season_sche .week{position:relative;} .season_sche .btn_prev{position: absolute;top: 0;left: 290px;text-indent:-9999px;width:47px;height:47px;background:url('../images/common/btn_prev.png') no-repeat center;} .season_sche .btn_next{position: absolute;top: 0;right: 290px;text-indent:-9999px;width:47px;height:47px;background:url('../images/common/btn_next.png') no-repeat center;} .schedule_list > li{float:left;width:14.20571428571429%;border-right:1px solid #ddd} .schedule_list > li.sun{border-right:0} .schedule_list .item {padding-bottom:35px;padding-left: 44px;font-size: 18px;font-weight: 500;} .schedule_list .item:last-child{padding-bottom:4px;} .schedule_list .day { vertical-align: middle; padding: 20px 0; color: #555; font-size: 18px; text-align: center; background:#f6f6f6; border-bottom:1px solid #111 } .schedule_list .day span {font-size: 22px; color:#111;font-weight:500} .schedule_list>li.sat .day {color: #0078be;} .schedule_list>li.sun .day {color: #d14e40;} .schedule_list>li.sat .day span{color: #0078be;} .schedule_list>li.sun .day span{color: #d14e40;} .schedule{padding-top:40px;height:260px;vertical-align: middle;} .schedule .item.dawn {color: #009e5a;} .schedule .item.daytime {color: #008ef2;} .schedule .item.night {color: #ff7e00;} .schedule .item.midnight {color: #002268;} .schedule .item:before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 100%; margin-top: -5px; margin-right: 10px; background: #aaa; vertical-align: middle; } .schedule .item.dawn:before {background: #009e5a;} .schedule .item.daytime:before {background: #008ef2;} .schedule .item.night:before {background: #ff7e00;} .schedule .item.midnight:before {background: #002268;} .schedule_info {margin-bottom:25px;border:1px solid #ddd;border-top:3px solid #006bb7;} .schedule_info li{float:left;padding:35px 0;text-align:center;font-size:18px;color:#6d6d6d;width: calc(25% - 1px); border-right: 1px solid #ddd;} .schedule_info li:last-child{border-right:0;} .schedule_info .item span{position:relative;display:block;margin: 0 auto;margin-bottom:15px;padding:5px 0 5px 15px;width:170px;height:50px;line-height:50px;color:#fff;border-radius:30px;} .schedule_info .item span.dawn {background:#009e5a} .schedule_info .item span.daytime {background: #008ef2} .schedule_info .item span.night {background: #ff7e00} .schedule_info .item span.midnight {background: #002268} .schedule_info:after{display:block;content:'';clear:both;} .schedule_info .item span:before { content: ''; display: inline-block; position:absolute; top:6px; left:6px; width: 47px; height: 47px; border-radius: 100%; margin-right: 10px; vertical-align: middle; background: #fff url('../images/sub/icon_time.png') no-repeat; } .schedule_info .item span.dawn:before {background-position: -6px -2px;} .schedule_info .item span.daytime:before {background-position:-67px -2px;} .schedule_info .item span.night:before {background-position:-126px -2px;} .schedule_info .item span.midnight:before {background-position:-184px -2px;} .schedule_tit{display: inline-block;font-size:24px;font-weight:500;} .schedule_notice p{font-size:15px;color:#6d6d6d;} .schedule_notice p strong{color:#111;} .schedule_notice p .bar{color:#d4d4d4;} .schedule_notice p:before{ display:inline-block; content:''; vertical-align: middle; margin-right:10px; width:25px; height:25px; background:url('../images/common/mark.png') no-repeat center; background-size:100%; } /* 190715 회원가입 수정 */ .section.join .agree_wrap .agreement.add .agree_txt div{width:321px;} .section.join .agree_wrap .agreement.second.add .agree_txt div{width:321px;} .section.join .agree_wrap .agreement .agree_input_container.mt6 {margin-top: 6px;} .section.join .agree_wrap .agreement .agree_input_container>p{float:left;} .section.join .agree_wrap .agreement .agree_input_container>div{float:right;} /*.section.join .agree_wrap .agreement.add {float:inherit} .section.join .agree_wrap .agreement.add .agree_txt div{width:96%; height:290px; } .section.join .agree_wrap .agreement.last.add .agree_txt div{height:246px; } .section.join .agree_wrap .agreement.second.add .agree_txt div, .section.join .agree_wrap .agreement.last.add .agree_txt div {border-left:1px solid #ddd;} .section.join .agree_wrap .agreement.add .agree_input_container input {margin-left:16px;} .section.join .agree_wrap .agreement.add .agree_input_container label.first{margin-right:0;} .section.join .agree_wrap .agreement.add .agree_input_container.input2 {margin-top: 5px;}*/ /* 190716 사설강사등록 동의 */ .section.teacher .agree_wrap .agreement .agree_txt div{width:230px;} .section.teacher .agree_wrap .agreement.second .agree_txt div{width:229px;}