@import url(http://fonts.googleapis.com/earlyaccess/NanumBarunGothicBold.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 셋팅 */

body, div, p, a, img, ul, ol, li, table, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd, * {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */

body {width:100%; height:100%; background:#fff; font-family:'NanumBarunGothicBold', '나눔바른고딕', 'NanumBarunGothicBold', '맑은 고딕'; font-size:16px; color:#333; line-height:28px; }
table {font-family:'NanumBarunGothicBold', '나눔바른고딕', 'NanumBarunGothicBold', '맑은 고딕'; font-size:16px; border-collapse:collapse; }
a {text-decoration:none;}
a:visited, a:hover {text-decoration:none; }


/* 구조 셋팅 */

#header {width:100%; min-width:1100px; position:relative; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {width:100%;min-width:1100px; position:relative; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_mi {width:100%;min-width:1100px; position:relative; background:#007338}
#container_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_down {width:100%;min-width:1100px; position:relative; }
#container_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {width:100%;min-width:1100px; position:relative; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1100px; background:#282828; position:relative; }
#footer:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*top menu*/

#header #topmenu {width:1100px; position:relative; margin:0 auto; padding:0 15px}
#header #topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	


#header-area {width:1100px; margin:0 auto; position:relative;background:#fff;height:90px;}
.logo {position:absolute; left:0px; top:5px;z-index:1500;}
.logo img{width:110px;}
/*gnb*/
.subBg{position:absolute;left:0;top:80px;width:100%;height:35px;background-color:#fafafa;display:none;}
#gnbarea{position:absolute;width:650px;right:0;top:30px;}
.gnb > li{float:left; text-align:right;position:relative;}
.gnb > li > a{font-size:24px;font-weight:bold;font-family:'NanumBarunGothicBold', '나눔바른고딕', 'NanumBarunGothicBold', '맑은 고딕';margin-right:40px;padding-right:15px; color:#007338;}
.gnb > li > a.last{margin-right:0;padding-right:0;}
.gnb > li > a:hover,.gnb > li > a:focus,.gnb > li > a.current{color:#000;}
.gnb .subWrap{position:absolute;left:-30px;display:none;z-index:9999;}
.gnb > li:hover ul{display:block;}
.gnb .subWrap:hover{display:block;}
.gnb .subWrap{padding:20px 0;}
.gnb .subWrap li a{display:block;width:180px;height:40px;padding:0px 0;line-height:14px;text-align:center;color:#007338;background-color:#fff;font-weight:bold;opacity:0.8;}
.gnb .subWrap li a:hover,.gnb .subWrap li a:focus{color:#ec6a01;}




.stplus1{padding:30px 0}
.stplus1 h4{color:#007338; font-size:20px;}
.stplus1 p{ float:left; margin-top:30px; margin-right:30px;}
.stplus1 ul{ float:left; width:570px;margin-top:30px;}

.tablest {border:1px solid #e7e7e7; border-top: solid 2px #007338 ; border-collapse:collapse;  line-height:19px; clear:both; color:#757575; width:100%}
.tablest th {color:#007338; padding:10px 0; background:#e7eff6 ; text-align:center; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.tablest td {font-weight:normal; text-align:center;  border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px ; }
.tablest td.st1{background:#f4f4f4; color:#333; }
.tablest td.st2{background:#f4f4f4; color:#333; }

/*main vs*/

#mainVs_wrap {width:100%; position:relative; height:420px; min-width:1100px}

#mainVs {width:100%; position:relative; height:420px; text-align:center; min-width:1100px;  text-align:center}
#mainVs:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#222;opacity:1;z-index:-1;}
.maintextst{margin-top:120px; color:#fff; font-size:35px;line-height:45px;}
.maintextst span{line-height:60px; color:#0a306f; font-size:65px; font-weight:bold}

.vs001 {width:100%; height:420px; background:url(/img/vs001.jpg) no-repeat center top; min-width:1100px}
.vs002 {width:100%; height:420px; background:url(/img/vs002.jpg) no-repeat center top; min-width:1100px}
.vs003 {width:100%; height:420px; background:url(/img/vs003.jpg) no-repeat center top; min-width:1100px}


#mainContent {width:1100px; margin:0 auto;  position:relative; padding:70px 0 0 0;overflow:hidden;} 
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_mi {width:1100px; margin:0 auto;  position:relative; padding:70px 15px} 
#mainContent_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_down {width:1100px; margin:0 auto;  position:relative; padding:0 15px 65px 0} 
#mainContent_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.mapicon{ float:left; width: 318px; border-top:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; font-size:18px;}
.mapicon ul li.icon1{background:url(img/icon_map.png) no-repeat 25px center;  height:150px; border-bottom:solid 1px #dcdcdc; padding:20px 0 0 80px;font-size:18px;box-sizing:border-box;}
.mapicon ul li.icon1 span{float:left; font-size:16px;letter-spacing:-1px;}
.mapicon ul li.icon2{background:#f4f2e1 url(img/icon_tel.png) no-repeat 25px center;  height:150px; border-bottom:solid 1px #dcdcdc;font-size:18px;line-height:50px;}
.mapicon ul li.icon2 span{ float:left; padding:50px 0 0 80px;}
.mapicon ul li.icon3{background:url(img/icon_mail.png) no-repeat 25px center;  height:150px;}
.mapicon ul li.icon3 span{ float:left; padding:60px 0 0 80px;}

.mapicon2{ float:left; width:1098px;  border:solid 1px #dcdcdc;font-size:18px;}
.mapicon2 ul li { width:364px; float:left}
.mapicon2 ul li.icon1{background:url(img/icon_map.png) no-repeat 25px center;  height:140px; font-size:18px;}
.mapicon2 ul li.icon1 span{ float:left; padding:40px 0 0 80px;}

.mapicon2 ul li.icon2{background:#f4f2e1 url(img/icon_tel.png) no-repeat 30px center;  height:140px; font-size:18px;line-height:50px;}
.mapicon2 ul li.icon2 span{ float:left; padding:50px 0 0 90px;}
.mapicon2 ul li.icon3{background:url(img/icon_mail.png) no-repeat 30px center;  height:140px;}
.mapicon2 ul li.icon3 span{ float:left; padding:60px 0 0 90px;}


.cont_left { height:435px;}
.cont_center {text-align:center;margin:0 auto; font-weight:800;}
.cont_center p{text-align:center; font-size:56px; color:#959595;}
.cont_center p span{color:#FFFFFF}
.M_bg {width:100%; height:500px; background:#2b98b2 }
.M_text{text-align:center; margin:20px 0 ;font-size:16px;color:#fff;line-height:1.6em;}
.cont_right {float:right}
.spe {margin-right:48px !important}

.online {position:absolute; left:1100px; top:110px}
.top15 {text-align:center; margin-top:15px;}
.more {text-align:center; margin:20px 0 0 0px;}
.cus {float:left !important; }

.mt-30{margin-top:30px; !important; }
.text-r{ text-align:right !important; }


.gall_01 {}
.gall_01 dd {width:1100px; margin:0 auto;}
#mainContent_mi div.cont_center p{text-align: center;margin-bottom:70px;}

.gall_02 {}
.gall_02 dd {}


#footer div.tail {width:1100px; margin:0 auto; padding:45px 15px; font-size:13px; ; background:#282828; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {color:#fff; line-height:1.8em; float:left}
#footer div.tail p.copy span {padding-right:15px; color:#FFF}
#footer div.tail p.copy span b{color:#FFF}
#footer div.tail p.copy span a {color:#2e2e2e; }
#footer div.tail p.copy span b.com{font-weight:normal; color:#1deb01; }
#footer div.tail p.copy span b.com a{font-weight:normal; color:#1deb01; }


#footer div.tail p.foot {float:right;margin-top:45px;}
#footer div.tail p.foot span a{font-size: 14px;color: #fff;font-weight: normal;}

.textst1{float:right; width:500px; margin-left:50px;margin-bottom:50px;}
.textst1 h3{ color:#ababab; font-size:56px;   font-weight:800; margin-bottom:30px;}
.textst1 h3 span{ color:#828282}
.textst1  p {float:left; margin-right:30px;}
.textst1  ul {float:left}
.textst1  ul li {font-size:15px; line-height:28px;}
.textst1  ul li.text1{ color:#222222; font-weight:600;font-size:20px; margin-bottom:10px;}
.textst1  ul li.text2{ color:#007338; font-weight:600;font-size:30px;letter-spacing:-2px; line-height:40px;margin-bottom:10px;}
.textst1  ul li.text3{color:#444444; font-weight:600;font-size:18px;}

.textst2{float:left; width:550px;height:400px;border-right:2px solid #ccc;box-sizing:border-box;}
.textst2 h3{ color:#ababab; font-size:56px;   font-weight:800; margin-bottom:30px;text-align:center;}
.textst2 h3 span{ color:#828282}
.textst2  ul li {font-size:15px; line-height:28px;}
/*notice*/

dl.notice dd {padding-top:15px; }
dl.notice dd div.lt ul li {background:url(/img/noti_bul.jpg) 0 11px no-repeat; padding:5px 10px 5px 10px; }
dl.notice dd div.lt ul li a {color:#555555; font-size:14px; }
dl.notice dd div.lt ul li span.date {display:inline-block; color:#555555; float:right; font-size:14px;}

/* sub */

#sub_vs_wrap {width:100%; min-width:1100px; position:relative; background:url(/img/subvs_back01.jpg) no-repeat center top; height:300px;  }
#sub_vs_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#sub_vs {width:1100px; margin:0 auto; padding:130px 15px}
#sub_vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_vs .sub_tit {color:#fff;  font-size:30px; text-align:center; text-align:center}
#sub_vs .sub_tit span { color:#ffffff; font-size:45px;}

#subContent{width:1100px; margin:0 auto; padding:50px 15px 70px 15px;display: block;}
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#subContent .port li{width:50%;height: 100px;float: left;text-align: center;}


.s_tit {font-size:35px; background:url(/img/tit_back.jpg) repeat-x center 20px; margin:65px 0; text-align:center}
.s_tit span {text-align:center; background:#fff}

.hi{ width:1100px; margin-top:20px;}
.hi ul li.st1{font-weight:600; color:#003a78; font-size:30px;}
/* footer */


#s_scroll_1 {position:relative; z-index:999; }
#SC_CS_1 {
position: absolute;
width:135px;
z-index:1;
text-align:center;
left:1230px;
top:0;
display:block;
}