/* body { padding:10px} */

.logo_ch{display:none;}

.header {width: 100%;position: fixed;top: 0;left: 0;z-index: 100;height: 61px;border-bottom: 1px solid #ccc;background: #fff;}

.header .header-inner{min-width: 1300px;max-width:100%;margin:0 auto}
.header .header-inner .gnb-inner div.on {display: block;height: 320px;border-bottom: 1px solid #ccc;}

.header .header-inner .gnb .tabs li a span	{font-weight: 500; font-size:16px; }
.header .header-inner .gnb .tabs {padding:0 0 0 }
.header .header-inner .gnb .tabs li { text-align:center}
.header h1 {/*width: 110px;height: 22px;background: url() no-repeat;*/ position:absolute; left:4%}
.header-inner h1 a{display: block;}
.header .header-inner h1 img{width: 104px;margin-top: 15px;}
.header .header-inner{line-height: 50px;position: relative; height: 60px;}
.header .header-inner .gnb>ul::after{content: "";display: block;clear: both;}
.header .header-inner .gnb>ul>li{float: left; width: 15%;line-height: 59px;}
.header .header-inner .gnb>ul>li.on .line{display: block; height: 3px; background-color: #1e1e1e;position: relative;top: px;}

header .header-inner .tabs{text-align: center;}
header .header-inner .tabs li a{color:#000;}
header .header-inner .tabs li a span{font-weight: 500;}

.lang .list_lang li a{color:#1e1e1e;}

.gnb_m{z-index:9999;}
.gnb-inner { height: 0px;overflow: hidden;position: absolute;top: 60px;left: 0;width: 100%;background: #fff;width:100%;
text-align: center;transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;box-sizing: border-box;box-shadow: 0px 0px 5px 0  rgba(0,0,0,0.1);}
.header .header-inner:hover .gnb-inner { height:320px}
.gnb-inner a:hover{border-bottom: 1px solid #000;}
.gnb-inner .inner {width:70%; margin:0 auto}
.gnb-inner .inner ul { display: inline-block; width:15%; border-right: 1px solid #ccc;box-sizing: border-box;height: 320px; display: inline-block; float:left; }


.header .header-inner .gnb-inner ul:first-child{border-left: 1px solid #ccc;margin:0 0 0 0px; }
.header .header-inner .gnb-inner li{line-height: 25px;text-align: center;}
.header .header-inner .gnb-inner li>a{font-size: 14px;line-height: 22px;padding:2px 0;color: #666 !important;font-weight: 500;}
.header .header-inner .gnb-inner span{ color:#000;font-size: 15px; font-weight: 500; display: block;margin-top: 35px;margin-bottom: 20px;}
.header .header-inner .gnb-inner span:hover{text-decoration:underline;}

.lang{float: right;}
.lang .list_lang{position: absolute; top: 0;right: 4%;}
.lang .list_lang li{float: left;line-height: 57px;margin-right: 10px;}

.lang .list_lang li a{color:#000 !important;font-size: 14px;}
.lang .list_lang li.on a{color: #000 !important; font-weight: 500;}


/*메인 햄버거 메뉴*/
.gnb_m img{width: 104px;margin: 25px 0 0 20px;}
.fas.fa-bars{font-size: 25px;color: #000;line-height: 60px;  float: right; margin-right: 40px;text-indent: -99999px;}
.fas.fa-bars.on{display: block;}
.fas.fa-bars.out{display: none;}
.gnb_m{position: fixed;top: 0;left:-100%;width: 100%;height: 100%;background-color: #fff;z-index: 101;overflow-y: auto;}
.gnb_inner > ul > li > span{display: block;padding: 15px 20px;font-size: 16px;font-weight: bold;}
.gnb_inner ul div{height: 0;overflow: hidden; }
.gnb_inner div ul li{padding: 15px 30px; font-size: 14px;border-bottom: 1px solid #e6e6e6;}
.gnb_inner div ul li strong a{font-weight: 500;}
.gnb_inner{margin-top: 70px;}

.fas.fa-times{cursor: pointer;font-size: 24px;float: right; padding: 4%;display: none;}
.fas.fa-times.on{display: block;}

@media screen and (max-width:800px){
    .header{min-width: 0;}
    .header .header-inner{min-width: auto;}
    .header .header-inner .gnb{display: none;}
    .lang .list_lang{display: none;}
    .fas.fa-bars{text-indent: unset;}
}
@media screen and (max-width:600px){
    .header h1{left: 20px;}
    /* .header .header-inner h1 img{width: 120px;margin-top: 20px;} */
    .fas.fa-bars{margin-right: 20px;}
}
.company , .brand , .csr , .pr, .career , .business {border-bottom:2px solid;border-color: #fff}
.company:hover , .brand:hover , .csr:hover , .pr:hover, .career:hover , .business:hover {border-color: #000}

/* svg-icon에 mix-blend-mode 적용 */
.menu_svg_icon {
    color: white;
    mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
}