#header.new{background-image: none;height: 80px; position: fixed; left: 0;top: 0;right: 0; z-index: 999;background-color: #DA2128;}
#header .inner{width: 1200px;margin: 0 auto;}
#header .inner .mobile{position: absolute;left:148px;top: 0;}
#header .inner .logo{display: inline-block;vertical-align: top; width: 190px;}
#header .inner .logo a{display: block;height: 80px; text-indent: -9999em; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/gnb_logo.png);}
#header .inner .mobile .menu{display: none;}

#header .gnb {margin: 0 auto;}	
#header .gnb ul{font-size: 0; text-align: center;}
#header .gnb li {display: inline-block; vertical-align: top; z-index:40;}
#header .gnb li a {display:block;width: 100%; color:#fff; padding:0; text-align:left; cursor:pointer;}
#header .gnb > ul > li{ margin-left: 100px;}
#header .gnb > ul > li:first-child {margin-left: 0;}
#header .gnb > ul > li > a {font-size:20px;text-align:center; font-weight: 400; height: 80px; line-height: 80px; padding: 0 12px;}
#header .gnb > ul > li > a:hover,#header .gnb > ul > li > a.on{border-bottom: 3px solid #fff;}

#header .gnb ul.menu li .depth02{z-index:50;position:absolute; top:80px; left:0; right:0; background-color: #fff;width: 100%;display: none;}
#header .gnb ul.menu li.on .depth02, #header .gnb ul.menu li a.on + .depth02{display: block;}
#header .gnb ul.menu li .depth02 .depth_inner{display: table; width: 1563px; margin: auto; font-size: 0; height: 190px; text-align: left; table-layout: fixed;}

#header .gnb ul.menu li .depth02 .depth_tit{position: relative; display: table-cell; width: 223px;;vertical-align: top;background-color: #2f2f31; padding: 50px 0 40px; font-size: 0;}
#header .gnb ul.menu li .depth02 .depth_tit:after{content: '';z-index: -1; position: absolute; top: 0;right: 0;left: -5000px; bottom: 0; background-color: #2f2f31;}
#header .gnb ul.menu li .depth02 .depth_tit strong{display: block;font-size: 40px;color: #fff;font-weight: 500;line-height: 60px;position: relative;margin-bottom: 9px; padding-left: 22px;}
#header .gnb ul.menu li .depth02 .depth_tit strong:before{content: '';width: 8px;height: 8px;background-color: #da2128;position: absolute;left:0;top:8px;}
/* #header .gnb ul.menu li .depth02 .depth_tit strong:after{content: '';width: 20px;height: 1px;background-color: #fff;position: absolute;left: 22px;bottom:0;} */
#header .gnb ul.menu li .depth02 .depth_tit span.caption{display: block;font-size: 14px;color: #fff;font-weight: 300; line-height: 20px; padding-left: 22px;}

#header .gnb ul.menu li .depth02 .depth_content{width: 1340px; display: table-cell;vertical-align: top;padding: 30px 0 62px 30px; text-align: left;}
#header .gnb ul.menu li .depth02 .depth_content > li {margin-left: 20px; margin-top: 20px;}
#header .gnb ul.menu li .depth02 .depth_content > li > a{display: block;width: 242px;height: 50px;line-height: 48px;text-align: left;border: 1px solid #efefef;background: url(../images/common/gnb_arrow.png)  no-repeat 90% center;background-color: #efefef;font-size: 18px;color: #222;padding: 0;margin-top: 0;padding-left: 20px;}
#header .gnb ul.menu li .depth02 .depth_content > li:hover > a{background-color: #fff;border-color: #da2128;color: #da2128;background-image: url(../images/common/gnb_arrow_on.png);}

#header .gnb ul.menu li .depth02 .depth_content > li .depth03{padding-top: 14px;}
#header .gnb ul.menu li .depth02 .depth_content > li .depth03 > li{position: relative;padding-left: 14px; display: block; margin-top: 10px;}
#header .gnb ul.menu li .depth02 .depth_content > li .depth03 > li:before{content: '';width: 4px;height: 4px;background-color: #222;position: absolute;left:0;top:12px;}
#header .gnb ul.menu li .depth02 .depth_content > li .depth03 > li > a{font-size: 18px;color: #222; line-height: 27px;}
#header .gnb ul.menu li .depth02 .depth_content > li .depth03 > li:hover > a{color: #da2128;}
#header .gnb ul.menu li .depth02 .depth_content > li .depth03 > li:hover:before{background-color: #da2128;}

