@charset "utf-8";


#hd_wrapper #gnb{
    /* float: right; */
    display: flex;margin-left: 33%;width: 75%;
    /* margin-top: 0.5em; */
    /* margin-bottom: 0.5em; */
    height: 90px;
    justify-content: flex-start;}
#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%;
    max-width: 800px;
    /* display: table; */
    display: flex;
    justify-content: flex-end;
    }
#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: right; */
    list-style: none !important;
    /* border-left: solid 1px #cccccc; */
    width: 31%;
    height: 90px;
    /* line-height: 90px; */
    }
#hd_wrapper #gnb_1dul > li > a{
	color:#2222222;
	position:relative;
	display:block;
	line-height: 90px;
	/* padding-top:30px; */
	width:100%;
	font-size: 18px;
	font-weight: 500;
	text-align:center;
	box-sizing:border-box;
	z-index:9;
	letter-spacing: -1px;
	}
#hd_wrapper #gnb_1dul > li:hover > a{color: #ffffff;background: #ff7e00;border-radius: 1em 1em 0 0;}
/* #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: rgb(255 255 255);
	height: 203px;
	width:100%;
	position:absolute;
	top: 91px;
	left:0;
	
	z-index:11;
	border-top: 1px solid #f5f5f5;border-bottom: 2px solid #ff7e00;}

.gnb_2dul{
    display: none;
    position: absolute;
    top: 91px;
    right: 0;
    height: 200px;
    border-right: solid 1px #ff7e0038;
    /* border-bottom: solid 2px #484848; */
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
}

