@charset "utf-8";

.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}


body.body_mobile_menu_open #tnb,
body.body_mobile_menu_open .mobile_foot_fix_menu {visibility:hidden;}

.mobile_menu_search_box{position: fixed;top:26px;left:50px;z-index:1100;display:none;}
.mobile_menu_search_box.res_top_login_y{}
.mobile_menu_search_box.res_top_login_n{top:32px;left:60px;}

.mobile_menu_search_box .span_search_box{margin-right:10px;}
.mobile_menu_search_box .span_search_box a{font-size:1.8em;color:#9b9494;}
.mobile_menu_search_box .span_search_box a i{color:#9b9494;}
.mobile_menu_search_box .span_search_box a:focus,
.mobile_menu_search_box .span_search_box a:hover{color:#fff;}


.mobile_menu_small_login{position: fixed;top: 25px;left:10px;z-index:1100;display:none;}
.mobile_menu_small_login .span_small_login{margin-right:10px;}
.mobile_menu_small_login .span_small_login a{font-size:2.6em;color:#9b9494;}
.mobile_menu_small_login .span_small_login a i{color:#9b9494;}
.mobile_menu_small_login .span_small_login a:focus,
.mobile_menu_small_login .span_small_login a:hover{color:#fff;}
.mobile_menu_small_login.m_m_s_login_in .span_small_login a{font-size:2em;}
.mobile_menu_small_login .span_small_login.span_small_login_join,
.mobile_menu_small_login .span_small_login.span_small_login_logout{display:none;}
.mobile_menu_small_login .span_small_login.span_small_login_hybrid{margin-left:10px;}
.mobile_menu_small_login .span_small_login.span_small_login_hybrid .a_small_login_hybrid i{color:#eff940;}

.mobile_menu_id_info{position: fixed;top: 21px;right:65px;height: 35px;z-index:1100;margin-right:1px;display:none;}
.mobile_menu_id_info span{display: inline-block;line-height: 25px;padding: 5px 10px;border-radius: 25px;background: rgba(95, 95, 95, 0.5);color: #fff;font-size: 1.2em;}
.mobile_menu_id_info span a{color: #fff;font-size: 1.2em;}

.mobile_menu{position: relative;width: 95%;margin:60px 5px 5px auto;padding:5px;}

.mobile_menu .mobile_menu_login .mobile_menu_outlogin a, 
.mobile_menu .mobile_menu_login .mobile_menu_outlogin img, 
.mobile_menu .mobile_menu_login .mobile_menu_outlogin label{}

.mobile_menu.mobile_menu_guest .mobile_menu_login{position:fixed;top:80px;left:50%;transform: translateX(-50%);width: 100%;padding: 0 10px;}
.mobile_menu.mobile_menu_guest .mobile_menu_login .mobile_menu_outlogin{position: relative;display:none;}
.mobile_menu.mobile_menu_guest .mobile_menu_login .tail_mobile_outlogin-loading {position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7);z-index: 9999;display:none;}
@keyframes tail_mobile_outlogin_sub-spinner {
	from {transform: rotate(0deg); }
	to {transform: rotate(360deg);}
}
.mobile_menu.mobile_menu_guest .mobile_menu_login .tail_mobile_outlogin-loading .tail_mobile_outlogin_sub-spinner {
box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;margin-top: -32px;margin-left: -32px;border-radius: 50%;
border: 8px solid transparent;border-top-color: #f19022;border-bottom-color: #f19022;animation: tail_mobile_outlogin_sub-spinner .8s ease infinite;}

.mobile_menu.mobile_menu_member .mobile_menu_login{position:fixed;top:80px;left:50%;transform: translateX(-50%);width: 100%;padding: 0 10px;}
.mobile_menu.mobile_menu_member .mobile_menu_login .mobile_menu_outlogin{position: relative;display:none;}

 .mobile_menu .mobile_tail_menu_window_size{position: relative;width:100%;margin:5px;color:#fff;font-size:1.2em;text-align:center;z-index:1100;}

/* 1차 메뉴 .......................... */
.mobile_menu ul.ul-mobile-list{width: 100%; overflow: hidden;}
.mobile_menu ul.ul-mobile-list.vis-hidden{visibility:hidden;}
.mobile_menu ul.ul-mobile-list li.mobile-list {width: 98%;border-bottom: 1px solid #787878;}
.mobile_menu.mobile_menu_nor ul.ul-mobile-list li.mobile-list:last-child {border-bottom: none;}

.mobile_menu ul.ul-mobile-list li.mobile-list a {color: #fff;padding: 12px 0;text-transform: uppercase;text-align:center;font-size: 18px;font-weight:900;}

.mobile_menu ul.ul-mobile-list li.mobile-list a.gnb_1da {width: 100%;font-size: 18px;}
.mobile_menu ul.ul-mobile-list li.mobile-list a.gnb_1da span.span_gnb_1da_op{float:right;}
.mobile_menu ul.ul-mobile-list li.mobile-list a.gnb_1da span.span_gnb_1da_op:before {content:"\f0fe";display:inline-block;font-family:"Font Awesome 5 Free";}

.mobile_menu ul.ul-mobile-list li.mobile-list.mt_active a.gnb_1da{color: #ff4081;}
.mobile_menu ul.ul-mobile-list li.mobile-list.mt_active a.gnb_1da span.span_gnb_1da_op:before {content:"\f146";display:inline-block;font-family:"Font Awesome 5 Free";}

/* 2차 메뉴 .......................... */
.mobile_menu ul.ul-mobile-list li.mobile-list ul.mb-sub-ul {display: none; background: #333;border-radius: 10px;}
.mobile_menu ul.ul-mobile-list li.mobile-list ul.mb-sub-ul.mb-sub-ul-nosub {}

.mobile_menu ul.ul-mobile-list li.mobile-list ul.mb-sub-ul li.li-sub-ul{}
.mobile_menu ul.ul-mobile-list li.mobile-list ul.mb-sub-ul li.li-sub-ul a {display: block;font-size: 16px;font-weight: 100;padding: 12px 0;}
.mobile_menu ul.ul-mobile-list li.mobile-list ul.mb-sub-ul li.li-sub-ul a:hover{background-color:#c80e21;}

.mobile_menu_cur_file_info{position: absolute;bottom:15px;right:15px;display:none;}
.mobile_menu_cur_file_info span{display: inline-block;line-height: 25px;padding: 5px 10px;border-radius: 25px;background: rgba(95, 95, 95, 0.5);color: #fff;font-size: 1.2em;}

/* 2차 메뉴 클릭시 로딩 spinner .......................... */
.mobile_menu .sub-mb-sub-ul-link-loading {position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7);z-index: 9999;display:none;}
@keyframes sub-link-spinner {
	from {transform: rotate(0deg); }
	to {transform: rotate(360deg);}
}
.mobile_menu .sub-mb-sub-ul-link-loading .sub-link-spinner {
box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;margin-top: -32px;margin-left: -32px;border-radius: 50%;
border: 8px solid transparent;border-top-color: #f19022;border-bottom-color: #f19022;animation: sub-link-spinner .8s ease infinite;}

@media all and (min-width:601px){
	.mobile_menu_small_login{left:21%;}
	.mobile_menu_outlogin{width:80%;left: 20%;}
}

@media all and (max-width:600px){
	.mobile_menu_small_login{left:10px;}
}