#header .gnb ul.menu li .depth02 .depth_content.grid02 > li > a{width: 198px;}

#header .inner .util_menu{position: absolute;right:148px;top:25px; font-size: 0;}
#header .inner .util_menu .search_area{position: relative; width: 193px; display: inline-block;vertical-align: top;margin-right: 22px;}
#header .inner .util_menu .search_area input{display: block; width: 100%;height: 25px;border-bottom: 1px solid #fff;background-color: transparent; border: solid #fff; border-width: 0 0 1px; font-size: 14px; color: #fff; padding: 0 23px 0 0;}
#header .inner .util_menu .search_area .btn{text-indent: -9999px;width: 19px;height: 24px;background-image: url(../images/common/search_btn.png);background-repeat: no-repeat;background-position: center; position: absolute;top: 0;right: 0;}

#header .inner .util_menu .lang{display: inline-block;vertical-align: top;cursor: pointer;position: relative;}
#header .inner .util_menu .lang .disp{font-size: 14px;color: #fff;border-bottom: 1px solid #fff;padding-right: 16px;padding-bottom: 5px;background-image: url(../images/common/drop_btn.png);background-repeat: no-repeat;background-position: 100% 30%;}
#header .inner .util_menu .lang .lang_list{display: none;background-color: #da2128;width: 100%;position: absolute;top: 25px;left:0;z-index: 60;}
#header .inner .util_menu .lang.on .lang_list{display: block;}
#header .inner .util_menu .lang .lang_list a{display: block;font-size: 14px;color: #fff;padding: 5px 0;text-align: center;}

/***** mobileGnb *****/

/* mobile_gnb */
#mobileGnb{display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1000;}
#mobileGnb .aside_bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: -1; background-color:rgba(0,0,0,0.5);}
#mobileGnb .btn_close{position: absolute;top: 37px;left: 30px; width: 36px;height: 36px;background-repeat: no-repeat;background-position: center;background-image: url(../images/common/btn_close.png); background-size: contain; font-size: 0;}
#mobileGnb .aside_wrap{position: absolute;top: 0;right:-800px;bottom: 0;width: calc(100% - 96px);height: 100%;overflow-y: auto;background-color: #f6f6f6;}

#mobileGnb .aside_wrap .lang_sel{padding: 34px 0;  position: relative; background-color: #fff; text-align: center;}
#mobileGnb .aside_wrap .lang_sel a{display: inline-block; vertical-align: top; margin-left: 16px; padding-left: 16px; position: relative; font-size: 24px; line-height: 32px; font-weight: 500;color: #000;}
#mobileGnb .aside_wrap .lang_sel a.selected{color: #DA2128;}
#mobileGnb .aside_wrap .lang_sel a:before{content: ''; width: 1px; height: 15px; background-color: #999; position: absolute;top: 50%; left: 0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#mobileGnb .aside_wrap .lang_sel a:first-child{margin-left: 0;padding-left: 0;}
#mobileGnb .aside_wrap .lang_sel a:first-child:before{display: none;}

#mobileGnb .srch_wrap{padding: 30px; position: relative;}
#mobileGnb .srch_wrap input{display: block;width: 100%; padding: 0 80px 0 40px; height: 74px; border: 2px solid #ccc; font-size: 28px; color: #444; border-radius: 74px;}
#mobileGnb .srch_wrap .btn{display: block; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/search_btn02.png); background-size: 41px; position: absolute; top: 30px; right: 70px; width: 41px; height: 74px; font-size: 0;}

