/* 나눔 웹폰트 가져오기 180115 morenvy.com */
/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script');

#mains{padding:0; margin:0; min-width:1000px; }
#maintablewrap{min-width:1000px; overflow:hidden;}
#Popup{display:none;}
#maintable1{min-height:1080px}
a:link      {COLOR:#232323; TEXT-DECORATION:none;}
a:visited   {COLOR:#232323; TEXT-DECORATION:none;}
a:active    {COLOR:#232323; TEXT-DECORATION:none;}
a:hover     {COLOR:#232323; TEXT-DECORATION:none;}
ul, li {list-style:none;}
table { border-collapse: separate; border-spacing: 0;}

body{font-family: 'Open Sans','Nanum Gothic','Noto Sans KR', sans-serif, Arial; }


/*메인비주얼 텍스트*/
.mainvisual_txt { width:1000px; margin:0 auto; text-align:center;}

.mainvisual_txt h2 {
	font-size: 44px;
	font-weight:800;
	line-height:48px;
	color: #fff;
	text-shadow: 1px 1px 3px #575757;
	margin: 0px;
}

.mainvisual_txt p{font-size:18px; font-weight:bold; line-height:26px;letter-spacing: 0px; color:#fff; 	text-shadow: 1px 1px 3px #575757; }

/*메인 영문버튼*/

.lang_btn {
width:37px;
height:37px; 
background:#2d62a2;
border-radius:100px;
text-align:center;
}
.lang_btn>a {
color:#fff!important; 
font-size:12px; 
line-height:37px;
font-weight:bold;
display:block;

}

.lang_btn:hover {transition: .3s; background:#0ba5e1; }
.lang_btn:hover>a{color:#fff; text-decoration:none;}


/* 푸터 */
.footer {
  width: 100%;
  overflow: hidden;
  background: #262a2d;
  font-family:'Nanum Gothic', sans-serif;
}
.footer  a {
font-family:'Nanum Gothic', sans-serif;
}

.footer .footer_top {
  background: #313538;
  overflow:hidden;
  height:42px;
}

.footer .footerContents {
  width: 1000px;
  margin: 0 auto;
}

.footer .footerContents ul {padding:0px; margin:0px; float:left;}
.footer .footerContents ul>li {float:left; list-style:none; padding:10px 0 10px 0;}
.footer .footerContents ul>li a {
	color: #fff;
	font-size:13px;
	font-weight:700;
	line-height:20px;
}
.footer .footerContents ul>li a:hover {text-decoration:none;}
.footer .footerContents .down_btn {float:right;}



.footer .footerContents span {
    margin: 0 25px;
    color: #969696;
}
.footer_copy {width:1000px;margin:0 auto;padding:30px 0px;overflow: hidden;}
.footer_copy a {color:#d2d6db!important;}
.footer_copy h1 {width:167px;height:40px;float: left;}
.footer_copy .copy_txt {float:left; margin-left:45px;}
.footer_copy .copy_txt p {font-size: 13px; color: #d2d6db;}
.btn_up_layer {position:fixed;right:15px;bottom:20px;display:none; background:none; border:0px; padding:5px 10px;z-index:1;}



/*메인배너1*/

.bannerWrap {width:445px; height:223px; overflow:hidden;}
.bannerWrap h2 {font-size:30px;font-weight:400;color:#fff;margin: 0px;}
.bannerWrap h2 > span {font-weight:800;}
.bannerWrap .small_tit {font-size:20px; font-weight:bold; color:#fff; margin-top:8px;}
.bannerWrap .small_tit:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #ffffff;
    display: block;
    margin: 0 auto;
    margin: 20px 0px;
}
.bannerWrap p {font-size:14px; color:#fff;}

.bannerWrap>a.more{
 	display: inline-block;
 	width: 38px;
 	height: 38px;
 	text-align: center;
 	border:1px solid #fff;
 	box-sizing: border-box;
 	position: relative;
 	float: left;
 	transition: .5s;
 	margin:40px 0 0 5px;
}
.bannerWrap>a.more:hover {
    transition: .5s;
    transform: rotate(180deg);
}

/*메인 고객센터*/
.cs_banner {width:100%; height:100%; border:1px solid #d7d7d7;}
.cs_banner a>h2 {font-size:20px; color:#303030; padding:5px 23px;}
.cs_banner a>p {font-size:23px; font-weight:800; color:#103e5d; margin:0px; padding-left:23px;}
.cs_banner>table {padding:5px 23px; margin-top:10px;}
.cs_banner>table td {border-bottom:1px solid #d7d7d7; padding:10px 0; font-size:14px; color: #505050;}
.cs_banner>table td.s-tit {font-size:14px; font-weight:bold; color:#1b6ca4; padding-right:10px;}


/*메인 사업분야*/
.main_business {width:100%; height:100%; background:#f1f1f1;}
.main_business .cont {width:1000px;overflow:hidden;padding: 80px 0px;margin: 0 auto;text-align:center;}
.main_business .cont>.title {font-size:30px;color:#103e5d;margin: 0px;}
.main_business .cont>.title>strong {font-weight:800;}
.main_business .cont>p {font-size:21px; font-weight:bold; color:#103e5d; margin:7px 0px;}

.business_list {width:1000px; overflow:hidden;}
.business_list dl {float:left; width:227px; height:247px; position:relative; border:1px solid #d7d7d7; margin-right:28px;}
.business_list dl>dt { 
	display:block; 
	width:100%; 
	padding:9px 0;
	position:absolute; 
	bottom:0px; 
	left:0px; 
	font-size:15px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	background:rgba(0, 0, 0, 0.70);
}

.business_list dl>dd {margin:0px;}
.business_list dl>dd>img {width:227px; height:247px;}



/*메인 회사개요*/
.main_bannerWrap {width:100%;overflow:hidden;padding: 60px 0px;}
.main_bannerWrap h2 {font-size:30px;font-weight:900;color:#fff;margin: 0px;}
.main_bannerWrap span {font-size:20px; color:#fff; font-weight:bold; line-height:32px;}
.main_bannerWrap span:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #ffffff;
    display: block;
    margin: 0 auto;
    margin: 14px 0px;
}

.main_bannerWrap p {font-family: 'Nanum Gothic', sans-serif; font-size:15px; letter-spacing:-0.5px; color:#fff; line-height:25px; margin:0px 0px 20px 0px;}


/*서브공통*/

.sub_tit {
	width:100%; 
	height:40px; 
	overflow:hidden; 
	position:relative; 
	padding-left:24px;
	background:url('/user_data/sop/content/editor/img/blt.gif')no-repeat;
	background-position: left top 13px;
	margin-bottom:10px;
}

.sub_tit p {font-family: 'Nanum Gothic', sans-serif; float:left;font-size:32px; font-weight:900; color:#353535; margin:0px;}
.sub_tit span {float:left; font-size:22px; position:relative; top:9px; margin-left:5px; color: #6f6f6f;}



/*오시는 길*/

.sub table.contact {width:100%; border-top:2px solid #146eac; margin:20px 0 80px;font-family: 'Nanum Gothic', sans-serif, Arial;}
.sub table.contact th{background:#f2f2f2; font-size: 13px; font-weight:600; width:200px; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.sub table.contact td{border-bottom:1px solid #ddd; padding:10px; font-size:13px; color:#333; line-height:150%;}



/* 인사말 */
.greeting {    
	width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 90px;
}

.greeting_txt {
	width:570px; 
	float:right;
	font-size:14px;
	line-height:26px;
	margin-left:57px;
}
.greeting_txt p {font-}

.greeting .slogan_en {
	font-size:40px;
	font-weight:bold;
	color:#afb5bc;
	margin:0px;
}

.greeting .slogan {
	font-family: 'Nanum Gothic', sans-serif;
	font-size:25px;
	color:#636363;
	font-weight:bold;
	line-height:38px;
}

.greeting .sign {text-align:right; font-size:20px;}
.greeting_img {float:left;}

/*회사개요*/
.overview_head {
	width:1000px;
	height:217px;
	background:url(/user_data/sop/content/editor/img/head_img01.jpg) no-repeat;
}
.overview_head .title {font-size:26px;font-weight:800;color:#fff;margin: 0px;padding: 77px 0 0 40px;}
.overview_head p {font-size:18px;color:#decfbd;padding-left:40px; margin-top:10px;}


.overview_head2 {
	width:1000px;
	height:217px;
	background:url(/user_data/sop/content/editor/img/head_img02.jpg) no-repeat;
}
.overview_head2 .title {font-size:26px;font-weight:800;color:#fff;margin: 0px;padding: 77px 0 0 40px;}
.overview_head2 p {font-size:18px;color:#bcdff4;padding-left:40px; margin-top:10px;}


.overview_head3 {
	width:1000px;
	height:217px;
	background:url(/user_data/sop/content/editor/img/head_img04.jpg) no-repeat;
	margin-bottom:50px;
}
.overview_head3 .title {font-size:26px;font-weight:800;color:#fff;margin: 0px;padding: 77px 0 0 40px;}
.overview_head3 p {font-size:18px;color:#decfbd;padding-left:40px; margin-top:10px;}



.overview {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:90px;	
}

.overview .cont_wrap {border-bottom:1px solid #dedede; padding:25px 0;}
.overview .cont_wrap:last-child {border:none; padding-bottom:0px;}
.overview .cont_wrap>.title {
	font-size:18px; 
	font-weight:bold; 
	margin:0px; 	
	background:url(/user_data/sop/content/editor/img/blt.gif) no-repeat; 
	background-position: left bottom;
	padding-left:25px;
}

.overview .cont_wrap p {	font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#404040; line-height:24px;}

/*서비스*/
.service_tb {width:100%; margin-bottom:50px;}
.service_tb td {border-bottom:1px solid #d7d7d7;padding: 20px 0px; font-size:15px; line-height:26px; color:#505050; vertical-align:top;}
.service_tb td:first-child {width:160px;}
.service_tb .tit {color:#fff;font-size:16px;font-weight:bold;width:120px;background:#319de8;border-radius:100px;text-align:center;padding:4px 10px;margin: 0px; height: 55px;}

.strength {width:1000px; height:422px; background:url('/user_data/sop/content/editor/img/strength_bg.jpg')no-repeat; position:relative;}
.strength dl:first-child {position:absolute; bottom: 20px; right: 70px;}
.strength dl:nth-child(2) {position:absolute;top: 45px;left: 108px;}
.strength dl:nth-child(3) {position:absolute;top: 40px;right: 70px;}


.strength dl>dt {font-size:18px; font-weight:bold; color:#0185e0; margin-bottom:10px;}
.strength dl>dd {font-size:14px; line-height:25px; color:#494949; margin-left:0px; position: relative; padding-left: 10px;}
.strength dl>dd::before{
    content:'';
    position: absolute;
    background: #494949;
    left:0;
    top:12px;
    height: 1px;
    width: 3px;
}


/*서브레이아웃*/

.sub_cont {	
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:90px;	}
.sub_cont p {line-height:26px;}
.sub_layout {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:90px;	
}

.sub_layout .cont_txt {margin-bottom:30px;}
.sub_layout .cont_txt>.title {
	font-size:18px; 
	font-weight:bold; 
	margin:30px 0 0 0; 	
	background:url(/user_data/sop/content/editor/img/blt.gif) no-repeat; 
	background-position: left bottom;
	padding-left:25px;	

}

.sub_layout .cont_txt p {font-size:14px; color:#404040; line-height:24px;}

.sub_layout .cont_txt2 {margin-bottom:30px; background:#f9f9f9; border:1px solid #e8e8e8; padding:25px;}
.sub_layout .cont_txt2>.title {font-size:17px; padding-bottom:10px; font-weight:bold; color:#06C;}
.sub_layout .cont_txt2 p {margin:0px; font-size:14px; color:#404040; line-height:24px;}


/*회사연혁*/

.history_head {
	width:1000px;
	height:217px;
	background:url(/user_data/sop/content/editor/img/head_img03.jpg) no-repeat;
	margin-bottom:30px;
}
.history_head .title {font-size:26px;font-weight:800;color:#fff;margin: 0px;padding: 77px 0 0 40px;}
.history_head p {font-size:18px;color:#dbf3ff;padding-left:40px; margin-top:10px;}

.historyWrap {width:1000px; overflow:hidden; background: url('/user_data/sop/content/editor/img/history_line.gif') repeat-y 50% 10%; margin-bottom:50px;}
.history_cont {width:1000px; position:relative;  }


.year {
	width:102px;
	height:102px;
	background:#005998;
	border:6px solid #b0ccdf;
	border-radius:100px;
	margin:0 auto;
}
.year:first-child>p {margin-top:26px;}
.year>p {font-size:20px; font-weight:700; color:#fff; text-align:center; margin-top:40px;}
.left_cont {
	text-align: right;
	margin-right: 48.9%;
	margin-bottom: 40px;
	margin-top: 40px;

}

.left_cont>dt {
	font-size:20px;
	font-weight:700;
	color:#1493d5;
	float:right;
	margin-left:10px;
	background:url('/user_data/sop/content/editor/img/year_bg.png')no-repeat;
	background-position:right top 10px;
	padding-right:40px;
	padding-top:10px;
}

.left_cont .tit {font-size:18px;font-weight:bold; padding-top:10px}
.left_cont .tit>span {
    float: right;
    font-weight:700;
    color:#159da6;
    padding:2px 20px 0px 10px;
    height: 50px;
}
.left_cont ul {padding-right: 130px;}
.left_cont ul>li {font-size:15px; color:#404040; line-height:24px;}


.right_cont {    
	text-align: left;
    margin-left: 47.8%;
    margin-bottom: 40px;
    margin-top: 40px;
}
.right_cont>dt {
	font-size:20px;
	font-weight:700;
	color:#1493d5;
	float:left;
	margin-left:10px;
	background:url('/user_data/sop/content/editor/img/year_bg.png')no-repeat;
	background-position:left top 10px;
	padding-left:40px;
	padding-top:10px;
}

.right_cont .tit {font-size:18px;font-weight:bold;padding-top:10px;}
.right_cont .tit>span {
    float: left;
    font-weight:700;
    color:#159da6;
    padding:2px 20px 0px 10px;
}
.right_cont ul {padding-left:123px;}
.right_cont ul>li {font-size:15px; color:#404040; line-height:24px; padding-left: 10px; position: relative;}
.right_cont ul>li::before{
content:'';
position: absolute;    
background: #404040;    
left:0;
height:1px;
width: 5px;
top:12px;
display: block;    
}




/*취급품목*/

.tabmenu {width: 1000px;overflow: hidden; margin: 0px;border-left:1px solid #417191; padding-left:0px;}
.tabmenu li {float:left; text-align:center; }
.tabmenu li>a {display:block; border-right:1px solid #417191; padding:15px 30px; color:#fff; font-weight:bold;}

.product_img {width:1000px; height:400px; position:relative; overflow:hidden; margin-bottom:50px; }
.product_img .pdt_tit {width:96.9%; position:absolute; bottom:0px; background:rgba(0, 0, 0, 0.6); padding:10px 15px;}
.product_img .pdt_tit>p {font-size:17px; font-weight:500; color:#fff; margin:0px; float:left;}
.product_img .pdt_tit>span {font-size:14px; color:#999; padding-left:10px;}

.info_tit {width:1000px; background:url('/user_data/sop/content/editor/img/info_tit.gif')no-repeat; margin:50px 0px 40px 0px;}
.info_tit p {font-weight:700; color:#fff; padding:12px;}


.product_thum {width:1000px;  overflow:hidden; }

.thum_txt {overflow:hidden; float:left; margin-left:23px;}
.thum_txt .blue_tit {margin-bottom:30px; font-size: 24px; font-weight: 600; color: #0082d6;}
.thum_txt p {line-height:26px; margin:0px; }
.thum_img {float:right;}


.pdt_detail {width:100%; border:1px solid #d7d7d7; margin-bottom:30px; }
.pdt_detail td {text-align:center; padding:20px 0px;}
.pdt_detail .name {border-top:1px solid #d7d7d7; padding:10px; color:#155683; font-weight:700; text-align:center;}



.cont_ul {    padding-left: 0px; overflow: hidden; float: left;     margin: 0px 0px 50px 0px;}
.cont_ul>li {
	padding-left:10px; 
	line-height:28px; 
	font-size:14px; 
	color:#393939; 
	background:url('/user_data/sop/content/editor/img/li_bg.gif')no-repeat;
	background-position:left top 12px;
 }
 
.cont_ul strong {font-family: 'Nanum Gothic', sans-serif; }



.spec_table {width:100%; margin:40px 0px;}
.spec_table th {
	background: rgba(20, 151, 217, 1); 
	color:#fff;
	padding:10px 0px;
	background: -moz-linear-gradient(left, rgba(20, 151, 217, 1) 0%, rgba(13, 78, 136, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20, 151, 217, 1)), color-stop(100%, rgba(13, 78, 136, 1)));
	background: -webkit-linear-gradient(left, rgba(20, 151, 217, 1) 0%, rgba(13, 78, 136, 1) 100%);
	background: -o-linear-gradient(left, rgba(20, 151, 217, 1) 0%, rgba(13, 78, 136, 1) 100%);
	background: -ms-linear-gradient(left, rgba(20, 151, 217, 1) 0%, rgba(13, 78, 136, 1) 100%);
	background: linear-gradient(to right, rgba(20, 151, 217, 1) 0%, rgba(13, 78, 136, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#076ac0', endColorstr='#14c3b1', GradientType=1 );
}

.spec_table td {font-size:14px; padding:10px;color:#393939; border:1px solid #d7d7d7; border-top:none;}
.spec_table td:nth-child(2) {border-right:none; border-left:none;}
.spec_table .title {width:216px; font-weight:700; color:#272727; background:#f2f2f2;}


.pdt_coating {width:1000px; height:1442px; position:relative; overflow:hidden;}
.pdt_coating .model_tit {font-family:'Noto Sans KR', sans-serif;  position:absolute; top:480px; left:30px; font-size:22px; color:#fff;}

.pdt_coating>table {margin-top:30px;}
.pdt_coating>table .title {font-size:20px; font-weight:700; padding: 8px 0px 40px 0px; color:#1859c6;}
.pdt_coating>table td {text-align:center;}
.pdt_coating>table td:first-child {padding-right:34px;}