@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");


@font-face {
         font-family:"NotoSansKR";
         src:
				 url('../font/NotoSansCJKkr-Medium.eot')  format('embedded-opentype'),			 
				 url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'),
				 url('../font/NotoSansCJKkr-Medium.woff') format('woff');


				 }
 

/* reset */
*{margin:0;padding:0;border:0}
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,tr,th,td,button{margin:0;padding:0}
body,h1,h3,h2,h4,h5,input,textarea,select,button,table{font-family:'NotoSansKR','Nanum Gothic','돋움',dotum,sans-serif; font-size:14px; color:#4d4d4d; font-weight:normal;letter-spacing:-0.7px}
p,li,th,td,dt,dd{font-size:1em;text-align:left;color:inherit}
img,fieldset,iframe{border:0 none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {vertical-align:middle;}
label,button {border:0 none;background-color:transparent;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;border:0 none}
a {color:#4d4d4d;text-decoration:none;}
a:active, a:hover, a:focus{text-decoration:none; }
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.clearfix {*zoom:1;}
.clearfix:after{content:''; display:block; clear:both;}
.blind{display:none;}



/*popup*/
.hd_pops_footer button.hd_pops_reject{width: 230px;}

/* base */
.hidden{position:absolute;left:-10000px;top:-10000px;font-size:0;line-height:0;width:0;height:0;overflow:hidden;display:block}
.clear{clear:both}
#wrap_all{width:100%; position:relative;}
#innerH{display: flex;justify-content: space-between;width:1200px;position:relative;margin:0 auto}


/* skipNav */
#skipNav {position:relative; z-index:100;}
#skipNav a {position:absolute; left:-9999%;}
#skipNav a:active, #skipNav a:hover, #skipNav a:focus { left:0; top:0; display:block; width:100%; padding:10px;background:#343434; color:#fff; font-size:14px; text-align:center; }


/* header */
#header {width:100%; height:130px; box-shadow: 0px 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.3);z-index:1000;position:relative;}
#header_top{width:100%; height:30px; background:#275948} 
#header_top #member {margin-right: 20px}
#header_top #member li {float:left; color:#fff; padding:0 21px; line-height:28px; border-left:#477263 1px solid;font-size:11px}
#header_top #member li.last{border-right:#477263 1px solid; height: 30px;width: auto;}
#header_top #member li a{color:#fff;}
#header_top #member li a:hover{color:#ff8f00;}
#header_top #hd_sch {float:right;overflow:hidden;;}
#header_top #hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#header_top #hd_sch span{float:left;width:70px;height:30px;line-height:28px;background:#ff8f00; color:#57350b;display:block;font-weight:500;text-align:center}
#header_top #hd_sch form{display:block;overflow:hidden}
#header_top #hd_sch #sch_stx {float:left;width:130px;height:30px;line-height:30px;;padding:0 10px;background:#323232;border:0;color:#c2c2c2}
#header_top #hd_sch #sch_submit {float:left;width:40px; height:30px; background:url(../img/search.jpg) 0 0 no-repeat;display:block;text-indent:-9999px}
#header_bottom{width:100%;height:100px;position:relative;}
#header_bottom h1#logo1{position:absolute; top:0;left:0}
#header_bottom h1#logo2{position:absolute; top:0;left:0}
#header_bottom #gnb{position:absolute; right:0; top:38px;z-index:500}
#header_bottom #gnb_ul>li{float:left; color:#000; font-size:20px; font-weight:500;padding:0 17px;letter-spacing:-1px; text-align:center;}
#header_bottom #gnb_ul>li.m1{width: 144px}
#header_bottom #gnb_ul>li.m2{width: 97px;}
#header_bottom #gnb_ul>li.m3{}
#header_bottom #gnb_ul>li.m4{width: 109px;}
#header_bottom #gnb_ul>li.m5{}
#header_bottom #gnb_ul>li.m6{}
#header_bottom #gnb_ul li a{color:#000;padding-bottom:32px}
#header_bottom #gnb_ul li a:hover{color:#328f72}
#header_bottom #gnb_ul>li>ul {width:178px;float:left; position:absolute; top:47px; display:none; border-top:#459d82 5px solid}
#header_bottom #gnb_ul>li>ul>li{width:178px;display:block; overflow:hidden;  font-size:14px;  font-weight:normal;}
#header_bottom #gnb_ul .m1>ul{left:0px; }
#header_bottom #gnb_ul .m2>ul{left:152px; }
#header_bottom #gnb_ul .m3>ul{left:265px; }
#header_bottom #gnb_ul .m4>ul{left:390px; }
#header_bottom #gnb_ul .m5>ul{left:505px;}
#header_bottom #gnb_ul .m6>ul{left:582px;}
#header_bottom #gnb_ul .m5 {border-right:none;}
#header_bottom #gnb_ul>li>ul>li>a{width:100%; display:block; padding:12px 5px 12px 0px; line-height:15px;  background:url('../img/opacity_bg.png') 0 0; text-align:center;}
#header_bottom #gnb_ul>li>ul>li>a:hover,#header .gnb_ul>li>ul>li>a:focus,#header.gnb_ul>li>ul>li>a:active {width:100%; background:#187a5b;  color:#fff; display:block; }
.header_top_rg {display: flex;}


/*util area*/
.utilAreaWrap{
    width: 100%;
    height: 30px;
    overflow: hidden;
    box-sizing: border-box;
}
.utilAreaWrap > ul{
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
	text-align: left;
}
.utilAreaWrap > ul li{
    display: inline-block;
    height: 30px;
    line-height: 30px;
}
.utilAreaWrap > ul > li > a{
    display: block;
    padding: 0 25px;
    font-size: 13px;
    color: #fff;
}
.utilAreaWrap > ul li.on{
    border-radius: 10px 10px 0 0;
	background: #fff;
}
.utilAreaWrap > ul li.on a{
    color: #275948;
    font-weight: 500;
}

.utilArea {
    float: right;
}
.utilArea li {
    display: flex !important;
    align-items: center;
}
.utilArea a {
    color: #fff;
    font-weight:400;
    font-size: 12px;
    padding: 2px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.utilArea a.name {
    color: #999;
    font-weight:400;
    font-size: 12px;
    padding: 2px 10px;
    background: #fff;
    border-radius: 5px;
    width: 84px;
    width: auto;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.utilArea li:nth-child(2) {
    position:relative;
}
.utilArea .mp a{
    background:#f44266;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.utilArea .mp a:hover{
    background:#fff;
	color: #f44266;
	font-weight: 500;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.utilArea .sc a{
    background:#3f51b5;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.utilArea .sc a:hover{
    background:#fff;
	color: #3f51b5;
	font-weight: 500;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}


/* footer */
#footer{margin-top:67px}
#foot_top{width:100%; height:46px; background:#7e7f70}
#foot_top ul{margin-left:305px}
#foot_top ul li{float:left;color:#fff;margin-right:23px; line-height:42px}
#foot_top ul li a{color:#fff}
#foot_bottom{width:100%; height:117px; background:#e7e5db}
#foot_bottom #foot_left{float:left;width:305px}
#foot_bottom #foot_left img{margin:29px 0 0 37px}
#foot_bottom #foot_center{float:left;width:382px; width:500px;}
#foot_bottom #foot_center p.address{font-size:12px;color:#98968d;margin-top:17px}
#foot_bottom #foot_center p.copy{font-size:12px;color:#706e63;margin-top:8px;letter-spacing:0}
/* 롤링 배너 */
#foot_bottom #foot_right{float:left;width:513px;height:30px;margin-top:41px;}
#foot_bottom #foot_right .m_banner{position:relative;width:513px;height:30px;overflow:hidden}
#foot_bottom #foot_right .m_banner .banner_box{margin-left:32px;width:449px;}
#foot_bottom #foot_right .m_banner .slider_banner{width:449px;height:30px;overflow:hidden;}
#foot_bottom #foot_right .m_banner .slider_banner ul{height:100%;overflow:hidden;}
#foot_bottom #foot_right .m_banner .slider_banner li{float:left;padding-right:14px;border-right:#b2b4ab 1px solid;margin-right:22px}
#foot_bottom #foot_right .m_banner .before{position:absolute;top:7px;left:0}
#foot_bottom #foot_right .m_banner .next{position:absolute;top:7px;right:0}



/* style */
span.green{color:#328f72}