/*헤드추가*/
.navArea_mo{display:none}

#header {background-color:#fff !important; border-bottom:1px solid #eee;}
#header.fixed {background-color:#fff !important;}
.navbar-brand {display:inline-block; padding:12px 0 0 !important; height:50px !important; line-height:50px !important;}
.top_logo img{max-width: 146px; float: left; width: 100%;}
.hd_nav{position: relative; padding: 10px 0;}
.hd_top{position: absolute; left: 15px; z-index:9}
.hd_top #logo a {display: inline-block; padding-top:3px;}
.hd_top #logo a img{width: 100%; max-width: 300px;}
.hdTop_img1{position: absolute; top: 26px; left: 0;}
.hdTop_img2{width:146px;position: absolute; top: 35px; right: 0;}
.hdTop_img2 #mo_sev h2{ display: none;}
.pcArea .gnb{width:100%;position:relative;}
.pcArea .gnb > div{text-align:center;height:50px;}
.pcArea .gnb > div:first-child{position:relative;}
.pcArea .gnb > div:last-child{overflow:hidden;height:0;position:absolute;top:61px;left:0;width:100%;background:#fff;box-sizing:border-box;-webkit-transition: height 0.5s;transition: height 0.5s;}
.pcArea .gnb ul{line-height:50px;display:inline-block;}
.pcArea .gnb ul li{float:left;width:155px;height:61px;text-align:center;font-size:16px;font-weight:bold;box-sizing:border-box;color:#333;}
.pcArea .gnb .maingnb li a{display:inline-block;box-sizing:border-box;height:inherit;padding:0 3px;color:#333; margin-top:0px; }
.pcArea .gnb .maingnb li:hover a, .pcArea .gnb .maingnb li.on a{color:#0C71C3;border-bottom:3px solid #0C71C3;}

.pcArea .gnb .subgnb{z-index:1100;}
.pcArea .gnb .subgnb.on{height:270px;border:1px solid #ccc; border-top:none}
.pcArea .gnb .subgnb ul{line-height:42px;height:auto;}
.pcArea .gnb .subgnb ul li{padding-top: 20px;height:auto;}
.pcArea .gnb .subgnb ul li a{font-size:16px;font-weight:normal;display:block;color:#333;}
.pcArea .gnb .subgnb ul li a:hover{color:#0C71C3;}

.pcArea .gnb .subgnb ul li:hover .pcArea .gnb .maingnb li a{color:#0C71C3;border-bottom:3px solid #0C71C3;}

.hd_language{background:#0C71C3; padding: 6px 0;}
.hd_language > div {
    text-align: right;
    width: 100%;
    /*max-width: 1320px;*/
    margin: 0 auto;
    padding: 0 21px;
}
.hd_language ul{height:inherit; display:inline-block; margin: 0;}
.hd_language ul li {
    float: left;
    height: inherit;
    margin-left: 12px;
    border-left: 1px solid #fff;
    padding-left: 12px;
}
.hd_language ul li:first-child{border-left:0}
.hd_language ul li a{font-size:16px; color:#fff;}


@media (max-width:1250px) {
	.pcArea .gnb > div{text-align: right;}
	.hd_top #logo a img{max-width: 280px;}
}


@media (max-width:970px) {
	.navArea_pc{display:none}
	.navArea_mo{display:block}
	.hd_language > div {padding:0 15px;}
	
	.hd_nav{overflow: hidden;}
	.hd_top {position: inherit; float:left}
	.hd_top #logo a img{max-width: 230px;}
}


/*카테고리*/
#hd_btn {position:absolute;top:6px;right:0}
#hd_btn button.btn_icon{height:45px;line-height:45px;width:45px;background-color:transparent;border:0;vertical-align:top}
#hd_btn  i{font-size:18px}
#hd_btn a.btn_icon{display:inline-block;line-height:45px;height:45px;width:45px;text-align:center;vertical-align:top}
#btn_cate{background:url('../img/menuBtn.png') no-repeat 50% 50%; background-size: 30px;}

.menu_wr h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}


 @media (max-width: 970px){
    .menu {display:none;overflow-y:auto;position:fixed;top:0;right:0;height:100%;width:100%;background:#fff;z-index:99999;text-align:left;
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    box-shadow: 0 2px 15px rgba(0,0,0,0.2)}

    .btn_login{background:#fff;padding:0 10px}
    .btn_login .btn_ol{line-height:55px;height:55px;border:0;background:none;color:#717989;padding:0 10px;position:relative}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}

    .menu .menu_close {width:100%;height:55px;background:#0C71C3;color:#aaa;font-size:16px;border:0;z-index:199999;text-align:right;padding-right:20px}
    .menu .menu_close:hover{color:#000}
	.menu .menu_close img{max-width:30px;}
    .menu_wr{padding:10px 0;}
    .menu_wr a {display:block;padding: 0 20px;color:#727280; font-size: 1.3em;}
    .menu_wr li{position:relative;z-index:99999;line-height:45px;}
    .menu_wr li button{position:absolute;top:0;right:0;border:0;width:100%;height:45px;overflow:hidden;border:0;background:url(../img/gnb_bg.png) no-repeat 94% 50%;text-indent:-9999px}	
    .menu_wr li button.ct_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 94% 50%}


    .sub_cate{display:none;background:#f3f3f3;font-size:0.923em;}                                                     
    .sub_cate a{padding-left:17px}
    .sub_cate1{padding-left:10px}
    .sub_cate li:hover{position:relative;}
    .sub_cate2 a{padding-left:40px;background-position:31px 17px}
    .sub_cate3 a{padding-left:50px;background-position:41px 17px}
    .sub_cate4 a{padding-left:60px;background-position:51px 17px}
 }
