@charset "utf-8"; #cmWrap { position:relative; min-width:1088px; min-height:100%; } #cmHead {} #cmBody { outline:none; } #cmFoot { position:relative; background: #2A2F31;} .cm_pivot { position:relative; margin:0 auto; width:960px; } #cmHead .util_menu #profile_box {top: 20px; padding-top: 20px;} .dotnet_container { width:100%; height:100%; } /* 헤더 */ #cmHead { } #cmHead { position:relative; z-index:20; } #cmHead:after { content:""; display:block; clear:both; } #cmHead .cm_pivot {padding-top: 50px;} #cmHead .util_menu {position:absolute;top:0;right:0;height: 50px;display: flex;align-items: center;} #cmHead .util_menu .menu {float:right;/* margin-top: 12px; */margin-right: 190px;display: flex;} #cmHead .util_menu .menu li {float:left;/* margin-right:14px; *//* height:14px; *//* overflow:hidden; *//* line-height:0; *//* font-size:0; *//* text-indent:-9999px; */} #cmHead .util_menu .menu li a {display:block;/* width:50px; */color: #7a7a7a; font-size: 13px;line-height: 1;font-weight: 500;/* height:100%; *//* background:url("../images/common/gnb_utils.png") no-repeat; */margin-left: 16px;} #cmHead .util_menu .menu li.login a {/* width:30px; *//* background-position:0 2px; */} #cmHead .util_menu .menu li.logout a {/* width:40px; *//* background-position:-50px 2px; */} #cmHead .util_menu .menu li.join a {/* width:40px; */background-position:-100px 2px;} #cmHead .util_menu .menu li.mypage a {/* width:50px; *//* background-position:-150px 2px; */margin-left: 0;} #cmHead .util_menu .menu li.reserve a {/* width:65px; */background-position:-210px 2px;} #cmHead .util_menu .menu li.news a {/* width:37px; */background-position:-290px 2px;} #cmHead .util_menu .menu li.build a { width:73px; background-position:-330px 2px; } #cmHead .util_menu .menu li.phone a {background-position:-410px 2px; } #cmHead .util_menu .menu li.center a {/* width:40px; */background-position:-480px 2px;} #cmHead .util_menu .menu li.login a:hover { background-position:0 -18px; } #cmHead .util_menu .menu li.logout a:hover {/* background-position:-50px -18px; */} #cmHead .util_menu .menu li.join a:hover { background-position:-100px -18px; } #cmHead .util_menu .menu li.mypage a:hover { background-position:-150px -18px; } #cmHead .util_menu .menu li.reserve a:hover { background-position:-210px -18px; } #cmHead .util_menu .menu li.news a:hover { background-position:-290px -18px; } #cmHead .util_menu .menu li.build a:hover { background-position:-330px -18px; } #cmHead .util_menu .menu li.phone a:hover { background-position:-410px -18px; } #cmHead .util_menu .menu li.center a:hover { background-position:-480px -18px; } #cmHead .util_menu .search {position:absolute;top: 50%;transform: translateY(-50%);right:0;width:168px;height:20px;background:url("../images/common/top_search_form.png") no-repeat;} #cmHead .util_menu .search input { display:block; border:none; background:transparent; } #cmHead .util_menu .search .txt { width:138px; height:20px; line-height:20px; text-indent:10px; } #cmHead .util_menu .search .sbm { position:absolute; top:0; right:0; width:30px; height:20px; line-height:0; font-size:0; background:url("../images/common/top_search_form.png") no-repeat -170px 0; z-index:2; cursor:pointer; } #cmHead .util_menu .search .sbm:hover { background-position:-170px -30px; } #cmHead .util_menu .search.focus { background-position:0 -30px; } #cmHead .util_menu .search.focus .sbm { background-position:-170px -30px; } /* 바디 */ #cmBody .cm_pivot {} #cmBody .cm_pivot:after { content:""; display:block; clear:both; } #cmBody .cm_pivot.content { padding-bottom:600px; background:url("../images/common/sub_content_partition.gif") repeat-y right 0; } #cmBody .cm_pivot.content:after { content:""; display:block; clear:both; } /* 푸터 */ #cmFoot {position: absolute;bottom: 0;left: 0;width:100%;padding-bottom: 0;color:#bcbcbc;height: 466px;box-sizing: border-box;} #cmFoot .cm_pivot {padding-top: 45px;} #cmFoot .pattern { position:absolute; top:-3px; left:0; width:100%; height:3px; /*background:url("../images/common/foot_pattern_trg.gif") repeat-x;*/ } #cmFoot .scroll_top { position:absolute; top:-28px; right:-58px; width:70px; height:70px; background:url("../images/common/foot_scroll_top.png") no-repeat; } #cmFoot .site_menu {position:relative;padding-bottom: 61px;/* border: 1px solid red; */padding-bottom: 61px;} #cmFoot .sitemap { width:768px; font-weight:bold; } #cmFoot .sitemap:after { content:""; display:block; clear:both; } #cmFoot .sitemap .tit {float:left;width: 120px;/* height:30px; *//* overflow:hidden; */line-height: 1;display: block;color: #fff;font-size: 15px;font-weight: 700;/* font-size:0; *//* text-indent:-9999px; *//* background:url("../images/common/foot_tit_resort.png") no-repeat; */} #cmFoot .sitemap .tit strong {font-weight: 700;display: block;} #cmFoot .sitemap .menu {float:left;/* width:130px; */margin-right: 50px;} #cmFoot .sitemap .menu li { font-size:0; line-height:0; } #cmFoot .sitemap .menu a {display:block;font-size: 14px;line-height: 14px;tex;/* text-indent:8px; */color: #bcbcbc;font-weight: 400;/* line-height: 1; */} #cmFoot .sitemap .menu.m1 { border-left:none; } #cmFoot .sitemap .menu.m2 {/* width:128px; */} #cmFoot .sitemap .menu.m3 {/* width:145px; */} #cmFoot .sitemap .menu.m4 { width:190px; border-right:none; } #cmFoot .sitemap.resort { padding-bottom:28px; } #cmFoot .sitemap.resort .menu { margin-top:-16px; min-height:100px; } #cmFoot .sitemap.resort .menu li {padding-top: 14px;} #cmFoot .sitemap.tpark {padding-top:28px;min-height: 42px;/* border: 1px solid red; */} #cmFoot .sitemap.tpark .tit {/* background-image:url("../images/common/foot_tit_tpark.png"); */} #cmFoot .sitemap.tpark .menu {margin-bottom:-15px;/* min-height:74px; */margin-right: 20px;} #cmFoot .sitemap.tpark .menu li {padding-bottom: 14px;} #cmFoot .sitemap.tpark .menu li:last-child {/* border:1px solid red; */padding-bottom: 0;} #cmFoot .sitemap.tpark .menu.m3 { width:190px; letter-spacing:-1px; } #cmFoot .sitemap.tpark .menu.m4 {width:145px;font-weight: 400;font-size: 13px;} #cmFoot .sitemap.resort .menu .rsbtn { position:relative; z-index:3; } #cmFoot .sitemap.resort .menu .rsbtn .btn {line-height:13px;background: url("../images/common/foot_ext_plus.png") no-repeat 74px center;} #cmFoot .sitemap.resort .menu .rsbtn .optional {display:none;position:absolute;top:0;left: 98px;border-radius:3px;background-color:#3bb5bb;z-index:3;} #cmFoot .sitemap.resort .menu .rsbtn .optional .bd_left { position:absolute; top:16px; left:-6px; width:6px; height:12px; background:url("../images/common/foot_ext_arrow.png") no-repeat; } #cmFoot .sitemap.resort .menu .rsbtn .optional .group { padding:8px 0 10px 0; } #cmFoot .sitemap.resort .menu .rsbtn .optional li { padding-top:0; } #cmFoot .sitemap.resort .menu .rsbtn .optional li a { display:block; padding:6px 14px 5px 14px; line-height:12px; text-indent:0; white-space:nowrap; color:#ffffff; text-decoration:none; } #cmFoot .sitemap.resort .menu .rsbtn .optional li a:hover { background-color:#0f878e; } #cmFoot .sitemap.resort .menu .rsbtn.open .btn { background-image:url("../images/common/foot_ext_minus.png"); } #cmFoot .sitemap.resort .menu .rsbtn.open .optional { display:block; } #cmFoot .contact {position:absolute;top: -7px;right: 62px;padding-left:30px;/* width: max-content; */height:100%;} #cmFoot .contact .social {/* margin-top:9px; */} #cmFoot .contact .social li {margin-top: 5px;/* width: 101px; */font-size:0;line-height:0;} #cmFoot .contact .social li a {display:block;padding-left:32px;/* height:22px; */font-size: 14px;line-height: 22px;color:#ffffff;background:url("../images/common/foot_sns.png") no-repeat;} #cmFoot .contact .social li.fb a { background-position:0 0; } #cmFoot .contact .social li.tw a {background-position: 0 -25px;} #cmFoot .contact .social li.ts a { background-position:0 -52px; } #cmFoot .contact .social li.yt a {background-position: 0px -76px;} #cmFoot .contact .center {position: absolute;top: 188px;/* bottom:43px; */font-size: 13px;color:#ffffff;white-space: nowrap;} #cmFoot .contact .center > p { line-height: 1; margin-bottom: 4px; font-weight: 400; } #cmFoot .contact .center > span { font-size: 18px; font-weight: 700; letter-spacing: 0.04em; line-height: 18px; /* border: 1px solid red; */ /* padding: 0; */ /* margin: 0; */ /* line-height: 1; */ display: block; } span {} #cmFoot .contact .center strong { display:block; font-size:18px; line-height:18px; } #cmFoot .foot_menu {position:relative;clear:both;padding-top: 0;width:100%;/* height:13px; *//* line-height:13px; */} #cmFoot .foot_menu .menus {overflow:hidden;font-size:11px;margin-bottom: 8px;line-height: 1;} #cmFoot .foot_menu .menus ul {/* margin-left:-11px; */width:100%;} #cmFoot .foot_menu .menus li {float:left;/* padding: 0 13px; *//* border-right:1px solid #3b5867; *//* border-left:1px solid #466677; */margin-right: 26px;} #cmFoot .foot_menu .menus a {color: #bcbcbc;} #cmFoot .addr {padding-top: 10px;font-size:11px;/* border: 1px solid red; */line-height: 1;font-weight: 400;display: flex;gap: 8px;flex-direction: column;} #cmFoot .addr > div { width: 100%; display: block; display: flex; gap: 26px; } #cmFoot .addr address {/* display:inline; */font-style:normal;} #cmFoot .addr .tel {/* padding-left: 26px; */} #cmFoot .addr .fax {/* padding-left:15px; */} #cmFoot .addr .copyright { display:inline-block; } #cmFoot .addr .addr_1 {/* display:inline-block; *//* padding-left: 26px; */} #cmFoot .addr .addr_2 {/* display:inline-block; *//* padding-left: 26px; */} #cmFoot .ext_menu {position:absolute;top: -2px;display: flex;right:0;gap: 6px;} #cmFoot .ext_menu .ui_select { height:28px; line-height:28px; } #cmFoot .ext_menu .ui_select.id-lang { width:70px; } #cmFoot .ext_menu .ui_select.id-family { width:90px; } #cmFoot .ext_menu .ui_button {padding:0 8px;height: 28px;line-height: 28px;font-family:"Arial", verdana, arial, applegothic, sans-serif;font-size: 12px;vertical-align: middle;color: #fff;background-color: #000;width: 34px;box-sizing: border-box;} #cmFoot .ext_menu .ui_button:hover { color:#ffffff; background-color:#896825; } #cmFoot .skip_navi {} #cmFoot .skip_navi a { background:transparent; border:none; } #cmFoot .skip_navi a.focus { position:absolute; } #cmFoot .ui_select.selectBox .selection {background-color: #000;background-image: url(../images/common/icon/ico_select_arrow_down_white.png);background-repeat: no-repeat;background-position: 95%;/* box-sizing: border-box; */min-width: 116px;width: 100% !important;padding-right: 0;} #cmFoot .ui_select.selectBox.open .selection {background-image: url(../images/common/icon/ico_select_arrow_up_white.png);background-size: 12px;} #cmFoot .ui_select.selectBox:hover .selection {background-color: #3b3b3b;} /* GNB */ .cm_gnb {position:relative;width:100%;height: 60px;/* border-radius: 5px; *//* overflow: hidden; *//* z-index: 1; */} .cm_gnb .logo {position:absolute;top: 17px;left:20px;display:block;width:234px;height:27px;font-size:0;line-height:0;text-indent:-9999px;background:url("../images/common/logo_top.png") no-repeat;z-index:5;} .cm_gnb .logo a { display:block; width:100%; height:100%; } .cm_gnb .bar {position:relative;width:100%;height:auto;overflow:hidden;z-index:3;background: #3e4347;border-radius: 5px;} .cm_gnb .utils { position:absolute; top:0; right:0; width:195px; height:47px; z-index:5; } .cm_gnb .utils ul { padding:8px 0 0 15px; } .cm_gnb .utils li { float:left; width:84px; height:29px; } .cm_gnb .utils li a { display:block; width:100%; height:100%; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; background:url("../images/common/gnb_menu_2.png") no-repeat 7px 9px; } .cm_gnb .utils li.m1 a {} .cm_gnb .utils li.m2 a { background-position:-89px 9px; } .cm_gnb .utils li.m1 a:hover { background-position:7px -41px; } .cm_gnb .utils li.m2 a:hover { background-position:-89px -41px; } .cm_gnb .round_border {position:absolute;width:100%;height: 60px;background-color:#3e4347;/* z-index:2; */border-radius: 5px;/* overflow: hidden; */} .cm_gnb .round_border .bd_top {height: 24px;background:url("../images/common/gnb_bd_top.png") no-repeat;} .cm_gnb .round_border .bd_height { width:100%; height:0; background-color:#3e4347; } .cm_gnb .round_border .bd_bottom {height: 24px;background:url("../images/common/gnb_bd_bottom.png") no-repeat;} .cm_gnb .round_border .util_bg { position:absolute; top:0; right:0; width:195px; height:47px; background:url("../images/common/gnb_bd_util.png") no-repeat; } .cm_gnb .round_border .dp1_arrow {position:absolute;top: 60px;left:0;width:15px;height:8px;overflow:hidden;z-index: 20;} .cm_gnb .round_border .dp1_arrow span { position:absolute; top:-8px; left:0; display:block; width:15px; height:8px; background:url("../images/common/gnb_dp1_arrow.png") no-repeat; } .cm_gnb .menu_container { position:relative; overflow:hidden; } .cm_gnb .round_bottom { position:absolute; left:0; bottom:0; width:100%; height:10px; background:url("../images/common/gnb_open_bd.png") no-repeat; } .cm_gnb .depth1 {position:relative;/* padding-left: 310px; */height: 60px;color:#bcbcbc;/* border: 1px solid red; */display: flex;} .cm_gnb .depth1 ul { width:100%; margin-left: 7px;} .cm_gnb .depth1 ul:after {/* content:""; */display:block;clear:both;} .cm_gnb .depth1 > ul { /* margin: 0; */ width: fit-content; /* border: 1px solid blue; */ margin-left: auto; margin-right: 15px; } .cm_gnb .depth1 a {color: #fff;/* color: red; *//* height: 60px; */display: inline-flex;text-decoration:none;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-ms-transition: color 0.2s;transition: color 0.2s;} .cm_gnb .depth1 .dp1 { float:left; } .cm_gnb .depth1 .dp1 a {/* display:block; *//* padding: 16px 15px 17px 15px; *//* height:14px; *//* overflow:hidden; *//* font-size:0; *//* text-indent:-9999px; *//* overflow:hidden; *//* cursor:pointer; *//* color: red; */} .cm_gnb .depth1 .dp1 > a { transition: color 0.3s; width: auto; height: 60px; font-size: 15px; box-sizing: border-box; display: flex; align-items: center; padding: 0 15px; } .cm_gnb .depth1 .dp1 a span {/* display:block; *//* width:60px; *//* height:16px; *//* background:url("../images/common/gnb_dp1_text.png") no-repeat; */} .cm_gnb .depth1 .dp1.reserv a span {/* width:56px; *//* background-position:0 0; */} .cm_gnb .depth1 .dp1.resort a span {/* width:100px; */background-position:-86px 0;} .cm_gnb .depth1 .dp1.story a span {/* width:38px; */background-position:-215px 0;} .cm_gnb .depth1 .dp1.event a span {/* width:70px; */background-position:-281px 0;} .cm_gnb .depth1 .dp1.group {/* margin-left:0; *//* position: absolute; */right: 0;background: #2A2F31;/* color: #bcbcbc; */} .cm_gnb .depth1 .dp1.group a span {/* width:59px; */background-position:-479px 0;} .cm_gnb .depth1 .dp1.mship { margin-left:30px;} .cm_gnb .depth1 .dp1.mship a span {/* width:74px; *//* background-position:-510px 0; */} .cm_gnb .depth1 .dp1.group > a {border-radius: 0 5px 5px 0;width: 144px;/* text-align: center; */justify-content: center;color: #bcbcbc;} .cm_gnb .depth1 .dp1.group > a:hover {color: #4db8bd;} .cm_gnb .depth1 .open_menu {position:absolute;top: 60px;left:0;width:100%;height:425px;overflow:hidden;border-top:1px solid #363c3e;background:url("../images/common/gnb_open_partition1.png") no-repeat 319px 19px;} .cm_gnb .depth1 .open_menu:after { content:""; display:block; clear:both; } .cm_gnb .depth1 .depth2 {position:relative;float:left;margin-top: 50px;width:290px;min-height:300px;z-index:3;} .cm_gnb .depth1 .depth2 a { display:block; padding:0; height:auto; font-size:1em; text-indent:0; } .cm_gnb .depth1 .depth2 .dp2_a {display:block;/* width:82px; */font-size: 16px;/* height:18px; *//* overflow:hidden; *//* font-size:0; *//* text-indent:-9999px; *//* background:url("../images/common/gnb_dp2_text_reserv.png") no-repeat; */} .cm_gnb .depth1 .depth2 .dp2_txt { display:block; width:82px; height:18px; overflow:hidden; font-size:0; text-indent:-9999px; background:url("../images/common/gnb_dp2_text_reserv.png") no-repeat; } .cm_gnb .depth1 .depth2 .dp2_desc { display:block; margin-top:36px; font-size:13px; letter-spacing: 0px;} /* .cm_gnb .depth1 .depth2 .dp2_btn { display:block; margin-top:25px; } */ .cm_gnb .depth1 .depth2 .dp2_btn a { display:block; width:42px; height:20px; font-size:0; text-indent:-999px; background:url("../images/common/gnb_story_btn.png") no-repeat; } .cm_gnb .depth1 .depth2 .dp2_btn a:hover { background-position:0 -30px; } .cm_gnb .depth1 .depth2 .dp2_a {position: relative; overflow: hidden; height: 16px; line-height:1;} .cm_gnb .depth1 .depth2 .dp2_a .txt_slide {position: absolute; left: 0; transition: transform 0.2s;} .cm_gnb .depth1 .depth2 .dp2_a .txt_slide.off {top: 0; transform: translateY(0);} .cm_gnb .depth1 .depth2 .dp2_a .txt_slide.on {color: #4DB8BD; top: 0;transform: translateY(-26px);} .cm_gnb .depth1 .depth2 .dp2_a.active .txt_slide.off {transform: translateY(26px);} .cm_gnb .depth1 .depth2 .dp2_a.active .txt_slide.on {transform: translateY(0);} .cm_gnb .depth1 .depth3 { margin-top:36px; font-weight:bold; letter-spacing:-1px; } .cm_gnb .depth1 .depth3 { margin-top:36px; } .cm_gnb .depth1 .depth3 a { display:inline-block; margin:-5px -10px; padding:5px 5px; font-size: 13px; letter-spacing: 0px;} .cm_gnb .depth1 .depth3 li { margin-bottom:10px; height:20px; line-height:20px; } .cm_gnb .depth1 .depth3 a {height:20px;line-height:20px;font-weight: 400;} .cm_gnb .depth1 .depth3 a.active { color:#333333 !important; } .cm_gnb .depth1 .t_shape {} .cm_gnb .depth1 .t_shape {position:absolute;top:0;left:0;margin: -3px 0 0 -9px;padding:4px 10px 4px 20px;width:100px;height:20px;overflow:visible;background:#f1ece1 url("../images/common/gnb_dp3_triangle.png") no-repeat right -1px;} .cm_gnb .depth1 .dp1.active { z-index:33;} .cm_gnb .depth1 .dp1.active > a {color: #4db8bd; } .cm_gnb .depth1 .dp1.active .open_menu { z-index:33; } .cm_gnb .depth1 .dp1 a.activate span { background-position-y:-20px !important; } .cm_gnb .depth1 .dp2_a.activate { background-position-y:-18px !important; } .cm_gnb .depth1 .depth3 a.activate { color:#4db8bd; } /* GNB - 통합예약 */ .cm_gnb .depth1 .reserv {} .cm_gnb .depth1 .reserv .depth2 .dp2_a {/* background-image:url("../images/common/gnb_dp2_text_reserv.png"); */} .cm_gnb .depth1 .reserv .m1 { margin-left:30px; width:291px; } .cm_gnb .depth1 .reserv .m1 .c1 { float:left; width:150px; } .cm_gnb .depth1 .reserv .m1 .c2 { float:left; width:110px; } .cm_gnb .depth1 .reserv .m2 { margin-left:19px; width:301px; } .cm_gnb .depth1 .reserv .m3 { margin-left:20px; margin-bottom:32px; width:289px; min-height:18px; } .cm_gnb .depth1 .reserv .m4 { margin-left:20px; margin-top:0; margin-bottom:32px; float:left; width:289px; min-height:18px; } .cm_gnb .depth1 .reserv .m5 { margin-left:20px; margin-top:0; margin-bottom:32px; float:left; width:289px; min-height:18px; } .cm_gnb .depth1 .reserv .m6 { margin-left:20px; margin-top:0; margin-bottom:32px; float:left; width:289px; min-height:18px; } .cm_gnb .depth1 .reserv .m7 { margin-left:20px; margin-top:0; margin-bottom:32px; float:left; width:289px; min-height:18px; } .cm_gnb .depth1 .reserv .m1 .dp2_a {/* width:82px; *//* background-position:0 0; */} .cm_gnb .depth1 .reserv .m2 .dp2_a {/* width:150px; *//* background-position:-100px 0; */} .cm_gnb .depth1 .reserv .m3 .dp2_a { width:97px; background-position:-250px 0; } .cm_gnb .depth1 .reserv .m4 .dp2_a { width:155px; background-position:-360px 0; } .cm_gnb .depth1 .reserv .m5 .dp2_a { width:155px; background-position:-470px 0; } .cm_gnb .depth1 .reserv .m6 .dp2_a { width:65px; background-position:-630px 0; } .cm_gnb .depth1 .reserv .m7 .dp2_a { width:160px; background-position:-700px 0; } /* GNB - 리조트 */ .cm_gnb .depth1 .resort {} /* .cm_gnb .depth1 .resort .open_menu { background:url("../images/common/gnb_open_partition_resort_2020.png") no-repeat 280px 19px; } */ .cm_gnb .depth1 .resort .open_menu { background:url("../images/common/gnb_open_partition_resort_2025.png") no-repeat;} .cm_gnb .depth1 .resort .depth2 .dp2_a {/* background-image:url("../images/common/gnb_dp2_text_resort.png"); */} .cm_gnb .depth1 .resort .m1 { margin-left:30px; width:230px; } .cm_gnb .depth1 .resort .m1 .c1 { float:left; width:130px; } .cm_gnb .depth1 .resort .m1 .c2 {float:left;width: auto;/* color: red; *//* border: 1px solid red; */} .cm_gnb .depth1 .resort .m2 { margin-left:20px; width:150px; } .cm_gnb .depth1 .resort .m2 .c1 { float:left; width:120px; } .cm_gnb .depth1 .resort .m3 { margin-left:20px; width:160px; } .cm_gnb .depth1 .resort .m3 .c1 { float:left; width:160px; } /* .cm_gnb .depth1 .resort .m3 .c2 { float:left; width:150px; } */ .cm_gnb .depth1 .resort .m4 { margin-left:30px; margin-bottom:20px; width:140px; } .cm_gnb .depth1 .resort .m4 .c1 { float:left; width:140px; } /*테마파크별넓이*/ .cm_gnb .depth1 .resort .m1 .dp2_a { width:65px; background-position:0 0; } .cm_gnb .depth1 .resort .m2 .dp2_a { width:45px; background-position:-70px 0; } .cm_gnb .depth1 .resort .m3 .dp2_a {/* width:65px; *//* background-position:-123px 0; */} .cm_gnb .depth1 .resort .m3 .water { margin:0px 0 0 -1px; padding-left:27px; background:url("../images/common/gnb_water_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m3 .water_1 { margin:10px 0 10px -1px; padding-left:27px; background:url("../images/common/gnb_water_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m3 .water_3 { margin:0px 0 10 -1px; padding-left:27px; background:url("../images/common/gnb_art_icon.png") no-repeat 0 center;} .cm_gnb .depth1 .resort .m3 .jdgd { margin:10px 0 10px -4px; padding-left:30px; background:url("../images/common/gnb_jaden_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m3 .water a , .cm_gnb .depth1 .resort .m3 .water_1 a , .cm_gnb .depth1 .resort .m3 .water_3 a , .cm_gnb .depth1 .resort .m3 .jdgd a { color:#4db8bd; } .cm_gnb .depth1 .resort .m4 .dp2_a { width:155px; background-position:-210px 0; padding-bottom: 3px;} .cm_gnb .depth1 .resort .m5 { margin-left:30px; margin-bottom:32px; width:120px; } .cm_gnb .depth1 .resort .m5 .c1 { float:left; width:120px; } /*테마파크별넓이*/ .cm_gnb .depth1 .resort .m5 .dp2_a { width:98px; background-position:-210px 0; } /* GNB - 리조트 20200622 백업 .cm_gnb .depth1 .resort {} .cm_gnb .depth1 .resort .open_menu { background:url("../images/common/gnb_open_partition_resort.png") no-repeat 299px 19px; } .cm_gnb .depth1 .resort .depth2 .dp2_a { background-image:url("../images/common/gnb_dp2_text_resort.png"); } .cm_gnb .depth1 .resort .m1 { margin-left:30px; width:271px; } .cm_gnb .depth1 .resort .m1 .c1 { float:left; width:120px; } .cm_gnb .depth1 .resort .m1 .c2 { float:left; width:140px; } .cm_gnb .depth1 .resort .m2 { margin-left:19px; width:321px; } .cm_gnb .depth1 .resort .m2 .c1 { float:left; width:155px; } .cm_gnb .depth1 .resort .m2 .c2 { float:left; width:155px; } .cm_gnb .depth1 .resort .m3 { margin-left:20px; margin-bottom:32px; width:289px; } .cm_gnb .depth1 .resort .m3 .c1 { float:left; width:160px; } .cm_gnb .depth1 .resort .m3 .c2 { float:left; width:120px; } .cm_gnb .depth1 .resort .m1 .dp2_a { width:65px; background-position:0 0; } .cm_gnb .depth1 .resort .m2 .dp2_a { width:65px; background-position:-70px 0; } .cm_gnb .depth1 .resort .m2 .water { margin:0px 0 0 -1px; padding-left:27px; background:url("../images/common/gnb_water_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m2 .water_1 { margin:10px 0 10px -1px; padding-left:27px; background:url("../images/common/gnb_water_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m2 .water_3 { margin:0px 0 10 -1px; padding-left:27px; background:url("../images/common/gnb_art_icon.png") no-repeat 0 center;} .cm_gnb .depth1 .resort .m2 .jdgd { margin:10px 0 10px -4px; padding-left:30px; background:url("../images/common/gnb_jaden_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m2 .water a , .cm_gnb .depth1 .resort .m2 .water_1 a , .cm_gnb .depth1 .resort .m2 .water_3 a , .cm_gnb .depth1 .resort .m2 .jdgd a { color:#4db8bd; } .cm_gnb .depth1 .resort .m3 .dp2_a { width:97px; background-position:-150px 0; } */ /* GNB - 리조트 20170627 백업 .cm_gnb .depth1 .resort {} .cm_gnb .depth1 .resort .open_menu { background:url("../images/common/gnb_open_partition_resort.png") no-repeat 299px 19px; } .cm_gnb .depth1 .resort .depth2 .dp2_a { background-image:url("../images/common/gnb_dp2_text_resort.png"); } .cm_gnb .depth1 .resort .m1 { margin-left:30px; width:271px; } .cm_gnb .depth1 .resort .m1 .c1 { float:left; width:120px; } .cm_gnb .depth1 .resort .m1 .c2 { float:left; width:140px; } .cm_gnb .depth1 .resort .m2 { margin-left:19px; width:321px; } .cm_gnb .depth1 .resort .m2 .c1 { float:left; width:130px; } .cm_gnb .depth1 .resort .m2 .c2 { float:left; width:180px; } .cm_gnb .depth1 .resort .m3 { margin-left:20px; margin-bottom:32px; width:289px; } .cm_gnb .depth1 .resort .m3 .c1 { float:left; width:160px; } .cm_gnb .depth1 .resort .m3 .c2 { float:left; width:120px; } .cm_gnb .depth1 .resort .m1 .dp2_a { width:65px; background-position:0 0; } .cm_gnb .depth1 .resort .m2 .dp2_a { width:65px; background-position:-70px 0; } .cm_gnb .depth1 .resort .m2 .water { margin:0px 0 0 -1px; padding-left:27px; background:url("../images/common/gnb_water_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m2 .jdgd { margin:10px 0 10px -4px; padding-left:30px; background:url("../images/common/gnb_jaden_icon.png") no-repeat 0 center; } .cm_gnb .depth1 .resort .m2 .water a , .cm_gnb .depth1 .resort .m2 .jdgd a { color:#4db8bd; } .cm_gnb .depth1 .resort .m3 .dp2_a { width:97px; background-position:-150px 0; }*/ /* GNB - 리조트스토리 */ .cm_gnb .depth1 .story {} .cm_gnb .depth1 .story .open_menu { background:url("../images/common/gnb_open_partition2.png") no-repeat 478px 19px; } .cm_gnb .depth1 .story .depth2 .dp2_txt { background:url("../images/common/gnb_dp2_text_story.png") no-repeat; } .cm_gnb .depth1 .story .depth2 .dp2_a { background-image:url("../images/common/gnb_dp2_text_story.png"); } /* 추억저장소 메뉴가 없을 때 .cm_gnb .depth1 .story .m1 { margin-left:24px; width:168px; } .cm_gnb .depth1 .story .m2 { margin-left:24px; width:168px; } .cm_gnb .depth1 .story .m3 { margin-left:24px; width:168px; } .cm_gnb .depth1 .story .m4 { margin-left:24px; width:168px; } .cm_gnb .depth1 .story .m5 { margin-left:24px; width:168px; } .cm_gnb .depth1 .story .open_menu { background:url("../images/common/gnb_open_partition_story.png") no-repeat 478px 19px; }*/ .cm_gnb .depth1 .story .m1 { margin-left:24px; width:455px; } .cm_gnb .depth1 .story .m2 { margin-left:36px; width:400px; } /* .cm_gnb .depth1 .story .m3 { margin-left:24px; width:192px; } .cm_gnb .depth1 .story .m4 { margin-left:24px; width:192px; } .cm_gnb .depth1 .story .m5 { margin-left:24px; width:192px; } */ .cm_gnb .depth1 .story .m1 .dp2_a { width:130px; background-position:0 0; } .cm_gnb .depth1 .story .m2 .dp2_a { width:150px; background-position:-130px 0; } /*.cm_gnb .depth1 .story .m3 .dp2_a { width:120px; background-position:-600px 0; } .cm_gnb .depth1 .story .m4 .dp2_a { width:110px; background-position:-340px 0; } .cm_gnb .depth1 .story .m5 .dp2_a { width:140px; background-position:-460px 0; }*/ /* GNB - 이벤트&패키지&쿠폰 */ .cm_gnb .depth1 .event {} .cm_gnb .depth1 .event .open_menu { background:url("../images/common/gnb_open_partition1_short.png") no-repeat 319px 19px; } .cm_gnb .depth1 .event .depth2 .dp2_txt { background:url("../images/common/gnb_dp2_text_event.png") no-repeat; } .cm_gnb .depth1 .event .depth2 .dp2_a {/* background-image:url("../images/common/gnb_dp2_text_event.png"); */} .cm_gnb .depth1 .event .m1 { margin-left:30px; width:291px; } .cm_gnb .depth1 .event .m2 { margin-left:19px; width:301px; } .cm_gnb .depth1 .event .m3 { margin-left:20px; margin-bottom:32px; width:289px; min-height:18px; } .cm_gnb .depth1 .event .m3 .c1 { float:left; width:170px; } .cm_gnb .depth1 .event .m1 .dp2_a { width:128px; background-position:0 0; } .cm_gnb .depth1 .event .m2 .dp2_a { width:90px; background-position:-130px 0; } .cm_gnb .depth1 .event .m3 .dp2_a {/* width:120px; */background-position:-279px 0;} /* .cm_gnb .depth1 .event {} .cm_gnb .depth1 .event .open_menu { background:url("../images/common/gnb_open_partition_event.png") no-repeat 478px 19px; } .cm_gnb .depth1 .event .depth2 .dp2_txt { background:url("../images/common/gnb_dp2_text_event.png") no-repeat; } .cm_gnb .depth1 .event .depth2 .dp2_a { background-image:url("../images/common/gnb_dp2_text_event.png"); } .cm_gnb .depth1 .event .m1 { margin-left:24px; width:455px; } .cm_gnb .depth1 .event .m2 { margin-left:36px; width:400px; } .cm_gnb .depth1 .event .m1 .dp2_a { width:128px; background-position:0 0; } .cm_gnb .depth1 .event .m2 .dp2_a { width:90px; background-position:-130px 0; } */ /* 서브 타이틀 , 로케이션, 유틸메뉴 */ .cm_title { position:relative; padding:44px 0 28px 0; height:30px; line-height:30px; } .cm_title:after { content:""; display:block; clear:both; } .cm_title .tit { float:left; } .cm_title .tit h2 { display:block; margin:0; padding:0; height:30px; line-height:30px; font-size:30px; } .cm_title .tit h2 img { display:block; } .cm_title .loc { position:relative; float:right; height:30px; line-height:30px; overflow:hidden; color:#444444; } .cm_title .loc .at { float:right; margin-left:-19px; padding:8px 0; } .cm_title .loc .at:after { content:""; display:block; clear:both; } .cm_title .loc .at span , .cm_title .loc .at strong { float:left; display:block; padding-left:19px; height:14px; line-height:14px; font-size:12px; background:url("../images/common/loc_dot.gif") no-repeat 7px 2px; } .cm_title .loc .at span a , .cm_title .loc .at strong a { color:#444444; } .cm_title .loc .at strong { color:#279ba1; } .cm_title .loc .at strong a { color:#279ba1; font-weight: 500;} .cm_title .loc .at .home { display:block; width:14px; height:12px; overflow:hidden; background:none; } .cm_title .loc .at .home a { display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-999px; background:url("../images/common/loc_icon_home.gif") no-repeat 1px 2px; } .cm_title .new_pg { display:inline-block; padding-left:22px; background:url("../images/tit/new_pg_dot.gif") no-repeat; } .cm_title .text_tit {float: left;} .cm_title .text_tit h2{display: flex; font-size: 36px; font-weight: 500; line-height: 1; letter-spacing: -1px;} .cm_title .text_tit h2 p {color: #8f8f8f;} .cm_title .text_tit h2 span {color: #444;} .rsa_room .room_top_info dl dt em .text_room_tit {color:#444; font-wieght:500; font-size: 26px; letter-spacing: -1px;} .cm_top_utils { clear:both; position:relative; padding:17px 0; width:100%; height:16px; background-color:#ffffff; } .cm_top_utils:after { content:""; display:block; clear:both; } .cm_top_utils .pivot { float:right; } .cm_top_utils .print_util { float:left; margin:-1px; } .cm_top_utils .print_util { display: none; } /* 250624 우측상단 프린트아이콘 hide처리 */ .cm_top_utils .print_util a { display:block; width:55px; height:15px; overflow:hidden; font-size:0; text-indent:-999px; background:url("../images/common/top_utils.gif") no-repeat -70px 0; } .cm_top_utils .print_util a:hover { background-position:-70px -20px; } .cm_top_utils .font_util { float:left; margin-right:20px; } .cm_top_utils .font_util .adj { float:left; width:25px; height:13px; } .cm_top_utils .font_util .adj a { display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-999px; background:url("../images/common/top_utils.gif") no-repeat; } .cm_top_utils .font_util .out { padding-right:9px; border-right:1px solid #e3e3e3; } .cm_top_utils .font_util .in { margin-left:9px; } .cm_top_utils .font_util .in a { background-position:-30px 0; } .cm_top_utils .font_util .out.disabled a { background-position:0 -20px; } .cm_top_utils .font_util .in.disabled a { background-position:-30px -20px; } .cm_top_utils .social_util { float:left; margin:-3px 0 0 0; } .cm_top_utils .social_util .social { float:left; } .cm_top_utils .social_util .social_icon { float:left; } .cm_top_utils .social_util #socialUtilFb iframe { width:99px !important; } .cm_top_utils .social_util #socialUtilTw iframe { width:98px !important; } .cm_top_utils .social_link { float:left; margin: -1px 16px 0 0; } .cm_top_utils .social_link a { float:left; display:block; margin-right:8px; width:82px; height:17px; overflow:hidden; background:url("../images/common/util_social_link.gif") no-repeat; } .cm_top_utils .social_link a span { display:block; font-size:0; line-height:0; text-indent:-999px; } .cm_top_utils .social_link a.tw { background-position: -91px 0; } .cm_top_utils .social_link a.fb:hover { background-position: 0 -20px; } .cm_top_utils .social_link a.tw:hover { background-position: -91px -20px; } /* 본문 바디 컨텐츠 */ .cm_content { float:left; width:650px; outline:none; } .cm_content:after { content:""; display:block; clear:both; } .cm_content.full { clear:both; width:100%; } /* 본문 우측 컨텐츠 */ .cm_rnb { float:right; position:relative; margin-right:1px; width:248px; outline:none; } .cm_rnb:after { content:""; display:block; clear:both; } /* LNB */ .cm_snb { margin-left:-1px; width:250px; visibility:hidden; position:relative; overflow:hidden; } .cm_snb.ready { visibility:visible; } .cm_snb.ready .menus li { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .cm_snb .menus { margin-top:-1px; } .cm_snb .menus li { position:relative; background-color:#444444; } .cm_snb .menus li a { display:block; width:100%; border-top:1px dashed #515151; border-bottom:1px dashed #333333; height:38px; line-height:38px; } .cm_snb .menus li a.active { color:#4db8bd; } .cm_snb a { color:#ffffff; font-size:12px; text-indent:20px; } .cm_snb li .depth3 { padding:8px 0; background-color:#3b3b3b; } .cm_snb li .depth3 li { height:24px; line-height:24px; background-color:#3b3b3b; } .cm_snb li .depth3 li a { height:24px; line-height:24px; font-size:11px; text-indent:40px; border-top:none; border-bottom:none; } .cm_snb li.open { height:auto; background-color:#3b3b3b; } .cm_snb li.open a { border-bottom:none; } .cm_snb li.open .depth3 { background:#3b3b3b url("../images/common/lnb_dp2_partition.gif") repeat-x; } .cm_snb li.open .depth3 a {} .cm_snb li.hide .depth3 { display:none; } .cm_snb .depth2 {} .cm_snb .depth2 .m1 a { background-position:0 0; } .cm_snb .depth2 .m2 a { background-position:0 -40px; } .cm_snb .depth2 .m3 a { background-position:0 -80px; } .cm_snb .depth2 .m4 a { background-position:0 -120px; } .cm_snb .depth2 .m5 a { background-position:0 -160px; } .cm_snb .depth2 .m6 a { background-position:0 -200px; } .cm_snb .depth2 .m7 a { background-position:0 -240px; } .cm_snb .depth2 .m8 a { background-position:0 -280px; } .cm_snb .depth2 .m9 a { background-position:0 -320px; } .cm_snb .depth2 .m10 a { background-position:0 -360px; } .cm_snb .depth2 .m11 a { background-position:0 -400px; } .cm_snb .depth2 .m12 a { background-position:0 -440px; } .cm_snb .depth2 .m13 a { background-position:0 -480px; } .cm_snb .depth2 .m14 a { background-position:0 -520px; } .cm_snb .depth2 .m15 a { background-position:0 -560px; } .cm_snb .depth2 .open.m1 a { background-position:-300px 0; } .cm_snb .depth2 .open.m2 a { background-position:-300px -40px; } .cm_snb .depth2 .open.m3 a { background-position:-300px -80px; } .cm_snb .depth2 .open.m4 a { background-position:-300px -120px; } .cm_snb .depth2 .open.m5 a { background-position:-300px -160px; } .cm_snb .depth2 .open.m6 a { background-position:-300px -200px; } .cm_snb .depth2 .open.m7 a { background-position:-300px -240px; } .cm_snb .depth2 .open.m8 a { background-position:-300px -280px; } .cm_snb .depth2 .open.m9 a { background-position:-300px -320px; } .cm_snb .depth2 .open.m10 a { background-position:-300px -360px; } .cm_snb .depth2 .open.m11 a { background-position:-300px -400px; } .cm_snb .depth2 .open.m12 a { background-position:-300px -440px; } .cm_snb .depth2 .open.m13 a { background-position:-300px -480px; } .cm_snb .depth2 .open.m14 a { background-position:-300px -520px; } .cm_snb .depth2 .open.m15 a { background-position:-300px -560px; } .cm_snb .depth2 .m1 a:hover { background-position:-300px 0; } .cm_snb .depth2 .m2 a:hover { background-position:-300px -40px; } .cm_snb .depth2 .m3 a:hover { background-position:-300px -80px; } .cm_snb .depth2 .m4 a:hover { background-position:-300px -120px; } .cm_snb .depth2 .m5 a:hover { background-position:-300px -160px; } .cm_snb .depth2 .m6 a:hover { background-position:-300px -200px; } .cm_snb .depth2 .m7 a:hover { background-position:-300px -240px; } .cm_snb .depth2 .m8 a:hover { background-position:-300px -280px; } .cm_snb .depth2 .m9 a:hover { background-position:-300px -320px; } .cm_snb .depth2 .m10 a:hover { background-position:-300px -360px; } .cm_snb .depth2 .m11 a:hover { background-position:-300px -400px; } .cm_snb .depth2 .m12 a:hover { background-position:-300px -440px; } .cm_snb .depth2 .m13 a:hover { background-position:-300px -480px; } .cm_snb .depth2 .m14 a:hover { background-position:-300px -520px; } .cm_snb .depth2 .m15 a:hover { background-position:-300px -560px; } .cm_snb .depth2 .depth3 .active { background:url("../images/common/lnb_dp2_active.png") no-repeat 20px 7px; } .cm_snb .depth2 .depth3 .s1 a { background-position:0 0; } .cm_snb .depth2 .depth3 .s2 a { background-position:0 -30px; } .cm_snb .depth2 .depth3 .s3 a { background-position:0 -60px; } .cm_snb .depth2 .depth3 .s4 a { background-position:0 -90px; } .cm_snb .depth2 .depth3 .s5 a { background-position:0 -120px; } .cm_snb .depth2 .depth3 .s6 a { background-position:0 -150px; } .cm_snb .depth2 .depth3 .s7 a { background-position:0 -180px; } .cm_snb .depth2 .depth3 .s8 a { background-position:0 -210px; } .cm_snb .depth2 .depth3 .s9 a { background-position:0 -240px; } .cm_snb .depth2 .depth3 .s10 a { background-position:0 -270px; } .cm_snb .depth2 .depth3 .s11 a { background-position:0 -300px; } .cm_snb .depth2 .depth3 .s12 a { background-position:0 -330px; } .cm_snb .depth2 .depth3 .s13 a { background-position:0 -360px; } .cm_snb .depth2 .depth3 .s14 a { background-position:0 -390px; } .cm_snb .depth2 .depth3 .s15 a { background-position:0 -420px; } .cm_snb .depth2 .depth3 .active.s1 a { background-position:-300px 0; } .cm_snb .depth2 .depth3 .active.s2 a { background-position:-300px -30px; } .cm_snb .depth2 .depth3 .active.s3 a { background-position:-300px -60px; } .cm_snb .depth2 .depth3 .active.s4 a { background-position:-300px -90px; } .cm_snb .depth2 .depth3 .active.s5 a { background-position:-300px -120px; } .cm_snb .depth2 .depth3 .active.s6 a { background-position:-300px -150px; } .cm_snb .depth2 .depth3 .active.s7 a { background-position:-300px -180px; } .cm_snb .depth2 .depth3 .active.s8 a { background-position:-300px -210px; } .cm_snb .depth2 .depth3 .active.s9 a { background-position:-300px -240px; } .cm_snb .depth2 .depth3 .active.s10 a { background-position:-300px -270px; } .cm_snb .depth2 .depth3 .active.s11 a { background-position:-300px -300px; } .cm_snb .depth2 .depth3 .active.s12 a { background-position:-300px -330px; } .cm_snb .depth2 .depth3 .active.s13 a { background-position:-300px -360px; } .cm_snb .depth2 .depth3 .active.s14 a { background-position:-300px -390px; } .cm_snb .depth2 .depth3 .active.s15 a { background-position:-300px -420px; } .cm_snb .depth2 .depth3 .s1 a:hover { background-position:-300px 0; } .cm_snb .depth2 .depth3 .s2 a:hover { background-position:-300px -30px; } .cm_snb .depth2 .depth3 .s3 a:hover { background-position:-300px -60px; } .cm_snb .depth2 .depth3 .s4 a:hover { background-position:-300px -90px; } .cm_snb .depth2 .depth3 .s5 a:hover { background-position:-300px -120px; } .cm_snb .depth2 .depth3 .s6 a:hover { background-position:-300px -150px; } .cm_snb .depth2 .depth3 .s7 a:hover { background-position:-300px -180px; } .cm_snb .depth2 .depth3 .s8 a:hover { background-position:-300px -210px; } .cm_snb .depth2 .depth3 .s9 a:hover { background-position:-300px -240px; } .cm_snb .depth2 .depth3 .s10 a:hover { background-position:-300px -270px; } .cm_snb .depth2 .depth3 .s11 a:hover { background-position:-300px -300px; } .cm_snb .depth2 .depth3 .s12 a:hover { background-position:-300px -330px; } .cm_snb .depth2 .depth3 .s13 a:hover { background-position:-300px -360px; } .cm_snb .depth2 .depth3 .s14 a:hover { background-position:-300px -390px; } .cm_snb .depth2 .depth3 .s15 a:hover { background-position:-300px -420px; } /* 윈도우 팝업 */ .wpp_wrap { padding:40px; } .wpp_wrap .wpp_tit { margin-bottom:20px; } .wpp_wrap .wpp_tit h1 { line-height:20px; font-size:16px; color:#444444; } .wpp_wrap .wpp_content { padding-bottom:15px; width:100%; } .wpp_wrap .wpp_content:after { content:""; display:block; clear:both; } .wpp_wrap .wpp_foot { position:fixed; left:0; bottom:0; width:100%; height:32px; line-height:30px; background-color:#4db8bd; } .wpp_wrap .wpp_foot .close { position:absolute; top:0; right:0; display:block; width:75px; height:32px; font-size:0; text-indent:-999px; background:url("../images/common/ui/popup/btn_close.gif") no-repeat; } .wpp_wrap .wpp_foot .close:hover { background-position:0 -35px; } body.layout-full #cmBody .cm_content { clear:both; width:100%; } body.layout-full #cmBody .cm_pivot.content { background-image:none; } body.no-head-title .cm_title .tit { position:absolute; top:0; left:0; margin:0; width:1px; height:1px; overflow:hidden; } body.layout-resort .cm_title { padding-bottom:15px; border-bottom:none; } body.layout-resort .cm_top_utils { margin-top:-8px; padding-top:0; } body.layout-resort .cm_pivot.content { margin-top:50px; } body.layout-tpark .cm_title { padding-bottom:15px; border-bottom:none; } body.layout-tpark .cm_top_utils { margin-top:-8px; padding-top:0; } body.layout-tpark-full #cmBody .cm_content { clear:both; width:100%; } body.layout-tpark-full #cmBody .cm_pivot.content { background-image:none; } body.layout-tpark-full .cm_title { padding-bottom:15px; border-bottom:none; } body.layout-tpark-full .cm_top_utils { margin-top:-8px; padding-top:0; } #layerWrapper { position:fixed; top:0; left:0; z-index:999; } #layerWrapper .layerDom { position:absolute; overflow:hidden; background-color:#ffffff; border:3px solid #2a2f31; border-bottom:none; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); } #layerWrapper .layerDom iframe {} #layerWrapper .layerDom .btm { position:relative; width:100%; height:29px; background-color:#181818; } #layerWrapper .layerDom .btm .checkBox { float:left; margin:2px 0 0 10px; height:29px; line-height:29px; color:#ffffff; } #layerWrapper .layerDom .btm .checkBox label { padding-left:5px; font-size:11px; cursor:pointer; } #layerWrapper .layerDom .btm .closeBtn { float:right; height:29px; line-height:29px; width:60px; background:url("/img/popup/btn_close.png") no-repeat 6px center; } .rsv_ifm_recommend { width:100%; height:660px; } /* 2020.02.25 수정 */ #cmHead .util_menu .menu .name,#cmHead .util_menu .menu .livePoint {display: block;font-size: 13px;text-indent: 0;color: #fff;line-height: 1em;/* margin-top:2px; */margin-left: 16px;} #cmHead .util_menu .menu .name a,#cmHead .util_menu .menu .livePoint a {background: none;color: #fff;display: inline-block;width: auto;color:#4db8bd;margin-left: auto;} .cm_title .tit h2 {font-size: 31px;font-weight: 700;/* font-family: initial; */color: #454545;} .cm_snb .depth2 li > a {background: none !important;text-indent: 0 !important;padding: 0px 0 0 20px;font-size: 13px;font-weight: 700;letter-spacing: -0.4px;font-family: inherit;text-decoration: none;} .cm_snb .depth2 li .depth3 li a {background: none !important;text-indent: 0 !important;font-size: 11px;font-weight: 700;padding: 0 0 0 35px;text-decoration: none;color: #999;} .cm_snb .depth2 li .depth3 li.active a {color: #fff;} /* GNB 수정 2021.06.01 */ .cm_gnb .depth1 .dp1.mship_s { margin-left:30px; } .cm_gnb .depth1 .dp1.group.group_s { margin-left:0; } .cm_gnb .depth1 .open_menu_s { position:absolute; top:47px; left:765px; width:102px; height:120px; overflow:hidden; border-top:1px solid #363c3e; background:none; border-radius: 0 0 3px 3px; display:none; } .cm_gnb .depth1 .open_menu_s ul { padding:10px 0; background:#25292b; } .cm_gnb .depth1 .open_menu_s li {} .cm_gnb .depth1 .open_menu_s li a { font-size:1em; color:#afafaf; text-indent:0; padding:10px 0 10px 10px; letter-spacing:-1px; } .cm_gnb .depth1 .open_menu_s li a:hover { color:#4db8bd; } .cm_gnb .round_border .bd_height.tp { background:transparent; } .cm_gnb .round_border .bd_bottom.tp { margin-top:-120px; } .cm_gnb .depth1 .mship.mship_ed .open_menu { background: url(../images/common/gnb_open_partition1_short.png) no-repeat 319px 19px; } .cm_gnb .depth1 .mship.mship_ed .m1 { margin-left:30px; width:291px; } .cm_gnb .depth1 .mship.mship_ed .m2 { margin-left:19px; width:301px; } .cm_gnb .depth1 .mship.mship_ed .m3 { margin-left:19px; margin-bottom:32px; width:289px; min-height:18px; } .cm_gnb .depth1 .mship.mship_ed .depth2 .dp2_a {/* background-image:url("../images/common/gnb_dp2_text_mbs.png"); */} .cm_gnb .depth1 .mship.mship_ed .m1 .dp2_a {/* width:60px; *//* background-position:0 0; */} .cm_gnb .depth1 .mship.mship_ed .m2 .dp2_a {/* width:100px; *//* background-position:-90px 0; */} .cm_gnb .depth1 .mship.mship_ed .m3 .dp2_a {/* width:135px; *//* background-position:-225px 0; */} .cm_gnb .depth1 .dp1.mship.mship_ed { margin-left:0; } .cm_gnb .depth1 .dp1.mship.mship_ed + .group {/* margin-left: 18px; */} .cm_gnb .depth1 .dp1.mship_ed a {/* padding-right:30px; */} .cm_gnb .depth1 .dp1.mship_ed a span {/* display:block; *//* width:41px; *//* height:14px; *//* background:url("../images/common/gnb_dp1_text_ed.png") no-repeat; *//* background-position:-525px 0; */} .cm_gnb .round_border .util_bg.util_bg_ed { width:125px; background: url(../images/common/gnb_bd_util_ed.png) no-repeat; } /* 개별 페이지 타이틀 2025.05.26 */ .cm_title .tit h2 .blk_tit {color:#444;font-size: 30px;font-weight: 500;letter-spacing: 0;line-height: 1;} .cm_title .tit h2 .grey_tit {color:#8f8f8f; font-size:32px;} .isms_text { line-height: 1; /* border: 1px solid red; */ display: flex; flex-direction: column; gap: 10px; } body .list_top .ui_select.selectBox.blueish .selection {/* color: red; */min-width: 186px;left: auto;right: 0;/* box-sizing: border-box; *//* height: 40px !important; */background-position: calc(100% - 15px) center;} body .ui_select.selectBox.blueish .optionGroup .option {color: #7a7a7a;} body .ui_select.selectBox.blueish .optionGroup .option.selected {background-color: #CDCDCD} body .ui_select.selectBox.blueish .optionContainer {background-color: #fff;} body .ui_select.selectBox.blueish .optionGroup .option:hover {background-color: #f0f0f0;} body .list_top .ui_select.selectBox.blueish.selectBox {min-width: 186px;} body .room_price .ui_select.selectBox.blueish .selection {background-position: calc(100% - 15px) center; height: 33px !important; line-height: 35px;} /* 헤더 높이값 변경 2026-05-13 */ .cm_gnb .depth1 .depth2.m7 .dp2_a{ height:20px; }