@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:15px; color:#333333; line-height:30px }
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕';   font-size:15px; color:#626262; border-collapse:collapse; }
a {text-decoration:none; }
a:visited, a:hover {text-decoration:none; }

/* 구조 셋팅 */
#header {width:100%; min-width:1200px; position:relative; background:#ee2d3d }
#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:80px 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; position:relative; background:#717171}
#footer:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail {width:1200px; margin:0 auto; padding:30px 0px; color:#dcdcdc; line-height:26px; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {float:left; width:1200px;}
#footer div.tail p.copy b{ font-size:14px; font-weight:600; color:#fff}
#footer img{float:left; margin-right:30px;}

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

div.tm { position:absolute; top:15px; right:0px; font-size:14px}
div.tm:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.tm p {float:left; color:#6a6a6a; line-height:1.2em; }
div.tm p.line {padding:0 13px; }
div.tm p a {color:#6a6a6a; }

div.tm span.line {display:inline-block; padding:0 15px; }

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


.tablest2{margin-bottom:50px; }
.tablest2 tr td{text-align:center;  border:solid 1px #e2e2e2;padding:8px;  }
.tablest2 tr td a{color:#000; }
.tablest2 tr td a:hover{color:#FF3300; }

.mainbanner{ margin:50px auto;width:1200px; }
/*gnb*/
#topmenu{margin:0 auto; width:1200px; height:104px; position:relative}
.subBg{position:absolute;left:0;top:0px;width:100%;height:35px;display:none; }
#gnbarea{position:absolute;right:0;top:35px;}
.gnb > li{float:left;}
.gnb > li > a{margin:0  20px ;font-size:16px}
.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:14px; width:200px; 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:#ee2d3d; background:#f6f6f6 }

.gnb .subWrap.sub01{position:absolute; background-color:#fff;  left:25px;}
.gnb .subWrap.sub01 a {color:#000000; }

.gnb .subWrap.sub02{position:absolute; background-color:#fff; left:150px;}
.gnb .subWrap.sub02 a {color:#000000; }

.gnb .subWrap.sub03{position:absolute; background-color:#fff;  left:280px;}
.gnb .subWrap.sub03 a {color:#000000; }

.gnb .subWrap.sub04{position:absolute; background-color:#fff;  left:410px;}
.gnb .subWrap.sub04 a {color:#000000; }

.gnb .subWrap.sub05{position:absolute; background-color:#fff; left:510px;}
.gnb .subWrap.sub05 a {color:#000000; }

/*main vs*/



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

.vs001 {width:100%; height:807px; background:url(/img/vs001.jpg) no-repeat center top; min-width:1200px; position:relative}
.vs001 span{text-align:center; position:absolute;left:0px;  top:300px; color:#FFFFFF; font-size:50px; letter-spacing:-0.5px; font-weight:600 ;width:100%; line-height:50px}

.vs002 {width:1200px; height:807px; background:url(/img/vs002.jpg) no-repeat center top; min-width:1200px; position:relative}
.vs002 span{text-align:center; position:absolute; left:0px; top:300px; color:#FFFFFF; font-size:50px; letter-spacing:-0.5px; font-weight:600 ;width:100%; line-height:50px}





#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 {}

.h4st{font-size:20px; font-weight:600; color:#ee2d3d; padding:0 0 10px 0 }
.tablest{ border-top: solid 2px #ee2d3d;}
.tablest tr th{background:#ecf3fd;  padding:5px; color:#ee2d3d; border-right:solid 1px #d0def2;}
.tablest tr td{ border:solid 1px #e3e3e3; padding:2px 5px;}
.tablest tr td.bgst{background:#f6f6f6; text-align:center; font-weight:600; color:#000000}
.tablest tr td.data{text-align:center;font-weight:600;}

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

.mainboard{ width:420px; float:right;}
.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:19.6%; 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:#f6f6f6; }
.submenu ul li.on a{color:#ee2d3d}
.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%; 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:#f6f6f6; }
.submenu1 ul li.on a{color:#ee2d3d}


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



.substplus{width:100%; float:left; padding:30px 0}
.substplus ul li{width:33%; border:solid 1px #ddd; text-align:center; float:left; padding:13px; background:#f6f6f6}
.substplus ul li.on{border-bottom:none; background:#FFFFFF }
.substplus ul li.on a{color:#3164ad}


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

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

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

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

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

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


.btnst{padding:30px 0; text-align:center; width:100%}
#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; }

.box{border:solid 1px #ddd;  width:1200px;}

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

#subContent h3{font-size:20px; margin-top:50px; color:#e50915 }

.s_tit {font-size:30px;  padding:70px 0 30px 0; text-align:center;  background:url(/img/tit_back.png) no-repeat; height:130px;}
.s_tit span {text-align:center; }

/* 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}