@charset "utf-8";

/* 마우스커서 */
#topNavWrap{position:fixed;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,0);background-color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.12)}
#topNavWrap .inner{position:relative;height:120px;padding:15px 0 0}

/* 로고 */
#top_logo{font-size:27px;font-weight:normal;letter-spacing:-.5px;text-align:center;font-family:'notokr-bold'}
#top_logo a{color:var(--dark);white-space:nowrap}

/* 대분류  */
#topNav{display:flex;justify-content:center;width:100%;margin-left:auto;text-align:center}
#topNav > li{position:relative;padding:0 25px;font-size:16px;line-height:68px;}
#topNav > li > a{display:block;color:#333;transition:all .2s;font-family:'notokr-regular'}

/* 소분류 */
.top_nav_s{display:none;position:absolute;left:0;top:65px;z-index:11;width:100%;min-height:195px;padding-top:15px}
.top_nav_s li a{display:block;position:relative;margin:0px;font-size:15px;line-height:1.8;text-align:center;color:#222;-webkit-transition:color .2s;transition:color .2s}
.top_nav_s li a:hover{color:#046fd9}
.top_nav_s li a:before{content:"\f0da";position:absolute;left:-12px;top:1px;-webkit-transition:opacity .2s;transition:opacity .2s;font-size:13.5px;color:#046fd9;opacity:0;font-family:FontAwesome}
.top_nav_s li a:hover:before{opacity:1}

/* 전체메뉴배경 */
.top_nav_bg{position:fixed;width:100%;display:none;top:120px;z-index:10;height:180px;background:#fbfbfb;-webkit-box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.12);box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.12)}

/* gnb */
#topGnb{position:absolute;top:10px;right:40px}
#topGnb li{float:left;margin-left:17px;line-height:33px}
#topGnb li a{font-size:13px;line-height:24px;letter-spacing:-.3px;color:#222;-webkit-transition:all .2s;transition:all .2s}
#topGnb li a.log{display:block;padding:6px 12px;border-radius:2px;font-size:12px;color:#fff;background:#046fd9;font-family:'notokr-medium'}

/* 반응형 메뉴 [s] */
#topmenuM{display:none;justify-content:space-between;align-content:center;position:relative;height:56px;padding:16px 20px;font-family:'notokr-regular'}	
/* 로고 */
#topmenuM .empty{width:18px;height:18px}
#topmenuM .back img{width:18px}
#m_logo{display:flex;align-content:center}
#m_logo a{font-size:18px;font-weight:normal;letter-spacing:-1px;color:var(--dark);font-family:'notokr-bold'}
#topmenuM h2{font-size:18px;font-weight:normal;letter-spacing:-1px;color:var(--dark);font-family:'notokr-bold'}
/* 상단 버튼 및 오픈메뉴 */
#m_navBtn{width:24px;height:24px}
#m_navBtn span{display:block;position:relative;top:50%;transform:translateY(-50%);width:100%;height:2px;background-color:var(--dark)}
#m_navBtn span:before, #m_navBtn span:after{display:block;content:"";position:absolute;top:-6px;width:24px;height:2px;background-color:var(--dark);transition:all .1s}
#m_navBtn span:before{top:-10px}
#m_navBtn span:after{top:10px}
#m_navClose{position:fixed;right:16px;top:16px;z-index:7;width:24px;height:24px}
#m_navClose span{display:block;position:relative;top:50%;transform:translateY(-50%);width:100%;height:2px;background-color:transparent}
#m_navClose span:before, #m_navClose span:after{display:block;content:"";position:absolute;top:0;left:-3px;width:24px;height:2px;background-color:var(--dark);transition:all .1s}
#m_navClose span:before{transform:rotate(45deg)}
#m_navClose span:after{transform:rotate(-45deg)}
#navWrap{display:none;position:fixed;right:0;top:0;z-index:4;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#navWrap .inner{overflow-y:scroll;opacity:0;position:fixed;right:-40px;top:0;z-index:6;width:calc(100% - 20px);height:100%;padding:56px 0;background-color:#fff;transition:all .1s}
#navWrap.on .inner{opacity:1;right:0;transition:all .1s}
#navWrap .inner:before{opacity:0;display:block;position:fixed;top:0;right:-40px;z-index:1;content:"";width:calc(100% - 20px);height:56px;background-color:#fff;transition:all .1s}
#navWrap.on .inner:before{opacity:1;right:0;transition:all .1s}
#navWrap .user_tip{padding:10px 20px;background-color:#f5f5f5}
#navWrap .user_tip li{display:inline-block}
#navWrap .user_tip li+li{margin-left:10px}
/* 대분류 */
#topmenuM .m_lnb .m_bmenu{display:block;position:relative;width:100%;height:52px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:52px;color:#222;text-align:left;font-family:'notokr-medium'}
#topmenuM .m_lnb .m_bmenu:after{float:right;content:"\f105";font-family:'fontawesome'}
/* 소분류 */
#topmenuM .m_smenu{display:none;padding:10px 20px;border-bottom:1px solid #ddd;background-color:#f2f3f5}
#topmenuM .m_smenu li a{font-size:14px;color:#777;line-height:1.8}
@media (max-width:1200px){
#topNav > li{padding:0 15px;letter-spacing:-1.2px}
.top_nav_s li a{font-size:14px;letter-spacing:-1.2px}
}
@media (max-width:1024px){
#topNav > li{padding:0 12px;font-size:15px}
.top_nav_s li a{font-size:13px}
}
@media (max-width:890px){
#topNavWrap{display:none}
#topmenuM{display:flex;border-bottom:1px solid #e1e1e1}	
}
@media (max-width:480px){
}
/* 반응형 메뉴 [e] */