@charset "utf-8";


#wrap {margin:0 auto;width:100%;overflow:hidden;}


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

#menu {opacity:0;display:none;z-index:-1;}
.header_top .btn_login, .header_top .btn_all_search, .header_top .btn_lang {display:none;}

.hd {position:relative;margin:0 auto;width:100%;border:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,0);background:transparent;}
.hd.fixed-color {position:fixed !important; top:0;left:0;right:0;z-index:20;animation:header_fix0 .5s ease-in-out forwards; background:#000; opacity:1;}
.hd.sub,
.hd.sub.hoff {background:#000;}

.hd:before, .hd:after {clear:both;content:'';display:block;}
.hd .btn_page_back {display:block;width:44px;height:44px;background:url(/kor/img/cmm/ico_page_back.svg) no-repeat center center;position:absolute;top:0;left:1rem;bottom:0;margin: auto auto;}
.hd.hoff { position:fixed; background:transparent; opacity:1; transition: all 1s;top:0; }
.hd.hon.hoff { position:fixed; background:transparent; opacity:0; transition: all 1s;top:-200px;}
.hd.hoff.fixed-color {position:fixed !important; top:0;left:0;right:0;z-index:20;animation:header_fix0 .5s ease-in-out forwards; background:#000; opacity:1;}
.hd.sub.hoff, .hd.sub.hon.hoff  {position:relative;}
/* 네비게이션 */
.hd .header_top {position:relative;display:flex;justify-content:space-between;;align-items: center;padding:1.6rem 2rem }
.hd .header_top .headTop_left,
.hd .header_top .headTop_right {display: flex;justify-content: flex-start;align-items: center}


.hd .header_top .logo {display:inline-block;}
.hd .header_top .logo a {display:inline-block;}
.hd .header_top .logo a img {width:180px}

.hd .header_top .headTop_left .other_home {margin-left:2rem;display: none}
.hd .header_top .headTop_left .other_home > ul > li {float:left;padding:0 15px; position:relative;}
.hd .header_top .headTop_left .other_home ul {display:flex;justify-content: flex-start;align-items: center}
.hd .header_top .headTop_left .other_home ul li {padding:0 0.8rem;}
.hd .header_top .headTop_left .other_home ul li a {display:inline-block;font-size: 1.4rem;line-height:100%;font-weight: bold;color:rgba(255,255,255,0.5)}

.hd .header_top .headTop_left .other_home ul li a:hover {color:#bbb}
.hd .header_top .headTop_left .other_home > ul li:after { content:""; transition: transform 0.3s; position:absolute; left:0; top:5px; width: 1px; height: 10px; background:#444; z-index: -1; }
.hd .header_top .headTop_left .other_home > ul li:first-child:after { border:none; background:none; width:0;}
.hd .header_top .headTop_left .other_home ul li.on:first-child {padding-left:0}
.hd .header_top .headTop_left .other_home ul li.on a{color:red; font-weight:bold;}
.hd .header_top .headTop_left .other_home ul ul {display:inline; padding:0 ;}
.hd .header_top .headTop_left .other_home ul ul li:after { width:0; background:transparent}
.hd .header_top .headTop_left .other_home ul ul li {display:inline; padding:0px 6px;}
.hd .header_top .headTop_left .other_home ul ul li:first-child {display:inline; padding:0px 6px 0 0;}
.hd .header_top .headTop_left .other_home ul ul li:last-child {display:inline; padding:0px 0 0 6px;}


.hd .header_top .headTop_right .top_menu {display: none}
.hd .header_top .headTop_right .top_menu a {margin:0 0.8rem;}
.hd .header_top .headTop_right .top_menu .join {font-size: 1.4rem;color:#fff;}

.hd .header_top .headTop_right .util {margin-left:2rem}
.hd .header_top .headTop_right .util a {margin-left:0.8rem;margin-right:0.8rem;}
.hd .header_top .headTop_right .util a:last-child {margin-right:0}
.hd .header_top .headTop_right .util .btn_all_search img {width:24px}
.hd .header_top .headTop_right .util .btn_login {font-size: 13px;font-style: normal;font-weight: 400;line-height: 18px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 6px;padding: 9px 18px; transition: 0.3s ease-in-out;color: #fff;}
.hd .header_top .headTop_right .util .btn_login:hover{border-color: rgba(255, 255, 255, 1);}
.hd .header_top .headTop_right .util .btn_lang{color:#fff;margin-left: 1.2rem;margin-right: 1.2rem;}

.messagebar {position: relative;display: block;width:100%;padding:0 2.4rem;height:4.8rem;line-height: 4.8rem;font-size: 1.5rem;font-weight: 500;color:#fff;text-align: center;}
.messagebar-notice {background:#BE1D1D}

@media (max-width:660px){
	.messagebar {font-size:13px; display:flex;  align-items: center; line-height:1.1;}
}



.hd .gnb {display:none;}
.hd .gnb nav {position:relative;padding:0;}
.hd .gnb nav ul li a:hover,
.hd .gnb nav ul li a:focus {}
.hd .gnb nav .depth1 {width:100%;margin:0 auto;text-align:center;
		display: flex;justify-content: flex-start;align-items: center;overflow-x: auto;}
.hd .gnb nav .depth1 > li {padding:0 15px;text-align:center;line-height:1.5}
.hd .gnb nav .depth1 > li > a {display:inline-block;font-size:1.8rem;line-height:1.8rem;color:rgba(255,255,255,1);white-space:nowrap;font-weight:500}


	
/* 모바일 메뉴 버튼 */
.btn_sm{position:relative;width:24px;height:22px;top:0px;right:0;bottom:0;margin:auto auto;display:inline-block;z-index:99999;}
.btn_sm:focus,
.btn_sm:visited {color:#111}
.btn_sm .inner {position:relative;display:inline-block;width:24px;height:22px;vertical-align:middle;}
.btn_sm .line {position:absolute;left:0;width:4px;height:4px; border-radius:50%; background-color:#fff;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;font-size:0;line-height:0;}
.btn_sm .tline{top:0px;}
.btn_sm .tline.n2{top:0px; left:8px;}
.btn_sm .tline.n3{top:0px; left:16px;}
.btn_sm .mline{top:8px; }
.btn_sm .mline.n2{top:8px; left:8px;}
.btn_sm .mline.n3{top:8px; left:16px;}
.btn_sm .bline{top:16px;}
.btn_sm .bline.n2{top:16px; left:8px;}
.btn_sm .bline.n3{top:16px; left:16px;}

		
/* Menu - close button */
.modal_open .btn_sm .tline,
.modal_open .btn_sm:focus .tline{/*top:7px;*/-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius:0%;}
.modal_open .btn_sm .mline{/*display:none;*/-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius:0%;}
.modal_open .btn_sm .bline,
.modal_open .btn_sm:focus .bline{/*bottom:7px;*/-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-radius:0%;}

.modal_open .btn_sm .tline.n2{top:4px; left:12px;}
.modal_open .btn_sm .mline{top:4px;left:4px; }
.modal_open .btn_sm .mline.n2{top:8px; left:8px;}
.modal_open .btn_sm .mline.n3{top:12px; left:12px;}
.modal_open .btn_sm .bline.n2{top:12px; left:4px;}


/* All Menu */
.menu #menu {display:block;opacity:1;z-index:9999;animation:menu_on0 .4s ease-in-out forwards;color:#fff}

#menu {position:fixed;top:0;left:0;bottom:0;right:0;margin:auto auto;transition:all .3s ease;overflow-y:scroll;width:100%;height:100%;background-color:#151515;}
#menu .allmenu {padding:2.2rem}
#menu .allmenu .title {font-size:1.2rem;font-weight:bold}

#menu .allmenu .menu_top {border-bottom:1px solid #ffffff30; padding-bottom:1.2rem}
#menu .allmenu .menu_top .login_wrap .mlogo { display:inline-block; overflow:hidden; width:40px; height:40px; vertical-align:middle; margin-right:15px; padding:0; }
#menu .allmenu .menu_top .login_wrap .mlogo img {height:100%;  max-width: initial;}
#menu .allmenu .menu_top .login_wrap a { color:#fff; font-size:1.4rem; display:inline-block; padding:0 10px; } 
#menu .allmenu .menu_top ul {display: flex;justify-content: center;align-items: center;margin-top:2.6rem}
#menu .allmenu .menu_top ul li {width:25%}
#menu .allmenu .menu_top ul li a {display: flex;flex-direction: column;align-items: center;justify-content: center}
#menu .allmenu .menu_top ul li a .icon {margin-bottom:1.2rem}

#menu .allmenu .menu_all {margin-top:2rem}
#menu .allmenu .depth1 > li {position:relative;color:var(--text-gray1);display:block;padding-bottom:0.4rem;padding-top:1rem;padding-bottom:1rem;  }
#menu .allmenu .depth1 > li > a {position:relative;display:inline-block;font-size:2.0rem;;color:var(--text-white);font-weight: bold; padding-left:10px;}
#menu .allmenu .depth1 > li > a > span {font-weight: 400;}
#menu .allmenu .depth1 > li.on > a { color:#ed1f2e; font-weight: 700;}
#menu .allmenu .depth1 > li.on > a > span { color:#ed1f2e; font-weight: 700;}
#menu .allmenu li .depth2 { position: relative; border:solid 1px #2a2a2a; border-width:1px 0; padding:20px 0 25px 10px; margin-top:0; display:none;  }
#menu .allmenu li.on .depth2 { display:block; margin-top:15px;}
#menu .allmenu .depth2:before,
#menu .allmenu .depth2:after {clear:both;display:block;content:'';}
#menu .allmenu .depth2 > li {float:left;width:50%}
#menu .allmenu .depth2 > li > a {display:block;padding-top:1rem;color:var(--text-white);font-size:1.7rem;}

#menu .allmenu .mtopguick span.icons { display:block;width:24px;height:24px;vertical-align:middle;background-image:url('/kor/img/layout/ico_quickmenu3.png');
					background-repeat:no-repeat;background-position:0 50%;margin-top:-2px; }
#menu .allmenu .mtopguick span.icons.i_film {background-position:-56px 50%}
#menu .allmenu .mtopguick span.icons.i_calendar {background-position:-126px 50%}
#menu .allmenu .mtopguick span.icons.i_ticket {background-position:-28px 50%}
#menu .allmenu .mtopguick span.icons.i_catalog {background-position:-103px 50%}
#menu .allmenu .mtopguick span.label3 {color:#fff;display:block;padding:10px 0}

#menu .allmenu .m_family { margin: 20px 0;}
#menu .allmenu .family_list li {padding:5px; }
#menu .allmenu .family_list li, #menu .allmenu .family_list li a { display:inline-block; color:#777; font-size:1.5rem; }
#menu .allmenu .family_list li.acfm { display:block; }
#menu .allmenu .family_list li.acfm ul, #menu .allmenu .family_list li.acfm li {display:inline;}

#menu .mo_sponsor {display:block; padding:2.2rem; display:flex; justify-content:space-between;}

/* sub navigation */
#snb {background:#1d1d1d;text-align:center; }
#snb .snb_ul {padding:15px 0;}
#snb .snb_ul li {padding:0px;}
#snb .snb_ul li a {display:inline-block;color:#fff;color:rgba(255,255,255,.8);font-size:16px;line-height:40px;padding:0 10px;letter-spacing:-0.5px}
#snb .snb_ul li.current a { color:#ffffff;font-weight:bold}
/*#snb #snbul2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5%, auto));	}*/
	
	@media (max-width:1280px) {
		.hd_menu {width:100%;padding-left:15px;padding-right:15px;}	
		#snb #snbul2 { display: block}
	}
	
	@media (max-width:768px){
		
		#snb:before,
		#snb:after,
		#snb .snb_ul:before,
		#snb .snb_ul:after {clear:both;content:'';display:block;}
		
		#snb {overflow-x:scroll}
		#snb .snb_ul {display:table;overflow-x:scroll;padding-left:10px;padding-right:10px}
		#snb .snb_ul li {display:table-cell;white-space:nowrap;float:none;padding:0px 5px}
		#snb .snb_ul li a {line-height:46px;font-size:14px;padding:0 10px;color:#ffffff;font-weight:bold;}
		#snb .snb_ul li.current a {position:relative;background:#ffffff;color:#1d1d1d;}
		#snb .snb_ul li.current a:after {content:'';display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ffffff}
		#snb #snbul2 { grid-template-columns: repeat(auto-fill, minmax(20%, auto));	}

		#cont .con_tit_wrap .con_tit {font-size:24px;letter-spacing:-1px;}


	}
	


.sub_title_wrap {position:relative;padding:50px 0 60px 0  ;}
.sub_title_wrap:before,
.sub_title_wrap:after {clear:both;display:block;content:'';}
.sub_title_wrap h2.en {font-size:5.6rem;font-weight:700 !important;color:#111; text-align:center; letter-spacing:-2px;}
.sub_title_wrap h2.kor {font-size:38px;line-height:1.5;font-weight:bold;letter-spacing:-1.8px; }


.d3tab_basic  {margin:0 0 50px}
.d3tab_basic ul {text-align:center;}
.d3tab_basic li {padding:5px 3px; display:inline-block; margin:0 5px;}
.d3tab_basic li:before{ content: " ";  position: relative; width: 5px; height: 5px; display: inline-block; vertical-align: super; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color:#aaa; }
.d3tab_basic li:first-child:before {content:"";display:none;}
.d3tab_basic li a {display:inline-block; font-weight:700; color:#aaa;font-size:2.2rem;line-height:1.5; padding: 10px 0 10px 18px; }
.d3tab_basic li.on a {color:#111;  }


@media only all and (max-width:414px) {
	.d3tab_basic ul { overflow-x: scroll; display: flex;}
	.d3tab_basic li { white-space: nowrap; }

	.sub_title_wrap h2.en{font-size:40px;}
}
	
	

/*------------------------------- PC -------------------------------*/

@media (min-width: 992px) {
	
	.hd {height:auto}
	.hd .btn_page_back{display:none}
	/*.btn_sm */
	.header_top .btn_login, .header_top .btn_all_search, .header_top .btn_lang {display:inline;}
	
	.hd .header_top .headTop_right .top_menu,
	.hd .header_top .headTop_left .other_home,
	.hd .gnb {display: block}
	
	.hd .header_top .logo {position:relative;}
	.hd .header_top .logo a img {width:196px}
	
	.hd .gnb {margin-left:-2.4rem;margin-right:-2.4rem}
	.hd .gnb nav {position:relative;padding:0;}
	.hd .gnb nav .depth1 {justify-content: center; flex-wrap: wrap; width: auto; overflow: initial;}
	#hd .gnb nav > .depth1 > li {padding:0 1.5rem; position: relative; text-align: center; border-bottom:solid 4px transparent; z-index:1;}
	.hd .gnb nav .depth1 > li > a {font-size:2rem;line-height:8rem;}
	.hd .gnb nav .depth1 > li > a {color:rgba(255,255,255,0.8);}
	.hd .gnb nav .depth1 > li > a:hover {color:rgba(255,255,255,1)}

	#hd .gnb nav > .depth1 > li.active2 > a { color: #e81e2d; font-weight: bolder; }
	
	.nav_depth2_wrap {display:none; position:absolute; top:70px; padding: 0;margin:0 auto; left: 50%; right: auto; transform: translate(-50%,0); z-index:100; text-align:left;}
	.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; padding:25px 45px 25px 45px; min-width:270px; border-top: 3px solid #F00; background: rgba(15, 15, 15, 1); text-align:left; word-break:keep-all;}
	.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:table-cell;vertical-align:middle;padding:7px 0px;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:-12px;}

	#menu .allmenu .depth1 > li > a {  padding-left:0px; font-size: 3rem;}
	#menu .allmenu .depth1 > li > a > span{  font-weight:700;}
	#menu .allmenu li .depth2 {  display:block; margin-top:10px;margin-bottom: 10px; border-width:1px 0 0; padding:0;}
	#menu .allmenu li.on .depth2 { display:block; margin-top:10px;}
	#menu .allmenu .depth2 > li { float: initial; width: auto; display: inline-block; padding: 0px 25px;}
	#menu .allmenu .depth2 > li:first-child {padding-left:0;}
	#menu .allmenu .depth2 > li > a { font-size:1.4rem; padding:2rem 0;}
	
	#menu .mo_sponsor {display:none;}
}



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


.ft {position:relative; background:#0f0f0f;}
.ft .ft_wrap {background:#222222;padding:3rem 0;display: none;}
.ft .ft_wrap .ft_inner {display: flex;justify-content: space-between;align-items: center;}

.ft .ft_wrap .ft_left  {display: flex;justify-content:flex-start;align-items: center;}
.ft .ft_wrap .ft_left .ft_logo {margin-right:2rem}
.ft .ft_wrap .ft_left .ft_address {color:#aaa}
.ft .ft_wrap .ft_right {display: flex;flex-direction: column; justify-content:flex-start;align-items:flex-end;}


.ft .ft_wrap .ft_right .fnb ul {display: flex;justify-content:flex-start;align-items: center;}
.ft .ft_wrap .ft_right .fnb ul li {}
.ft .ft_wrap .ft_right .fnb ul li:after {content:'';display: inline-block;width:1px; height:12px;background:rgba(255,255,255,0.3);margin-left:1.2rem;margin-right:1.2rem;vertical-align: middle;
	margin-top:-2px}
.ft .ft_wrap .ft_right .fnb ul li:last-child:after {display: none}
.ft .ft_wrap .ft_right .fnb ul li a {display:inline-block;font-size:1.5rem;color:#aaa;line-height: 100%;}
.ft .ft_wrap .ft_right .copyright {margin-top:1.2rem;color:#aaa;font-size: 1.2rem}
/* .ft .sub_mg {margin-top:100px;} */


.ft_sns {display: flex;justify-content:center; align-items: center;padding:2.4rem 0; opacity:0.5;}
.ft_sns a {margin-left:0.8rem;margin-right:0.8rem;}




.ft_m {background:#222222;padding:0 0 3rem 0;text-align: center}
.ft_m .ft_m_fnb {height:4.4rem;border-bottom: 1px solid rgba(255,255,255,0.12)}
.ft_m .ft_m_fnb ul {display: flex;justify-content:center;align-items: center;}
.ft_m .ft_m_fnb ul li {}
.ft_m .ft_m_fnb ul li:after {content:'';display: inline-block;width:1px; height:12px;background:rgba(255,255,255,0.3);margin-left:1.2rem;margin-right:1.2rem;vertical-align: middle;
	margin-top:-2px}
.ft_m .ft_m_fnb ul li:last-child:after {display: none}
.ft_m .ft_m_fnb ul li a {display:inline-block;font-size:1.3rem;line-height:4.4rem;color:#aaa;}

.ft_m address {color:#aaa;font-size: 1.3rem;padding-top:2.4rem}
.ft_m .copyright {margin-top:1.2rem;color:#aaa;font-size: 1.1rem;}


@media (min-width: 992px) {
	
	/* .ft {padding-top:8rem} */
	.ft .ft_m {display: none;}
	.ft .ft_wrap {display: block;padding:4rem 0}
	
	.ft_sns {display: flex;justify-content:center;align-items: center;padding:4.8rem 0 6.4rem}
	.ft_sns a {margin-left:1.2rem;margin-right:1.2rem;}	
		
}


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

/* animate */
@keyframes header_fix0{0%{opacity:0}100%{opacity:1}}
@keyframes menu_on0{0%{opacity:0}100%{opacity:1}}
@keyframes menu_on1{0%{transform:translateY(50%) rotateX(90deg)}100%{transform:translateY(0) rotateX(0)}}


/* 2023-09-01 태블릿 사이즈에서 상단 수정 */
.other_home .btn_open {display:none;} 

@media(min-width:900px) and (max-width:1500px){
    .other_home {position:relative; width:140px;}
    .other_home .btn_open { display:block;position:relative; width:140px; height:35px; padding-left:16px; border:1px solid rgba(255, 255, 255, 0.2); background:transparent; border-radius:4px; font-weight:600; font-size:15px; color:#f00; text-align:left; font-family:'Pretendard'; transition:0.3s;} 
    .other_home .btn_open:after { content:''; display:block;position:absolute; top:0; right:0; width:35px; height:35px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.3'/%3E%3C/svg%3E") 50% 50% no-repeat;transition:0.3s; }
	.other_home .btn_open:hover {border-color:rgba(255, 255, 255, 0.3);}
	.other_home .btn_open.active:after{transform:rotate(180deg)}

    .hd .header_top .headTop_left .other_home > ul { display:block;position:absolute; top:35px; left:0; z-index:100; width:100%; display:none;}
	.hd .header_top .headTop_left .other_home > ul.active {display:block;}
    .hd .header_top .headTop_left .other_home > ul > li {float:none; width:100%; height:35px; padding:0;}
    .hd .header_top .headTop_left .other_home > ul > li > a {display:flex; align-items: center; width:100%; height:100%; padding-left:16px; border:1px solid rgba(255, 255, 255, 0.2); background:#000; border-top:none; }
    .hd .header_top .headTop_left .other_home > ul li:after {display:none;}
    .hd .header_top .headTop_left .other_home > ul li.on a {color:rgba(255,255,255,0.5);}
    .hd .header_top .headTop_left .other_home > ul li.on a:hover {color:#bbb;}
    .hd .header_top .headTop_left .other_home > ul > li:nth-child(2) {height:auto;}
    .hd .header_top .headTop_left .other_home > ul > li:nth-child(2) > a {height:35px; border-bottom:none ;}
    .hd .header_top .headTop_left .other_home > ul ul {display:block; padding-bottom:8px; border:1px solid rgba(255, 255, 255, 0.2); background:#000; border-top:none ;}
    .hd .header_top .headTop_left .other_home > ul ul li {display:block; padding:0 0 0 20px !important;}
    .hd .header_top .headTop_left .other_home > ul ul li:before {content:'- '; color:rgba(255,255,255,0.5);}
    .hd .header_top .headTop_left .other_home ul ul li:last-child {padding:0;}

	.hd .header_top .headTop_left .other_home ul ul li:first-child {display:block;}
	.hd .header_top .headTop_left .other_home > ul > li:nth-child(2) img {display:none;}
}

/* 2023-09-01 하단 스폰서 롤링배너 */
.ft .sponsor {height:90px; padding-top:9px; background:rgba(255, 255, 255, 0.9);}
.ft .sponsor .slick-slide {padding:0 30px;}
.ft .sponsor .slick-slide.oth_padding {padding:0 27px;}

.ft.sub_ft {background:#fff;}
.sub_ft .ft_sns {opacity:1;}
.sub_ft .ft_sns .icon-share {background-image:url('/kor/img/cmm/icon_share_gray.svg')}
.sub_ft.ft .sponsor {border-top:1px solid #e4e4e4;}

@media(max-width:900px) {
	#bannerzone {margin-top:30px;}
	.ft .sponsor .slick-slide {padding-right:20px; padding-left:20px;}
	.ft .sponsor .slick-slide img {height:60px;}
}
@media(max-width:600px) {
	.ft .sponsor {height:65px; padding-top:5px;}
	.ft .sponsor .slick-slide {padding-right:10px; padding-left:10px;}
	.ft .sponsor .slick-slide img {height:55px;}
}

/* 2023-09-07 */
.mo_link {display:none !important;}

@media(max-width:500px) {
	.pc_link {display:none !important;}
	.mo_link {display:block !important;}
}

/* 2023-09-12 quickmenu 추가 */
.quickmenu_wrap {position:fixed;z-index:500;right:0;bottom:0}


.btn_floating {display:block;width:90px;height:90px;position:fixed;right:80px;bottom:60px;background:#e90819;border-radius:50%;cursor:pointer;z-index:499;
					-webkit-transition:all 300ms;transition:all 300ms;}
.btn_floating button { display: block;position: absolute;left: 0;right: 0;height: 100%;width: 100%;top: 0;bottom: 0;text-align: center;color:#fff; border:none; background:none; font-weight:600; }
.btn_floating:hover{background: #c9000f; }
.btn_floating .quickmenu_control_txt {display: block;padding:0;font-size:14px; text-align: center;color: #fff;-webkit-transition: opacity 250ms;transition: opacity 250ms;}
.btn_floating .quickmenu_control_icon { left:0px; font-size:24px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}
.btn_floating .quickmenu_control_icon span { position:relative; padding:0;}
.btn_floating .quickmenu_control_txt:before {content:'';display:block; width:90px;height:90px;background:url(/kor/img/layout/ico_quickmenu_btn.png) no-repeat center center;}



/* 퀵메뉴 여러 개 일때 ico_quickmenu_btn.png + 배경 컬러#e90819 */
.btn_floating.active{background:#151515;}
.btn_floating.active .quickmenu_control_txt {opacity: 0; -webkit-transition: none;transition: none;}
				 /*.btn_floating.active .quickmenu_control_icon {opacity: 1; top:-2px;
				-webkit-transition: opacity 120ms, -webkit-transform 500ms;transition: opacity 120ms, -webkit-transform 500ms;transition: transform 500ms, opacity 120ms;transition: transform 500ms, opacity 120ms, -webkit-transform 500ms;} */
.btn_floating.active .quickmenu_control_icon span { position:relative; padding:0;}
.btn_floating.active .quickmenu_control_txt{opacity: 1; -webkit-transition: opacity 120ms, -webkit-transform 500ms;transition: opacity 120ms, -webkit-transform 500ms;transition: transform 500ms, opacity 120ms;transition: transform 500ms, opacity 120ms, -webkit-transform 500ms;}
.btn_floating.active .quickmenu_control_txt:before {content:'';display:block;
							width:90px;height:90px;background:url(/kor/img/layout/ico_quickmenu_close.png) no-repeat center center; }

#quickmenu_box {position:fixed;width:230px;right:30px;top:inherit;bottom:190px;border-radius:6px;
				overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:color 300ms;transition:color 300ms;
				box-shadow:1px 1px 10px rgba(0,0,0,.4);}
#quickmenu_box.on {transform: matrix(1, 0, 0, 1, 0, 0); visibility: inherit; opacity: 1;}
#quickmenu > li {background-color:#fff; padding:0 20px; height:57px; line-height:57px; border-bottom:1px solid #eee;}
#quickmenu > li:last-child{border-bottom:0;}
#quickmenu > li:hover{background:#eee;}
#quickmenu > li:before {content:'';display:inline-block;width:30px;height:30px;vertical-align:middle;
					background-repeat:no-repeat;background-position:0 50%;margin-right:15px;}

/* #quickmenu > li.quick_soldout:before {background-image:url('/kor/img/layout/ico_quickmenu3.png');} */
#quickmenu > li.quick_ticketing:before {background-image:url('/kor/img/layout/ico_quickmenu_ticket.png');} 
#quickmenu > li.quick_online:before {background-image:url('/kor/img/layout/ico_quickmenu_online.png');}
#quickmenu > li.quick_check:before {background-image:url('/kor/img/layout/ico_quickmenu_check.png');}
#quickmenu > li.quick_tica:before {background-image:url('/kor/img/layout/ico_quickmenu_tica.png');}
#quickmenu > li.quick_faq:before {background-image:url('/kor/img/layout/ico_quickmenu_faq.png');}
#quickmenu > li.quick_chant:before {background-image:url('/kor/img/layout/ico_quickmenu_chant.png');}
#quickmenu > li.quick_kakao:before {background-image:url('/kor/img/layout/ico_quickmenu_kakao.png');}
#quickmenu > li.quick_onair:before {background-image:url('/kor/img/layout/ico_quickmenu_onair.png');}
#quickmenu > li.quick_goods:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.0049 2.00293C17.214 2.00293 19.0049 3.79379 19.0049 6.00293C19.0049 6.73196 18.8098 7.41544 18.4691 8.00404L23.0049 8.00293V10.0029H21.0049V20.0029C21.0049 20.5552 20.5572 21.0029 20.0049 21.0029H4.00488C3.4526 21.0029 3.00488 20.5552 3.00488 20.0029V10.0029H1.00488V8.00293L5.54065 8.00404C5.19992 7.41544 5.00488 6.73196 5.00488 6.00293C5.00488 3.79379 6.79574 2.00293 9.00488 2.00293C10.2001 2.00293 11.2729 2.52714 12.0058 3.35819C12.7369 2.52714 13.8097 2.00293 15.0049 2.00293ZM11.0049 10.0029H5.00488V19.0029H11.0049V10.0029ZM19.0049 10.0029H13.0049V19.0029H19.0049V10.0029ZM9.00488 4.00293C7.90031 4.00293 7.00488 4.89836 7.00488 6.00293C7.00488 7.05729 7.82076 7.92109 8.85562 7.99744L9.00488 8.00293H11.0049V6.00293C11.0049 5.00129 10.2686 4.17162 9.30766 4.0257L9.15415 4.00842L9.00488 4.00293ZM15.0049 4.00293C13.9505 4.00293 13.0867 4.81881 13.0104 5.85367L13.0049 6.00293V8.00293H15.0049C16.0592 8.00293 16.923 7.18705 16.9994 6.15219L17.0049 6.00293C17.0049 4.89836 16.1095 4.00293 15.0049 4.00293Z'%3E%3C/path%3E%3C/svg%3E"); background-size:24px auto; background-position:50% 30%;}

#quickmenu > li a {display:inline-block;color:#111;font-size:16px;font-weight:700;letter-spacing:-0.5px;}



@media (max-width:1024px) { 
	.btn_floating{right:20px; bottom:20px;}
}

@media (max-width:768px) { 
	.btn_floating{width:70px; height:70px;}
	.btn_floating .quickmenu_control_txt:before{width:70px; height:70px; background-size:35px;}
	.btn_floating.active .quickmenu_control_txt:before{width:70px; height:70px; background-size:20px;}
	#quickmenu_box{right:20px; bottom:100px;}
}


@keyframes flowText {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}