@charset "utf-8";

/** ¸ÞÀÎ,¼­ºê °øÅë ½ºÅ¸ÀϽÃÆ® **/

/* skip navi */
#skipNavi {position:absolute; top:0; left:0; width:100%; height:0; text-indent:-9999px; z-index:10000;}
#skipNavi li {width:0px; height:0px;}
#skipNavi a {display:inline-block; width:0; height:30px; font-weight:bold; text-align:center;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {display:block; position:absolute; top:0; left:0; width:100%; height:25px; padding:10px 0 0 0; background:#fff; font-size:12px; color:#666; text-indent:0;}

#wrap, .wrap{margin:0 auto;}
#container, .container {position:relative; margin:0 auto; width:100%;max-width:1280px;}

a{color:#aaa;}
a{color:#333;}
a:hover{color:#dbdbdb;}
a:hover{color:#fdaf17;}
a, img, input, select, textarea, button, li {transition:all .2s ease;} /* transition */
.en {font-family:'Roboto', Sans-serif;letter-spacing:0px}

/* Çì´õ */
#headerBiff {position:relative;margin:0 auto;z-index:99;background:#fff}
.header_inner {margin:0 auto;}
.logo {display:inline-block;float:left;height:100%;}
.logo a {display:flex; align-items: center; height: 100%; /* height:80px;line-height:80px */}
/* .logo a img { padding: 11px 0; } */

.util {background:#f5f5f5;padding-left:50px;padding-right:50px}
.util .family_site {display:inline-block;}
.util .family_site ul {display:inline-block;}
.util .family_site li {display:inline-block; padding-left: 7px; padding-right: 7px; }
.util .family_site li a,
.util .login li a {display:inline-block;color:#555;font-size:12px;line-height:50px;/* font-family:'Roboto', Sans-serif; */letter-spacing:0px; font-weight: 400;}
.util .login li a:hover,
.util .family_site li a:hover {color:#eb9a17}
.util .login li.active a,
.util .family_site li.active a {color:#eb9a17;font-weight:bold;}
.util .family_site li a {font-size:14px;}
.util .login li a {font-size:14px;}
.util .login li.btnLogin { background:#febb0a; padding:0 10px}
.util .login li.btnLogin a {color:#fff; font-weight:600;}

.util .pull-right li { padding-right: 7px; padding-left: 7px; }

/* ³×ºñ°ÔÀÌ¼Ç */
#gnb{margin:0 auto;z-index:99;height:80px;/* overflow:hidden; */}
#gnb .gnb_inner{position:relative;height:100%;}
#gnb.fixed-top {position:fixed;top:0;left:0;right:0}

nav {height:100%;margin:0 auto;display: flex; justify-content: space-between; align-items: center;}
nav a {}
nav .depth1 {display:inline-block;text-align:center}
nav .depth1 li {text-align:left;display:inline-block;/* padding-top:20px; */}
nav .depth1 li a{ display:block;font-size:18px;color:#222;line-height:38px;margin:0 15px; overflow: hidden;height:38px; }
nav .depth1 li:first-child a{ margin-left:0; }
nav .depth1 li:last-child a{ margin-right:0; }
nav .depth1 li a span{ font-weight: 600; }
nav .depth1 li a.active span { color:#fdaf17; font-weight:700; }
nav .depth1 li a:hover,
nav .depth1 li a:hover:focus{color:#ccc}

nav .depth2 {display:none}


.mmdl {position:relative;width:100%;background:#b9b9b9;}
.mmdl_inner {color:#fff;padding:15px 20px 15px 20px;}
.mmdl_inner .tit01 {font-size:18px; font-weight:600; margin-bottom:15px;}
.mmdl_inner ul li {font-size:12px; letter-spacing:-1px; position:relative; margin-bottom:10px;}
.mmdl_inner ul li a {font-size:11px; background:#fff; padding:3px 5px; color:#b9b9b9; border-radius:5px; float:right; display:inline-block;}
.mmdl_inner ul li a + a { margin-right:6px;display:block;} 
.mmdl_inner ul li a:hover {color:#fdaf17}


/* nav Effect */

nav .depth1 li a span {
	font-size:18px;color:#222;
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	
}

nav .depth1 li a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

nav .depth1 li a:hover span,
nav .depth1 li a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


/* ¸ð¹ÙÀÏ »çÀÌÆ®¸Ê ¹öÆ° */
.mn_btn{position:fixed;top:30px;right:20px;width:24px;height:21px;font-size:0;line-height:0;z-index:100;display:none;}
.mn_btn .line{position:absolute;right:0;height:2px;background-color:#000;transition:0.15s all linear;-webkit-transition:0.15s all linear;font-size:0;line-height:0;}
.mn_btn .tline{top:0;width:100%;}
.mn_btn .mline{top:50%;margin-top:-1px;width:80%;}
.mn_btn .bline{bottom:0;width:100%;}

/* ¸ð¹ÙÀÏ Æйи®»çÀÌÆ® */
 .m_family { margin: 20px 0; display:none; /* padding: 0 25px; */}
 .family_list li {padding:5px; }
 .family_list li, #menu .allmenu .family_list li a { display:inline-block; color:#777; font-size:1.5rem; }
 
 .family_list.flex {display:flex; align-items:center;}
 .family_list li.acfm { display:flex; align-items:center; gap:1ex; }
 .family_list li.acfm:before {content: ""; position:relative; display: inline-block; width: 1px; height: 0.8em; margin: 0 0.5ex 0 0; background: rgba(0, 0, 0, 0.2);}
 .family_list li.acfm span img{ vertical-align:middle; }
 .family_list li.acfm ul, #menu .allmenu .family_list li.acfm li {display:inline;}


/* »çÀÌÆ®¸Ê Ŭ¸¯ ½Ã ´Ý±â ¹öÆ° */
.modal_open .mn_btn .tline,
.modal_open .mn_btn:hover .tline,
.modal_open .mn_btn:focus .tline{width:100%;top:8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.modal_open .mn_btn .mline{display:none;}
.modal_open .mn_btn .bline,
.modal_open .mn_btn:hover .bline,
.modal_open .mn_btn:focus .bline{width:100%;bottom:11px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.menu #gnb .gnb_inner{display:block;width:100%;height:100%;opacity:1; }
.menu #gnb .gnb_inner nav .depth1 li a{opacity:1;margin-top:0;line-height:80px}


/*ǪÅÍ*/
#footerBiff{background:#333;}
.footer_inner {position:relative;margin:0 auto;padding:0;border-top:1px solid #e0e0e0}
.footer_inner p,
.footer_inner a,
.footer_inner address span {color:#aaa;font-size:12px;line-height:30px;/* font-family:'Roboto', Sans-serif; */}

.footer_menu {position:relative;background:#f5f5f5;margin:0; height:56px;}
.footer_menu ul {text-align:center}
.footer_menu ul li {}
.footer_menu ul li a {display:block;font-size:14px;line-height:36px;font-weight:bold;padding:10px;color:#888}
.footer_menu ul li a:hover {color:#fff}

.footer_inner .family {position:absolute;top:30px;right:150px;z-index:10}
.footer_inner .family .select_family_btn {display:block;cursor: pointer;width:160px;padding:8px 20px;background:url(/kor/img/layout/ico_btn_select.png) no-repeat 90% 50% #333;border:1px solid #555;transition: background-color linear .1s;}
.footer_inner .family .select_family_btn a {font-size:14px;font-weight:bold;line-height:36px;color:#fff;}
.footer_inner .family .select_family_btn:hover {background:url(/kor/img/layout/ico_btn_select.png) no-repeat 90% 50% #222;}
.footer_inner .family .select_family_ul { width:160px; font-size:12px; position:absolute; left:0; bottom:56px; border: 1px solid #d9d9d9; background:#fff;display:none;}
.footer_inner .family .select_family_ul li a {display:block; color: #474747; padding:10px; font-size:13px;line-height:20px; min-width:54px; background:#fff;text-align:left;}
.footer_inner .family .select_family_ul li:hover a {background:#f5f5f5;}

.footer_inner .family .select_family_ul.on {display:block;}

.footer_add {position:relative;padding-top:30px;padding-bottom:30px;text-align:center;margin:0}
.footer_add address p span {font-size:14px;letter-spacing:0; color:#fff}
.footer_add address p strong {font-size:14px;margin-right:5px;color:#fff}
.footer_add address p a {font-size:12px;text-decoration:underline;padding:0 5px;}

.footer_sns {position:absolute;top:43px;right:340px;z-index:10}
.footer_sns ul li {padding-left:10px;}
.footer_sns ul li a {display:block;width:20px;height:20px;}

.ico {font-size:0;text-indent:-9999px;background-image:url(/kor/img/layout/img_main_tiny.png); background-repeat:no-repeat;display:inline-block;}
.ico_facebook {background-position:-50px -85px; !important}
.ico_twiter {background-position:-50px -119px;}
.ico_instar {background-position:-50px -151px;}
.ico_youtube {background-position:-50px -181px;}

.copyright { flex-direction:column;padding-top:30px;padding-bottom:30px;margin:0;text-align:center;font-size:12px;font-weight:400;color:#aaa;letter-spacing:0;border-top:1px solid #444}

/*ž¹öÆ°*/
.btn_top{position:absolute; bottom:200px; right:50px; z-index:90;}
.btn_top a {display:block;width:55px; height:55px;background:url(/kor/img/layout/btn_top.png) no-repeat 50% 50% #f5f5f5; background-size:12px 23px;}


/* µå·¡±× ºí·Ï »ö»ó */
::selection {background:#fff3af; color: #000; text-shadow: none;}
::-moz-selection {background:#fff3af; color: #000; text-shadow: none;}
::-webkit-selection {background:#fff3af; color: #000; text-shadow: none;}


/* ------------------------------------------------  responsive web ------------------------------------------------------- */


@media only all and (max-width:1024px) 
{

	#container, .container {width:100%;padding-left:25px;padding-right:25px}

	/* Çì´õ */
	
	.util {display:none !important}
	nav .depth1 {display:none;}


	/* ¸ð¹ÙÀÏ »çÀÌµå ¸Þ´º */
	.mn_btn {display:block;position:absolute} /* ¹öÆ° */

	#m-menu {position:fixed;top:0;right:0;display:block;width:0%;height:100%;background:#fff;opacity:0;transition:all .3s ease;padding:0px;z-index:99;overflow-y:scroll;}
	#m-menu.on {width:100%;opacity:1;padding:3.2rem;}
	
	#m-menu .left_bar {position:relative;bottom:0;right:0;background:#fff;width:100%;float:right;border-bottom:1px solid #e0e0e0}

	.m_family { display:block;}
	
	/*
	#m-menu .family_ul {height:100%}
	#m-menu .family_ul li {display:block;height:25%;background:#f5f5f5;text-align:center;}
	#m-menu .family_ul li.afm {background:linear-gradient(#ffbc0b, #f7b500)}

	#m-menu .family_ul li a {display:block;width:40px;min-height:200px;height:100%;margin:0 auto;overflow:hidden;border-bottom:1px solid #dbdbdb}
	#m-menu .family_ul li.afm a{background:url(/kor/img/layout/family_logo.png)no-repeat 0px 15px;background-size:160px 128px;}
	#m-menu .family_ul li.acf a{background:url(/kor/img/layout/family_logo.png)no-repeat -40px 0px #f5f5f5;background-size:160px 128px;}
	#m-menu .family_ul li.afa a{background:url(/kor/img/layout/family_logo.png)no-repeat -80px 0px #f5f5f5;background-size:160px 128px;border-bottom:none}
	#m-menu .family_ul li.apm a{background:url(/kor/img/layout/family_logo.png)no-repeat -120px 0px #f5f5f5;background-size:160px 128px;}
	*/

	/* add 20200812 */

	#m-menu .family_ul {border-top:1px solid #efefef}
	#m-menu .family_ul li {float:left;width:25%;padding-top:15px;padding-bottom:15px;text-align:center;/* border-bottom:1px solid #444; */}
	#m-menu .family_ul li a {display:block; font-size:0; text-indent:-9999px;width:100px;height:32px;text-align:center;margin:0 auto;}

	
	#m-menu .family_ul li.marget a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px 0px;background-size:100%;}
	#m-menu .family_ul li.apm a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -32px ;background-size:100%}
	#m-menu .family_ul li.afa a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -245px;background-size:100%;}
	#m-menu .family_ul li.acf a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -94px;background-size:100%;}
	#m-menu .family_ul li.forum a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -125px;background-size:100%;}
	#m-menu .family_ul li.commu a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -156px;background-size:100%;}
	#m-menu .family_ul li.press a{background:url(/kor/img/cmm/family_logo3.png)no-repeat 0px -187px;background-size:100%;} 



	#m-menu .qmenu .title {font-size:1.2rem;font-weight:bold}
	
	#m-menu .qmenu .menu_top {border-bottom:1px solid var(--line-gray2);padding-bottom:3.2rem}
	#m-menu .qmenu .menu_top ul {display: flex;justify-content: center;align-items: center;margin-top:1.6rem}
	#m-menu .qmenu .menu_top ul li {width:25%}
	#m-menu .qmenu .menu_top ul li a {display: flex;flex-direction: column;align-items: center;justify-content: center}
	#m-menu .qmenu .menu_top ul li a .icon {margin-bottom:1.2rem}

.icon {display: inline-block;width:24px;height:24px;margin:auto auto;overflow: hidden; vertical-align: middle;text-indent: -9999px;font-size: 0}

.icon-m {width:24px;height:24px;}
.icon-s {width:16px;height:16px;}

.icon-brand {background-image:url(/kor/img/cmm/icon_brand.svg);} /* ºê·£µå ¾ÆÀÌÄÜ */
.icon-essential {background-image:url(/kor/img/cmm/icon_essential.svg);} /* ±âº» ¾ÆÀÌÄÜ */
.icon-share {background-image:url(/kor/img/cmm/icon_share.svg);} /* °øÀ¯ ¾ÆÀÌÄÜ */

/* Navigation icons */
.icon.i_arrow_left_dark {background-position: 0 0;}
.icon.i_arrow_left_light {background-position: -24px 0;}
.icon.i_arrow_left_blue {background-position: -48px 0;}
.icon.i_arrow_top {background-position: -72px 0;}
.icon.i_more {background-position: -96px 0;}
.icon.i_delete_dark {background-position: -120px 0;}
.icon.i_delete_light {background-position: -144px 0;}
.icon.i_reset {background-position: -168px 0;}
.icon.i_lang {background-position: -192px 0;}

/* Function icons */
.icon.i_search_dark {background-position: 0 -24px;}
.icon.i_question {background-position: -24px -24px;}
.icon.i_question2 {background-position: -48px -24px;}
.icon.i_cineq {background-position: -72px -24px;}
.icon.i_share {background-position: -96px -24px;}
.icon.i_switch {background-position: -120px -24px;}

/* Status icons */
.icon.i_info_gray {background-position: 0 -72px;}
.icon.i_info_blue {background-position: -24px -72px;}
.icon.i_warning {background-position: -48px -72px;}
.icon.i_success {background-position: -72px -72px;}
.icon.i_check_gray {background-position: -96px -72px;}
.icon.i_check_blue {background-position: -120px -72px;}

.icon.i_info_gray_s {background-position: -144px -72px;}
.icon.i_info_blue_s {background-position: -168px -72px;}


/* Brand icons */
.icon.i_tv {background-position: 0 0;}
.icon.i_calendar {background-position: -24px 0;}
.icon.i_movie {background-position: -48px 0;}
.icon.i_hello {background-position: -72px 0;}
.icon.i_ticket {background-position: -96px 0;}
.icon.i_shining {background-position: -120px 0;}
.icon.i_film {background-position: -144px 0;}
.icon.i_book {background-position: -168px 0;}
.icon.i_mail {background-position: -192px 0;}
	
	#m-menu .lang { }
	#m-menu .lang a {position:relative;display:inline-block;padding-right:16px;font-size:20px;line-height:30px;font-weight:600;letter-spacing:1px}
	#m-menu .lang a.active {color:#131313}
	#m-menu .lang a.lang_kor {margin-right:18px}
	#m-menu .lang a.lang_kor:after {position:absolute;top:7px;right:0;content:'';width:2px;height:14px;background:#ccc}
	
	#m-menu .depth1 {padding-top:15px;padding-bottom:20px}
	#m-menu .depth1 li {border-bottom:1px solid #e0e0e0;padding:10px 0;}
	#m-menu .depth1 li:last-child {border-bottom:none;}
	#m-menu .depth1 li a {letter-spacing:-1px;color:#444}
	#m-menu .depth1 li .depth1a {font-size:2rem;line-height:50px;}
	#m-menu .depth2 { }
	
	#m-menu .depth1 li.on .depth1a,
	#m-menu .depth1 li.active .depth1a{color:#000}
	#m-menu .depth1 li.on .depth2,
	#m-menu .depth1 li.active .depth2{display:block;padding:15px 0;}

	#m-menu .depth1 .depth2 {position: relative}
	#m-menu .depth1 .depth2:before,
	#m-menu .depth1 .depth2:after {clear:both;display:block;content:'';}

	#m-menu .depth2 li {border-bottom:none;padding:0 0px;display:block; float:left; width:50%;}
	#m-menu .depth2 li a {font-size:1.5rem;line-height:3rem;color:#888}

	#m-menu .depth3 li {border-bottom:none;padding-right:15px; display:block; width:100%;}
	#m-menu .depth3 li a {font-size:1.2rem;line-height:22px;color:#bbb}



	/* ǪÅÍ */

	.footer_inner {padding-top:20px;padding-bottom:30px;border-top:1px solid #e0e0e0}
	.footer_add, .footer_sns {display:none}
	.footer_menu {background:#fff;}
	.footer_menu ul {text-align:left}
	.footer_menu ul li a {background:#f5f5f5;font-size:13px;line-height:16px;min-width:120px;text-align:center}
	.copyright {padding-top:10px;padding-bottom:0px;margin:0;font-size:14px;border-top:none}

	.btn_top {right:20px;top:20px}
	.btn_top a {width:40px;height:40px;background-size:8px 19px}

}

@media only all and (max-width:768px) 
{

	.footer_inner {padding-top:20px;padding-bottom:20px;}
	.copyright {padding-top:0px;}
	.logo a img {width:75%; /* padding: 18.25px 0; */}


}

@media only all and (max-width:320px) 
{


}


@media screen and (max-width: 767px){
	.table-responsive{width: 100%;overflow-x: auto;/* white-space: nowrap; */}
	.table-responsive table{width: 900px;}
}

/* ¸ð¹ÙÀÏ °¡·Î½ºÅ©·Ñ ¾È³» */
.scroll_guide {display:none;}

@media(max-width:768px){
	.scroll_guide {display:flex; align-items:center; /* justify-content:center; */ padding-left:10px; /* position:relative; top:-3px; */ color:#333;}
	.scroll_guide img {height:32px;}
	.scroll_guide > span {padding-left:10px; font-size:15px;}
}

.brd_list .brd_li {overflow:hidden}

/* 2025-07-23 ¼öÁ¤ */
.mview.on .lnb2 {width:100%; border-radius:0 !important; margin-top:15px !important; background-color:#fff !important; border:none !important;}
.mview.on .lnb2 .lnb_inner {position:relative; padding:17px 45px 17px 15px !important; border:1px solid #F3D399; background:linear-gradient(180deg, rgba(255, 174, 0, 0.00) 0%, rgba(255, 174, 0, 0.10) 100%);  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.60) inset; margin-bottom:10px; color:#666 !important; line-height:1.2 !important;}
.mview.on .lnb2 .lnb_inner:after {content:''; display:block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='6' viewBox='0 0 20 6' fill='none'%3E%3Cpath d='M0 5.32622H18L13 0.850281' stroke='black' stroke-opacity='0.5' stroke-width='0.818182'/%3E%3C/svg%3E") 50% 50% no-repeat; width:20px; height:20px; position:absolute; top:calc(50% - 10px); right:20px;}
.mview.on .lnb_inner2 .tit01 {margin-bottom:0 !important; letter-spacing:0 !important; animation:none !important; padding-top:5px !important; }
.mview.on .lnb2 .lnb_inner.hotel {border:1px solid rgba(255, 120, 0, 0.50); background:linear-gradient(180deg, rgba(255, 120, 0, 0.00) 0%, rgba(255, 120, 0, 0.07) 100%); }
.mview.on .lnb2 .lnb_inner.hotel .tit01 {padding-top:0 !important; color:#FF7800 !important; padding-bottom:5px !important;}

.mview.on .lnb2 .hotel br {display:none;}

@media (max-width:360px){
	.mview.on .lnb2 .hotel br {display:block;}

}