@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:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕';  font-size:13px; color:#333333; line-height:30px }
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕';   font-size:13px; color:#626262; 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; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_mi {width:100%;min-width:1200px; position:relative;  padding:50px 0}
#container_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_down {width:100%;min-width:1200px; position:relative; background:#f4f4f4}
#container_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {width:100%;min-width:1200px;  margin-bottom:50px;}
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1200px; border-top:solid 1px #d9d9d9; position:relative; text-align:right}
#footer:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*top menu*/
.topbanner{position:absolute; right:0px; top:20px;}


.mainmap { background:url(/img/bg_top_2.png) repeat-x}

.mainbanner{ margin:50px auto;width:1200px; }
/*gnb*/
#topmenu{margin:0 auto; width:1200px; height:77px; position:relative}
.subBg{position:absolute;left:0;top:0px;width:100%;height:35px;display:none;}
#gnbarea{position:absolute;right:0;top:13px;}
.gnb > li{float:left;}
.gnb > li > a{margin:0  50px }
.gnb > li > a.last{margin-right:0;padding-right:0;}
.gnb > li > a:hover,.gnb > li > a:focus,.gnb > li > a.current{color:#007dab;}

.gnb .subWrap{display:none; z-index:5}
.gnb .subWrap li{ font-size:13px; width:170px; border-bottom:solid 1px #eee; }
.gnb .subWrap li a{padding:5px 10px 2px 10px; display:block }
.gnb .subWrap li a:hover,.gnb .subWrap li a:focus{color:#244c9c; background:#f6f6f6 }

.gnb .subWrap.sub01{position:absolute; background-color:#fff; border:solid 1px #ccc; left:20px;}
.gnb .subWrap.sub01 a {color:#616161; }

.gnb .subWrap.sub02{position:absolute; background-color:#fff; border:solid 1px #ccc; left:210px;}
.gnb .subWrap.sub02 a {color:#616161; }

.gnb .subWrap.sub03{position:absolute; background-color:#fff; border:solid 1px #ccc; left:395px;}
.gnb .subWrap.sub03 a {color:#616161; }
/*main vs*/

#mainVs_wrap {width:1200px; position:relative; height:630px; min-width:1200px; margin:0 auto}
#mainVs {width:100%; position:relative; height:630px; text-align:center; min-width:1200px}

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


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

#mainContent_mi {width:1200px; margin:0 auto;  position:relative; } 

#mainContent_down {width:1200px; margin:0 auto;  position:relative; } 
#mainContent_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.cont_left {float:left; text-align:center; padding-bottom:60px;}

.cont_right { width:100%;; text-align:center; background:#f4f4f4}
.spe {}

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


.gall_01 {}
.gall_01 dd {}

.gall_02 {}
.gall_02 dd {}


#footer div.tail {width:1200px; margin:0 auto; padding:45px 15px;}
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {line-height:25px;}
#footer div.tail p.copy b{ font-size:20px;}


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

.mainboard{ width:470px; float:left;}
.mainboard ul li{background:url(img/icon.png) no-repeat 5px; padding-left:20px; }
.mainboard ul li a{color:#676767}

/*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 */
.submenu{clear:both; width:1200px; margin:0 auto; z-index:10}
.submenu ul li{ float:left; width:24.5%; text-align:center;border-right: solid 1px #ddd; border-left: solid 1px #ddd; margin-left:-1px; font-size: 16px;}
.submenu ul li a{color:#333; display:block; padding:5px 0;}
.submenu ul li.on{border-bottom: none;  background:#ee6f06 }
.submenu ul li.on a{color:#ffffff}
.submenuin{border-bottom: solid 1px #ddd; width:100%; float:left;}


.submenu1{clear:both; width:1200px; margin:0 auto; z-index:10}
.submenu1 ul li{ float:left; width:33.1%; text-align:center;border-right: solid 1px #ddd; border-left: solid 1px #ddd; margin-left:-1px; font-size: 16px;}
.submenu1 ul li a{color:#333; display:block; padding:5px 0;}
.submenu1 ul li.on{border-bottom: none;  background:#ee6f06 }
.submenu1 ul li.on a{color:#ffffff}



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

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

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

#sub_vs {width:1200px;padding:50px 0; font-size:40px; text-align:center}

#sub_vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }



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

.s_tit {font-size:34px;  padding:70px 0 30px 0; text-align:center;  clear:both}
.s_tit span {text-align:center; background:#fff}

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

.titbox{ background:#f5f5f5;float:left; width:100%; margin:20px 0 40px 0; }

.titbox ul li{float:left; text-align:center; width:25%;}
.titbox ul li a {display:block;padding:5px; color:#080808}
.titbox ul li a.on{color:#1f4b9c; text-decoration:underline}

.productv {margin-top:50px;height:520px; }
.productv p{ float:left; width:650px;}
.productv p img{width:600px; height:410px;}
.productv  ul { line-height:22px;}
.productv  ul span{background:#3f3f3f; color:#FFFFFF; padding:10px 20px; }
.productv  ul li{margin-top:20px;}



.tt{background:#3f3f3f; color:#FFFFFF; padding:10px 20px; }

 
.paging {text-align:center; padding:20px; background:#fff; width:100%; clear:both}
.paging > .page-left { display:inline-block; }
.paging > .page-right {display:inline-block; }
.paging > .number {display:inline-block; margin-left:10px; margin-right:10px; }
.paging a {display:inline-block; width:34px; height:34px; line-height:34px; color:#333; font-size:15px;background:#f5f5f5; border:1px solid #dedede; vertical-align:middle; margin-left:2px; }
.paging a.on, .paging a:hover, .paging a:focus { background:#333; border:1px solid #333; color:#fff; }
.paging a:first-child {margin-left:0; }
.paging a.btn-first {background:#fafafa url(/img/btn_first.png) no-repeat center center;}
.page-left a:hover, .page-right a:hover {border:1px solid #dedede;}
.paging a.btn-prev { background:#fafafa url(/img/btn_prev.png) no-repeat center center; }
.paging a.btn-next {background:#fafafa url(/img/btn_next.png) no-repeat center center;}
.paging a.btn-last {background:#fafafa url(/img/btn_last.png) no-repeat center center;}
 


.photolist{ width:222px;float:left; margin:15px 8px; }
.photolist p img{width:222px; height:162px;}
.photolist span{text-align:center; width:222px; float:left}

.photolist span a{color:#333333}

.photolist span a:hover{color:#1f4b9c; text-decoration:underline}


.photoview{border:solid 1px #cecece; padding:20px; float:left; width:1160px; position:relative} 
.photoview h3{font-size:30px; margin-bottom:20px;margin-top:10px;}
.photoview p {float:left; width:670px;}
.photoview p img{width:640px; height:410px;}
.photoview ul span{ position:absolute; bottom:20px; right:0px}

.simg{width:147px; height:100px; float:left ; margin-right:20px;}

.phototext{ padding-top:50px; float:left}