@charset "utf-8";

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


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

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

.hd_bg {position:absolute;top:0;left:0;width:100%;margin:0;padding:0;height:650px;
	border-color:#484689;
	background:#484689;
	background: -webkit-gradient(linear, left top, right bottom, from(#5d2e85), to(#484689));
	background: -moz-linear-gradient(left top, right bottom, #5d2e85, #484689);
	background: -ms-linear-gradient(315deg, #5d2e85 15%, #484689 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d2e85', endColorstr='#484689');
	z-index:-1;}	

#hd {position:relative;margin:0 auto;width:100%;z-index:99;background:transparent;
	transition: all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
#hd.fixed-top {position:fixed !important;top:0;left:0;right:0;z-index:20}
#hd.s-color { border-color:#484689; background:#4D3494;
/*	background: -webkit-gradient(linear, left top, right bottom, from(#5d2e85), to(#484689));
	background: -moz-linear-gradient(left top, right bottom, #5d2e85, #484689);
	background: -ms-linear-gradient(315deg, #5d2e85 15%, #484689 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d2e85', endColorstr='#484689'); */}
#hd:before, #hd:after {clear:both;content:'';display:block;}

#hd .util {position:relative;padding:0;text-align:right;}
#hd .util li {padding:0 6px}
#hd .util li a {display:block;padding:10px 3px;color:#fff;font-size:13px}

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

#hd .logo,
#hd .gnb,
#hd .hd_quick {float:left}

#hd .logo {display:inline-block;padding:0;}
#hd .logo a { display:inline-block;width:149px;height:85px;overflow:hidden;text-indent:-9999px;
				background:url(/kor/img/cmm/logo_eng.png?2023) no-repeat 50% 50%;}

#hd .hd_quick {line-height:80px; padding-right:50px;}
#hd .hd_quick .quick_ticket,
#hd .hd_quick .quick_schedule {display:inline-block;width:34px;height:80px;background-image:url(/kor/img/cmm/ico_hd_quick.png);background-repeat:no-repeat;
								margin-right:10px;margin-left:10px}
#hd .hd_quick .quick_ticket {background-position:0 50%;}
#hd .hd_quick .quick_schedule {background-position:-34px 50%;}




/* 네비게이션 */

.gnb {display:inline-block;margin:0 auto;text-align:center}
.gnb nav {position:relative;padding:0 30px}

.gnb nav .depth1 > li > a:hover,
.gnb nav .depth1 > li > a:focus {color:rgba(255,255,255,.6)}

.gnb nav .depth2 > li > a:hover,
.gnb nav .depth2 > li > a:focus {color: #4e3693;background: #FFF;}

#hd.s-color .gnb nav > .depth1 > li > a:hover,
#hd.s-color .gnb nav > .depth1 > li > a:focus {color:rgba(255,255,255,.6)}

.gnb nav > .depth1 {width:auto;margin:0 auto;text-align:center}
.gnb nav > .depth1 > li {padding:0 15px;text-align:center; position:relative;}
.gnb nav > .depth1 > li > a {display:inline-block;font-size:20px; font-weight:500; margin:15px 0;line-height:50px;color:#fff}

.gnb nav > .depth1 > li > a.on,.gnb nav > .depth1 > li:hover > a { border-bottom:solid 2px #fff; }


.nav_depth2_wrap {display:none; position:absolute; top:67px; padding: 0;margin:0 auto; left: 50%; right: auto; transform: translate(-50%,0); z-index:100;}
.nav_depth2_wrap h2 {display:none;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 #ffffff30; background:#4e3693; padding:25px 30px; min-width:250px;border-radius: 8px;}
.gnb nav .depth2.grid3 { display: grid;grid-template-columns: 1fr 1fr 1fr; gap: 10px; width: 700px; }


.gnb nav .depth2 > li { margin:0;padding:0;}
.gnb nav .depth2 > li:hover {border-color:#e81e2d;}
.gnb nav .depth2 > li > a {font-size:17px;display:block;vertical-align:middle;padding:10px;color:#fff;font-weight:500; white-space: nowrap;position:relative;}
.gnb nav .depth2 > li > a:hover,
.gnb nav .depth2 > li > a.on {cursor:pointer;}
.gnb nav .depth2 > li > a:hover:after,
.gnb nav .depth2 > li > a.on:after { content:url(/eng/img/cmm/icon_gnb_arr.png); position: absolute; right: -20px; top: 50%; margin-top:-6.5px;}



.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}

/* 사이트맵 버튼 */
.btn_sm {position:absolute;top:68px;right:20px;bottom:0;display:inline-block;width:28px;height:18px;font-size:0;line-height:0;z-index:100;}
.btn_sm .line{position:absolute;left:0;height:2px;background-color:#fff;transition:0.15s all linear;-webkit-transition:0.15s all linear;font-size:0;line-height:0;}
.btn_sm:hover .line,
.btn_sm:focus .line{background-color:#fff;cursor:pointer}
.btn_sm .tline{top:0;width:28px;}
.btn_sm:hover .tline,
.btn_sm:focus .tline{width:28px;}
.btn_sm .mline{top:50%;margin-top:-1px;width:28px;}
.btn_sm:hover .mline,
.btn_sm:focus .mline{width:28px;}
.btn_sm .bline{bottom:0;width:28px;}
.btn_sm:hover .bline,
.btn_sm:focus .bline{width:28px;}

.modal_open .btn_close .line {background-color:#131313}
.modal_open .btn_close .tline,
.modal_open .btn_close:hover .tline,
.modal_open .btn_close:focus .tline{width:28px;top:10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.modal_open .btn_close .mline{display:none;}
.modal_open .btn_close .bline,
.modal_open .btn_close:hover .bline,
.modal_open .btn_close:focus .bline{width:28px;bottom:10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


.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 {position:fixed;top:0;right:0;left:0;bottom:0;margin:auto auto;padding:40px 50px;background:#fff;width:1200px;height:80%;transition:all .3s ease;z-index:-1;overflow-y:scroll;opacity:0;display:none}

#m-menu .m-menu-tit {font-size:30px;text-align:center;padding-bottom:30px;border-bottom:3px solid #444}
#m-menu .m-body {}
#m-menu .m-top,
#m-menu .m-btm {display:none}

#m-menu .depth1 {border-left:1px solid #d9d9d9}
#m-menu .depth1:before,
#m-menu .depth1:after {clear:both;content:'';display:block;}
#m-menu .depth1 > li {width:25%; float:left;padding:20px 30px 0 30px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; height:100%;height:300px;overflow:hidden;overflow-y:scroll;}
#m-menu .depth1 > li > a {font-size:18px;font-weight:bold;line-height:28px;color:#444}
#m-menu .depth2 {display:block;margin-top:15px;}
#m-menu .depth2 li {padding:5px 0}
#m-menu .depth2 li a {color:#888;line-height:26px;}
#m-menu .depth2 li a:hover {color:#4d3494}


	@media (max-width:1024px){

		.util,
		.hd_quick,
		.gnb nav,
		.hd_social {display:none}
		#btnSitemap { display:block; }
		
		#hd.s-color {box-shadow:1px 1px 10px rgba(0,0,0,.1)}
		#hd .logo {float:none;padding:0;margin:0 auto}
		#hd .logo a.logoimg,
		#hd.s-color .logo a.logoimg {background-size:60px}

		#hd .logo a {width:90px;height:80px;background-size:90px}

		
		.modal_open .bg-black {display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:98;background:#000;opacity:.6}

		/* 모바일 메뉴 버튼 */
		.btn_sm{position:absolute;top:20px;right:22px;}

		.btn_sm {display:inline-block;width:26px;height:18px;font-size:0;line-height:0;z-index:100;vertical-align:middle;z-index:99999}
		.btn_sm .line {position:absolute;left:0;height:2px;background-color:#fff;transition:0.15s all linear;-webkit-transition:0.15s all linear;font-size:0;line-height:0;}
		
		.s-color .btn_sm .line,
		.sub .btn_sm .line {background-color:#4b1b7f;}
		
		.btn_sm:hover .line,
		.btn_sm:focus .line{cursor:pointer}
		.btn_sm .tline{top:0;width:26px;}
		.btn_sm:hover .tline,
		.btn_sm:focus .tline{width:26px;}
		.btn_sm .mline{top:50%;margin-top:-1px;width:26px;}
		.btn_sm:hover .mline,
		.btn_sm:focus .mline{width:26px;}
		.btn_sm .bline{bottom:0;width:26px;}
		.btn_sm:hover .bline,
		.btn_sm:focus .bline{width:26px;}
		
		/* 모바일 메뉴 닫기 버튼 */
		.modal_open .btn_sm .line {background-color:#fff}
		.modal_open .btn_sm .tline,
		.modal_open .btn_sm:hover .tline,
		.modal_open .btn_sm:focus .tline{width:26px;top:8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
		.modal_open .btn_sm .mline{display:none;}
		.modal_open .btn_sm .bline,
		.modal_open .btn_sm:hover .bline,
		.modal_open .btn_sm:focus .bline{width:26px;bottom:8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

				
		/* 모바일 사이드 메뉴 */

		.menu #m-menu {display:block;opacity:1;}
		#m-menu {position:fixed;top:0;right:0;left:auto;width:60%;height:100%;margin:0 0;padding:0;overflow-y:scroll;display:none;}

		#m-menu .m-menu-tit {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
		#m-menu .m-top {position:relative;width:100%;}
		#m-menu .m-body {position:relative;width:100%;padding:0;background:#fff;overflow-y:auto;}
		#m-menu .m-btm {background:#f5f5f5;width:100%;}

		#m-menu .m-top,
		#m-menu .m-btm {display:block}
		
		#m-menu .m-top .login_wrap {width:100%;height:70px;padding:0 20px;background:url(/kor/img/cmm/snb_top_bg.jpg) repeat 0 0;background-size:100% 100%;}
		#m-menu .m-top .login_wrap .logo {display:inline-block;line-height:66px;margin-right:15px;}
		#m-menu .m-top .login_wrap .logo img {width:110px;}
		#m-menu .m-top .login_wrap a {display:inline-block; font-size:14px;line-height:40px;color:#fff;margin-right:10px;}
		#m-menu .m-top .sc{padding:20px;margin:0;border-bottom:1px solid #e0e0e0}
		#m-menu .m-top .sc:before,
		#m-menu .m-top .sc:after {clear:both;content:'';display:block;}
		#m-menu .m-top .sc li {float:left;width:50%;text-align:left;}
		#m-menu .m-top .sc li:last-child {/*border-left:1px solid #d9d9d9;*/}
		#m-menu .m-top .sc li a {display:inline-block;position:relative;font-size:16px;color:#4d3494;font-weight:bold;letter-spacing:-0.5px}
		#m-menu .m-top .sc li a:before {content:'';display:inline-block;position:absolute;top:-3px;left:0;width:30px;height:25px;
										background:url(/kor/img/cmm/ico_snb_m.png);background-repeat:no-repeat;background-size:90px;}
		
		
		#m-menu .m-top .sc li .link_search {padding-left:25px;}
		#m-menu .m-top .sc li .link_search:before {left:-6px}
		#m-menu .m-top .sc li .link_ticket {padding-left:35px}
		#m-menu .m-top .sc li .link_search:before {background-position:0 0;}
		#m-menu .m-top .sc li .link_ticket:before {background-position:-30px; 0}
		#m-menu .m-top .sc li a.ticket_search:before { background:none;}
		
		#m-menu .depth1 {border-left:none}
		#m-menu .depth1 > li {position:relative;width:100%;display:block;text-align:left;float:none;border-top:1px solid #d9d9d9;padding:0;margin:0;border-right:none;border-bottom:none;height:auto}
		#m-menu .depth1 > li:first-child {border-top:none;}
		#m-menu .depth1 > li > a {display:block;padding:10px 30px;color:#222;font-size:20px;font-weight:500;line-height:44px;letter-spacing:-1px;}
		#m-menu .depth1 > li > a:before {content:'';position:absolute;top:0px;right:0px;width:64px;height:64px;background:#e5e5e5}
		#m-menu .depth1 > li > a:after {content:'';position:absolute;top:0px;right:0px;width:64px;height:64px;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:#eeecf9;border-top:1px solid #d9d9d9;}
		#m-menu .depth1 > li.on > a,
		#m-menu .depth1 > li.active > a {color:#4d3494}	
		#m-menu .depth1 > li.on .depth2,
		#m-menu .depth1 > li.active .depth2{display:block;padding:15px}
		#m-menu .depth2 {margin-top:0}
		#m-menu .depth2 li {width:100%;padding:8px 15px;}
		#m-menu .depth2 li a {font-size:16px;line-height:18px;color:#4d3494;letter-spacing:-1px}

		#m-menu .family_ul {padding:20px 30px}
		#m-menu .family_ul li {text-align:left;padding:5px 0}
		#m-menu .family_ul li a {display:block;font-size:18px;line-height:30px;color:#9c9c9c;font-weight:600}


	}

	@media (max-width:768px){

		#hd .logo a {height:60px;}
		#m-menu {width:80%; }
		


	}

	@media (max-width:414px){
		#m-menu {width:90%; }

	}




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

#ft {position:relative;padding:50px 0;margin:0;background:#f5f5f5;color:#444;}


#ft .add, #ft .add a {font-size:16px;line-height:1.8;color:#ddd}
#ft .copyright {padding-top:10px;padding-bottom:15px;font-size:13px;}



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

#ft {position:relative;padding:0;margin:0;}
.slick-initialized .slick-slide { margin:0 10px;}
.ft_sponsor {position:relative;border-top:1px solid #e0e0e0;height:140px;background:#fff}
.ft_sponsor h3 {display:inline-block;color:#4d3494;font-size:20px;line-height:140px;position:absolute;top:0;left:0;z-index:10;}
.ft_sponsor .sponsor_list {display:none;}

		@media (max-width:1024px){

			.ft_sponsor {padding:0 30px;height:80px;}
			.ft_sponsor h3 {line-height:80px}

		}

.ft_cont {position:relative;border-top:1px solid #e0e0e0;padding:80px 0; background:#130737;}
.ft_cont .ft_contact {padding-left:30px;}
.ft_cont .ft_link {margin-bottom:15px;}
.ft_cont .ft_link li {padding-right:10px;}
.ft_cont .ft_link li a{display:block;padding:5px 5px;font-size:16px;line-height:20px;color:#fff;font-weight:bold}
.ft_cont .ft_link li:first-child,
.ft_cont .ft_link li:first-child a {padding-left:0}

.ft_cont .ft_contact p,
.ft_cont .ft_contact p span,
.ft_cont .ft_contact p span strong,
.ft_cont .ft_contact address {font-size:14px;color:#4d3494}
.ft_cont .ft_contact p {line-height:160%;margin-top:10px;margin-bottom:10px;}
.ft_cont .ft_contact p span {position:relative;display:inline-block;margin-right:10px;padding-right:12px}
.ft_cont .ft_contact p span:after {content:'';position:absolute;top:6px;right:0;width:1px;height:12px;background:#8172ac;}
.ft_cont .ft_contact p span:last-child:after {content:none}
.ft_cont .ft_contact p span strong {margin-right:5px;}

.ft_cont .ft_contact p span strong.en {font-size:13px;}
.ft_cont .ft_contact p span strong.email_txt {font-weight:normal}
.ft_cont .en.bold {font-weight:900 !important}

.ftmenu {order:2;}
.ft_newsletter {order:1;}

.ft_newsletter h4 {font-size:28px;color:#fff}

.ft_newsletter .input_nesletter {position:relative;border-bottom:1px solid #aaa;margin-top:20px}
.ft_newsletter .input_nesletter .input_txt_newsletter {border:none;color:#4d3494;background:none;font-size:20px;line-height:20px;padding:8px;width:69%}
.ft_newsletter .btn_submit_newsletter {display:inline-block;padding:13px 20px 8px 8px;float:right;font-size:20px;line-height:20px;font-weight:bold;color:#fff;background:url(/kor/img/cmm/btn_submit_arrow.png) no-repeat 100% 50%;width:30%;}

.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?1);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}

		@media (max-width:1024px){
			
			.ft_cont .ft_logo {display:none}

			.ft_cont {padding:15px 0;}
			.ft_cont .ft_contact {padding:0 15px 15px 15px;}
			.ft_cont .ft_contact .ft_link {text-align:center;margin-left:-10px;margin-right:-10px}
			.ft_cont .ft_contact .ft_link li {padding:0}
			.ft_cont .ft_contact .ft_link li a {font-size:13px;padding:5px 4px;}
			
			.ft_cont .ft_contact address,
			.ft_cont .ft_contact p span {font-size:13px;line-height:170%;letter-spacing:-0.5px}
			.ft_cont .ft_contact p span:after {content:none}

		}

		@media (max-width:768px){
			.ft_cont > .container-l > .row { display:flex; flex-wrap: wrap;}
			.ft_sponsor {display:none;}
			.ft_newsletter .sns { text-align:center;}
			
			.ft_cont .cp_title strong {display:none}
			.ft_cont .email {margin-top:0;padding-top:0}

			.ft_cont {text-align:center}
			.ft_cont .ft_contact p,
			.ft_cont .ft_contact p span,
			.ft_cont .ft_contact p span strong,
			.ft_cont .ft_contact address {color:#666}
			.ft_cont .ft_contact p {margin-top:5px;margin-bottom:5px;}

			.ft_newsletter {border-top:0px solid #e0e0e0;margin:0 auto;text-align:left;padding-top:20px;}
			.ft_newsletter h4 {text-align:center;font-size:16px}
			.ft_newsletter .input_nesletter {width:75%;margin-left:auto;margin-right:auto}

		}

		@media (max-width:414px){
			
			.ft_cont {padding:20px 0;}
			
			#ft .add {font-size:12px;letter-spacing:-0.5px}
			#ft .copyright {font-size:11px;}

			.ft_cont .ft_contact .ft_link li a {font-size:12px;padding:3px;font-weight:normal}
			.ft_cont .ft_contact p,
			.ft_cont .ft_contact p span,
			.ft_cont .ft_contact p span strong,
			.ft_cont .ft_contact address {font-size:12px;line-height:160%;}
		}


  

/*탑버튼*/
.btn_top {display:block; position:fixed;bottom:40px;right:20px;width:50px;height:50px;background:url(/kor/img/cmm/btn_top.gif) no-repeat 0 0; z-index:98;}
.btn_tica {position:fixed;bottom:40px;right:70px;width:100px;height:50px;  z-index:98; text-align:right;}
.btn_tica a { float:left;}
.btn_tica a.mviewT { float:right;}
			@media (max-width:768px){
			
				.btn_top {bottom:13px; right:13px;background:url(/kor/img/cmm/btn_top_m.gif) no-repeat 0 0;width:50px;height:50px;background-size:50px 50px;-webkit-background-size:50px 50px}
				.btn_tica {position:fixed;bottom:13px;right:63px;width:150px;height:50px;z-index:98;}
			}
			@media (max-width:414px){
			
				.btn_top {bottom:13px; right:13px;background:url(/kor/img/cmm/btn_top_m.gif) no-repeat 0 0;width:50px;height:50px;background-size:50px 50px;-webkit-background-size:50px 50px}

			}		

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