#mobileGnb .aside_wrap .aside_list ul li{background-color: #efefef;margin-top: 2px;}
#mobileGnb .aside_wrap .aside_list ul li:first-child{margin-top: 0;}
#mobileGnb .aside_wrap .aside_list ul li a{padding:0 40px; display: block; height: 114px; line-height: 114px; font-size: 30px;color: #222; font-weight: 500;}
#mobileGnb .aside_wrap .aside_list ul li a.d_tit{position: relative;}
#mobileGnb .aside_wrap .aside_list ul li a.d_tit:after{content: ''; width: 24px; height: 114px; position: absolute; top: 0;right: 40px;background-repeat: no-repeat;background-position: right center; background-image: url(../images/common/ico_arrow.png); transition: .3s; -webkit-transition: .3s;}
#mobileGnb .aside_wrap .aside_list ul li a.d_tit.on{border: 2px solid #DA2128; line-height: 110px; color: #DA2128; background-color: #fff;}
#mobileGnb .aside_wrap .aside_list ul li a.d_tit.on:after{background-image: url(../images/common/ico_arrow_on.png);}
#mobileGnb .aside_wrap .aside_list ul li a span{position: relative; display: inline-block; vertical-align: top;}
#mobileGnb .aside_wrap .aside_list ul li a span.notice:after{content: '';width: 5px;height: 5px;background-color: #0000b5;position: absolute;top: 2px;right: -8px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

#mobileGnb .aside_wrap .aside_list .depth2{display: none; padding-top: 8px; background-color: #f6f6f6;}
#mobileGnb .aside_wrap .aside_list .depth2 li {margin-top: 0; border-top: 2px solid #fff; padding: 0 0 8px; background-color: #f6f6f6;}
#mobileGnb .aside_wrap .aside_list .depth2 li:first-child {border-top: none;}
#mobileGnb .aside_wrap .aside_list .depth2 li a{font-size: 28px; height: 92px; line-height: 40px; color: #444; padding: 30px 40px 22px; background-color: #f6f6f6;}
#mobileGnb .aside_wrap .aside_list .depth2 li a.d_tit.on{border: none; line-height: 40px; color: #DA2128; background-color: #f6f6f6;}
#mobileGnb .aside_wrap .aside_list .depth2 li a:after{display: none;}
#mobileGnb .aside_wrap .aside_list .depth2 li a span{display: inline-block; vertical-align: top; padding-left: 21px; position: relative;}
#mobileGnb .aside_wrap .aside_list .depth2 li a span:before{content: '';width: 7px; height: 7px; background-color: #DA2128; position: absolute;top: 50%;left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

#mobileGnb .aside_wrap .aside_list .depth03{display: none; padding-bottom: 22px;}
#mobileGnb .aside_wrap .aside_list .depth03 li{padding: 0; border-top: none;}
#mobileGnb .aside_wrap .aside_list .depth03 li a{padding: 0 60px 0 75px; font-size: 26px; height: 54px; line-height: 54px; position: relative;}
#mobileGnb .aside_wrap .aside_list .depth03 li a:before{content: '-'; position: absolute;top: 0;left: 60px;}

#mobileGnb .aside_wrap .sns_btn{padding: 80px 0; text-align: center; font-size: 0;}
#mobileGnb .aside_wrap .sns_btn .btn{vertical-align: top; width: 90px; height: 90px; margin: 0 25px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain;}
#mobileGnb .aside_wrap .sns_btn .btn.sns01{background-image: url(../images/common/ico_sns01.png);}
#mobileGnb .aside_wrap .sns_btn .btn.sns02{background-image: url(../images/common/ico_sns02.png);}


@media only screen and (max-width:1600px) {
    #header .inner .mobile{left:74px;}
    
    #header .gnb > ul > li > a{font-size: 1.125rem;}
    
    #header .gnb ul.menu li .depth02 .depth_inner{width: 1200px;}
    #header .gnb ul.menu li .depth02 .depth_tit{width: 200px; padding-left: 30px; /*width: 433px;padding: 25px 15px 40px 195px;*/}
    #header .gnb ul.menu li .depth02 .depth_tit strong{font-size: 30px;}
    
    #header .gnb ul.menu li .depth02 .depth_content{width: 1000px;}
    
    #header .inner .util_menu{right:74px;}
}

@media only screen and (max-width:1400px) {
    #header .gnb > ul > li{margin-left: 50px;}
}

