@charset "utf-8";
/* CSS Document */

#wrap{min-width:1000px;}
#sub_container {position:relative; padding:138px 0 100px 0px; min-height:800px; width:100%; height:100%}
#sub_container #scon {position:relative; width:1100px; padding-top:58px; margin:0 auto; height:100%}

/* intro */
ul.intro_list {position:absolute; top:50%; margin-top:-290px; left:0; width:100%; text-align:center; font-size:0;}
ul.intro_list li {position:relative; display:inline-block; margin:0 10px;}
ul.intro_list li a {}
ul.intro_list li span {position:absolute; top:140px; left:35px; font-size:16px; font-weight:600; border:1px solid #fff; width:115px; height:35px; text-align:left; box-sizing:border-box; line-height:35px; color:#fff; background-position:center right 15px; background-repeat:no-repeat; background-size:15px; background-image:url(../_img/arrow-w.png); padding:0 15px;}
ul.intro_list li:hover span {color:#fff; background-color:#fff;}
ul.intro_list li.site01:hover span {color:#117cc0; background-image:url(../_img/arrow-b.png);}
ul.intro_list li.site02:hover span {color:#35b76d; background-image:url(../_img/arrow-g.png);}
ul.intro_list li.site03:hover span {color:#f69e20; background-image:url(../_img/arrow-o.png);}


/* common */
#headerWrap{position:absolute;top:0;left:0;width:100%; height:100px; background:#fff; z-index:30; border-bottom:1px solid #dfe0e0}
#headerWrap #header{position:relative;width:1000px;margin:0 auto;z-index:30;}
#headerWrap #header .logo {position:absolute;top:20px;left:0px;z-index:1;}
#headerWrap #gnb3{position:absolute; left:51.5%; min-height:15px; top:40px; }

.gnboverarea{position:relative;width:100%;  }

#gnb3{position:relative;display:inline-block;}
#gnb3 ul:after{display:block;clear:both;content:''}
#gnb3 ul li{float:left;padding:0 40px;font-size:22px;font-weight:bold; color:#000; background:url("../_img/common/gnb_bgline.gif") 0px 5px no-repeat;  font-family:'Nanum Gothic';}
#gnb3 ul li:first-child{padding-left:0;background:none}
#gnb3 ul li:last-child {padding-right:0}
#gnb3 ul li h2{font-size:16px;font-weight:bold;letter-spacing:-1px}
#gnb3 ul li a{display:block;padding-bottom:25px;text-decoration:none; color:#000;  }
#gnb3 ul li:hover a { color:#046eb7; }


.sgm_1{margin-left:6px}
.sgm_2{margin-left:40px}
.sgm_3{margin-left:180px}
.sgm_4{margin-left:200px}


#gnb_bottom_line{position: absolute;top:46px;left: 0;border-top: 3px solid #00a97d;}
#gnb_Bg{position:absolute;top:49px;left:0;display:none;width:100%;background:#efefef;border-bottom:#dfe0e0 solid 1px; z-index:50}




/* footer */
#dc_foot_info {padding:30px 0 50px;background:#6d6e71 url(/_img/common/f_bg.png) repeat-x;color:#fff;font-size:12px;line-height:16px; letter-spacing:normal }
#dc_foot_info .inner { width:1000px; height:100px; margin:0 auto; position:relative;}
.foot_logo {float:left; width:130px;height:114px; padding:0 20px 0 45px; border-right:#959699 solid 1px}
.foot_info {float:left; margin:0 0 0 30px;color:#fff ;}
.foot_info span{color:#bbbdbf; padding-top:10px; font-size:11.5px; line-height:17px;}
.copyright {margin-top:5px; color:#929497}
.mark {position:absolute; right:0; top:0px}