@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; }
table {font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; border-collapse:collapse; }
a {text-decoration:none;}
a:visited, a:hover {text-decoration:none; }


/* 구조 셋팅 */

#header {width:100%; min-width:1200px; position:relative; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {width:100%;min-width:1200px; position:relative; background:#ececec; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_mi {width:100%;min-width:1200px; position:relative;  background:url(/img/mainContent_mi_back.jpg) no-repeat center top; padding:60px 0; height:808px}
#container_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {width:100%;min-width:1200px; position:relative; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1200px; background:#282828; position:relative; }
#footer:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*top menu*/

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


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

#header #topmenu p.logo {float:left;}

#header .gnb {position:absolute; left:492px; }
#header .gnb li {position:relative;  float:left; }
#header .gnb li .gsub {position:absolute; width:130px ;top:60px;  display:none;}
#header .gnb li .gsub li {float:none !important; padding:0 ; !important; text-align:left; }
#header .gnb li .gsub li a {display:block; padding:12px 10px; color:#fff; background-color:#0072c7; font-size:14px; }
#header .gnb li .gsub li a:hover {color:#fff; font-weight:600; }

#submenu01 {left:7px; z-index:999; text-indent:5px;}
#submenu02 {left:7px; z-index:999; text-indent:5px;}
#submenu03 {left:7px; z-index:999; text-indent:5px;}
#submenu04 {left:7px; z-index:999; text-indent:5px;}
#submenu05 {left:7px; z-index:999; text-indent:5px;}


#header .nav {display: block; position:absolute; left:492px; background:#fff}
#header .nav li {display: inline-block; list-style: none;}
#header .nav .button-dropdown {position: relative;}
#header .nav li a {display: block; color: #fff; text-decoration: none; background:#31987D; font-size:14px; }
#header .nav li a:hover,
#header .nav li a.dropdown-toggle.active {background-color:#31987D;color: #fff;}
#header .nav li a:hover span, 
#header .nav li a.dropdown-toggle.active span {color: #fff; text-indent:10px }
#header .nav li .dropdown-menu { display: none;position: absolute;left: 0;padding: 0;margin: 0;margin-top: -15px;text-align: left;background:#719b00; z-index:999 }
#header .nav li .dropdown-menu.active {display: block;}
#header .nav li .dropdown-menu a {width: 130px;text-indent:5px;padding:12px 5px ; text-indent:7px}
#header .nav li .dropdown-menu a:hover { font-weight:bold}


/*main vs*/

#mainVs_wrap {width:100%; position:relative; height:453px; min-width:1200px;}
#mainVs {width:100%; position:relative; height:641px; text-align:center}

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


#mainContent {width:1170px; margin:0 auto;  position:relative; background:#ececec; padding:60px 15px 125px 15px} 
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_mi {width:1170px; margin:0 auto;  position:relative; background:none} 
#mainContent_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.cont_left {float:left}

.cont_right {float:right}
.online {position:absolute; left:1190px; top:110px}
.cont_right .more {text-align:center; margin-top:45px;}
.cus {float:left !important; padding-left:65px; }


.gall_01 {}
.gall_01:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.gall_01 dd {}


#footer div.tail {width:1170px; 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 b.com{font-weight:normal; color:#65b71c; }
#footer div.tail p.copy span a {color:#2e2e2e; }

#footer div.tail p.foot {float:right}


/* sub */

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

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


#subContent{width:1170px; margin:0 auto; padding:55px 15px; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.s_tit {font-size:30px; color:#000; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #ddd} 
.s_tit span {text-align:center; background:#fff}


/*map*/

.map_tit {font-size:20px; color:#000; margin-bottom:20px}

div.map {float:left}
div.tx {float:left; padding:95px 0 0 70px}

.map_01 {border:1px solid #ddd; background:#fcfcfc; margin-bottom:50px}
.map_01:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.map_02 {border:1px solid #ddd; background:#fcfcfc; margin-bottom:5px}
.map_02:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.map_03 {border:1px solid #ddd; background:#fcfcfc; margin-bottom:5px}
.map_03:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.map_04 {border:1px solid #ddd; background:#fcfcfc; }
.map_04:after {content:""; height:0; clear:both; display:block; visibility:hidden; }