@charset "utf-8";

#top_layout {height: 155px;}
#top_layout .top_wrap {height: 75px;}
#top_layout .top_wrap #logo{width: 308px;height: 41px;margin: 17px 0 0;position:relative;}
#top_layout .top_wrap #logo .ir-tmpl{background: url(/images/global/main/logo.png)no-repeat;}
#top_layout .top_wrap .utile_wrap{top: 15.5px;height: 44px;}
#top_layout .top_wrap .utile_wrap li.search a#search-button .ir{background-position:-213px -220px;}
#top_layout .top_wrap .utile_wrap li.box{top: 0;width:44px;height:44px;margin: 0;}
#top_layout .top_wrap .utile_wrap li.box.mo{top: 18px;right: 30px;left: auto;height: 44px;width: 44px;}
#top_layout .top_wrap .utile_wrap li.box.mo button{background-color:#fff}

.lnb__title{height:100%;}
.lnb__title strong{height: 63px;padding-bottom: 10px;}
.lnb_depth2__list >li>a>span{padding:20px 30px 16px 15px;}
.title_wrap .page__title{margin:0 0 45px 0;}
.utile_wrap{bottom:20px;}

#gnb {height:80px;}
#gnb_layout {top: 75px;border-top: 1px solid #d9d9d9;box-shadow:none;}
#gnb_layout .layout {padding:0;}
#gnb_layout .depth1_ul > li .item .gnb-title {display:none;}
#gnb_layout .depth1_ul > li {float:left;position: relative;width: 12%;max-width: 100%;}
#gnb_layout .depth1_ul > li.n5,
#gnb_layout .depth1_ul > li.n7{width: 14%;}
#gnb_layout .depth1_ul > li:after {display:block; position:absolute; right:-2px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#cbcbcb; content:'';}
#gnb_layout .depth1_ul > li:last-child:after {display:none;}
#gnb_layout .depth1_ul > li > a {font-size:16px;}
#gnb_layout .depth1_ul > li > a > span {line-height: 1.3;}

#mobile-menu .modal-dialog {float:right;}
#mobile-menu .modal-dialog .modal-content {width:260px;}
#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close {right:auto; left:-50px;}

@media screen and (max-width:1259px){
    .layout {max-width:100%;/* padding:0 30px; */}
    #top_layout .top_wrap .utile_wrap{right:30px;}
    #gnb_layout .layout {padding:0 30px;}
    #gnb_layout .depth1_ul > li > a {font-size:15px;}
}


@media screen and (max-width:1024px) {
    #top_layout{height: 80px;background-color: #fafafa;}
    #top_layout .top_wrap #logo{display:block;float:none;margin: 19.5px 0 0 0;}
    #top_layout .top_wrap .utile_wrap {top: 0;left: auto;right: 0;}
    #mobile-menu .modal-dialog .modal-content .topUtile .logo{width: 130px;height: 37px;background-position:0 0;}
    #top_layout .top_wrap .utile_wrap li.search{margin-top:-33px;}

}

@media screen and (max-width:767px){
    .layout {/* padding:0 15px; */}
    #top_layout .top_wrap #logo{width:225px; height:30px;margin: 25px 0 0;}
    #top_layout .top_wrap #logo .ir-tmpl {background-size:225px 30px;}
    #top_layout .top_wrap .utile_wrap li.box.mo {right: 0;}
}