html,body{height:100%;}
body.action{overflow:hidden !important;height: 100% !important;}
#wrap{overflow:hidden;position:relative;min-height:100%;}

.clearfix{display: block;}
.clearfix:after {display: block;clear: both;content: ".";visibility: hidden;height: 0;}

.con-area{width:100%;max-width:1500px;margin:0 auto;}
.con-area:after{content:"";display:block;clear:both;}

#header{position:fixed;left:0;top:0;z-index: 9999;width:100%;border-bottom:1px solid #cacaca;}
#header .top-head{background-color:#ebebeb;}
#header .top-head:after{content:"";display:block;clear:both;}
#header .top-head .left-menu{float:left;padding: 17px 0 0 30px;}
#header .top-head .left-menu > li{float:left;}
#header .top-head .left-menu > li > a{display:block;position:relative;padding:0 20px;font-size:15px;color:#292929;}
#header .top-head .left-menu > li > a:after{content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background-color:#c8c8c8;}
#header .top-head .left-menu > li:last-child > a:after{content:none;}


#header .top-head .right-menu{float:right;}
#header .top-head .right-menu > li{float:left;}
#header .top-head .right-menu > li > a{display:block;padding:0 28px 0 50px;line-height: 50px;font-size:17px;color:#fff;font-weight: bold;background-image:url(../images/common/top_right_icon.png);background-repeat: no-repeat;}
#header .top-head .right-menu > li > a.li01{background-position:17px 17px;background-color:#004a96;}
#header .top-head .right-menu > li > a.li02{background-position:17px -81px;background-color:#0c284a;}
#header .top-head .right-menu > li > a.li03{background-position:17px -186px;background-color:#59af26;}

#header .gnb-wrap{position:relative;padding:0 220px 0 50px;background-color:#fff;}
#header .gnb-wrap:after{content:"";display:block;clear:both;}
#header .gnb-wrap #logo{float:left;padding-top: 19px;}
#header .gnb-wrap #logo img{width:287px;}
#header .gnb-wrap #logo img.mo{display: none;}
#header .gnb-wrap .menu{float:right;}
#header .gnb-wrap .menu .menu-list:after{content:"";display:block;clear:both;}
#header .gnb-wrap .menu .menu-list > li{position:relative;float:left;padding:0 30px;}
#header .gnb-wrap .menu .menu-list > li > a{display:block;font-size:20px;color:#000000;font-weight: 500;line-height:80px;}
#header .gnb-wrap .menu .menu-list > li > .sub1{display:none;position:absolute;left:0;width:270px;}
#header .gnb-wrap .menu .menu-list > li > .sub1 > li{}
#header .gnb-wrap .menu .menu-list > li > .sub1 > li > a{display:block;padding:17px 40px;font-size:17px;color:#434343;background-image:url(../images/common/sub1_icon_on.png);background-repeat:no-repeat;background-position:center right 20px;background-color:#fff;}
#header .gnb-wrap .menu .menu-list > li > .sub1 > li > a:hover{color:#fff;background-image:url(../images/common/sub1_icon.png);background-color:#11459d;}


#header .gnb-r-menu{position:absolute;right:50px;top:27px;}
#header .gnb-r-menu > li{float:left;margin-right:25px;}
#header .gnb-r-menu > li:last-child{margin-right:0;}
#header .gnb-r-menu > li > a{display:block;width:28px;height:25px;background-repeat: no-repeat;background-position: center center;}
#header .gnb-r-menu > li > a.lang-btn{background-image:url(../images/sub/i_lang.png);}
#header .gnb-r-menu > li > a.search-btn{background-image:url(../images/common/search_i.png);}
#header .gnb-r-menu > li > a.sitemap-btn{background-image:url(../images/common/sitemap_i.png);}
#header .gnb-r-menu > li > a.mo-menu-btn{background-image:url(../images/common/sitemap_i.png);transition: none;}
#header .gnb-r-menu > li:nth-child(3){display:block;}
#header .gnb-r-menu > li:nth-child(4){display:none;}

