@charset "utf-8";

/* 상단텍스트 롤링 */
#rollTxt{position:relative;z-index:101;overflow:hidden;display:flex;height:38px;font-size:13.5px;color:rgba(255,255,255,.5);letter-spacing:.2px;line-height:38px;white-space:nowrap;background-color:#191919;font-family:'Lato'}
#rollTxt p{display:inline-block;animation:textLoop 90s linear infinite}
@keyframes textLoop{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translate(-100%)}}

#navWrap{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding-top:38px;font-size:14px;font-weight:500;background-color:#fff;transition:padding .2s;font-family:'AppleSDGothicNeo'}
#navWrap.fixed{padding-top:0}
#navWrap .inner{position:relative;width:1280px;margin:0 auto}
#navWrap .clear_bt:after{display:block;content:"";visibility:hidden;clear:both}
#navWrap.fixed #lnb_bg{top:175px}
#navWrap.fixed #lnbWrap{height:55px}
#navWrap.fixed #lnbWrap > li > a{line-height:55px}
#navWrap.fixed .lnb{top:55px}

/* 지점찾기/로그인 */
#navWrap .gnb{padding:12px 0 0}
#navWrap .gnb .campus_sch{float:left;display:flex;align-items:center;position:relative}
#navWrap .gnb .campus_sch .tit{margin-right:25px;font-size:15px;font-weight:700;color:#111}
#navWrap .gnb .campus_sch .tit img{vertical-align:-1px;padding-left:3px}
#navWrap .gnb .campus_sch .campus_sch_btn{font-size:15px;color:#9e9e9e;cursor:pointer}
#navWrap .gnb .campus_sch .campus_sch_btn.on{color:#111}
#navWrap .gnb .campus_sch .campus_sch_btn:after{content:"\f107";padding-left:12px;font-family:'fontawesome'}
#navWrap .gnb .campus_sch .campus_sch_btn.on:after{content:"\f106";padding-left:12px;font-family:'fontawesome'}
#navWrap .gnb .campus_list{display:none;position:absolute;top:30px;left:0;z-index:101;width:560px;background-color:#111}
#navWrap .gnb .campus_list dl{overflow:hidden;position:relative}
#navWrap .gnb .campus_list dt{float:left;width:85px;height:40px;font-size:15px;color:#fff;text-align:center;line-height:40px;background-color:#9b4ddf}
#navWrap .gnb .campus_list dl:hover dt{background-color:#ad4eff}
#navWrap .gnb .campus_list dd{float:left;padding:0 6px;font-size:15px;line-height:40px}
#navWrap .gnb .campus_list dd a{color:#aaa}
#navWrap .gnb .campus_list dd a:hover{color:#fff}
#navWrap .gnb .campus_list dd:first-of-type{padding-left:12px}
#navWrap .gnb .campus_list dl+dl:after{display:block;content:"";position:absolute;left:85px;top:0;width:100%;height:1px;background-color:rgba(255,255,255,.15)}
#navWrap .gnb .member{float:right}
#navWrap .gnb .member li{float:left}
#navWrap .gnb .member li+li:before{display:inline-block;content:"";width:1px;height:10px;margin:0 10px;background-color:#ccc}
#navWrap .gnb .member li a{font-size:14px;color:#111}

/* 로고/검색 */
#navWrap .mid{position:relative;text-align:center}

#navWrap .mid h1{padding:10px 0}
#navWrap .mid h1 img{max-height:55px}
#navWrap .mid .sch_area{position:absolute;right:0;top:7px;text-align:left}
#navWrap .mid .sch_area .wrap{width:295px;margin-bottom:10px;border-bottom:2px solid #111} 
#navWrap .mid .sch_area .wrap input{width:265px;height:36px;border:none;font-family:'AppleSDGothicNeo'}
#navWrap .mid .sch_area .wrap input:focus{border:none!important;box-shadow:none;outline:none}
#navWrap .mid .sch_area .wrap button{width:25px;height:25px;border:none;background:url(/sh_img/hd/top_menu/sch.png) center no-repeat}
#navWrap .mid .sch_area .kwd li{display:inline-block;font-size:13px;cursor:pointer}

/* 대분류  */
#lnbWrap{display:flex;justify-content:center;position:relative;height:65px;margin-top:10px;padding:0 30px;text-align:center;-webkit-transition:height .2s;transition:height .2s}
#lnbWrap:before,#lnbWrap:after{ display:block; content:""; position:absolute; left:calc((100% - 1280) / 2); top:0; z-index:-1; width:100vw;height:1px; background:#e1e1e1}
#lnbWrap:after{top:auto;bottom:0}

#navWrap .mid .slide_area{position:absolute;left:0;top:50%;transform:translateY(-50%);height:35px;}
#navWrap .mid .slide_area ul li{height:34px !important;}
@media(max-width:1280px){
#lnbWrap:before{left:0}
}
#lnbWrap.hq{padding:0}
#lnbWrap > li{flex-grow:1;position:relative}
#lnbWrap > li > a{display:block;padding:0 25px;font-size:16px;font-weight:600;color:#111;line-height:65px;-webkit-transition:line-height.2s;transition:line-height .2s}
#lnbWrap > li:hover > a{color:#ad4eff;background-color:#111}
#lnbWrap > li:hover .lnb{background-color:#111}
#lnbWrap > li:hover .lnb a{color:#fff}

/* 소분류 */
#lnbWrap .lnb{display:none;position:absolute;top:64px;width:100%;height:255px;left:50%;transform:translateX(-50%);padding:15px 10px 0}
#lnbWrap .lnb li a{display:block;font-size:14px;letter-spacing:-.5px;line-height:32px;color:rgba(255,255,255,.6)}
#lnbWrap .lnb li a:hover{color:#ad4eff}

/* 전체메뉴배경 */
#lnb_bg{display:none;position:absolute;top:223px;width:100%;height:255px;background-color:rgba(0,0,0,.85)}