@charset "utf-8";

/* img, input, select, textarea, button {transition:all .2s ease;}  transition */


/* ------------------------------------------------------- HEADER ------------------------------------------------------- */

.bg_black {display:none;}
.btn_sm {display:none;}

.wspl { white-space: pre-line; }

#hd {position:relative;margin:0 auto;width:100%;z-index:99;background:#fff; transition:0.15s all linear;-webkit-transition:0.15s all linear;border-bottom:1px solid #e0e0e0}
#hd.fixed-top {position:fixed !important;top:0;left:0;right:0;z-index:99}
#hd:before, #hd:after {clear:both;content:'';display:block;}

#hd .hd_t { position: relative; height:40px; z-index: 9999; display: flex; background: #e6e6e6; border-bottom:solid 1px #dadada; }
#hd .util {position:relative;padding:0; float:left;}
#hd .util li {padding:10px 10px 10px 7px;position:relative;  line-height:20px; float:left;}
#hd .util li a {display:block;padding:0 0;color:#4e4e4e;font-size:13px;}
#hd .util li:after {content:'';display:inline-block;position:absolute;top:15px;right:0;width:1px;height:10px;background:#ccc}
#hd .util li:last-child:after {content:none}


.hd_social {}
.hd_social ul:before,
.hd_social ul:after {content:'';display:block;clear:both}
.hd_social ul li {float:left;margin-right:10px;margin-left:10px;padding-top:8px;}
.hd_social ul li a {display:inline-block;width:22px;height:22px;opacity:0.7;
				background-image:url(/kor/img/cmm/ico_sns_hd.png);background-position:0 0; background-size: 112px 22px; background-repeat:no-repeat}
.hd_social ul li a:hover {opacity:1;}
.hd_social ul li a.facebook {background-position:0 0;}
.hd_social ul li a.twiter {background-position:-22px 0}
.hd_social ul li a.instargram {background-position:-44px 0}
.hd_social ul li a.youtube {background-position:-66px 0}
.hd_social ul li a.kakaoch {background-position:-88px 0}


.hd_util {float:right}
.hd_util ul:before,
.hd_util ul:after {content:'';display:block;clear:both}
.hd_util ul li {float:left;margin-right:10px;margin-left:10px;padding-top:5px;line-height:100px;}
.hd_util ul li a {display:inline-block; }

#hd.hd_inner {position:relative;}
#hd.hd_inner:before,
#hd.hd_inner:after {clear:both;display:block;clear:both}

#hd.s-color {border-bottom:1px solid #e0e0e0}

#hd .logo,
#hd .gnb {float:left}
#hd .searchboxbig,
#hd .hd_quick {float:right}
#hd .hd_quick ul { padding:44px 0; font-size:16px; }
#hd .hd_quick ul li {position:relative;  line-height:20px; float:left;padding:0 15px}
#hd .hd_quick ul li a{color:#33333380;font-weight:bold;}
#hd .hd_quick li:after {content:'';display:inline-block;position:absolute;top:6px;right:0;width:1px;height:11px;background:#ccc}
#hd .hd_quick li:last-child:after {content:none}

#hd .logo {position:absolute; display:inline-block;padding:0; padding-top:35px; padding-left: 20px;}
#hd .logo a { display:inline-block;width:300px;height:52px;overflow:hidden;text-indent:-9999px;
				background:url(/eng/img/cmm/logo.png?20240222) no-repeat 50% 50%;}

#hd .hd_quick {height:107px; margin-top:0px;}
#hd .hd_quick .quick_search, 
#hd .searchboxbig .quick_search,
#hd .hd_quick .quick_allmenu { width:34px;height:25px;background-image:url(/kor/img/cmm/ico_hd_quick.png);background-repeat:no-repeat;
								margin-right:10px;margin-left:10px}
#hd .hd_quick .quick_eng {display:inline-block; margin-top:35px; width:40px;line-height:36px;border:solid 1px #dadada; text-align:center; font-size:15px; color:#696564;}
#hd .hd_quick .quick_search {background-position:-40px 0px;width:20px;margin-top: -5px;vertical-align: middle;}
#hd .hd_quick .quick_allmenu {background-position:-70px 0px;width:10px}