#header .mo-gnb-wrap{display:none;}

#header #search-wrap{display:none;overflow:auto;position: fixed;top:130px;right:0;bottom: 0;left: 0;z-index:9999;background:rgba(0,0,0,0.5);}
#header #search-wrap.search-modal.fade{ opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
#header #search-wrap.search-modal.fade.in {opacity: 1;}
#header #search-wrap.search-modal.fade .sitemap-lay{
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -moz-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    -ms-transition: transform 0.3s ease-out;
}
#header #search-wrap.search-modal.in .search-lay{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}
#header #search-wrap .search-lay{z-index: 999999;top:0px;right: auto;left: 50%;width:100%;margin-right: auto;margin-left: auto;}

#header #search-wrap .search-lay .search-box{position:relative;padding:80px 50px 50px;text-align:center;background-color:#11459d;}
#header #search-wrap .search-lay .search-box .con-h{position:relative;padding:28px 0 50px;}
#header #search-wrap .search-lay .search-box .con-h strong{font-size:17px;color:#fff;}
#header #search-wrap .search-lay .search-box .search-close{display:inline-block;position: absolute;right:-100px;top:-50px;cursor: pointer;}
#header #search-wrap .search-lay .search-box .con-box{display:inline-block;position:relative;width:100%;max-width: 700px;}
#header #search-wrap .search-lay .search-box .con-box .search-int{width:100%;height:50px;padding:0 50px 0 15px;border:0;border-bottom:3px solid #fff;font-size:18px;color:#fff;text-align:center;background:transparent;}
#header #search-wrap .search-lay .search-box .con-box .search-int::placeholder {color:#fff;}
#header #search-wrap .search-lay .search-box .con-box .search-btn{position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;border:0;background:url(../images/common/search_i_btn.png) no-repeat center center;box-shadow:none;}

#header #search-wrap .search-lay .search-box .con-box .search-ex-list{display:inline-block;padding-top:20px;}
#header #search-wrap .search-lay .search-box .con-box .search-ex-list > li{float:left;margin-right:15px;padding:7px 12px;font-size:15px;color:#ffffff;}
#header #search-wrap .search-lay .search-box .con-box .search-ex-list > li.tit{margin-right:30px;background:#f5913d;}
#header #search-wrap .search-lay .search-box .con-box .search-ex-list > li:last-child{margin-right:0;}

@media screen and (min-width:1200px){
    #header.active{margin-top:-50px;}
    #header.active #search-wrap{top:80px;}
}

@media screen and (max-width:1600px){
    #header .gnb-wrap{padding:0 150px 0 20px;}
    #header .gnb-wrap .menu .menu-list > li{padding:0 20px;}
    #header .gnb-r-menu{right:0px;}
}
@media screen and (max-width:1400px){
    #header .gnb-wrap .menu .menu-list > li{padding:0 15px;}
    #header .gnb-wrap .menu .menu-list > li > a{font-size:16px;}
}




