@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */


.h2_title{padding:8px 20px;border-left:5px solid #000;font-size:22px;margin-bottom:20px;line-height:1.3em; color:#000; text-align:left;}
.h3_title{padding:8px 20px;border-left:5px solid #999;font-size:22px;margin-bottom:20px;line-height:1.3em; color:#333; text-align:left;}
.h2_title_center{text-align:center; font-size:30px;padding:8px 20px;margin-bottom:50px;line-height:1.3em; color:#000;}
.h2_title_center small{display:block;font-size:20px; font-weight:normal; color:#0083ce;line-height:1.3em;}

.h2_title_center:after{content:'';display:block; width:50px; height:2px; margin:20px auto; background:#00459c;}

.cont_text{font-size:14px;line-height:1.6em; color:#666;overflow:hidden;clear:both;padding-bottom:15px;}
.cont_text_info{font-size:14px;line-height:1.6em; color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:15px;}
.cont_text_important{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}

.cont_text2{text-align:left; font-size:1.3em; max-width}
.cont_text2 strong{font-size:1.1em; display:block; text-align:center; line-height:1.4em;}

.cont_img_right50p{display:block;width:50%;float:right; margin:0 0 20px 20px}
.cont_img_left50p{display:block;width:50%;float:left; margin:0 20px 20px 0}

.cont_img_right30p{display:block;width:30%;float:right; margin:0 0 20px 20px; max-width:200px;}
.cont_img_left30p{display:block;width:30%;float:left; margin:0 20px 20px 0; max-width:200px;}

.cont_text_center{font-size:20px; text-align:center; line-height:1.6em; color:#666;overflow:hidden;clear:both;padding-bottom:15px;}

.greetingImg{padding-top:50px;}
.greetingTbl{width:100%; border-top:3px solid #d9e0ec; border-bottom:3px solid #d9e0ec;border-collapse:collapse;border-spacing: 0; font-size:1.3em;}
.greetingTbl th{width:200px; text-align:right;padding:15px;background:#eceff4;border-bottom:1px solid #d9e0ec;}
.greetingTbl td{text-align:left;padding:15px;background:#fff;border-bottom:1px solid #d9e0ec;}

.hrDline{display:block; width:100%; height:30px;margin-top:30px; clear:both;border:0px; border-top:2px dashed #ddd;}

.prodUl{list-style:square;margin-left:40px;font-size:13px;}

.prodTbl{width:100%; overflow:auto;}
.prodTbl table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
.prodTbl table thead th{padding:10px; text-align:center; background:#efefef; border:1px solid #ddd;font-size:1.25em;}
.prodTbl table tbody th{padding:10px; text-align:center; background:#f6f6f6; border:1px solid #ddd;font-size:1.25em; font-weight:normal;}
.prodTbl table tbody td{padding:10px; text-align:center; background:#fff; border:1px solid #ddd;font-size:1.25em;}
.prodTbl table tbody tr:hover td{background:#f4f9f4;}

@media all and (max-width:980px)
{
	.h2_title{font-size:18px;padding:5px 15px;border-left:3px solid #000;}
	.h3_title{font-size:15px;padding:5px 15px;border-left:2px solid #999;}


	.cont_text{font-size:13px;line-height:1.6em;}
	.cont_text_info{font-size:13px;line-height:1.46em;}
	.cont_text_important{font-size:14px;padding:5px 15px;border-left:2px solid #ddd;}
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px;}
	.h2_title_center small{font-size:13px; font-weight:normal;}

	.cont_text{font-size:12px;}
	.cont_text_info{font-size:12px;}
	.cont_text_important{font-size:13px;}

	.cont_text_center{font-size:13px;}

	.greetingTbl{font-size:12px;}
	.greetingTbl th{width:80px;}
	
}

.figure_list{width:100%;overflow:hidden;padding:30px 0;}
.figure_list li{width:25%; float:left; text-align:center;}
.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px;}
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px;}



@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center;}
	.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.figure_list li strong{font-size:16px;}
	.figure_list li span{font-size:11px;}
	
}

.contMaxu{width:100%; max-width:1000px; margin:0 auto; padding:100px 0;}
.contMaxu2{background:#e6f0f7;max-width:100%;}


.bottomRelLogo{width:100%;max-width:1200px; margin:0 auto;float:none;clear:both; text-align:center;overflow:hidden; padding:50px;}
.bottomRelLogo .certCT{text-align:center;padding:2px;}
.bottomRelLogo .certCT a,
.bottomRelLogo .certCT a img{display:block; width:100% !important; text-align:center;margin:0 auto !important;}
.bottomRelLogo .certCT a{border:1px solid rgba(255,255,255,0.0) !important;overflow:hidden;}
.bottomRelLogo .certCT a:hover{border:1px solid #0080cc !important; background:#0080cc; color:#fff;}
.bottomRelLogo .certCT a b{display:block; padding:10px 5px; font-size:13px; color:;}

.contactMap{width:100%;height:600px; position:relative;}
.contactMap iframe{position:absolute; left:0px; top:0px; width:100%; height:100%;z-index:1;}
.contactMap dl{position:absolute; right:20px; top:20px; padding:50px; background:rgba(10,120,190,0.8);color:#fff; text-align:left; z-index:2;}
.contactMap dl dt{font-weight:bold; font-size:20px; padding-bottom:10px;margin-bottom:10px; border-bottom:1px dashed RGBA(255,255,255,0.3)}
.contactMap dl dd{font-size:13px; padding-bottom:5px;}
.contactMap dl dd b{font-size:18px;font-weight:normal;}

.prodSize{width:100%; overflow:hidden;}
.prodSize p{width:45%; float:left; text-align:cetern; font-size:15px;}
.prodSize p:last-child{float:right;}
.prodSize p img{display:block;}


.prodProc{width:100%; overflow:hidden;}
.prodProc li{width:33.33333%; float:left; position:relative;}

.prodProc li i{display:block; overflow:hidden; border-radius:10px; margin:20px 20px 10px 20px;border:1px solid #999;}
.prodProc li i img{display:block; }
.prodProc li b{display:block;  height:90px; padding:0 5px; font-size:1.2em;}

.prodProc li em{display:block; border-radius:50%;width:40px; height:40px; line-height:37px; text-align:center; color:#fff; background:#0072bf; border:2px solid #005cac; font-weight:bold; font-style:normal; font-size:16px; position:absolute; left:0px; top:0px;}









@media all and (max-width:980px)
{	

	.contMaxu{ padding:50px 15px;}


	.contactMap {height:auto;}
	.contactMap iframe{position:static;  height:300px;}
	.contactMap dl{position:static; padding:30px; background:rgba(10,120,190,0.8);color:#fff; text-align:center; }
	.contactMap dl dt{font-weight:bold; font-size:20px;}
	.contactMap dl dd{font-size:12px;}
	.contactMap dl dd b{font-size:13px;}

	.bottomRelLogo{padding:0px 50px;}

	.prodSize p{font-size:12px;}
}

@media all and (max-width:680px)
{	
	.prodProc li{width:50%;}
}