#hd .gnbBox {padding-left:280px; position:relative;}

#hd .searchboxbig { border-left:1px solid #dadada; padding:37px 25px 0; height:107px; max-width:450px; min-width:435px; margin:0px 0 0 25px; background:#f7f7f7;}
#hd .searchboxbig input.quick_search_txt { border: none; font-size:18px; line-height:1.6; color:#111; font-weight:400; background:transparent  }
#hd .searchboxbig input.quick_search_txt::placeholder { color: #999; }
#hd .searchboxbig .quick_search {display:inline-block; background-position:-40px 0px;width:20px; margin-top:3px; vertical-align: middle;}
.hdwx2 {display:inline-block;}
.hdwx {display:none;}
@media (max-width:1680px){ 
	.hdwx2 {display:none;}
	.hdwx {display:inline-block;}
	#hd {background:none;background-color:#fff;}
}
@media (max-width:1480px){ 
	#hd .hd_quick { position:absolute; right:15px; top:0px; margin-top:0; line-height:40px; z-index:100;}
}




/* 네비게이션 */

.gnb {display:inline-block;margin:17px auto;text-align:center}
.gnb nav {position:relative;padding:0 30px; z-index:99;}
.gnb nav ul li a:hover,
.gnb nav ul li a:focus {color:rgba(00,00,00,.6)}

