@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700|Noto+Sans:400,700');

/*body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}*/

fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h2,h3{display:none;}

* {margin:0; padding:0; font-family:'Noto Sans KR', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
html, body {width:100%; line-height:150%;}
body {font-size:13px; color:#333; background:#fff;}
input, textarea, select, option {font-size:13px; color:#666;}
input {vertical-align:middle;}
table, th, td {font-size:13px; color:#555;}
ul, li {list-style:none;}
img, fieldset {border:none;}
a:link, a:visited {text-decoration:none; color:#555; }
a:hover, a:active, a:focus {text-decoration:none; color:#000;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

hr, caption {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}

.cen {text-align:center;}
.stop_bar {clear:both;background:url(../img/bar_bg.jpg) no-repeat bottom;height:40px;margin-top:47px;}
#subbottom {height:360px;width:100%;marginwidth:0;frameborder:0;scrolling:no}
#subtop {height:390px; }

.svisual_wrap_1 {clear:both;height:304px; background:url(../img/sub1_bg.jpg) no-repeat center top;text-align:center;}
.svisual_wrap_2 {height:304px; background:url(../img/sub2_bg.jpg) no-repeat center top;}
.svisual_wrap_3 {height:304px; background:url(../img/sub3_bg.jpg) no-repeat center top;}
.svisual_wrap_4 {height:304px; background:url(../img/sub4_bg.jpg) no-repeat center top;}
.svisual_wrap_5 {height:304px; background:url(../img/sub5_bg.jpg) no-repeat center top;}
.svisual {width:1150px;text-align:left; color:#fff; padding-top:135px;margin:0 auto;}
.svisual p.tit {font-size:60px;color:#fff;text-align:center;}

.s_contents {padding:60px 0 100px 0;}

.s_title {
	text-align:left;
	width:100%;
	font-size:34px;
	color:#242426;
	font-weight:400;
	margin-bottom:50px;
	background:url(../img/s_title_ico.jpg) no-repeat left top;
	padding: 5px 0 5px 15px;line-height:1.5m;}

.stop_title {text-align:center;font-size:40px;margin-bottom:30px;}

.sst {text-align:center;font-size:24px;padding-bottom:30px;}

.tab_menu_wrap {width:1200px;overflow:hidden;text-align: center;letter-spacing: -1px; word-spacing: 0px;margin-bottom:70px;}
.tab_menu_wrap ul.tab_menu > li {float:left; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;  border-right:1px solid #c8c8c8;  background:#fff;/*padding:10px 0;*/height:62px;}
.tab_menu_wrap ul.tab_menu > li:first-child { border-left:1px solid #c8c8c8;}
.tab_menu_wrap .tab_menu2  li {width:50%;}
.tab_menu_wrap .tab_menu3  li {width:33.3%;}
.tab_menu_wrap .tab_menu4  li {width:25%;}
.tab_menu_wrap .tab_menu5  li {width:20%;}

.tab_menu > li > a {
	/*display:inline-block;*/
	display:flex;
	min-width:110px;
	height: 100%;
	padding:10px 7px 10px 7px;
	font-size:18px;
	/*text-align: center;*/
	align-items: center;
	justify-content: center;
	color:#888;
	font-family:'Noto Sans KR',sans-serif;
	
}
.tab_menu > li > a span {font-size:16px;padding:0;}
.tab_menu_wrap ul.tab_menu > li.on {
	color:#fff;
	font-weight:400;
	background:#006dbb;border:1px solid #06529b;
	font-family:'Noto Sans KR',sans-serif; 
}
.tab_menu_wrap ul.tab_menu > li.on a {color:#fff;}

.tab_menu_wrap ul.tab_menu > li > a:hover {
	text-decoration:no; color:#0279eb;
}

.tab_menu_sm {margin-top:-70px;background:#006dbb;margin-bottom:70px;width:1195px;}
.tab_menu_sm ul li {display:inline-block;border-right:1px solid #06529b;}
.tab_menu_sm ul li:nth-child(1) {border-left:1px solid #06529b;}
.tab_menu_sm ul li a {color:#fff;padding: 10px 45px;display:inline-block; font-size:14px;}
.tab_menu_sm ul li a.on {color:#00deff;}

.tab_menu_sm .left_m1 {margin-left:110px;}

.h3_style {text-align:center; font-size:22px;  font-weight:600; padding:30px 0; background:url(/images/h3_bg.gif) no-repeat center top;}
.clear {clear:both;}


/* greeting */
.greeting {width:1080px;margin:0 auto;}
.greeting .txt1 {font-size:25px;color:#000;padding: 10px 0 30px 0;}
.greeting .txt1 span {color:#006dbb;}
.greeting p {font-size:16px;line-height:180%;color:#666;}
.greeting .name {text-align:right;font-size:18px;color:#000;}

/* history */
.history {background:url(../img/history_line.jpg) repeat-y center;overflow:hidden;}
.history_list {}
.history_list > li {
    position:relative;
    margin-bottom:20px;
}
.history_list > li:nth-child(even) {width:610px;float:left;text-align:right;background:url(../img/history_won.png) no-repeat right top;padding-right:30px;}
.history_list > li:nth-child(odd) {width:610px;float:right;background:url(../img/history_won.png) no-repeat left top;padding-left:30px;;}
.history_list > li:last-child {margin-bottom:0;}
.history_list > li dl dt {color:#000; font-size:24px;font-weight:600;padding-bottom:5px;font-family:'Noto Sans KR',sans-serif;}
.history_list > li dl dd {font-size:16px;font-weight:400;line-height:150%;padding-top:10px;}
.history_list > li:nth-child(even) dl dd {background:url(../img/history_ico.png) no-repeat right 18px;padding-right:18px;}
.history_list > li:nth-child(odd) dl dd {background:url(../img/history_ico.png) no-repeat left 18px;padding-left:18px;}
.history_list > li dl dd ul {margin-top:7px;}
.history_list > li dl dd ul li {font-weight:300;color:#666;padding: 1px 1px;font-size:14px;}

/*patent*/
.patent {}
.patent .con_st {background:url(../img/st_point_bg.jpg) repeat;font-size:22px;text-align:center;height:30px;padding-top:7px;margin-bottom:30px;}
.patent .con_st span {background:#fff;padding:10px 20px;}
.patent .list1 {overflow:hidden;}
.patent .list1 li {width:226px;float:left;text-align:center;margin-right:16px;height:400px;}
.patent .list1 li:nth-child(5n) {margin-right:0;}
.patent .list1 li p {padding:7px 8px 25px 8px;font-size:16px;color:#555;}
.patent .list1 li img {border:1px solid #e5e5e5;}

/*loadmap*/
.loadmap {}
.loadmap #map {border:1px solid #dedede;}
.loadmap ul {margin-top:15px;}
.loadmap ul li {background:url(../img/list_ico.jpg) no-repeat 7px 18px;font-size:16px;border-bottom:1px solid #efefef;padding: 10px 10px 10px 20px;color:#555;}
.loadmap ul li span {color:#000;}


/*product*/
.product {}
.product .pro_top {overflow:hidden;}
.product .pro_top .img {float:left;width:476px;margin-right:62px;border:1px solid #dde2ed;}
.product .pro_top .txt {float:left;width:660px;}
.product .pro_top .txt1 {font-size:16px;line-height:1.8em;}
.product .pro_top ul {margin-top:20px;}
.product .pro_top ul li {background:url(../img/history_ico.png) no-repeat left 10px;padding:5px 0 5px 16px;color:#666;font-size:15px;}
.product .pro_top dl dt {font-size:16px;color:#333;margin-top:20px;font-weight:bold;}
.product .pro_top dl dd {padding:5px 0 5px 5px;color:#666;font-size:15px;}

.product .pro_con {margin-top:70px;}
.product .pro_con dt {background:url(../img/pro_ico.jpg) no-repeat left 1px;font-size:22px;color:#006dbb;padding: 3px 0 15px 35px;}
.product .pro_con .ta1 {width:100%;border-top:3px solid #006dbb;}
.product .pro_con .ta1 th {background:#eaeff3;padding: 10px 10px;font-size:16px;color:#052a44;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.product .pro_con .ta1 td {border-bottom:1px solid #dedede;border-right:1px solid #dedede;padding: 7px 7px;text-align:center;font-size:15px;}
.product .pro_con .ta1 td.gray {background:#f9f9f9;}
.product .pro_con .ta1 th:last-child {border-right:0;}
.product .pro_con .ta1 td:last-child {border-right:0;}

.product .pro_con .w20  th {width:16%;}

.product .pro_con .img_list3 {overflow:hidden;}
.product .pro_con .img_list3 li {width:375px;float:left;margin-right:37px;}
.product .pro_con .img_list3 li:nth-child(3n) {margin-right:0;}
.product .pro_con .img_list3 li p {text-align:center;font-size:15px;padding: 7px 0 0 0;}

.product .pro_con .ta2 {width:100%;border-top:3px solid #006dbb;}
.product .pro_con .ta2 th {background:#f9f9f9;padding: 10px 10px;font-size:16px;color:#052a44;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}
.product .pro_con .ta2 td {border-bottom:1px solid #dedede;padding: 10px 10px;text-align:center;font-size:15px;}

.product .pro_con .ta3 {width:100%;}
.product .pro_con .topline {border-top:3px solid #006dbb;}
.product .pro_con .ta3 th {background:#f9f9f9;padding: 10px 10px;font-size:16px;color:#052a44;border-bottom:1px solid #dedede;border-right:1px solid #dedede;width:25%;}
.product .pro_con .ta3 td {border-bottom:1px solid #dedede;padding: 10px 10px;text-align:center;font-size:15px;border-right:1px solid #dedede;}
.product .pro_con .ta3 td:last-child {border-right:0;}

.product .pro_con .imglist {border:1px solid #dedede;background:#f9f9f9;padding:40px 0 10px 0;text-align:center;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.product .pro_con .imglist li {display:inline-block;vertical-align:top;margin:0 30px;}
.product .pro_con .imglist li p {font-size:15px;padding: 7px 0 30px 0;}

.product .pro_con .list {margin-left:30px;}
.product .pro_con .list li {background:url(../img/history_ico.png) no-repeat left 10px;padding:5px 0 5px 16px;color:#666;font-size:15px;width:100%;}
.product .pro_con .imgtxt {display:inline-block;vertical-align:top;}

.conbox2 {overflow:hidden;}
.conbox2 li {float:left;width:45%;}

.board {text-align:center;}
.board table {margin:0 auto;}
.board table td {font-size:15px;font-family:'Noto Sans KR',sans-serif; }




/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}