@charset "utf-8"; 

.tit{font-size:18px;}
#wrapper{position:relative;}

/* header */
header{position:absolute; top:0; left:0; width:100%; z-index:100; font-family:'NanumSquare';}
header .header_top{background:#f4f4f4; transition:all 0.5s;}
/* header:hover .header_top{background:#fff;} */
header .header_bottom{}

/* utill */
#utill{height:35px; width:1200px; margin:0 auto; color:#555; font-size:14px;}
#utill .utill_left{float:left;}
#utill .utill_left .language{float:left; margin-top:8px; margin-right:76px; }
#utill .utill_left .language select{background:none; color:#555; border:none; cursor:pointer; width:33px; height:21px; padding-left:0; margin-left:0; background:url('/images/contents/common/select_arrow_down.jpg') no-repeat right center; background-size:9px auto;}
#utill .utill_left .language select.on{background-image:url('/images/contents/common/select_arrow_up.jpg');}
#utill .utill_left .cam_bus{float:left; margin-top:6px;}
#utill .utill_left .cam_bus a{display:inline-block; width:63px; height:21px; border:1px solid #9e9e9e; border-radius:4px; text-align:center; line-height:21px;}
#utill .utill_right{float:right; margin-top:10px; margin-right:61px;}
#utill .utill_right li{float:left; margin-left:32px; line-height:14px; position:relative;}
#utill .utill_right li:before{content:''; display:block; width:2px; height:14px; background:#b7b7b7; position:absolute; top:50%; left:-16px; transform:translateY(-50%);}
#utill .utill_right li:first-child:before{display:none;}
#utill .utill_right li:last-child a{transform:translateY(-1px); display:block;}


/* gnb */
.header_main{background:#fff; height:70px; transition:all 0.5s; position:relative; z-index:2; border-bottom:1px solid #d6d6d6;}
.header_main_wrap{width:1200px; margin:0 auto;}
.header_main h1{float:left; margin-top:15px;}
#gnb{float:left;margin-left:80px;}
#gnb li{float:left; color:#262626; line-height:70px; text-align:center;}
#gnb li.guide{width:172px;}
#gnb li.accom{width:243px;}
#gnb li.ski{width:121px;}
#gnb li.golf{width:170px; }
#gnb li.gondora{width:111px;}
#gnb li.subsidiary{width:94px;}
#gnb li.meeting{width:243px;}
#gnb li.service{width:105px;}
#gnb li a{font-size:17px; line-height:70px; display:inline-block; height:100%;  transition:all 0.5s; font-weight:bold; position:relative; padding:0 5px; text-align:center;}
.header_main.on{background:#fff; border-bottom:1px solid #ededed;}
.header_main.on #gnb li a{color:#6e6e6e;}
.header_main #gnb li a:after{content:''; display:block; width:0; height:5px; background:#23748a; position:absolute; left:50%; bottom:0; transition:all 0.3s;}
.header_main.on #gnb li a.h_underline{color:#23748a;}
.header_main.on #gnb li a.h_underline:after{width:100%; left:0;}

.sub_gnb{background:#fff;  display:block; width:100%; height:0; overflow:hidden; transition:all 0.5s; z-index:1; position:relative; top:-1px; box-shadow:0 50px 180px rgba(0,0,0,0.5);}
.sub_gnb.on{height:250px; border-top:1px solid #e5e5e5;}
.sub_gnb_wrap{width:1200px; margin:0 auto; box-sizing:border-box; padding:20px 0;}
.sub_gnb_wrap > article{float:left;margin-left:236px;}
.sub_gnb ul{float:left; text-align:center;}
.sub_gnb ul.guide{width:172px;}
.sub_gnb ul.accom{width:243px;}
.sub_gnb ul.ski{width:121px;}
.sub_gnb ul.golf{width:170px; }
.sub_gnb ul.gondora{width:111px;}
.sub_gnb ul.subsidiary{width:94px;}
.sub_gnb ul.meeting{width:243px;}
.sub_gnb ul.service{width:105px;}
.sub_gnb ul.announce{width:148px;}
.sub_gnb ul li{color:#a7a7a7; font-size:14px; height:34px; line-height:34px; transition:all 0.3s;}
.sub_gnb ul li a{display:block; height:100%;}
.sub_gnb ul li:hover{color:#23748a; font-weight:bold;}
/* .sub_gnb_bg{width:150%;height:70px; margin-top:-71px; background:#000; box-shadow:0 50px 180px rgba(0,0,0,1); z-index:-1; margin-left:-25%; display:none;} */

/* ¸ÞÀν½¶óÀ̵å */
#main_slider{position:relative;top:0;left:0; z-index:0;}
#main_slider .txt{position:absolute; top:250px; left:50%; z-index:10; transform:translateX(-50%); text-align:center; width:100%;}
#main_slider .txt p{font-size:55px; margin-bottom:15px; opacity:0; margin-top:50px; transition:all 2s; font-family:'NanumSquare'; cursor:default;}
#main_slider .txt span{font-size:25px; display:block;position:absolute; top:116px; left:50%; transform:translateX(-50%); transition:all 2s; transition-delay:0.5s; opacity:0; cursor:default; width:100%;}
#main_slider .txt.on p{opacity:1; margin-top:0;text-shadow:0 0 8px #fff;}
#main_slider .txt.on span{opacity:1; margin-top:0; top:76px; opacity:1;}
#main_slider .bx-controls{position:absolute; top:388px; left:50%; z-index:99; transform:translateX(-50%); width:184px;}
#main_slider .bx-controls .bx-pager{float:left;}
#main_slider .bx-controls .bx-pager .bx-pager-item{float:left; margin-right:15px; text-indent:-9999px;}
#main_slider .bx-controls .bx-pager .bx-pager-item a{width:13px; height:13px; background:#fff; box-sizing:border-box; border:1px solid #1d7e99; border-radius:50px; display:block; transition:width 0.5s;}
#main_slider .bx-controls .bx-pager .bx-pager-item .active{width:36px; border-radius:50px; background:#1d7e99;}
#main_slider .bx-controls .bx-controls-auto{float:right;}
#main_slider .bx-controls .bx-controls-auto div{}
#main_slider .bx-controls .bx-controls-auto div a{text-indent:-9999px; display:block;}
#main_slider .bx-controls .bx-controls-auto div a.bx-start{width:10px; height:13px; background:url('/images/main/main_slide_play.png') no-repeat; }
#main_slider .bx-controls .bx-controls-auto div a.bx-stop{width:13px; height:13px; border-radius:2px; background:#1d7e99;}
#main_slider .bx-viewport{height:1350px !important;}
/* #main_slider img{user-select:none;} */

/* contents */
.contents{position:absolute; top:710px; width:100%; z-index:1;}

/*ÀÜ¿©°´½ÇÇöȲ */
.room{background:rgba(255,255,255,0.6); border:1px solid rgba(27,126,153,0.6); border-radius:10px; box-sizing:border-box; padding:0 10px 10px 10px; color:#3b3b3b; position:relative; width:1200px; margin:0 auto;}
.room_title .tit{position:relative; margin-left:64px; margin-top:17px; float:left; font-weight:bold; cursor:pointer;}
.room_title .tit:hover{color:#106c86;}
.room_title .tit:before{content:''; display:block; width:29px; height:28px; background:url('/images/main/main_canlendar_icon.png') no-repeat; position:absolute; left:-39px; top: -4px;}
.room_title .tit:hover:before{background:url('/images/main/main_canlendar_icon_on.png') no-repeat;}
.room_title .weather{float:right; font-weight:bold; font-size:17px;}
.room_title .weather > div{float:left; margin-right:14px;}
.room_title .weather > div.today{margin-right:80px;}
.room_title .weather > div span{display:inline-block; line-height:53px;}
.room_title .weather > div img{height:45px;}

/* ½ºÆä¼È¹è³Ê */
.room .special_banner{background:url('/english/images/main/special_banner.png?2') no-repeat; width:1180px; text-indent:-9999px;}
.room .special_banner a{width:285px; height:148px; display:block; float:left; margin-right:14px;}
.room .special_banner a:last-child{margin-right:0;}
.room .special_banner a:nth-child(2){margin-right:12px;}



/* ½½·ÎÇÁ/°øÁö»çÇ× */
.contents .wrap{margin:0 auto; margin-top:25px; width:1200px;}
.contents .wrap > article{border-radius:10px; overflow:hidden;}
.contents .wrap .title{background:#1d7e99; padding:0 24px; box-sizing:border-box;}
.contents .wrap .title .tit{line-height:60px;}

.slope_view{width:740px; float:left;  border:1px solid rgba(27,126,153,0.6);}
.slope_title{color:#fff; position:relative;}
.slope_title .tit{float:left;}
.slope_title .today{float:right; line-height:60px; font-size:20px; padding-right:30px;}
.slope_con{background:rgba(255,255,255,0.75); height:300px; width:100%; padding:14px; box-sizing:border-box; display:none;}
.slope_con.on{display:block;}
.slope_con .slope_tit{border-bottom:1px solid #787878;}
.slope_con .slope_tit ul{float:left;border-right:1px solid #787878; width:33.33%; box-sizing:border-box; padding-top:4px; padding-bottom:10px; padding-left:105px;}
.slope_con .slope_tit ul:after{display:block; content:''; clear:both;}
.slope_con .slope_tit ul li{ float:left; margin-left:8px;}
.slope_con .slope_tit ul:last-child{border-right:none;}

.slope_title .today p{display:none; line-height:60px;}
.slope_title .today p.on{display:block;}
.slope_title .slope_btn{position:absolute; top:22px; right:14px;}
.slope_title .slope_btn a{display:block; float:left; vertical-align:top; position:absolute; top:0; right:0; cursor:pointer; opacity:1;}
.slope_title .slope_btn a.prev{transform: scaleX(-1); margin-right:10px; right:10px;}
.slope_title .slope_btn a.next{}

.slope_con .slope_list{}
.slope_con .slope_list > ul{border-right:1px solid #787878; float:left; width:33.33%; box-sizing:border-box; height:235px; padding:4px 17px; padding-left:10px;}
.slope_con .slope_list > ul:last-child{border-right:none;}
.slope_con .slope_list > ul > li{line-height:1.8;}
.slope_con .slope_list > ul > li:after{display:block;content:'';clear:both;}
.slope_con .slope_list > ul > li > p{float:left; line-height:1.8;}
/* »õÀüÈľßÀÚ Ç¥½Ã */
.slope_con .slope_list > ul > li > ul{float:right; margin-top:10px;}
.slope_con .slope_list > ul > li > ul:after{display:block; content:''; clear:both;}
.slope_con .slope_list > ul > li > ul > li{float:left; width:11px; height:11px; border:1px solid #555; margin-left:10px;}
.slope_con .slope_list li.s1{background:#e2df0c;}
.slope_con .slope_list li.s2{background:#d12200;}
.slope_con .slope_list li.s3{background:#00c600;}
.slope_con .slope_list li.s4{background:#0fd4ff;}
.slope_con .slope_list li.s5{background:#c049ff;}

/* °øÁö»çÇ× */
.notice{width:436px; float:left;  border:1px solid rgba(27,126,153,0.6); margin-right:25px;}
.notice_title{color:#fff;}
.notice_title .tit{float:left;}
.notice_title .more{float:right; margin-top:18px;}
.notice_con{height:160px; width:100%; background:rgba(255,255,255,0.75); padding:24px; box-sizing:border-box;}
.notice_con ul{}
.notice_con ul li{line-height:2.3;}
.notice_con ul li:hover{font-weight:bold; border-bottom:1px solid #000;}
.notice_con ul li:after{display:block; content:''; clear:both;}
.notice_con ul li span{float:left;}
.notice_con ul li span:not(.day){width:270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_con ul li span.day{float:right;}

/* ÀÜ¿©°´½ÇÇöȲ */
.rooms{width:735px; float:left;  border:1px solid rgba(27,126,153,0.6); }
.rooms_title{color:#fff;}
.rooms_title .tit{float:left;}
.rooms_title .more{float:right; margin-top:18px;}
.rooms_con{height:160px; width:100%; background:rgba(255,255,255,0.75); padding:24px; box-sizing:border-box;}
.rooms_con ul{}
.rooms_con ul li{line-height:2.3;}
.rooms_con ul li:hover{font-weight:bold; border-bottom:1px solid #000;}
.rooms_con ul li:after{display:block; content:''; clear:both;}
.rooms_con ul li span{float:left;}
.rooms_con ul li span:not(.day){width:270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rooms_con ul li span.day{float:right;}

.rooms_con{padding:12px 24px; }
.rooms_con table{width:100%;}
.rooms_con td{height:36px; text-align:center; color:#4a4a4a;}
.rooms_con tr:not(.day) th{text-align:left; color:#0a647d;}
.rooms_con tr:not(.day):nth-child(2) th{letter-spacing:18px;}
/*.rooms_con tr:not(.day):nth-child(3) th{letter-spacing:10px;}*/
.rooms_con tr:not(.day):nth-child(3) th{letter-spacing:18px;}
.rooms_con tr:not(.day):nth-child(4) th{letter-spacing:2px;}

.rooms_con tr:not(.day) th{text-align:left; color:#0a647d;}
.rooms_con tr:not(.day):nth-child(2) th{letter-spacing:20px;}
.rooms_con tr:not(.day):nth-child(3) th{letter-spacing:3px;}
.rooms_con tr:not(.day):nth-child(4) th{letter-spacing:1px;}

.rooms_con tr.day th{text-align:center; height:30px;}
.rooms_con tr th{font-weight:bold;}
.rooms_con tr.day{border-bottom:1px dashed #c1c1c1;}
.rooms_con td.complete{color:#ce0000;}

/* main tab */
.main_tab{position:absolute; left:0; bottom:0; width:100%;z-index:1;}
.tab_wrap{margin:0 auto; background:#fff; }
.main_tab .tab{width:1200px; margin:0 auto; border-bottom:1px solid rgba(27,126,153,0.6);}
.main_tab .tab li{float:left; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; width:153px; overflow:hidden; margin:0;}
.main_tab .tab li a{display:block; line-height:50px; color:#f1f1f1; font-size:17px; background:none;}
.main_tab .tab li.on{font-weight:bold; color:#fff;}
.main_tab .tab li.on a{background:none;}
.main_tab .tab li.color1{background:#1d7e99;}
.main_tab .tab li.color2{background:#449cb4;}
.main_tab .tab li.color3{background:#78bacc;}

.main_tab .tab_con{width:1200px; height:171px; margin:0 auto;border-top:1px solid #b4b4b4;}
.main_tab .tab_con > div{display:none;}
.main_tab .tab_con > div.on{display:block;}
.main_tab .tab_con > div > ul:after{display:block; content:''; clear:both;}
.main_tab .tab_con > div > ul li{float:left;}
.main_tab .tab_con > div > ul li a{display:block; width:100%; height:100%;}
/* ½ÃÁð¸Þ´º */
.main_tab .tab_con .season > ul li{width:123px; height:123px; text-indent:-9999px; margin-top:25px; margin-right:30px;}
.main_tab .tab_con .season > ul li:nth-child(1){background:url('/images/main/season_menu01.png');}
.main_tab .tab_con .season > ul li:nth-child(2){background:url('/images/main/season_menu02.png');}
.main_tab .tab_con .season > ul li:nth-child(3){background:url('/images/main/season_menu03.png');}
.main_tab .tab_con .season > ul li:nth-child(4){background:url('/images/main/season_menu04.png');}
.main_tab .tab_con .season > ul li:nth-child(5){background:url('/images/main/season_menu05.png');}
.main_tab .tab_con .season > ul li:nth-child(6){background:url('/images/main/season_menu06.png');}
.main_tab .tab_con .season > ul li:nth-child(7){background:url('/images/main/season_menu07.png');}
.main_tab .tab_con .season > ul li:nth-child(8){background:url('/images/main/season_menu08.png'); margin-right:0;}
.main_tab .tab_con .season > ul li:nth-child(1):hover{background:url('/images/main/season_menu01_on.png');}
.main_tab .tab_con .season > ul li:nth-child(2):hover{background:url('/images/main/season_menu02_on.png');}
.main_tab .tab_con .season > ul li:nth-child(3):hover{background:url('/images/main/season_menu03_on.png');}
.main_tab .tab_con .season > ul li:nth-child(4):hover{background:url('/images/main/season_menu04_on.png');}
.main_tab .tab_con .season > ul li:nth-child(5):hover{background:url('/images/main/season_menu05_on.png');}
.main_tab .tab_con .season > ul li:nth-child(6):hover{background:url('/images/main/season_menu06_on.png');}
.main_tab .tab_con .season > ul li:nth-child(7):hover{background:url('/images/main/season_menu07_on.png');}
.main_tab .tab_con .season > ul li:nth-child(8):hover{background:url('/images/main/season_menu08_on.png'); margin-right:0;}
/* ¿¹¾àÇϱâ */
.tab_con .reserve{}
.tab_con .reserve ul{}
.tab_con .reserve ul li{width:33.33%; text-indent:-9999px; height:171px;}
.tab_con .reserve ul li:nth-child(1) a{background:url('/images/main/spring_reserve01.jpg');}
.tab_con .reserve ul li:nth-child(2) a{background:url('/images/main/spring_reserve02.jpg');}
.tab_con .reserve ul li:nth-child(3) a{background:url('/images/main/spring_reserve03.jpg');}
.tab_con .reserve ul li a{ position:relative;}
.tab_con .reserve ul li a:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.tab_con .reserve ul li:nth-child(1) a:hover:before{background:url('/images/main/spring_reserve01_on.png');}
.tab_con .reserve ul li:nth-child(2) a:hover:before{background:url('/images/main/spring_reserve02_on.png');}
.tab_con .reserve ul li:nth-child(3) a:hover:before{background:url('/images/main/spring_reserve03_on.png');}
/* °í°´¼­ºñ½º */
.tab_con .service{}
.tab_con .service li{width:calc(100% / 5); height:171px; text-align:center;}
.tab_con .service li a{padding-top:110px; box-sizing:border-box; position:relative;}
.tab_con .service li img{position:absolute; left:50%; transform:translateX(-50%); bottom:70px;}
.tab_con .service li:hover img{transform:translateX(-50%) scale(1.1); bottom:72px;}
.tab_con .service li a:hover{font-weight:bold; text-decoration:underline;}


/* ǪÅÍ */
.footer {position: relative; width: 100%;  min-width: 1200px;height: 127px;background-color: #f4f4f4; padding-bottom:15px;}
.footer .footerSec {position: relative; margin: 0 auto; width: 1200px;}
.footer .footerSec .footer_logo_01{position: absolute; left: 0; top: 29px; }
.footer .footerSec .txtBox{position: absolute; left: 130px; top: 60px;}
.footer .footerSec .txtBox .link li {float: left; margin-right: 8px; position:relative;}
.footer .footerSec .txtBox .link li:after{content:''; display:block; position:absolute; top:8px; right:-8px; width:1px; height:12px; background:#000; }
.footer .footerSec .txtBox .link li:last-child:after{display:none;}
.footer .footerSec .txtBox .link li+li {padding-left: 10px;}
.footer .footerSec .txtBox .link li a{font-weight: 600; font-size:12px;}
.footer .footerSec .txtBox .txt_01{margin: 8px 0; font-size: 13px; color: #505050; line-height: 1.7; letter-spacing: 0;}
.footer .footerSec .txtBox .txt_02{font-size: 13px; color: #505050; letter-spacing: 0px;}
.footer .footerSec .txtBox .emailPolicy {position: relative;}
.footer .footerSec .txtBox .emailPolicy .emailPolicyImg {display:none; position: absolute; left: -26px; top: -129px; height: 129px; z-index: 100;}
.footer .footerSec .footer_logo {position: absolute; right: 7px; top: 58px; background: url('/images/main/footer_link.jpg') no-repeat;width: 168px; height: 45px; font-size: 0; line-height: 0;}
.footer .footerSec .footer_logo a {display: inline-block; height: 45px; font-size: 0; line-height: 0;}
.footer .footerSec .footer_logo .footer_logo_02 {width: 40px;}
.footer .footerSec .footer_logo .footer_logo_03 {margin-left: 49px; width: 79px;}

.footer .site{position:absolute; right:0; top:15px;}
.footer .site .family_site{display:block; position:relative; width:200px; height:28px; line-height:28px; padding-left:17px; border:1px solid #ccc; box-sizing:border-box; font-size:13px;}
.footer .site .family_site:after{content:''; position:absolute; top:50%; right:15px;  margin-top:-2px; width:0; height:0; border-top:5px solid none; border-bottom:5px solid #555; border-right: 5px solid transparent; border-left: 5px solid  transparent;}
.footer .site ul{display:none; position:absolute; width:200px; bottom:27px; left:0; border:1px solid #ccc; background:#f1f1f1; box-sizing:border-box;    z-index: 999999;}
.footer .site ul li a{display:block; padding-left:17px; line-height:28px; border-top:1px solid #fff; font-size:13px;}
.footer .site ul li:first-child a{border-top:0;}



#main_slider .bx-controls{display:none;}