@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

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

.mtop8 {margin-top:8px;}
.mtop10 {margin-top:10px;}
.mtop20 {margin-top:20px;}
.mtop40 {margin-top:40px;}
.mtop60 {margin-top:60px;}
.m_cen {margin:0 auto;}
.cen {text-align:center;}

.smenu_bar {position:absolute;top:-50px;clear:both;height:30px;color:#0080d2;border:1px solid red;}

.svisual_wrap_1 {margin-top:100px;height:317px; background:url(../images/sub1_bg.jpg) no-repeat center top;}
.svisual_wrap_2 {margin-top:100px;height:317px; background:url(../images/sub2_bg.jpg) no-repeat center top;}
.svisual_wrap_3 {margin-top:100px;height:317px; background:url(../images/sub3_bg.jpg) no-repeat center top;}
.svisual_wrap_4 {margin-top:100px;height:317px; background:url(../images/sub4_bg.jpg) no-repeat center top;}
.svisual_wrap_5 {margin-top:100px;height:317px; background:url(../images/sub5_bg.jpg) no-repeat center top;}
.svisual {text-align:center; color:#fff; padding-top:105px;}
.svisual p {font-size:30px; line-height:1.5em;font-weight:600;}
.svisual p.tit {font-size:55px; font-weight:bold;text-transform: uppercase;}

.s_contents {margin-top:60px;}

.page_title {
	text-align:center;
	width:100%;
	font-size:34px;
	color:#242426;
	font-weight:600;
	margin-top:70px;
	margin-bottom:50px;
	border:0px solid red;
	font-family:'Noto Sans KR Regular', sans-serif;text-transform:uppercase;
}
.title_stxt {margin-top:-30px;margin-bottom:65px;text-align:center;font-size:18px;font-family:'Noto Sans KR', sans-serif;font-weight:300;}

.tab_menu_wrap {
	width:1200px;
	overflow:hidden;
	text-align: center;
	font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}


.tab_menu_wrap ul.tab_menu > li {display:inline-block; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;  border-right:1px solid #c8c8c8;  background:#f2f2f2;}

.tab_menu_wrap ul.tab_menu > li:first-child { border-left:1px solid #c8c8c8;}
.tab_menu_wrap .tab_menu1  li {width:170px;min-height:60px;vertical-align:middle;}
.tab_menu_wrap .tab_menu2  li {width:298px;padding:10px 0;}
.tab_menu_wrap .tab_menu3  li {width:49.5%;padding:10px 0;}


.tab_menu > li > a {
	display:inline-block;
	min-width:110px;
	padding:10px 7px;
	font-size:18px;
	text-align:center;
	color:#888;
	font-family:'Noto Sans KR Regular',sans-serif; 
}

.tab_menu_wrap ul.tab_menu > li.on {
	color:#fff;
	font-weight:400;
	background:#06529b;border:1px solid #06529b;
	font-family:'Noto Sans KR Regular',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_sub {background:#06529b;color:#fff;padding:12px 20px;width:1158px;margin-left:1px;}
.tab_sub ul li {border-right:1px solid #326da5;display:inline-block;}
.tab_sub ul li:last-child {border-right:0;}
.tab_sub a {color:#bac3cc;font-size:16px;padding: 0 30px;}
.tab_sub a:hover {color:#fff;}



.sub_contents {clear:both; width:100%; padding:00px 0 100px 0; border:0px solid red; font-size:15px;}
.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;}
.st_ico {font-size:22px;font-weight:500;color:#333;background:url(../images/st_ico.jpg) no-repeat left 5px;font-family:'Noto Sans KR',sans-serif; padding:0 0 0 15px;letter-spacing:-0.03em;}

/*제품*/
.pro_img { text-align:center;}
.pro_img img {border:1px solid #dbdbdb;}

.s_tit {font-size:24px; color:#242426; font-weight:800; margin-top:30px; margin-bottom:50px; text-align:center;}

.list_tit {font-size:16px; font-weight:600; line-height:130%;}
.list_tit .num {font-size:14px; color:#fff; background:#b12d28; padding:3px 7px;}

.sub {padding:0 30px;}

.con_list {margin-top:20px;}
.con_list li {background:url(/images/b_list_icon.gif) no-repeat left 10px; padding:5px 0 10px 20px; font-size:14px; line-height:130%;}

.sub_list {background:url(/images/list_icon.gif) no-repeat left 15px; padding:10px 10px 0px 10px; font-size:13px;}


/*overflow*/
.overflow {overflow:hidden;}
.overflow .left_img {float:left;width:600px;}
.overflow .right_txt {float:left;width:600px;}
.overflow .right_txt p {font-family:'Noto Sans KR',sans-serif;font-weight:300;line-height:1.8em;}
.overflow .right_txt p span {color:#06529b;font-size:18px;margin-top:30px;font-weight:400;}
.overflow .right_txt ul {margin-top:50px;}
.overflow .right_txt ul li {background:url(../images/list_ico1.png) no-repeat 1px 14px;padding: 7px 7px 7px 13px;border-bottom:dotted 1px #dedede;}
.overflow .right_txt ul li span {font-family:'Noto Sans KR',sans-serif;font-weight:500;}
.overflow .right_txt ul li span.dd {display:block;width:85px;float:left;height:50px;}
.overflow .right_txt ul li span.dd2 {display:block;width:200px;float:left;height:30px;}

/*business*/
.business {overflow:hidden;padding-top:40px;}
.business .b_left {width:559px;float:left;border-right:1px solid #e9e9e9;padding-right:40px;padding-bottom:30px;}
.business .b_rig {width:544px;float:left;padding-left:55px;}
.business dl {margin-bottom:45px;}
.business dl dt {font-size:22px;color:#06529b;font-weight:500;font-family:'Noto Sans KR',sans-serif;line-height:1.2em;padding-bottom:25px;}
.business dl dd ul li {background:url(../images/list_ico1.png) no-repeat 1px 14px;padding: 7px 7px 7px 13px;}

/*global network*/
.global {}
.global table {margin-top:15px;border-top:5px solid #06529b;width:100%;}
.global table th {background:#e9f0f5;font-size:18px;color:#06529b;font-weight:500;font-family:'Noto Sans KR',sans-serif;padding:15px 30px;text-align:left;border-right:2px solid #fff;border-bottom:2px solid #fff;vertical-align:middle;}
.global table td {background:#e9f0f5;font-size:15px;color:#555;font-weight:300;font-family:'Noto Sans KR',sans-serif;padding:15px 20px;text-align:left;border-bottom:2px solid #fff;line-height:1.5em;}
.global table td span {font-weight:500;font-family:'Noto Sans KR',sans-serif;}

/* history */
.history {overflow:hidden;}
.history .left_txt {float:left;width:330px;margin-right:50px;background:#f1f1f1;padding:35px;line-height:1.8em;font-family:'Noto Sans KR',sans-serif;font-weight:400;color:#555;min-height:620px;}
.history .h_list {float:left;width:750px;}
.history .h_list dl {overflow:hidden;margin-bottom:25px;}
.history .h_list dl dt {float:left;width:90px;height:55px;background:#06529b;font-size:30px;color:#fff;text-align:center;padding-top:35px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;}
.history .h_list dl dd {float:left;width:620px;padding-left:40px;}
.history .h_list dl dd ul li {background:url(../images/list_ico1.png) no-repeat 1px 14px;padding: 4px 7px 4px 13px;}



.history_list > li {
    position:relative;
    margin-bottom:20px;
}
.history_list > li:nth-child(even) {width:580px;float:left;text-align:right;background:url(../images/history_won.png) no-repeat right top;padding-right:30px;}
.history_list > li:nth-child(odd) {width:580px;float:right;background:url(../images/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(../images/history_ico.png) no-repeat right 18px;padding-right:18px;}
.history_list > li:nth-child(odd) dl dd {background:url(../images/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;}


/*contact*/
.contact {overflow:hidden;}
.contact .left_img {width:597px;float:left;margin-right:55px;overflow:hidden;height:448px;}
.contact .rig_con {width:548px;float:left;}
.contact .rig_con dl {width:522px;border:1px solid #eeeeee;padding:10px;overflow:hidden;margin-bottom:10px;}
.contact .rig_con dl dt {float:left;width:146px;margin-right:30px;}
.contact .rig_con dl dd {margin-bottom:20px;font-size:25px;color:#222;font-family:'Noto Sans KR',sans-serif;font-weight:400;line-height:1.6em;padding-top:45px;}

.contact_btn {background:#06529b url(../images/contact_na.png) no-repeat 470px 50px;padding:30px 45px;margin-top:56px;}
.contact_btn .i_tit {font-size:48px;color:#fff;padding:40px 0;}
.contact_btn .i_txt {font-size:22px;color:#dbdbdb;line-height:1.5em;padding-bottom:12px;}
.contact a:hover .contact_btn {background:#003160 url(../images/contact_na.png) no-repeat 470px 50px;;}


/*strengths*/
.strengths {}
.strengths dl {margin-bottom:60px;padding:0 20px;}
.strengths dl dt {font-size:20px;color:2e2e2e;font-weight:400;}
.strengths dl dt span {font-size:16px;color:#666;padding: 3px 0 0 17px;}
.strengths dl dd {padding: 12px 12px 0 18px; }
.strengths dl dd ul li {background:url(../images/list_ico.jpg) no-repeat left 15px;font-size:16px;color:#555555;padding: 8px 0 8px 13px;}

.strengths dl dd dl {padding:0 10px;}
.strengths dl dd dl dt {color:#f26222;font-size:18px;font-weight:600px;font-family:'Noto Sans KR',sans-serif;}
.strengths dl dd dl {margin-bottom:30px;margin-top:10px;}
.strengths dl dd dl dd {padding: 12px 12px 0 0; }

/*제품소개*/
ul.pro_list {overflow:hidden;}
ul.pro_list li  {float:left; width:392px; margin-right:11px; margin-bottom:25px; }
ul.pro_list li img {border:1px solid #dfdfdf;}
ul.pro_list li:nth-child(3n){margin-right:0;}
ul.pro_list li div {text-align:left;background:#6d89ad url(../images/pro_more.png) no-repeat 360px 15px;color:#fff;font-size:17px;font-family:'Noto Sans KR',sans-serif;padding:13px 20px;}
ul.pro_list li a:hover div {color:#fff;;background:#06529b url(../images/pro_more.png) no-repeat 360px 15px;}
ul.pro_list li a:hover img {border:1px solid #06529b;}

ul.pro_list2 {overflow:hidden;}
ul.pro_list2 li  {float:left; width:582px; margin-right:36px; margin-bottom:25px; }
ul.pro_list2 li img {border:1px solid #dfdfdf;}
ul.pro_list2 li:nth-child(2n){margin-right:0;}
ul.pro_list2 li div {text-align:left;background:#6d89ad url(../images/pro_more.png) no-repeat 550px 15px;color:#fff;font-size:17px;font-family:'Noto Sans KR',sans-serif;padding:13px 20px;}
ul.pro_list2 li a:hover div {color:#fff;;background:#06529b url(../images/pro_more.png) no-repeat 550px 15px;}
ul.pro_list2 li a:hover img {border:1px solid #06529b;}
ul.pro_list2 li div.list_st2 {text-align:center;background-image:none;}
ul.pro_list2 li div.sm_txt {background:#c4d3e7;line-height:1.8em;min-height:85px;color:#333;font-family:'Noto Sans KR', sans-serif;font-weight:300;font-size:15px;}

ul.pro_list3 {overflow:hidden;}
ul.pro_list3 li  {float:left; width:292px; margin-right:10px; margin-bottom:25px; }
ul.pro_list3 li img {border:1px solid #dfdfdf;}
ul.pro_list3 li:nth-child(4n){margin-right:0;}
ul.pro_list3 li div {text-align:left;background:#6d89ad url(../images/pro_more.png) no-repeat 260px 15px;color:#fff;font-size:17px;font-family:'Noto Sans KR',sans-serif;padding:13px 20px;}
ul.pro_list3 li a:hover div {color:#fff;;background:#06529b url(../images/pro_more.png) no-repeat 260px 15px;}
ul.pro_list3 li a:hover img {border:1px solid #06529b;}

.mleft40 {margin-left:40px;}
.mleft150 {margin-left:150px;}
.mleft240 {margin-left:240px;}

.mleft4 {margin-left:310px;}
.mleft5 {margin-left:660px;}
.mleft6 {margin-left:600px;}

.product_ss {overflow:hidden;margin-top:60px;}
.product_ss .pro_img {width:603px;float:left;text-align:left;margin-right:47px;overflow:hidden;}

.gallery{ width:1809px; height:327px; overflow:hidden;
          position:relative; left:0; top:0;}
.g1{width:603px; float:left; }
.sub_menu{width:603px;margin-top:2px;}
.sub_menu span{display:block; float:left;cursor:pointer;margin-right:2px;}
.sub_menu span img {width:110px; }
.hover{color:#FFF; background-color:#FC0;}

.product_ss .pro_txt {width:550px;float:left;}
.product_ss .pro_txt dl dt {width:100%;line-height:1em;
	font-size:34px;
	color:#242426;
	font-weight:600;
	margin-bottom:25px;
	border:0px solid red;
	font-family:'Noto Sans KR Regular', sans-serif;text-transform:uppercase;}
.product_ss .pro_txt dl dt ul {margin-top:10px;}
.product_ss .pro_txt dl dt ul li {color:#666;font-size:17px;font-weight:300;line-height:1.2em;font-family:'Noto Sans KR', sans-serif;}

.product_ss .pro_txt dl dd {background:url(../images/list_ico1.png) no-repeat 1px 12px;padding: 2px 7px 2px 13px;font-size:15px;}

.pro_table {clear:both;width:100%;margin-top:30px;}
.pro_table th {background:#06529b;color:#fff;font-size:16px;text-align:center;padding:10px 0;border-right:2px solid #fff;font-family:'Noto Sans KR', sans-serif;font-weight:400;}
.pro_table td {background:#f2f2f2;text-align:left;padding:15px;width:30%;border-right:2px solid #fff;border-top:2px solid #fff;vertical-align:top;font-size:14px;}
.pro_table td ul li {background:url(../images/list_ico2.png) no-repeat 1px 12px;padding: 4px 7px 4px 13px;}
.pro_table td img {margin-top:25px;}
.pro_table td .pst {font-weight:500;font-family:'Noto Sans KR', sans-serif;font-size:15px;color:#222;}

/*OEM*/
.oem {}
.oem .top_txt {color:#f26222;font-size:36px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-0.05em;text-align:center;padding-top:30px;}
.oem .st_s_txt {font-size:16px;color:#555;padding: 7px 0 0 20px;}
.oem .list1 {overflow:hidden;margin-top:20px;margin-left:7px;}
.oem .list1 li {background:url(../images/list_ico.jpg) no-repeat 14px 14px;padding: 7px 0 7px 25px;float:left;width:45%;}
.oem .sample {overflow:hidden;margin-top:20px;}
.oem .sample li {width:379px;float:left;margin-right:31px;min-height:415px;}
.oem .sample li:nth-child(3n) {margin-right:0;}
.oem .sample li dl dt {font-size:16px;color:#333;text-align:center;margin-top:10px;font-weight:400;font-family:'Noto Sans KR';}
.oem .sample li dl dd {font-size:15px;color:#666;margin-top:15px;text-align:center;}


.board {text-align:center;font-size:13px;}
.board table {margin:0 auto;}
.board table td {font-size:14px;}


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