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

/* 텍스트 */
.h2_title{padding:2px 15px; border-left:5px solid #ed1c24; font-size:26px; margin-bottom:20px; line-height:1.3em; color:#222; }
.h3_title{padding:2px 15px; border-left:5px solid #ddd; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#666; }
.h2_title_center{text-align:center; font-size:40px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; font-family: 'Nanum Myeongjo';}
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif;}

.cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; word-break: keep-all;}
.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_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; }

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

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

	.cont_text{font-size:13px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.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; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:0; }
.figure_list li{width:33%; float:left; text-align:left; list-style:none;}
.figure_list li i{display:inline-block; vertical-align:middle; margin:10px auto; width:50px; height:50px; line-height:50px; border-radius:50%; background:#ddd; font-size:1.5em;text-align:center; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:inline-block; vertical-align:middle; font-size:14px; color:#666; 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;  border-radius:50%; background:#ddd;  }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:12px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto; text-align:center; font-size:13px; line-height:1.2em;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:15px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; overflow:hidden; text-align:right;}

.basic_table table tbody tr:hover td{background:#fceff3; color:#333; }


.basic_table table tfoot td p{display:inline-block;vertical-align:top; padding:5px; text-align:center; width:18%; max-width:120px;font-weight:normal; line-height:1.2em;}
.basic_table table tfoot td p img{display:block;margin:0 auto 5px; border:1px solid #ddd;}

.basicLeftRight table tbody td{text-align:left;}

.tableInfo{display:block; font-size:16px; color:#7c7e6d; text-align:left; font-weight:normal;line-height:1.2em;}
.tableInfo span{}

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}


.youtubeArea{background:#2c2d30; text-align:center; overflow:hidden; margin-top:-1px; padding:20px;}
.youtubeAreaSub{background:#222;}
.bottomCerti{background:#eaeaea; text-align:center; overflow:hidden; padding:40px 20px; margin-top:-100px; clear:both;}


.wideWr{width:100%; padding:20px;}



.history{width:100%; text-align:center;background:URL(../img/historyBg.jpg) no-repeat center bottom #000; background-size: cover; padding:90px 20px;}

.history h2{color:#ddd; font-size:30px;}
.history h2 small{display:block;color:#838383; font-size:20px;}

.history > div{width:100%; max-width:1100px; margin:0 auto; overflow:hidden;padding-top:30px;}

.history > div ul{width:30%; margin:1.5%; float:left;  text-align:left; color:#fff;}
.history > div ul li{position:relative;padding:0 30px 30px 30px;border-left:1px solid #ed1c24;}
.history > div ul li:before{content:'';display:block; width:10px; height:10px;background:#ed1c24; border-radius:50%; position:absolute;left:-5px; top:0px;}
.history > div ul li > b{display:block;padding-bottom:10px; font-size:20px;}
.history > div ul li > p{font-size:12px; color:rgba(255,255,255,0.7); font-weight:100; }


.sec2D{width:100%; overflow:hidden; text-align:left;}
.sec2D .secL{width:49%; float:left;}
.sec2D .secR{width:49%; float:right;}

.sec2Dtit > div{width:100%; overflow:hidden; padding:30px 0; border-bottom:1px dotted #999;}
.sec2Dtit > div:last-child{border-bottom:none;}
.sec2Dtit > div h3{float:left; width:36%;}
.sec2Dtit > div img{float:left; display:block; width:63%;}


.prodOrder{width:100%; overflow:hidden; padding:20px 0;}
.prodOrder ol{list-style:none; margin:0px !important; padding:0px !important; overflow:hidden;}
.prodOrder ol li{ display:block;list-style:none; width:14.6%; float:left; margin:0 1% !important; padding:0 0 20px !important; overflow:hidden; text-align:center;}

.prodOrder ol li i{display:block; width:90%; margin:0 auto; max-width:200px; position:relative; border-radius:50%;}
.prodOrder ol li i img{display:block; border-radius:50%;}
.prodOrder ol li i b{display:block; width:30px; height:30px; line-height:30px; text-align:center ;color:#fff; font-size:16px; background:#ee1d23; position:absolute; left:5px; top:5px; font-style:normal; border-radius:50%;}
.prodOrder ol li > b{display:block; font-size:14px;padding:10px 0; word-break:keep-all;}
.prodOrder ol li > u{display:block; text-align:left; text-decoration:none; font-size:11px; color:#999; padding-left:10px; border-left:1px solid #ddd; line-height:1.2em; font-family:dotum; letter-spacing:-0.05em;}
.prodOrder ol li > u sub{display:block; height:8px;}

.prodOrder ol li:hover > u{color:#666; border-left:1px solid #ee1d23;}

@media all and (max-width:980px)
{
	.sec2D .secL,
	.sec2D .secR{width:100%; float:none;}
	.sec2D .secL{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
	
	.sec2Dtit > div h3{float:none; width:100%;}
	.sec2Dtit > div img{float:none; width:100%;}

	.prodOrder ol li{ width:31.3%;}
	.prodOrder ol li:nth-child(4){clear:both;}
}


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

	.history{padding:50px 20px;}	
	.history h2{font-size:18px; }
	.history h2 small{font-size:13px; font-weight:normal; }

	.history > div ul{width:45%;}

	.history > div ul li > p{font-size:11px;}

	
	.prodOrder ol li{ width:48%;}
	.prodOrder ol li:nth-child(3),
	.prodOrder ol li:nth-child(5){clear:both;}
	.prodOrder ol li:nth-child(4){clear:none; float:left;}
	.prodOrder ol li > b{font-size:14px;}

	.tableInfo{font-size:13px; }
	
}
@media all and (max-width:600px)
{
	.history > div ul{width:96%;padding-top:0px; float:none;}	
	.history > div ul li{padding:0 30px 10px 30px;}	
	.history > div ul li > b{padding-bottom:3px; font-size:16px;}
	.history > div ul li > p{color:rgba(255,255,255,0.8);}

	.bottomCerti{padding:20px;}

	.basic_table{font-size:12px;}
	.basic_table table td{padding:8px; font-size:12px;}
}





.subProdWr{width:100%; text-align:center;  padding:60px 30px; overflow:Hidden;background:URL(../img/mainIMG02.jpg) no-repeat center bottom #000; background-size: cover; margin-bottom:30px;}

.subProd{width:100%; margin:0px !important; overflow:hidden; padding:0px !important; list-style:none;}

.subProd li{width:33.333333%; float:left; list-style:none; text-align:center; padding:0px;margin:0px;}
.subProd li a{display:block;font-size:14px; margin:0 auto; text-decoration:none !important;border:1px solid RGBA(0,0,0,0.7); background:RGBA(0,0,0,0.7); width:80%; margin:0 auto; padding:30px;}
.subProd li a i{display:block; overflow:hidden; border-radius:50%; margin:0 auto; max-width:200px; border:5px solid #fff; background:#ddd;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1);}
.subProd li a i img{display:block; width:100%; height:auto;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subProd li a:hover i img{transform: scale(1.1);/*filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;*/}
.subProd li a strong{display:block; padding:20px 0 10px; font-size:1.5em; color:#fff;}
.subProd li a span{display:block; color:rgba(255,255,255,0.7);}
.subProd li a b{display:block; text-align:center; color:#fff; width:120px; height:36px; line-height:36px; margin:20px auto 0; border-radius:5px; background:#d6d6d6; border:1px solid #bcbcbc; font-weight:normal;
	 -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}

.subProd li a:hover{background:#ee1d23;}
.subProd li a:hover strong{color:#fff;}

@media all and (max-width:980px)
{
	.subProd li a{font-size:12px;}
	.subProd li a{width:100%; padding:30px 10px;}
	
}


@media all and (max-width:700px)
{
	.subProdWr{padding:30px;}
	.subProd li{width:100%;float:none; overflow:hidden; ; margin-top:20px;}
	.subProd li a{width:100%; padding:20px 10px;}
	.subProd li a i{width:100px; }
	.subProd li:first-child{margin-top:0px;}
	
}


.sorienTab{overflow:hidden; margin:0 0 30px 0px !important; padding:0px !important;}
.sorienTab li{width:33.3333%; float:left; list-style:none;padding:0px; margin:0px;}
.sorienTab li a{display:block; width:90%; margin:0 auto; border-radius:50px; text-align:center; height:50px; line-height:50px; background:#efefef; color:#666 !important; font-size:16px; border:1px solid #ddd; font-weight:bold;
	text-decoration:none !important;
	 -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.sorienTab li a:hover{background:#ddd; color:#000 !important;}
.sorienTab li a.on{background:#d5161b; color:#fff !important; border:1px solid #d5161b;}



@media all and (max-width:700px)
{
	.sorienTab{margin-bottom:10px !important;}
	.sorienTab li{width:100%; padding:3px 0;}
	.sorienTab li a{font-size:12px; height:auto; line-height:1.2em; padding:15px 0;}

	
}