@media screen and (max-width:1200px){
    #header .top-head{display:none;}
    #header .gnb-wrap{height:70px;padding:0 15px;}
    #header .gnb-wrap .menu{display:none;}



    #header .gnb-wrap #logo{padding-top:18px;}
    #header .gnb-wrap #logo img{width:230px;}
    #header .gnb-wrap #logo img.mo{display: none;}
    #header .gnb-r-menu{top:21px;right:15px;}
    #header .gnb-r-menu > li:nth-child(3){display:none;}
    #header .gnb-r-menu > li:nth-child(4){display:block;}
    #header .gnb-r-menu > li > a.mo-menu-btn.on{background-image:url(../images/common/search_close.png);}
    #header #search-wrap{top:70px;}
    #header #search-wrap .search-lay .search-box .search-close{right:0;}


    #header .mo-gnb-wrap{display:block;}

    #header .mo-gnb-wrap .mo-gnb{ display:block;overflow:auto;position:fixed; top:70px; right:-100%; z-index:999; width:60%; height:100%;padding-bottom:150px;background-image:url(../images/common/mo_menu_bak.png); background-repeat:repeat-y; background-color:#f1f4f7; transition: right 0.5s ease; -webkit-transition: right 0.5s ease; -moz-transition: right 0.5s ease; -ms-transition: right 0.5s ease; -o-transition: right 0.5s ease; }
    #header .mo-gnb-wrap .mo-gnb.action{right:0;}
    #header .mo-gnb-wrap .mo-gnb .mo-close{position: absolute;top:20px;right:16px;z-index:999;cursor: pointer;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list{display:block;position:relative;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li{}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > a.tit{display:block;position:relative;z-index:9;width:180px;padding:20px 10px;font-size:18px;color:#fff;background-color:#16476f;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo_logo{display:block;position:relative;z-index:9;width:180px;padding:15px 0px 15px 10px;text-align:left;color:#fff;background-color:#003e81;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li.active > a.tit{background-color:#0c375a;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right{display:none;position:absolute;top:0;left:0;width:100%;padding-left:200px;padding-right:20px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li.active > .mo-right{display:block;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .tit{display:block;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .tit span{display:inline-block;position:relative;padding:15px 0 20px 5px;font-size:20px;color:#262626;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .tit span:after{content:"";position: absolute;left:5px;bottom:15px;width:110%;height:2px;background-color:#262626;}

    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1{display:block;padding-top:20px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li{}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > a{display:block;position:relative;padding:15px 30px 15px 25px;color:#26334a;font-size:16px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > a:before{content:"";position:absolute;top:50%;left:10px;width:4px;height:4px;margin-top:-2px;background:#2d2c92;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li.sub-m > a{background-image:url(../images/common/mo_plus_i.svg);background-repeat:no-repeat;background-position:center right 10px;background-size:15px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li.open > a{color:#fff;background-color:#0c375a;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li.open > a:before{background:#fff;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li.sub-m.open > a{background-image:url(../images/common/mo_minus_i.svg);}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > .mo-snb2{display:none;padding:10px;background-color:#fff;transition: none;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > .mo-snb2 > li{background-color:#fff;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > .mo-snb2 > li > a{display:block;padding:10px 20px;font-size:14px;color:#777777;line-height:1.3;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > .mo-snb2 > li > a:hover{color:#2d2c92;}
}
@media screen and (max-width:800px){
    #header .gnb-r-menu > li{margin-right:10px;}
    #header .mo-gnb-wrap .mo-gnb{width:80%;}

}
@media screen and (max-width:600px){
    #header #search-wrap .search-lay .search-box{padding:80px 15px 50px;}
    #header #search-wrap .search-lay .search-box .con-box .search-ex-list > li{margin-right:5px;font-size:14px;}
    #header #search-wrap .search-lay .search-box .con-box .search-ex-list > li.tit{margin-right:5px;}
    #header #search-wrap .search-lay .search-box .con-box .search-ex-list > li:last-child{display:none;}
}

@media screen and (max-width:480px){

    #header .mo-gnb-wrap .mo-gnb{width:100%;}
    #header .mo-gnb-wrap .mo-gnb{background-image:url(../images/common/mo_menu_bak_2.png);}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > a.tit{width:130px;font-size:14px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo_logo{width:130px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right{padding-left:140px;padding-right:10px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .tit span{font-size:16px;}
    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > a{font-size:14px;}

    #header .mo-gnb-wrap .mo-gnb .con-box .mo-menu-list > li > .mo-right .mo-snb1 > li > .mo-snb2 > li > a{padding:10px 5px;}
}

@media screen and (max-width:360px){
    #header .gnb-r-menu{right: 10px;}
    #header .gnb-r-menu > li{margin-right: 5px;}
    #header .gnb-wrap #logo{padding-top: 25px;}
    #header .gnb-wrap #logo img{width:150px}
}

.admin-btn{display: block; margin-top: 10px;}


@media screen and (max-width:1024px){
    .admin-btn{display: none;}
}