@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; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:30px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; padding:15px 0;}
.h2_title_center:after{content:'';display:block; width:100px; height:3px; background:#efefef; margin:15px auto;}

.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:5px solid #efefef; clear:both; margin-bottom:15px; }

.cont_text_info2{font-size:18px; line-height:2em; color:#666; overflow:hidden; padding:20px; border:5px solid #efefef; clear:both; margin-bottom:15px; }		/*2021-10-16*/

.cont_text_important{padding:8px 20px; border-left:5px solid #efefef; font-size:16px; color:#53803c; 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%; border:0px; border-top:2px dashed #efefef; clear:both; height:30px; margin-top:30px;}

@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.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%; max-width:1200px; margin:0 auto; text-align:center; padding:0; overflow:hidden;}
.figure_list li{display:block; padding:20px 10px; width:25%; float:left;}
.figure_list li i{display:block; margin:0 auto 5px; border-radius:50%; font-size:50px; width:150px; height:150px; line-height:150px; background:RGBA(0,0,0,0.05); color:#000; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.figure_list li strong{display:block; color:#222; font-size:20px; padding:5px 0;}
.figure_list li span{display:block; color:#999; font-size:14px; font-style:normal; padding:5px 0;}
.figure_list li:hover i{transform: scale(1.1) rotate(360deg);}


.figure_list2 li{width:50%;}		/* 메인 핑크블로썸 원형아이콘 박스 2단 구성 시 figure_list2 클래스 추가 */
.figure_list3 li{width:33.333%;}	/* 메인 핑크블로썸 원형아이콘 박스 3단 구성 시 figure_list3 클래스 추가 */
.figure_list4 li{width:25%;}		/* 메인 핑크블로썸 원형아이콘 박스 4단 구성 시 figure_list4 클래스 추가 */
.figure_list5 li{width:20%;}		/* 메인 핑크블로썸 원형아이콘 박스 5단 구성 시 figure_list5 클래스 추가 */

@media all and (max-width:980px)
{
	.figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list li strong{font-size:16px;}
	.figure_list li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.figure_list2 li:nth-child(3),
	.figure_list2 li:nth-child(5),
	.figure_list2 li:nth-child(7),
	.figure_list2 li:nth-child(9){clear:both;}
	
	.figure_list3 li:nth-child(4),
	.figure_list3 li:nth-child(7),
	.figure_list3 li:nth-child(10),
	.figure_list3 li:nth-child(13){clear:both;}

	.figure_list4 li:nth-child(5),
	.figure_list4 li:nth-child(9),
	.figure_list4 li:nth-child(13),
	.figure_list4 li:nth-child(17){clear:both;}

	.figure_list5 li:nth-child(6),
	.figure_list5 li:nth-child(11),
	.figure_list5 li:nth-child(16),
	.figure_list5 li:nth-child(21){clear:both;}
	.figure_list5 li i{width:120px; height:120px; line-height:120px; font-size:36px;}
	.figure_list5 li strong{font-size:16px;}
	.figure_list5 li span{font-size:13px;}
}
@media all and (max-width:800px)
{
	.figure_list li{width:50%; float:left;}
	.figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list li strong{font-size:14px;}
	.figure_list li span{font-size:12px;}
	.figure_list li:nth-child(odd){clear:both;}
}






/* 서브 핑크블로썸 원형아이콘 박스/////////////////////////////////oem공정2021-10-18 */
.figure_list_oem{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0; overflow:hidden;}
.figure_list_oem li{display:block; padding:0px 20px 20px 0px; width:33%; float:left; border:0px solid #000; background-image:url(../img/arrNext_oem2.png); background-position:right 20%; background-repeat:no-repeat ;}

.figure_list_oem li i{display:block; margin:0 auto 5px; border-radius:50%; font-size:50px; width:150px; height:150px; line-height:150px; background:RGBA(0,0,0,0.05); color:#000; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.figure_list_oem li strong{display:block; color:#222; font-size:20px; padding:5px 0;}
.figure_list_oem li span{display:block; color:#999; font-size:14px; font-style:normal; padding:5px 0;}
.figure_list_oem li:hover i{transform: scale(1.0) rotate(360deg);}


@media all and (max-width:980px)
{
	.figure_list_oem li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list_oem li strong{font-size:16px;}
	.figure_list_oem li em{font-size:12px;}
}

@media all and (max-width:800px)
{
	.figure_list_oem li{width:50%; float:left;}
	.figure_list_oem li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list_oem li strong{font-size:14px;}
	.figure_list_oem li span{font-size:12px;}
	.figure_list_oem li:nth-child(odd){clear:both;}
}







/* 서브 핑크블로썸 웹진형 코딩 박스 */
.subBoxWebzineStyle{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 30px 0; overflow:hidden; word-break:keep-all;}
.subBoxWebzineStyle li{display:block; padding:20px; width:25%;float:left; text-align:left; overflow:hidden;}   /*원래 width:25%;*/
.subBoxWebzineStyle li i{display:block; position:relative; overflow:hidden; margin:0 auto;}
.subBoxWebzineStyle li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li strong{display:block; color:#000; font-size:18px; padding:15px 0;}
.subBoxWebzineStyle li em{display:block; color:#444444; font-size:16px; font-style:normal;}
/*.subBoxWebzineStyle li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;}*/

.subBoxWebzineStyle li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li:hover u{color:#000; width:100%;}
.subBoxWebzineStyle li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;}
.subBoxWebzineStyle li:hover i img{transform: scale(1.1);}

.subBoxWebzineStyle2 li{width:50%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 2단 구성 시 subBoxWebzineStyle2 클래스 추가 */
.subBoxWebzineStyle3 li{width:33.333%;}	/* 서브 핑크블로썸 웹진형 코딩 박스 3단 구성 시 subBoxWebzineStyle3 클래스 추가 */
.subBoxWebzineStyle4 li{width:25%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 4단 구성 시 subBoxWebzineStyle4 클래스 추가 */
.subBoxWebzineStyle5 li{width:20%;padding:5px}		/* 서브 핑크블로썸 웹진형 코딩 박스 5단 구성 시 subBoxWebzineStyle5 클래스 추가 */




@media all and (max-width:980px)
{
	.subBoxWebzineStyle li{padding:10px;}
	.subBoxWebzineStyle li strong{font-size:16px;}
	.subBoxWebzineStyle li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.subBoxWebzineStyle2 li:nth-child(3),
	.subBoxWebzineStyle2 li:nth-child(5),
	.subBoxWebzineStyle2 li:nth-child(7),
	.subBoxWebzineStyle2 li:nth-child(9){clear:both;}
	
	.subBoxWebzineStyle3 li:nth-child(4),
	.subBoxWebzineStyle3 li:nth-child(7),
	.subBoxWebzineStyle3 li:nth-child(10),
	.subBoxWebzineStyle3 li:nth-child(13){clear:both;}

	.subBoxWebzineStyle4 li:nth-child(5),
	.subBoxWebzineStyle4 li:nth-child(9),
	.subBoxWebzineStyle4 li:nth-child(13),
	.subBoxWebzineStyle4 li:nth-child(17){clear:both;}

	.subBoxWebzineStyle5 li:nth-child(6),
	.subBoxWebzineStyle5 li:nth-child(11),
	.subBoxWebzineStyle5 li:nth-child(16),
	.subBoxWebzineStyle5 li:nth-child(21){clear:both;}
}
@media all and (max-width:800px)
{
	.subBoxWebzineStyle li strong{font-size:14px;}
	.subBoxWebzineStyle li em{font-size:12px;}

	.subBoxWebzineStyle li{width:50% !important; float:left;}
	.subBoxWebzineStyle li:nth-child(odd){clear:both;}

	.subBoxWebzineStyle2 li,
	.subBoxWebzineStyle3 li{width:100% !important; float:none;}
}



/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.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:8px; }
.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; }

/* 유튜브영상삽입 */
.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%;}







/*장비소개*/

.page_content_sub_title { margin:0 auto; padding:0px 0 0; margin-top:0px;font-size:16px; letter-spacing:0; text-align:left; line-height:2}
.page_content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:0px; clear: both;}
.page_content_sub_title .sub_title{float:left; display: block; line-height:1.0; width:25%; color:#1a1a1a; font-size:16px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;}
.page_content_sub_title .sub_title h5 { font-size: 20px; line-height: 1; font-weight: 600; margin-bottom: 0px; padding-top:0px; display: block; border:0px solid}


.page_content_sub_title .sub_txt {float:right; width:75%;}
.page_content_sub_title .sub_txt .h2 { font-size:16px; }
.page_content_sub_title .img { float:left; text-align:right; width:450px }



.equ_info  { width:100%; height:auto;  }
.equ_info .img_page { width:100%; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.equ_info .txt_page { max-width:100%; padding:0px}
.equ_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 0px; padding-top:0px; display: block; clear: both;}

.equ_info .txt_page h5 { font-size: 20px; line-height: 1; font-weight: 600; margin-bottom: 0px; padding-top:0px; display: block; border:0px solid}

.equ_info .txt_page h6 { font-size:22px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:0px}

.equ_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:0px}




/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:15px; text-align:left;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.tbl-stat thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.tbl-stat thead th.sort a:hover, .tbl-stat thead th a:focus, .tbl-stat thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.tbl-stat thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_up a:hover, .tbl-stat thead th.sort_up a:focus, .tbl-stat thead th.sort_up a:active {text-decoration:underline;}
.tbl-stat thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_dw a:hover, .tbl-stat thead th.sort_dw a:focus, .tbl-stat thead th.sort_dw a:active {text-decoration:underline;}
.tbl-stat td.sort {color:#e6360d; font-weight:bold;}

/* 포인트 색 */
.tbl-stat .point {background:#f8f5f3;}


@media screen and (max-width: 600px) {
	.tbl-stat tbody td { padding:10px}
	
}











/* 서브 핑크블로썸 웹진형 코딩 박스 */
.subBoxWebzineStyleBBS{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 30px 0; overflow:hidden; word-break:keep-all;}
.subBoxWebzineStyleBBS li{display:block; width:33%;padding:20px;float:left; text-align:left; overflow:hidden;}   /*원래 width:25%;*/
.subBoxWebzineStyleBBS li i{display:block; position:relative; overflow:hidden; margin:0 auto;}
.subBoxWebzineStyleBBS li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyleBBS li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyleBBS li strong{display:block; color:#000; font-size:18px; padding:15px 0;}
.subBoxWebzineStyleBBS li em{display:block; color:#444444; font-size:16px; font-style:normal;}
/*.subBoxWebzineStyle li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;}*/

.subBoxWebzineStyleBBS li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyleBBS li:hover u{color:#000; width:100%;}
.subBoxWebzineStyleBBS li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;}
.subBoxWebzineStyleBBS li:hover i img{transform: scale(1.1);}

.subBoxWebzineStyleBBS2 li{width:50%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 2단 구성 시 subBoxWebzineStyle2 클래스 추가 */
.subBoxWebzineStyleBBS3 li{width:33.333%;}	/* 서브 핑크블로썸 웹진형 코딩 박스 3단 구성 시 subBoxWebzineStyle3 클래스 추가 */
.subBoxWebzineStyleBBS4 li{width:25%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 4단 구성 시 subBoxWebzineStyle4 클래스 추가 */
.subBoxWebzineStyleBBS5 li{width:20%;padding:5px}		/* 서브 핑크블로썸 웹진형 코딩 박스 5단 구성 시 subBoxWebzineStyle5 클래스 추가 */




@media all and (max-width:980px)
{
	.subBoxWebzineStyleBBS li{padding:10px;}
	.subBoxWebzineStyleBBS li strong{font-size:16px;}
	.subBoxWebzineStyleBBS li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.subBoxWebzineStyleBBS2 li:nth-child(3),
	.subBoxWebzineStyleBBS2 li:nth-child(5),
	.subBoxWebzineStyleBBS2 li:nth-child(7),
	.subBoxWebzineStyleBBS2 li:nth-child(9){clear:both;}
	
	.subBoxWebzineStyleBBS3 li:nth-child(4),
	.subBoxWebzineStyleBBS3 li:nth-child(7),
	.subBoxWebzineStyleBBS3 li:nth-child(10),
	.subBoxWebzineStyleBBS3 li:nth-child(13){clear:both;}

	.subBoxWebzineStyleBBS4 li:nth-child(5),
	.subBoxWebzineStyleBBS4 li:nth-child(9),
	.subBoxWebzineStyleBBS4 li:nth-child(13),
	.subBoxWebzineStyleBBS4 li:nth-child(17){clear:both;}

	.subBoxWebzineStyleBBS5 li:nth-child(6),
	.subBoxWebzineStyleBBS5 li:nth-child(11),
	.subBoxWebzineStyleBBS5 li:nth-child(16),
	.subBoxWebzineStyleBBS5 li:nth-child(21){clear:both;}
}
@media all and (max-width:800px)
{
	.subBoxWebzineStyleBBS li strong{font-size:14px;}
	.subBoxWebzineStyleBBS li em{font-size:12px;}

	.subBoxWebzineStyleBBS li{width:50% !important; float:left;}
	.subBoxWebzineStyleBBS li:nth-child(odd){clear:both;}

	.subBoxWebzineStyleBBS2 li,
	.subBoxWebzineStyleBBS3 li{width:100% !important; float:none;}
}