@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%;min-width:1000px; height:135px;background:#fff url("../_img/common/top_bg.jpg") no-repeat 50% 0;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:60px;left:0px;z-index:1;}
#headerWrap #header .hGroup{display:inline-block;vertical-align:bottom;width:100%;height:44px;}
#headerWrap #header .hlGroup{float:left;}
#headerWrap #header .hlGroup a{ font-weight:bold; float:left;height:44px;width:191px; padding-top:10px; line-height:20px;text-align:center; background: rgba(255, 255, 255, 0.4);color:#fff;  -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; margin-right:1px; font-size:16px; text-decoration:none}
#headerWrap #header .hlGroup a.active {background-color:#fff; color:#00a97d;}
/*#headerWrap #header .hlGroup a:hover{background-color:#fff; color:#00a97d;}*/

#headerWrap #header .hShortcut{height:34px;padding-top:6px; margin-top:6px;text-align:right;}
#headerWrap #header .hShortcut >a{display:inline-block;padding:0 9px 0 12px;font-size:12px;background:url("../_img/common/hShortcut_bg.png") 0 5px no-repeat;}
#headerWrap #header .hShortcut >a:first-child{background:none;}

#headerWrap #gnb3{position:absolute; left:51.5%; min-height:15px;}

.gnboverarea{position:relative;width:100%;min-height:80px; margin-top:40px;}
#gnb3{position:relative;display:inline-block; font-family:'Nanum Gothic';}
#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; }
#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; }
#gnb3 ul li a.on{color:#00a97d;}

#gnb3 ul li .gnbsingle {position:absolute;top:30px;left:0;width:120%;z-index:60}
#gnb3 ul li .gnb_s{}
#gnb3 ul li .gnb_s li {margin:0 15px 0 0;padding:10px 0;font-size:13px;font-weight:normal;background:none;  font-family:'Nanum Gothic';}
#gnb3 ul li .gnb_s li a{padding:22px 0 10px 0;color:#6d6e71; font-weight:bold;}
#gnb3 ul li .gnb_s li a:hover,#gnb3 ul li .gnb_s li a.on{color:#00aa7e;font-weight:bold;}

#menu_2 .gnbsingle {top:50px !important; left:50% !important; margin-left:-760px; width:1100px !important; box-sizing:border-box;}
#menu_2 .gnbsingle>ul {position:relative; background:#fff; margin:0; height:200px; box-sizing:border-box; padding-left:270px;}
#menu_2 .gnbsingle>ul::before {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; border-bottom:1px solid #dfe0e0; content:'';}
#menu_2 .gnbsingle>ul::after {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; border-bottom:1px solid #dfe0e0; content:'';}
#menu_2 .gnbsingle>ul>li {float:left; padding:0 !important; margin:0 !important; text-align:center; position:relative; background:#efefef !important; border-bottom:1px solid #ddd; width:115px; box-sizing:border-box;}
#menu_2 .gnbsingle>ul>li>a {padding:12px 0 !important;}
#menu_2 .gnbsingle ul li ul {position:absolute; width:100%; padding:10px 20px;}
#menu_2 .gnbsingle ul li ul li {float:none; background-color:transparent; border-bottom:0; width:100%; text-align:left; padding:0;}
#menu_2 .gnbsingle ul li ul li a {position:relative; padding:3px; color:#888; padding-left:10px;}
#menu_2 .gnbsingle ul li ul li a::before {position:absolute; top:50%; left:0; width:5px; height:1px; background:#999; content:'';}
#menu_2 .gnbsingle ul li ul li:hover a::before {background:#00a97d;}
#menu_2 .gnbsingle ul li:hover>a {color:#00a97d;}

#menu_2 .gnbsingle .thumb {position:absolute; top:0; left:-270px; display:none;}

.sgm_1{margin-left:6px}
.sgm_2{margin-left:40px}
.sgm_3{margin-left:120px}
.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:26px 0 40px;background:#6d6e71 url(/_img/common/f_bg.png) repeat-x; color:#fff;font-size:12px;line-height:14px; letter-spacing:normal }
#dc_foot_info .inner { width:1000px; height:70px; margin:0 auto}
.foot_logo {float:left; width:102px;height:84px; padding:0 20px 0 45px; border-right:#959699 solid 1px}
.foot_info {float:left; margin:0 0 0 20px;color:#fff; }
.foot_info span{color:#bbbdbf; padding-top:10px; font-size:11.5px; line-height:13px; }

.copyright {margin-top:5px; color:#929497}