@media only screen and (max-width:1200px) {
    #header .inner {width: 100%; padding: 0 15px;}
    #header .inner:after{content: '';display: block;clear: both;}
    #header .inner .mobile{float: left; position: relative; left: auto;}
    
    #header .gnb{float: left; margin-left: 30px;}
    #header .gnb > ul > li > a{}
    
    #header .gnb ul.menu li .depth02 .depth_inner{width: 100%;}
    #header .gnb ul.menu li .depth02 .depth_tit{padding-left: 15px;}
    #header .gnb ul.menu li .depth02 .depth_tit strong{font-size: 1.625rem;}
    #header .gnb ul.menu li .depth02 .depth_content{width: auto;}
    #header .gnb ul.menu li .depth02 .depth_content > li > a{width: 200px;}

    #header .inner .util_menu{position: relative;right: auto; float: right;}
}

@media only screen and (max-width:1023px) {
    #header .inner{padding: 0 30px;}
    #header .inner .mobile{float: none; width: 100%; position: relative;}
    #header .inner .mobile .menu{display: block; position: absolute;top: 0;right: 0; width: 54px; height: 80px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/ico_menu.png); font-size: 0;} 
    
    #header .gnb,#header .inner .util_menu{display: none;}
}

@media only screen and (max-width: 799px) {
}

@media only screen and (max-width: 640px) {
    #header.new{height: 60px;}
    #header .inner{padding: 0 15px 0 25px;}
    #header .inner .logo{width: 45px;}
    #header .inner .logo a{height: 60px; background-size: contain; width: 94px;}
    #header .inner .mobile .menu{height: 60px; background-position: right center; background-size: 27px 16px;}

    #mobileGnb .btn_close {top: 18px;left: 15px;width: 18px;height: 18px;}
    #mobileGnb .aside_wrap{right:-500px;width: calc(100% - 48px);}

    #mobileGnb .aside_wrap .lang_sel{padding: 17px 0;}
    #mobileGnb .aside_wrap .lang_sel a{margin-left: 8px; padding-left: 8px; font-size: 0.75rem; line-height: 16px;}
    #mobileGnb .aside_wrap .lang_sel a:before{height: 7px;}

    #mobileGnb .srch_wrap{padding: 15px;}
    #mobileGnb .srch_wrap input{padding: 0 40px 0 20px; height: 37px; border-width: 1px; font-size: 0.875rem;}
    #mobileGnb .srch_wrap .btn{background-size: 20px; top: 15px; right: 35px; width: 20px; height: 37px;}

    #mobileGnb .aside_wrap .aside_list ul li{margin-top: 1px;}
    #mobileGnb .aside_wrap .aside_list ul li a{padding:0 20px; height: 57px; line-height: 57px; font-size: 0.938rem;}
    #mobileGnb .aside_wrap .aside_list ul li a.d_tit:after{width: 12px; height: 57px;right: 20px; background-size: 7px 12px;}
    #mobileGnb .aside_wrap .aside_list ul li a.d_tit.on{border-width: 1px; line-height: 55px;}
    #mobileGnb .aside_wrap .aside_list ul li a.d_tit.on:after{background-size: 12px 7px;}

    #mobileGnb .aside_wrap .aside_list .depth2{padding-top: 4px;}
    #mobileGnb .aside_wrap .aside_list .depth2 li {border-top-width: 1px; padding: 0 0 4px;}
    #mobileGnb .aside_wrap .aside_list .depth2 li a{font-size: 0.875rem; height: 46px; line-height: 20px; padding: 15px 20px 11px;}
    #mobileGnb .aside_wrap .aside_list .depth2 li a.d_tit.on{line-height: 20px;}
    #mobileGnb .aside_wrap .aside_list .depth2 li a span{padding-left: 10px;}
    #mobileGnb .aside_wrap .aside_list .depth2 li a span:before{width: 4px; height: 4px;}

    #mobileGnb .aside_wrap .aside_list .depth03{padding-bottom: 11px;}
    #mobileGnb .aside_wrap .aside_list .depth03 li a{padding: 0 30px 0 38px; font-size: 0.813rem; height: 27px; line-height: 27px;}
    #mobileGnb .aside_wrap .aside_list .depth03 li a:before{left: 30px;}

    #mobileGnb .aside_wrap .sns_btn{padding: 40px 0;}
    #mobileGnb .aside_wrap .sns_btn .btn{width: 45px; height: 45px; margin: 0 12px;}
}