.gnb nav > .depth1 {width:auto;margin:0 auto;text-align:center}
.gnb nav > .depth1 > li {padding:15px ;text-align:center}
.gnb nav > .depth1 > li > a {display:inline-block;font-size:17px;line-height:20px; padding:10px 0; color:#1c1c1c}
.gnb nav > .depth1 > li > a.on,.gnb nav > .depth1 > li:hover > a { border-bottom:solid 2px #303030; }

.nav_depth2_wrap {position:absolute;top:70px; padding: 0;margin:0 auto}
.nav_depth2_wrap h2 {display:inline-block;float:left;width:15%;font-size:38px;line-height:48px;font-weight:bold;letter-spacing:-1px;color:#5bc1c6;text-align:left;} 
.nav_depth2_wrap .btn_gnb_cls {position:absolute;bottom:0;right:0}

.gnb nav .depth2 { margin:0; border:solid 1px #010101; background:#fff; padding:16px; min-width:150px; }
.gnb nav .depth2 > li { margin:0;padding:0}
.gnb nav .depth2 > li:hover {border-color:#dd458e;}
.gnb nav .depth2 > li > a {font-size:15px;display:table-cell;vertical-align:middle;padding:8px 10px;color:#111;font-weight:300; white-space: nowrap;}
.gnb nav .depth2 > li > a:hover,
.gnb nav .depth2 > li > a.on {color:#0877a1;cursor:pointer;}

.modal_open .bg_black {display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99;background:#000;opacity:.8; }


.menu #m-menu {display:block;opacity:1;z-index:9999;}
#m-menu {opacity:0;display:none;z-index:-1;}
#m-menu {position:fixed;top:0;right:0;background:#fff;margin:auto auto;padding:40px 50px;width:80%;height:100%;transition:all .3s ease;z-index:-1;opacity:0;display:none;}
	

#hd.menu { background:transparent}

#m-menu .m-body {padding-top:20px; }
	#m-menu .depth1 { background:#fff}
	#m-menu .depth1 > li {padding-top:5px;padding-bottom:5px}
	#m-menu .depth1 > li > a {font-size:20px;line-height:1.6;letter-spacing:-1px;color:#0877a1;font-weight:bold;}
	
	#m-menu .depth1 {border-left:none; width:100%;right: 0; float:right}
	#m-menu .depth1 > li {position:relative;width:45%; margin-right:5px;display:block;text-align:left;float:none;padding:0;margin:0;border-right:none;border-bottom:none;height:auto;float:left}
	#m-menu .depth1 > li:first-child {border-top:none;}
	#m-menu .depth1 > li > a {display:block;padding:8px 0px;color:#222;font-size:18px;font-weight:500;line-height:44px;background:#fff}
	#m-menu .depth1 > li > a:before {content:'';position:absolute;top:0px;right:0px;width:60px;height:60px;background:#fff}
	#m-menu .depth1 > li > a:after {content:'';position:absolute;top:0px;right:0px;width:60px;height:60px;transition:all .2s ease;background:url(/kor/img/cmm/ico_snb_down.png) no-repeat 50% 50%;background-size:16px}
	#m-menu .depth1 > li.on > a:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	
	#m-menu .depth2 {display:none;background:#fff;padding:20px 0}

	#m-menu .depth1 > li.on > a,
	#m-menu .depth1 > li.active > a {color:#0877a1; background:#fff}	
	#m-menu .depth1 > li.on .depth2,
	#m-menu .depth1 > li.active .depth2{display:block;padding:0 0 20px 0}

	#m-menu .depth2 { width:90%; margin-top:0;border-bottom:1px solid #e0e0e0}
	#m-menu .depth2:before,
	#m-menu .depth2:after {content:'';display:block;clear:both}
	#m-menu .depth2 li {float:left;width:50%;padding:8px 10px;}
	#m-menu .depth2 li a {font-size:15px;line-height:18px;color:#888;letter-spacing:-1px}

@media (max-width:1360px){
	.gnb nav > .depth1 > li { padding: 15px 15px; text-align: center;}
} 

@media (max-width:1280px){
	.gnb nav > .depth1 > li > a { padding: 15px 0; text-align: center; font-size: 15px;}
} 


#m-menu .login_wrap2 a {padding:0 10px 0 7px;position:relative;  line-height:20px; float:left;}
#m-menu .login_wrap2 a:after {content:'';display:inline-block;position:absolute;top:5px;right:0;width:1px;height:10px;background:#ccc}
#m-menu .login_wrap2 a:last-child:after {content:none}
/* ------------------------------------ Location Title -----------------------------------*/


.page_location_wrap {width:100%;bottom:0;left:0; }
.page_location_wrap .page_location_inner {position:relative; margin:0 auto; width:100%;max-width:1600px; height:60px; padding-left:15px;padding-right:15px}
.page_location_wrap .page_location_inner:after {display:block; content:''; clear:both;}
.page_location_wrap .page_location_inner .page_location {width:100%; display:inline-block;}
.page_location_wrap .page_location_inner .page_location > li {min-width:220px; float:left; position:relative;z-index:98; margin-left:20px;}
.page_location_wrap .page_location_inner .page_location > li:first-child {margin-left:0; padding-left:0; }
.page_location_wrap .page_location_inner .page_location > li:last-child {}

.page_location_wrap .page_location_inner .page_location .sub_nav_dp1 > a {border:1px solid #444;}

.page_location_wrap .page_location_inner .page_location > li > a {display:block; padding:0 40px 0 20px; background:url(/kor/img/icons/page_location_arr.png) no-repeat; font-size:16px; line-height:50px;letter-spacing:-0.5px;color:#595959; background-position: calc(100% - 20px) 20px;}
.page_location_wrap .page_location_inner .page_location > li.loc_1th { border:none; margin-left:0; padding-left:0; }
.page_location_wrap .page_location_inner .page_location > li.loc_1th > a { font-size:46px;font-weight:900;letter-spacing:-2.2px; color:#1c1c1c;padding-left:0; background:none; }
.page_location_wrap .page_location_inner .page_location > li.home {width:43px; display:none;}
.page_location_wrap .page_location_inner .page_location > li.home > a {padding:0; background:url(/kor/img/icons/page_location_home.png) center center no-repeat;}
.page_location_wrap .page_location_inner .page_location > li > ul {display:none;background:#fff; width:100%; position:absolute; top:49px; left:0px; border:1px solid #111; border-top:1px solid #fff; padding-bottom:10px;}
.page_location_wrap .page_location_inner .page_location > li.on > ul {display:block;}
.page_location_wrap .page_location_inner .page_location > li > ul > li {}
.page_location_wrap .page_location_inner .page_location > li > ul > li > a {display:block; padding:6px 15px 6px 20px;font-size:15px;letter-spacing:-0.5px; line-height:160%; color:#777777; background:#ffffff;transition:background .3s, color .3s}
.page_location_wrap .page_location_inner .page_location > li > ul > li > a:hover {color:#111;}
.page_location_wrap .page_location_inner .page_location > li > ul > li.on > a {color:#595959;}



/* ------------------------------------------------------- FOOTER ------------------------------------------------------- */

#ft {position:relative;padding:0;margin:0; background:#1a1a1a; color:#fff;padding:0; border-top:solid 0px #3d3733; }
#ft .ft_wrap {position:relative;padding:80px 0;border-top:0px solid rgba(255,255,255,.1)}
#ft .ft_wrap:before,
#ft .ft_wrap:after {content:'';display:block;clear:both}

#ft .foot_social {position:relative;padding:25px 0}
#ft .foot_social ul li {padding:0 25px}

#ft .fnb {position:absolute;top:0;left:0;}
#ft .fnb ul li {position:relative;}
#ft .fnb ul li:after {content:'';position:absolute;top:2px;right:0;display:inline-block;width:1px;height:14px;background:#fff;opacity:.2}
#ft .fnb ul li a {color:#aaa;padding:0 10px;}
#ft .fnb ul li a:hover {color:#ddd}
#ft .fnb ul li:first-child a {padding:0 10px 0 0}
#ft .fnb ul li:last-child:after {content:none}


.ft_social {}
.ft_social ul:before,
.ft_social ul:after {content:'';display:block;clear:both}
.ft_social ul li {float:left;margin-right:10px;margin-left:10px;padding-top:5px;}
.ft_social ul li a {display:inline-block;width:28px;height:28px;
				background-image:url(/kor/img/cmm/ico_sns_hd.png);background-position:0 0;background-repeat:no-repeat}

.ft_social ul li a.facebook {background-position:0 0;}
.ft_social ul li a.twiter {background-position:-28px 0}
.ft_social ul li a.instargram {background-position:-56px 0}
.ft_social ul li a.youtube {background-position:-84px 0}
.ft_social ul li a.kakaoch {background-position:-112px 0}
#ft .addr {margin:30px 0 0 ;}
#ft .addr ul li  {position:relative;text-align:left;color:#000;padding:0 15px;font-size:14px}



#ft .addresss {margin:0 0; position:relative;}
#ft .addresss .t1{ font-size:16px; line-height:1.6;}
#ft .addresss .t2{font-size:16px;margin-top:8px; line-height:1.6;}
#ft .addresss .t3{font-size:14px;margin-top:30px; line-height:1.6;font-weight: 600;color: #aaa;}
#ft .addresss .gooffice { position:absolute; top:0; right:0; background:#fff; border-radius:60px;}
#ft .addresss .gooffice a {display:inline-block; padding:10px 30px; color:#333; font-size:14px; font-weight:bold;line-height: 130%;}
#ft .addr ul li  {position:relative;text-align:left;color:#000;padding:0 15px;font-size:14px}

@media (max-width:768px){
#ft .addresss {margin-top:30px;}	
#ft .addresss .gooffice { position:relative; display:inline-block; margin:15px auto;}
}


address > p { padding:5px 0 0 15px; color:#000; }
address a { color:#000; }
.ftiinfo {float:left;}
.ft_newsletter {float:right}
.ft_newsletter h4 {font-size:20px;color:#000}

.ft_newsletter .input_nesletter {position:relative; margin-top:20px}
.ft_newsletter .input_nesletter .input_txt_newsletter {border:1px solid #d0d0d0;color:#333;background:#fdfdfd;font-size:15px;line-height:20px;padding:8px;width:69%}
.ft_newsletter .btn_submit_newsletter { display:inline-block; float:right;font-size:15px;line-height:20px;font-weight:bold;color:#fff;background:#000000;width:30%; position: absolute;height: 77px; margin-left:2px; line-height:72px; text-align:center; border:1px solid #666; top: 0;}

.ft_newsletter .sns {position:relative; padding:15px 0}
.ft_newsletter .sns li {padding:0 5px}
.ft_newsletter .sns li a {opacity: 0.5; display:inline-block;width:20px;height:20px;text-align:center;background-image:url(/kor/img/cmm/ico_cmm.png);background-repeat:no-repeat;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.ft_newsletter .youtube a {background-position:0 0}
.ft_newsletter .twiter a {background-position:-20px 0}
.ft_newsletter .instargram a {background-position:-40px 0}
.ft_newsletter .facebook a {background-position:-60px 0}
.ft_newsletter .tistory a {background-position:-80px 0}
.ft_newsletter .post a {background-position:-100px 0}

#ft .copyright {padding:50px 0 0 0;color:#aaa;font-size:14px;}

.spon_ft {background:#000;padding: 0;text-align:center;border-top:1px solid #e0e0e0; position:relative;}
.spon_ft:before,
.spon_ft:after {clear:both;display:block;content:'';}
.spon_ft ul {margin:0 auto;white-space:nowrap}
.spon_ft ul li {padding-left:40px;padding-right:40px}


.spon {padding:45px 0;text-align:center;border-bottom:1px solid #e0e0e0; padding-left:360px;}
.spon:before,
.spon:after {clear:both;display:block;content:'';}
.spon ul {margin:0 auto;white-space:nowrap}
.spon ul li {padding-left:20px;padding-right:20px}

.spon_fixed { position:absolute; top:0; left:0; padding:45px 0; background:#fff; }



/*탑버튼*/
/* .btn_top {display:block; position:fixed;bottom:40px;right:20px; padding-top:23px ; border-radius:50%;  width:90px; text-align: center;line-height:1.3;
    vertical-align: middle; height:90px; background:#000; z-index:98; font-size: 16px; color:#fff;}
.btn_top:hover { background:#61259e !important; color:#fff !important;} */

	@media (max-width:768px){
		
		#ft .ft_wrap {padding:30px 0;border-top:0}
		#ft .foot_social {padding:30px 0 25px 0}
		#ft .foot_social ul li {padding:0 10px}

		.ft_social ul li:first-child {margin-left:0px}
		#ft .foot_social ul li a img {width:20px}

		#ft .addr ul li {font-size:12px;padding:2px 3px}
		#ft .copyright {padding-top:20px}

		.btn_top {bottom:13px; right:13px;}
		.ft_newsletter { margin-bottom:30px;}
		#ft .addr address p { padding-left:1px; font-size: 12px; }
		#ft .copyright {padding-left:1px; }
		
	}
	
	@media (max-width:640px){
		.spon { padding:20px 0; padding-left:0px;}
		.spon_fixed { position:relative; padding:20px 0; }
		
	}	
	
	@media (max-width:414px){
		#ft .addr address p { line-height:1.6 }
	}
		


/*탑버튼*/
/* .btn_top {display:block; position:fixed;bottom:40px;right:20px;width:40px;height:40px;background:url(/kor/img/cmm/btn_top.gif) no-repeat 0 0; z-index:98;} */



/*탑버튼 2023*/
.ft_wing {position:fixed;bottom:20px; right:20px; z-index:1000;display: inline-flex;flex-direction: column;align-items: flex-start;gap: 10px; }
.ft_wing .ft_wing_ul {display: inline-flex;padding: 25px 14px;flex-direction: column;justify-content: center;align-items: center;gap: 15px;border-radius: 60px;border: 1px solid #E5E5E5;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}
.ft_wing .ft_wing_ul li {}

.ft_wing .ft_wing_top li .btn_top { display: flex;padding: 17px;align-items: flex-start;gap: 10px;border-radius: 30px;border: 1px solid #E5E5E5;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}

.ft_wing .ft_wing_top li .btn_top .top {display:block; margin:auto; width:24px; height:24px; background:url(/kor/img/cmm/fix_top_btn.png) center center no-repeat; background-size:100%;}

.ft_wing .ft_wing_ul li .wing_btn .ticket {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_ticket_btn.png) center center no-repeat; background-size:100%;}
.ft_wing .ft_wing_ul li .wing_btn .calender {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_calender_btn.png) center center no-repeat; background-size:100%;}
.ft_wing .ft_wing_ul li .wing_btn .book {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_book_btn.png) center center no-repeat; background-size:100%;font-size:14px;}


@media (max-width:768px){
	.ft_wing {display:none;}
}

.fa-link:before {content: "\f0c1"; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


/* 드래그 블록 색상 */
::selection {background:#505050;color:#FFF;text-shadow:none;}
::-moz-selection {background:#4d3494;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#4d3494;color:#FFF;text-shadow:none;}