@charset "utf-8";


#hd_wrapper {        padding: 0;
    /* min-width: 1200px; */
    /*background: rgba(0,0,0,0.3); */
    position: fixed;
    /* left: 50%; */
    /* margin-left: -600px; */
    width: 100%;
}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper  h1{
	        width: 180px;
    height: 35px;
    background: url(/img/logo/logo.png) no-repeat;
    position: absolute;
    left:  -27%;
    top: 21px; cursor: pointer;background-size: 100%;
}
#hd_wrapper #logo{float:left;/* position:absolute; top:50%; left:50%; margin-left:-50px; */margin-top:23px; z-index:9999;}

#hd_wrapper #gnb{    float: right;
    width: 100%;     margin-top: 0.6em;
    margin-bottom: 0.5em;}
#hd_wrapper #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper #gnb_1dul {padding: 0 !important;
    zoom: 1;
    list-style: none !important;
    width: 100%;
    display: table; box-sizing: border-box;}
#hd_wrapper #gnb_1dul:after{content:''; display:block; clear:both;}
#hd_wrapper #gnb_1dul:before {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper #gnb_1dul > li {    position: relative;
    float: left;
    list-style: none !important;
    /* border-left: solid 1px #cccccc; */
    width: 16.66%; box-sizing: border-box;}
#hd_wrapper #gnb_1dul > li > a{    color: white;
    position: relative;
    display: block;
    line-height: 56px;
    /* padding-top: 30px; */
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    z-index: 9;}
#hd_wrapper #gnb_1dul > li:hover > a{color:#92e5ff;}
/* #hd_wrapper #gnb_1dul > li:nth-child(3){margin-right:300px;} */
/* #hd_wrapper #gnb_1dul > li:hover > a:after{content:'';background:#afa69d;width:50px; height:2px; position:absolute; bottom:0;left:50%;margin-left:-25px;} */

.bg_menu{display:none;background:rgba(0,0,0,0.7);
	height:316px;
	width:100%; position:absolute; 
	top:73px; left:0; 
	border-bottom: solid 1px #4e4e4e;
	z-index:11;
	}/*ÇÏÀ§¸Þ´º ¹è°æ*/
.gnb_2dul{display: none;
    position: absolute;
    top: 64px;
    right: 0;
    height: 314px;
    border-right: solid 1px #4e4e4e;
    /*border-bottom: solid 2px #484848;*/
    background: rgba(0,0,0,0.6);
    box-sizing: border-box;
    width: 100%;
}/*¸Þ´º_µå·Ó´Ù¿î ³ÐÀÌÁ¶Àý*/

