@charset "utf-8";


/* main header */

.header_wrap{position:fixed; z-index: 999999; overflow: hidden;}
.header_wrap.shadow{overflow: visible;}
.header_wrap.shadow:after{content:""; position:absolute; width:100%; height:100%; box-shadow:1px 4px 28px 0 rgba(0, 0, 0, 0.2); bottom:0; left:0; z-index: 2;}
.header_wrap.sub{}
.sub_header_wrap{display:none;}
.header_wrap .header_inner{ overflow: visible;}
.header_wrap .header_contents{z-index: 10; background-color:#fff;}
.header_wrap.active  .header_contents{overflow: visible;}
.header_wrap.active  .header_contents > div{background-color: #fff;}
.header_wrap .header_con{padding-right:15px; padding-left:15px;}
.header_wrap .logo_con{padding-top:28px; padding-bottom:27px; background-color:#fff; text-align:center; float:left; display:block; transition:all .3s;}
.header_wrap .logo_con .hover_logo{display:none;}
.header_wrap .header_util_con{float:right; font-size:0; line-height:0; margin-top:25px; text-align:right;}
.header_wrap .language_select_con{display:none; vertical-align:middle; margin-right:30px; overflow: hidden;}
.header_wrap .language_select{ font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.01em; border-radius:0; border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; background-color: transparent;
    width:60px; padding-top:4px; padding-left:10px; padding-right:10px; padding-bottom:6px; background-image:url('../img/language_select_arrow.png'); background-repeat: no-repeat; background-position: right 7px center;
    -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer;}
.header_wrap .language_select option{background-color:transparent; color:#000;}
.header_wrap .header_search_icon_con{display:inline-block; vertical-align:middle; margin-right:30px; cursor: pointer;}
.header_wrap .header_seperate_line{display:none; vertical-align:middle; height:30px; border:none; border-right:1px solid #fff; opacity: 0.4; filter:alpha(opacity=40); margin-right:30px;}
.header_wrap .gnb_menu_icon_con{display:inline-block; vertical-align: middle; cursor: pointer; width:35px;}
.header_wrap .gnb_menu_icon_con.mobile{text-align: right; display:table-cell; vertical-align: middle; width:70px;}
.header_wrap .header_search_icon{display:none;}
.header_wrap .header_search_icon.black{display:inline;}
.header_wrap .gnb_menu_icon{display:none;}
.header_wrap .gnb_menu_icon.close{display:none;}
.header_wrap .gnb_menu_icon.black{display:inline;}
.header_wrap .header_fixed_dim{width:100%; position: absolute; top:0; left:0; background-color: #fff; height:0; max-height:80px; transition:all .3s;}
.gnb_controller{overflow:visible;}

/* mobile control */
.header_wrap.active .gnb_wrap{/*right:0;
    -webkit-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -ms-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;*/}
.header_wrap.active .gnb_menu_icon_con.web{display:none;}
.mobile_gnb_util_con{display:table; width:100%; height:80px; padding-left:50px; padding-right:30px; box-sizing: border-box;}
.mobile_gnb_util_con .mobile_select_language_con{display:table-cell; vertical-align: middle;}
.mobile_gnb_util_con .mobile_select_language{font-size:24px; line-height:30px; letter-spacing: -0.025em; color:#000; font-weight:400;
    opacity:0.3; filter:alpha(opacity=30); display:inline-block; vertical-align: middle; margin-right:20px; cursor: pointer;}
.mobile_gnb_util_con .mobile_select_language:last-child{margin-right:0;}
.mobile_gnb_util_con .mobile_select_language.active{color:#e42e2f; opacity:1; filter:alpha(opacity=100);}
.mobile_gnb_controller .header_sns{float:left;display:block;padding:20px 0 20px 50px;font-size:0;}
.mobile_gnb_controller .header_sns a {display:inline-block;vertical-align: middle;}
.mobile_gnb_controller .header_sns a ~ a {margin-left:14px;}
.mobile_gnb_controller .header_sns img{width:50px;height:50px;}






/* 화면이 제일 위에 고정 되어 있을 시 gnb 오픈 시 적용 되는 css */
.header_wrap.active{}
.header_wrap.active .logo_con{padding-left:0;}
.header_wrap.active .logo_con:hover{background-color: transparent;}
.header_wrap.active .logo_con:hover .hover_logo{display:none;}
.header_wrap.active .logo_con:hover .prev_logo{display:inline;}
.header_wrap.active .header_search_icon{display:none;}
.header_wrap.active .header_search_icon.black{display:inline;}
.header_wrap.active .header_seperate_line{border-color:#000; opacity:0.2; filter:alpha(opacity=20);}
.header_wrap.active .gnb_menu_icon{display:none;}
.header_wrap.active .gnb_menu_icon.close{display:none;}
.header_wrap.active .gnb_menu_icon.close_m{display:inline;}
.header_wrap.active .language_select{color:#000; border-color:rgba(0, 0, 0, 0.2); background-image:url('../img/language_select_arrow_black.png');}

/* //main header */




/* sub header */
.sub_header_wrap{}
.sub_header_wrap .header_contents{z-index: 10;}
.sub_header_wrap .header_inner{}
.sub_header_wrap .header_con{padding-left:15px; padding-right:15px;}
.sub_header_wrap .logo_con{padding-top:28px; padding-bottom:27px; text-align:center; float:left; display:block;}
.sub_header_wrap .header_util_con{float:right; font-size:0; line-height:0; padding-top:25px; padding-bottom:25px; text-align:right; width:134px; display:none;}
.sub_header_wrap .language_select_con{display:inline-block; vertical-align:middle; /*margin-right:30px;*/}
.sub_header_wrap .language_select{ font-size:12px; line-height:18px; color:#000; letter-spacing:-0.01em; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; background-color: transparent;
    width:60px; padding-top:4px; padding-left:10px; padding-right:10px; padding-bottom:6px; background-image:url('../img/language_select_arrow_black.png'); background-repeat: no-repeat; background-position: right 7px center;
    -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer;text-align:left;}
.sub_header_wrap .language_select option{background-color:transparent; color:#000;}
.sub_header_wrap .header_search_icon_con{display:inline-block; vertical-align:middle; cursor: pointer;}
.sub_header_wrap .header_sns{display:none;}
/* //sub header */



@media all and (min-width:992px){
    /* main header */
    .header_wrap{position:absolute;}
    .header_wrap.sub{display:none;}
    .sub_header_wrap{display:block; z-index: 3;}
    .sub_header_wrap:after{content:""; position:absolute; width:100%; height:100%; box-shadow:1px 4px 28px 0 rgba(0, 0, 0, 0.2); bottom:0; left:0; z-index: 2;}
    .header_wrap .header_con{padding-right:0; padding-left:0;}
    .header_wrap .header_contents{background-color: transparent;}
    .header_wrap .logo_con{padding-left:33px; padding-right:33px; padding-top:88px; padding-bottom:87px;}
    .header_wrap .header_util_con{margin-top:85px;}
    .header_wrap.active .header_util_con{margin-top:25px;}
    .header_wrap .language_select_con{display:inline-block;}
    .header_wrap .header_seperate_line{display:inline-block;}
    .header_wrap .header_search_icon{display:inline;}
    .header_wrap .header_search_icon.black{display:none;}
    .header_wrap .gnb_menu_icon_con.web{display:inline-block;}
    .header_wrap .gnb_menu_icon_con.mobile{display:none;}
    .header_wrap .gnb_menu_icon{display:inline;}
    .header_wrap .gnb_menu_icon.close_m{display:none;}
    .header_wrap .gnb_menu_icon.close{display:none;}
    .header_wrap .gnb_menu_icon.black{display:none;}
    .header_wrap .header_sns{display:none;}

    /* 화면이 1px이라도 내려갔을 시 적용 되는 header css */
    .header_wrap.header_fixed{position: fixed; top:0; left:0;}
    .header_wrap.header_fixed .header_fixed_dim{height:100%;}
    .header_wrap.header_fixed .logo_con{padding-top:28px; padding-bottom:27px; padding-left:0; padding-right:0; background-color: transparent;}
    .header_wrap.header_fixed .logo_con:hover{background-color: transparent;}
    .header_wrap.header_fixed .logo_con:hover .hover_logo{display:none;}
    .header_wrap.header_fixed .logo_con:hover .prev_logo{display:inline;}
    .header_wrap.header_fixed .header_util_con{margin-top:25px;}
    .header_wrap.header_fixed .header_search_icon{display:none;}
    .header_wrap.header_fixed .header_search_icon.black{display:inline;}
    .header_wrap.header_fixed .header_seperate_line{border-color:#000; opacity:0.2; filter:alpha(opacity=20);}
    .header_wrap.header_fixed .gnb_menu_icon{display:none;}
    .header_wrap.header_fixed .gnb_menu_icon.black{display:inline;}
    .header_wrap.header_fixed .language_select{color:#000; border-color:rgba(0, 0, 0, 0.2); background-image:url('../img/language_select_arrow_black.png');}



    /* 화면이 1px이라도 내려갔을 시 gnb 오픈 시 적용 되는 css */
    .header_wrap.header_fixed.active{}
    .header_wrap .gnb_wrap{margin-top:193px;}
    .header_wrap.header_fixed.active .gnb_wrap{padding-top:16px;}
    /*.header_wrap.header_fixed.active .header_inner{height:480px !important;}*/
    .header_wrap.header_fixed.active .logo_con{margin:0;}
    .header_wrap.header_fixed.active .gnb_menu_icon.black{display:none;}


    /* 화면이 제일 위에 고정 되어 있을 시 gnb 오픈 시 적용 되는 css */
    .header_wrap.active{background-color:#fff;}
    .header_wrap.active .logo_con{padding-top:0; padding-bottom:0; margin-top:28px; margin-bottom:43px;}
    .header_wrap.active .gnb_menu_icon.close{display:inline;}
    .header_wrap.active .gnb_menu_icon.close_m{display:none;}
    .header_wrap.active .gnb_wrap{height:100%;}
    .header_wrap.active .gnb_menu_icon_con.web{display:inline-block;}
    .header_wrap.active.header_fixed .logo_con{padding-top:28px; padding-bottom:27px;}


    .mobile_gnb_util_con{display:none;}

    /* sub header */
    .main .sub_header_wrap{position: absolute; top:0; left: 0; background-color: #fff;}
    .sub_header_wrap .header_contents{padding-bottom:0; transition:all .3s;}
    .sub_header_wrap .header_contents.active{padding-bottom:60px;}
    .sub_header_wrap .header_contents.esg{padding-bottom:210px;}
    /*.main .sub_header_wrap .header_contents:hover{padding-bottom: 60px;}*/
    .sub_header_wrap .header_con{padding-left:0; padding-right:0; transition:border 0s;}
    /*.sub_header_wrap .header_contents.active .header_con{border-bottom:1px solid rgba(0, 0, 0, 0.15);}*/
    .sub_header_wrap .header_contents.active .header_con .sub_gnb_wrap .gnb_con.menu_depth_1 > li > ul{border-top:1px solid rgba(0, 0, 0, 0.15);}
    .sub_header_wrap .header_util_con{display:block;}
    .sub_header_wrap .header_sns{display:block;position: absolute;right: 86px;top: 23px;font-size:0;}
    .sub_header_wrap .header_sns a {display:inline-block;vertical-align: middle;}
    .sub_header_wrap .header_sns a ~ a {margin-left:10px;}
    .sub_header_wrap .header_sns img{width:34px;height:34px;}

    .header_wrap .header_inner{ overflow: hidden;}

    .gnb_controller{overflow:hidden;}
}