li:first-child .gnb_2dul{border-left: solid 1px #fafafaad;}
.gnb_2dli{/*margin-top:10px;*/ width: 100%;}
.gnb_2dli a{color: #080e09;}
.gnb_2dli:hover a{/* background: #ff7e00; */color: #ff7e00;font-weight: 500;}
.gnb_2da {
    display: block;
    width: 100%;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: -1px;
    }

#hd_wrapper div.pc_site_map {
    width: 60px;
    height: 60px;
    display: table;
    float: right;
    border: 1px solid gray;
    border-radius: .7em;
    background-image: url(/img/common/pc_site_map.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    margin-top: .85em;
    cursor: pointer;
}

.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;}

.left_nav {width:240px; flex: 0 0 15rem;max-width: 15rem;padding-right:2rem;}
.left_nav .nav_tit {background:#ff8e1f; padding:2em;text-align: center;border-radius: 0.5em;}
.left_nav .nav_tit h3 {color:#fff; font-weight:600; font-size:1.5em;}
.left_nav ul {/* padding-left:1em; */margin-top: 1.2em;line-height: 3em;}
.left_nav ul li {border-bottom: 1px solid #ddd;padding-left: 1em;font-weight: 400;}
.left_nav ul li:last-child {border-bottom: 2px solid #ff8e1f;}
.left_nav ul li.on a{color:#ff8e1f;}
.left_nav ul li a {color: #2e2e2e;}
.left_nav ul li a:hover {color:#ff8e1f;}
.sub_body_con {
	    width: 955px;
	    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{
    margin-top: 5em;
}
.sub_title_img {
    width: 100%;
    height: 348px;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-top: 66px; */
    /* margin-left: 6em; */
    position: absolute;
    z-index: -1;
    }


@media screen and (max-width: 1000px) {
	.sub_title {display: flex;flex-direction: column;height: 8em;}
	.sub_title_img {display: block;/* position: relative; */margin-top: -6em;height: 14em;}
	
    ul.title_info > li:nth-child(1) {width:100%}
    ul.title_info > li:nth-child(2) {    float: none;
    width: 100%;}

	.sub_body_con { padding: 1em; clear: both;  width:100%;}
	.sub_body_con p,h3 {width:100%;   line-height: initial;}
	.sub_body_con img {width:100%;}
	.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;}	
}


/*�����ִ� : 1200*/
.top_bg{    background-color: #fff; 
    background-repeat: no-repeat;
    background-position-x: center;	
    height:104px; 
    border-bottom:1px solid #e4e6e7; display:none;
	}
.top_bg>div{width:1200px; margin:0 auto; position:relative;
	/*background:url(/img/common/top_logo.jpg) no-repeat right 28px;*/
	height: 74px;
	}
.top_bg>div h1{
	    width: 174px;
    height: 52px;
    background: url(/img/logo/logo.png) no-repeat;
    position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -82px;
	}
	.top_bg>div>i {display:none;}
@media screen and (max-width: 1000px) { 
	.top_bg {display:block;height: 74px;width: 100%;}
}

@keyframes slide_title{from{opacity:0;top:50%;} to{opacity:1;top:40%;}}

@media screen and (max-width: 1000px) { 
	.t_s_menu ul{    width: 100%;	}
	#hd {display: none;} /*메뉴레이어*/
	.top_bg>div {width:100%}
	.top_bg>div h1 {
    left: 5%;
    background-size: contain;
    /* width: 13em; */
    top: 17px;
    height: 2em;
    margin: 0;
    width: 230px;
    background: unset;
    font-size: 1.5em;
}
	.top_bg>div>i {position: absolute;
    display: block;
    font-size: 3em;
    color: #94c11f;
    top: 0.25em;
    right: 0.4em;
	}
	.t_s_menu ul li{    float: right;
    margin: 0;
    padding-left:1em;}
    .t_s_menu ul li:nth-child(1) {padding-right:1em;}
	.t_s_menu ul li a{
	    border-right:0;
	    padding-right:0;
	}
}


/* 사이트맵 */
.sitemap{    padding: 0 5px;
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
    z-index: 111111111111111;
    height: 100%;
    display: none;}
.sitemap img {            position: absolute;
    cursor: pointer;
    right: 3%;
    top: 4%;
    font-size: 2.0em;
    color: white;}
.sitemap > ul {    display: table;
    /* float: right; */
    width: 1200px;
    /* margin: 0 auto; */
    margin-left: -600px;
    clear: both;
    position: absolute;
    left: 50%;
    top: 20%;}
.sitemap > ul > li{                width: 20%;
    float: left;
    padding: 0 !important;
    border-left: 1px solid gray;
    height: 26em;
    box-sizing: border-box;}
.sitemap > ul > li h5{        padding: 18px 0;
    text-align: left;
    font-size: 17px;
    color: #ff5f2d;
    /* background: #000000; */
    font-weight: 600;
    /* border: 1px solid #ddd; */
    /* border-top: 2px solid #01919a; */
    /* margin-bottom: 10px; */     margin-left: 0.9em;  }
.sitemap > ul > li h5 a {    color: #ff5f2d;
    font-size: 1.3em;
    text-transform: uppercase;}
.sitemap > ul > li .sitemap_in {    margin-left: 1em;
    display: table;}
.sitemap > ul > li .sitemap_in li{    font-size: 15px;
    padding: 10px 15px 10px 0;
    /* border-bottom: 1px solid #fff; */ }
.sitemap > ul > li .sitemap_in li a {color: #fff;}
.sitemap > ul > li .sitemap_in li a:hover{text-decoration:none;color:#ff5f2d;}
.sitemap > ul > li:nth-child(1) {/*border-left: 0;*/}
.sitemap > ul > li:nth-last-child(2) {border-right: 1px solid gray; }
.sitemap > ul > li:nth-last-child(1) {    clear: both;    border: 0;
    width: 100%;}
.sitemap > ul > li:nth-last-child(1) ul{    display: table;
    /* width: 100%; */
    margin: 0 auto;
    margin-top: 3em;}
.sitemap > ul > li:nth-last-child(1) ul li{    text-align: center;
    /* width: 100%; */
    display: table;
    float: left;
    margin: 0 auto;
    margin-right: 0.5em;}
.sitemap > ul > li:nth-last-child(1) ul li a{    color: white;
    float: left;
    text-align: center;
    display: table;
    padding: 1em 2.5em;
    border: 1px solid white;
    border-radius: 0.5em;}
.sitemap > ul > li:nth-last-child(1) ul li a:hover {color: #ff5f2d; border: 1px solid #ff5f2d;}    
.sitemap > ul > li:nth-last-child(1) ul li:nth-last-child(1){margin-right: 0;}

.com_nav_bar {
	display:none;
	width: 100%;
	/* border-bottom: 1px solid #ccc; */
	display: table;
	z-index: 2;
	position: relative;
	/* margin-top: -4em; */
	background: #244b5469;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	}
.slide_menu {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* visibility: hidden; */
    }
.slide_menu > li{    float: left; position:relative;}
.slide_menu > li:after {/* content:""; */ position:absolute; background: #a5babf52;width: 1px;height: 59px;right: 0;top: 2px;}
.slide_menu > li:last-child::after{display:none;}
.slide_menu > li:nth-of-type(1){
    background-image: url(/img/nav/home.png);
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center;/* 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: 1em;
    position: relative;
    letter-spacing: -2px;
}
.slide_menu > li.menu:hover {}

.slide_menu > li.menu > a{
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    width: 291px;
    /* border-right: 1px solid #ccc; */
    cursor: pointer;
    padding: 1em;
    font-size: 1.1em;font-weight: 500;letter-spacing: 0;}
.slide_menu > li.menu > a>i {
    float: right;
    /* padding-top: 0.3em; */
    color: #7e7e7e;
    transition: all ease 0.6s;
    width: 30px;
    height: 30px;
    /* border: 1px solid #c9c9c9; */
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide_menu > li.menu:hover > a>i {/* color: #4697a9; */}

.slide_menu > li.menu > ul{
    position: absolute;
    width: 292px;
    background-color: #fff;
    border: 1px solid #ff7e00;
    padding: 0.5em 1em;
    }
.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 {
}
.slide_menu > li.menu > ul > li:hover {}
.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 0em;
        width: 100%;
}
.slide_menu > li.menu > ul > li > a:hover {font-weight:500; color:#4697a9;}
.hide {    display: none;}

.quick_m {
    position: fixed;
    z-index: 111;
    top: 12em;
    right: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 220px;
    background: white;
    padding: 0;
    border-radius: 1em;
    width: 220px;
    overflow: hidden;
    box-shadow: 5px 5px 5px #00000040;
}
.quick_m li{
    text-align: center;
    background-color: white;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* cursor: pointer; */
}
.quick_m li span{}

.quick_m li:nth-child(1){
    color: orange;
    font-weight: 600;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick_m li:nth-child(2){
    height: 5em;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #ff7e00;
    color: white;
    justify-content: center;
    font-size: 1.4em;
    font-weight: 600;
}
.quick_m li:nth-child(2) span {
    /* display: list-item; */
    font-size: .7em;
}
.quick_m li:nth-child(3),
.quick_m li:nth-child(4),
.quick_m li:nth-child(5),
.quick_m li:nth-child(6),
.quick_m li:nth-child(7) {
    height: 4em;
    display: flex;
    align-items: center;
    padding: 2em;
    cursor: pointer;
}


.quick_m li:nth-child(3){}
.quick_m li:nth-child(4){}
.quick_m li:nth-child(5){}
.quick_m li:nth-child(6){}
.quick_m li:nth-child(7){}



.quick_m li:nth-child(3) span,
.quick_m li:nth-child(4) span,
.quick_m li:nth-child(5) span,
.quick_m li:nth-child(6) span,
.quick_m li:nth-child(7) span{
    display: block;
    width: 3em;
    height: 3em;
    background-image: url(/img/nav/1.png);
    margin-right: 1em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: 5em;
    background-size: 60%;
}
.quick_m li:nth-child(3) span{background-color:#f8c809;}
.quick_m li:nth-child(4) span{background-color:#6fceff;background-image: url(/img/nav/2.png);}
.quick_m li:nth-child(5) span{background-color:#39c1bf;background-image: url(/img/nav/3.png);}
.quick_m li:nth-child(6) span{background-color:#ff7b97;background-image: url(/img/nav/4.png);}
.quick_m li:nth-child(7) span{background-color:#3ca723;background-image: url(/img/nav/5.png);}

.quick_m li:nth-last-of-type(1){
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 4.5em;
    text-transform: uppercase;
    font-weight: 800;
    cursor: pointer;
}
.quick_m li:nth-last-of-type(1) span {
    background: unset;
    height: unset;
}

@media screen and (max-width: 1000px) {
	.left_nav{display:none;}
	.com_nav_bar {
    display: none;
    width: 100%;
    margin: 0 auto;
    /* border-radius: 2em; */
    border-bottom: 1px solid #94c11f;
    background: #ffffff69;
    margin-top: 13em;
    height: 0;
    overflow: hidden;
    }
	.slide_menu > li.menu > ul > li {/* text-align: center; */}
	.slide_menu {width: 100%;}
	.slide_menu > li:nth-of-type(1) {margin-left: 0em;}
	.slide_menu > li:nth-of-type(2) {width: 44%;display: none;}	
	.slide_menu > li:nth-of-type(3) {width: 80%;}
	
	.slide_menu > li.menu > a {font-size: 1.1em;letter-spacing: 0;padding-left: 1em;color: #323232;}
	.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: 250px;margin-left: 1em;}
	.slide_menu > li.menu > a>i {margin-left: 1em;font-size: 1.4em;}

	.quick_m {display:none;
	}
	
}