li:first-child .gnb_2dul{border-left:solid 1px #4e4e4e;}
.gnb_2dli{/*margin-top:10px;*/ width: 100%;}
.gnb_2dli a{color:#cff6ff; }
.gnb_2dli:hover a{background:#cff6ff; color:#000;}
.gnb_2da {    display: block;
    width: 100%;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 15px; letter-spacing: -1px;}

.new_left {width:200px; float:left; display:table-cell;    z-index: 11; }
.new_left > div {text-align:center;display:table-cell; height:120px; width:200px; border-bottom:1px solid #d9d9d9; line-height:120px; background-color:#394ca0;
color:#fff; font-size:20px; font-weight:600;
}
.new_left ul:nth-of-type(1) li{    line-height: 45px;
    box-sizing: border-box;
    border-bottom: 1px solid #c5c5c5;
    padding-left: 15px;
    /*border-right: 1px solid #cccccc; */
    box-sizing: border-box;}
.new_left ul:nth-of-type(1) li a {font-size:14px; font-weight:500;}
.new_left ul:nth-of-type(1) li:hover {background-color:#394ca0}
.new_left ul:nth-of-type(1) li:hover a{color:#fff;}
.new_left ul:nth-of-type(1) li.on {background-color:#394ca0}
.new_left ul:nth-of-type(1) li.on a{color:#fff;}


.sub_body_con { width:100%; display:table; padding-top:3em;     box-sizing: border-box;
	    margin-bottom: 5em;
	    }

.m_sub_tab_menu {display: none; width:100%}
.m_sub_tab_menu ul li {width:100%;}

.sub_title_img {height: 600px;     background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;}

/*¼­ºê ³×ºñ°ÔÀ̼ǹÙ*/
.com_nav_bar {    width: 100%;
    border-bottom: 1px solid #ccc;
    display: table;
    z-index: 2;
    position: relative;}
.slide_menu {width: 1200px;
    margin: 0 auto;}
.slide_menu > li{    float: left; }
.slide_menu > li:nth-of-type(1){ background-image: url(/img/nav/home.png);
    width: 58px;
    height: 60px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;     background-size: cover; cursor: pointer;}
.slide_menu > li:nth-last-child(1){        float: right;
    border-right: 1px solid #ccc;
    display: table;     height: 60px; }

.slide_menu > li>img{}
.slide_menu > li.menu{                padding: 0;
    font-size: 1.4em;
    position: relative;
    letter-spacing: -2px;
}
.slide_menu > li.menu:hover {background-color:#bce64e;}

.slide_menu > li.menu > a{        color: #000;
    text-align: left;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    width: 350px;
    border-right: 1px solid #ccc;
    padding: 0 1em;    cursor: pointer;}
.slide_menu > li.menu > a>i {    
    float: right;
    padding-top: 0.3em;
    color: #90cc1b;
    transition: all ease 1s;
}
.slide_menu > li.menu:hover > a>i {color:white;}

.slide_menu > li.menu > ul{ position: absolute;
    width: 350px;
    background-color: #fff;
    border: 1px solid #ccc;
    }
.slide_menu > li.menu > ul > li{    background-color: #fff;
    display: table;    border-bottom: 1px solid #ccc;
    width: 100%;}
.slide_menu > li.menu > ul > li.on {background-color: #b5ea4c;}
.slide_menu > li.menu > ul > li:hover {background-color: #b5ea4c;}
.slide_menu > li.menu > ul > li:nth-last-child(1) {border-bottom:0; }
.slide_menu > li.menu > ul > li > a{    display: table;
        color: #131313;
    padding: 0.5em 1em;    width: 100%;
}
.hide {    display: none;}

.top_icon_menu {    display: table;
    position: absolute;
    right: -28%;
    top: 24%;}
.top_icon_menu li{width: 50px;
    height: 40px;
    float: left;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    margin-right: 0.7em;
    cursor: pointer;}
.top_icon_menu li:nth-of-type(1){background-image:url(/img/common/sitemap.png);}
li.logout {background-image:url(/img/common/logout.png) !important; }
/*.top_icon_menu li:nth-of-type(2){background-image:url(/img/common/login.png);} */
@media (min-width: 1200px) and (max-width: 1680px) {
	#hd_wrapper  h1{
	    left:  -19%;
	}
	.top_icon_menu { right: -19%;}
}


@media screen and (max-width: 1000px) {
	.sub_title_img {display:none;}
	
	.slide_menu {width:100%;}
	.slide_menu > li:nth-of-type(1) {width:20%;}
	.slide_menu > li:nth-of-type(2) {width:40%;}	
	.slide_menu > li:nth-of-type(3) {width:40%;}
	
	.slide_menu > li.menu > a {    width: 126px; font-size: 0.8em;    padding: 0 0.5em; }
	.slide_menu > li:nth-last-child(1){ 
    border-right: 0px solid #ccc;      display: none;}
    ul.title_info > li:nth-child(1) {width:100%}
    ul.title_info > li:nth-child(2) {    float: none;
    width: 100%;}
    .slide_menu > li.menu > ul {    width: 198px; }


	.sub_body_con { padding: 1em; clear: both;  width:100%;     margin-top: 8em;}
	.sub_body_con p,h3 {width:100%;   line-height: initial;}
	.m_sub_tab_menu {display: block;}
	.m_sub_tab_menu h3 {    margin: 0;
	    font-size: 1.8em;
	    background-color: #2c235c;
	    color: #fff;
	    padding: 0.3em 0.5em;}
	.m_sub_tab_menu ul {display: table;
	    width: 100%;}
	.m_sub_tab_menu ul li {    float: left;
    padding: 1em;
    background-color: #3a459e;
    width: 50%;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box; }
    .m_sub_tab_menu ul li:nth-of-type(2), .m_sub_tab_menu ul li:nth-of-type(4),.m_sub_tab_menu ul li:nth-of-type(6),.m_sub_tab_menu ul li:nth-of-type(8){border-right:0;}
	.m_sub_tab_menu ul li.on {background-color: #e82233;}
	.m_sub_tab_menu ul li a{color: #fff;}	
}