.fullbg_gray{background: #f7f7f7;}
.fullbg_gray2{background: #efefef;}
.fullbg_blue{background: #f5f7ff;}


.col_num{width:150px;}
.col_category{width:150px;}
.col_hit{width:150px;}
.col_date{width:200px;}
.col_state{width:200px;}

/* ȸ��Ұ� */
.content_companyTop{padding: 10rem 0; color: #222; overflow: hidden;}
.content_companyTop .imgbox{}
.content_companyTop .txtbox{padding-top:3.5rem}
.content_companyTop .txtbox h3{font-size: 10rem; font-weight: 700; margin-left: 150px;}
.content_companyTop .txtbox p{font-size: 2.4rem; margin-right: 230px; margin-top: 30px; float: right;}
.content_companyFoot{padding: 10rem 0; color: #222;}
.content_companyFoot h3{font-size: 4rem; text-align: center; font-weight: 700;}
.content_companyFoot ul{display: flex; justify-content: space-between; gap: 25px; margin-top: 50px;}
.content_companyFoot ul li{
	padding: 6rem 0;
	width: calc( 100% / 3 ); background: #fff; 
	display: block; 
	/* flex-direction: column; gap: 60px 0; align-items: center; 
	justify-content: center;  */
	text-align: center; border: 1px solid #ddd; border-bottom: 4px solid #36489d; height: 400px; 
}
.content_companyFoot ul li .icon{margin-bottom: 6rem;}
.content_companyFoot ul li .txt{font-size: 1.8rem;}
.content_companyFoot ul li .txt strong{color: #36489d;}

.certiList_wrap{padding: 10rem 0;}
.certiList_wrap h3{color: #222; font-size: 3rem; font-weight: 600;}
.certiList_wrap ul{margin-top: 60px; display: flex; flex-wrap: wrap; gap: 75px 25px;}
.certiList_wrap ul li{width: calc((100% - (25px * 4)) / 5); background: #fff;  }
.certiList_wrap ul li .img{display: flex; align-items: center; justify-content: center; }  
.certiList_wrap ul li .img img{max-width:100%; border: 1px solid #ddd; height: 360px;  }
.certiList_wrap ul li .txt{font-size: 2rem; font-weight: 700; text-align: center; color: #000; margin-top: 30px;}
.certiList_wrap ul li:hover .img{border: 2px solid #36489d; box-shadow: 2px 9px 16px rgba(0, 22, 233, 0.21);}
.certiList_wrap ul li:hover .img img{max-height: 356px; max-width: calc( 100% - 4px);}

.content_location{padding: 10rem 0;}
.content_location .mapbox iframe,
.content_location .mapbox img{width:100%; height:500px;}
.content_location .mapGuilde{
	border:1px solid #ddd;
	border-top:0;
	margin-top:-1rem;
	padding:6rem 0;
}
.content_location .mapGuilde ul{
	display:flex;
	flex-wrap: wrap;
	position:relative;
	gap:2rem 0;
 }
 .content_location .mapGuilde ul::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform: translateY(-50%);
	border-right:1px solid #ddd;
	height:100%;
 }

 .content_location .mapGuilde ul li{width:calc(100%/2); display:flex; justify-content: flex-start; font-size: 1.8rem; padding:0 8rem; }
.content_location .mapGuilde ul li .tit{width: 140px; font-weight: 700; color: #222;}
.content_location .mapGuilde ul li .txt{color: #444; flex:1;}
.content_location .mapGuilde ul li .txt i{margin-top:2px;}
.content_location .mapGuilde ul li .txt a{color:inherit;  display:flex; align-items:center; gap:5px;}
.content_location .trafficGuide{ margin-top: 12rem; border-top: 2px solid #222;}
.content_location .trafficGuide > div{border-bottom: 1px solid #dadada; padding: 50px 0; color: #222; display: flex;}
.content_location .trafficGuide > div > h4{font-size: 3rem; font-weight: 700; width: 380px; padding-left: 50px;}
.content_location .trafficGuide > div > ul{  }
.content_location .trafficGuide > div > ul > li{display: flex; align-items: center; gap: 10px; font-size: 1.8rem;}
.content_location .trafficGuide > div > ul > li + li{ margin-top: 10px}
.content_location .trafficGuide > div > ul > li > b{height: 30px; width: 30px; border-width: 1px; border-radius: 50%; display: inline-block; border-style: solid; display: flex; align-items: center; justify-content: center;}
.content_location .trafficGuide > div > ul > li > b.line1{color: #263c96; border-color: #263c96;}
.content_location .trafficGuide > div > ul > li > b.line4{color: #3171d3; border-color: #3171d3;}
.content_location .trafficGuide > div > ul.bus > li{flex-direction: column; align-items: flex-start; gap: 20px;}
.content_location .trafficGuide > div > ul.bus > li + li{margin-top: 40px;}
.content_location .trafficGuide > div > ul.bus > li > h5{font-weight: 700; font-size: 1.8rem;}
.content_location .trafficGuide > div > ul.bus > li > div{ font-size: 1.8rem; display: flex; gap:20px 50px; flex-wrap:wrap;}
.content_location .trafficGuide > div > ul.bus > li > div > p{}
.content_location .trafficGuide > div > ul.bus > li > div > p > em{display: inline-block; min-width: 60px; height: 30px; line-height: 30px; color: #fff; border-radius: 15px; background: #48922d; text-align: center; font-style: normal; margin-right: 10px; padding-left:1rem; padding-right:1rem;}



/* ��ǰ�Ұ� */
.product_system{padding: 110px 80px; border: 1px solid #ddd; border-top: 4px solid #36489d;
    background-image: url('../_img/sub/bg_boxpattern.png'), url('../_img/sub/bg_boxpattern2.png');
    background-position: left top, bottom right;
    background-size: auto, auto;
    background-repeat: no-repeat, no-repeat;
}
.product_system h3{font-size: 3.2rem; font-weight: 700;  color: #000;}
.product_system ul{margin-top: 40px; list-style:none; padding:0;}
.product_system ul li{background: url(../_img/sub/icon_list_bullet.png) no-repeat left 10px; font-size: 1.8rem; padding-left: 20px; }
.product_system ul li + li{margin-top: 10px;}

.product_ytb{padding:10rem 0; display: flex; justify-content: flex-start; gap: 100px;}
.product_ytb .ytb{}
.product_ytb .ytb iframe{width: 670px; height: 400px;}
.product_ytb .ytbinfo{display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.product_ytb .ytbinfo h3{font-size: 4rem; font-weight: 700;}
.product_ytb .ytbinfo p{font-size: 1.8rem; font-size: 1.8rem; color: #555; margin: 40px 0;}
.product_ytb .ytbinfo a{display: inline-flex; align-items: center; justify-content: space-between; gap: 25px; border-radius: 5px; background: #222; height: 60px; padding: 0 30px; font-size: 1.8rem; font-weight: 600; color: #fff}

.product_merit{padding: 10rem 0;}
.merit_wrap{padding: 60px 0; border-top: 1px solid #ddd; }
.merit_wrap:first-child{padding-top: 0; border-top: 0;}
.merit_wrap h3{font-size: 2.4rem;}
.merit_wrap h3.t2{font-size: 3.2rem; font-weight: 700;}
.merit_wrap h3 strong{display: block; font-size: 3.2rem; color: #36489d}
.merit_wrap ul{margin-top: 40px; list-style:none; padding:0;}
.merit_wrap ul li{background: url(../_img/sub/icon_list_bullet.png) no-repeat left 10px; padding-left: 20px; font-size: 1.8rem; }
.merit_wrap ul li + li{margin-top: 10px;}
.product_merit .merit_wrap:nth-last-of-type(1){padding-bottom:0;}

.product_imgbox{padding: 10rem 0; display: flex; justify-content: space-between; gap:0 85px;}
.product_imgbox .imgbox{width: 680px;}
.product_imgbox .imgbox img{max-width:90%}
.product_imgbox .imgbox div{height: 340px; background: #fff; border: 1px solid #36489d; display: flex; align-items: center; justify-content: center; }
.product_imgbox .imgbox p{background: #36489d; text-align: center; color: #fff; font-weight: 700; padding: 20px 0;}
.product_imgbox .txtbox{}
.product_imgbox .txtbox > div{padding: 40px 35px; border-top: 1px solid #dadada;}
.product_imgbox .txtbox > div:nth-of-type(1){border-top: 0}
.product_imgbox .txtbox > div h3{ font-size: 3.2rem; font-weight: 700; color: #36489d; }
.product_imgbox .txtbox > div p{ font-size: 2.4rem; margin-top: 20px; }



.content_product{padding: 10rem 0;}
.content_product.ctab{padding-bottom:0;}
.product_top_banner{border: 1px solid #ddd; box-sizing: border-box; }
.product_top_banner img{width: 100%;}
.product_list{}
.product_list ul{}
.product_list ul li{padding:5rem 0; display: flex; gap: 70px; flex-direction: row; align-items: center; border-bottom: 1px solid #dadada;}
.product_list ul li .imgbox{position: relative; display: flex; align-items: center; justify-content: center; background: #e6e7e8; width: 400px; height: 400px;}
.product_list ul li .imgbox .label{position: absolute; display: inline-block; width: 95px; height: 30px; display: flex; align-items: center; justify-content: center; color: #fff; left: 30px; top: 20px; transform: skewX(-20deg);}
.product_list ul li .imgbox .label span{transform: skewX(20deg); font-size: 1.7rem; font-weight: 600; }
.product_list ul li .imgbox .label.sale{background: #36489d;}
.product_list ul li .imgbox .label.stop{background: #5f6377;}
.product_list ul li .imgbox .label.plan{background: #fced1e;}
.product_list ul li .txtbox{}
.product_list ul li .txtbox h3{font-size: 2.4rem; font-weight: 600; color: #000022;}
.product_list ul li .txtbox p{font-size: 1.8rem; color: #444; margin: 20px 0 30px;}
.product_list ul li .txtbox a{display: inline-flex; align-items: center; width: 180px; height: 60px; padding: 0 30px; border-radius: 5px; border: 1px solid #222; box-sizing: border-box; font-size: 1.8rem; font-weight: 600; color: #222; justify-content: space-between; }
.product_list ul li .txtbox a:hover{background: #222; color: #fff}


.content_product{padding: 10rem 0;}
.product_detail_top{display: flex; justify-content: space-between; gap: 20px 0;}
.product_detail_top .imgbox{width: 50%;}
.product_detail_top .imgbox .bimg{ 
	position: relative;
	padding-top: 80%;
	background: #f5f5f5; 
}
.product_detail_top .imgbox .bimg img{
	position: absolute;
	top: 50%; left: 50%;
	width:90%; height: 90%;
	object-position: center; 
	object-fit: contain;
	transform: translate(-50%,-50%);
}
.product_detail_top .imgbox .thum_wrap{
	position: relative;
	margin-top: 20px; 
}
.product_detail_top .imgbox .thum_wrap .mySwiper{overflow: hidden;}
.product_detail_top .imgbox .thum_wrap li{
	/*
	width: calc((100% - (10px * 4)) / 5);  
	display: flex; align-items: center; justify-content: center; 
	*/
}
.product_detail_top .imgbox .thum_wrap li > div{
	position: relative;
	padding-top: 80%;
	cursor: pointer; box-sizing: border-box; background: #f5f5f5; 
}
.product_detail_top .imgbox .thum_wrap li > div::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 3px solid #36489d;
	opacity: 0;
}
.product_detail_top .imgbox .thum_wrap li:hover > div::after{opacity: 1;}
.product_detail_top .imgbox .thum_wrap li img{
	position: absolute;
	top: 50%; left: 50%;
	width:80%; height: 80%;
	object-position: center; 
	object-fit: cover;
	transform: translate(-50%,-50%);
}
.product_detail_top .imgbox .thum_wrap .sw-btn{
	z-index: 1;
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	display: none;
}
.product_detail_top .imgbox .thum_wrap .sw-btn.sw-prev{left: -17.5px;}
.product_detail_top .imgbox .thum_wrap .sw-btn.sw-next{right: -17.5px;}

/* .product_detail_top{display: flex; justify-content: space-between; gap: 20px 0;}
.product_detail_top .imgbox{width: 680px; }
.product_detail_top .imgbox .bimg{ background: #f5f5f5; display: flex; align-items: center; justify-content: center; height: 435px;}
.product_detail_top .imgbox .bimg img{width:100%; }
.product_detail_top .imgbox .thum_wrap{display: flex; gap:0 10px; margin-top: 20px; }
.product_detail_top .imgbox .thum_wrap li{width: calc((100% - (10px * 4)) / 5); height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; background: #f5f5f5; }
.product_detail_top .imgbox .thum_wrap li img{max-height: 74px; max-width: calc(100% - 6px);}
.product_detail_top .imgbox .thum_wrap li:hover{border: 3px solid #36489d;} */


.product_detail_top .infobox{width:50%; padding-left: 40px; color: #222;}
.product_detail_top .infobox h3{font-size: 4rem; font-weight: 700; line-height: 1;}
.product_detail_top .infobox p{ font-size: 1.7rem; padding: 30px 0; border-bottom: 2px solid #222; line-height: 1; }
.product_detail_top .infobox ul{margin: 40px 0 50px;}
.product_detail_top .infobox ul li{display: flex; font-size: 1.6rem;}
.product_detail_top .infobox ul li .tit{width: 220px; font-weight: 600;}
.product_detail_top .infobox ul li .txt{flex: 1; color: #444;}
.product_detail_top .infobox ul li + li{margin-top: 20px;}

.product_detail_top .btn_wrap{display: flex;  gap: 10px;}
.product_detail_top .btn_wrap a{color:#222;display: flex; align-items: center; justify-content: center; border-radius: 5px;  border: 1px solid #222;  font-size: 1.8rem; font-weight: 600; width: calc( (100% - 10px) / 4); height: 60px; box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1); }
.product_detail_top .btn_wrap a.buy{border: none; background: #36489d; color: #fff;}
.product_detail_top .btn_wrap a.download{border: none; background: #222; color: #fff;}


.product_detail_info{display: flex; margin-top: 10rem;}
.product_detail_info h3{width: 300px; font-size: 4rem; font-weight: 700;flex-shrink: 0;}
.product_detail_info .product_detail_wrap{flex: 1;width: calc(100% - 300px);}
.product_detail_info .product_detail_wrap .imgbox{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; border: 1px solid #ddd; padding: 50px 0;}
.product_detail_info .product_detail_wrap .imgbox img{width:100%; }
.product_detail_info .product_detail_wrap .tablebox table{width: 100% !important;}
.product_detail_info .product_detail_wrap .tablebox2{margin-top: 50px;}
.product_detail_info .product_detail_wrap .tablebox2 table{
	width: 100% !important;
	width: 100%;
	border-top: 2px solid #222222;
	border-bottom: 2px solid #222222;
}
.product_detail_info .product_detail_wrap .tablebox2 table th,
.product_detail_info .product_detail_wrap .tablebox2 table td{
	padding: 15px 40px;
	vertical-align: middle;
	line-height: 1.6;
	text-align: left;
	font-size: 17px;
	color: #222222;
	border-bottom: 1px solid #cdcdcd;
}
.product_detail_info .product_detail_wrap .tablebox2 table tr:last-child th,
.product_detail_info .product_detail_wrap .tablebox2 table tr:last-child td{
	border-bottom: none;
}
.product_detail_info .product_detail_wrap .tablebox2 table th{
	font-weight: bold;
	background: #f8f8f8;
	border-right: 1px solid #cdcdcd;
}
.product_detail_info .product_detail_wrap .tablebox2 table td p{
	position: relative;
	padding-left: 15px;
}
.product_detail_info .product_detail_wrap .tablebox2 table td p::before{
	content: '';
	position: absolute;
	top: 8.5px; left: 0;
	width: 7px; height: 7px;
	border: 2px solid #36489d;
	border-radius: 50%;
}
@media (max-width:768px) {
	.product_detail_info .product_detail_wrap .tablebox2 table th,
	.product_detail_info .product_detail_wrap .tablebox2 table td{
		padding: 15px;
		font-size: 16px;
	}
}
.img_box_detail{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding:0 50px
}
.img_box_detail dl{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}
.img_box_detail dl dt{
	flex-shrink: 0;
	width: 32.5%;
	min-width:170px;
	padding:0 10px;
	font-size: 100px;
	line-height: 1.5; 
	color: #DEE5EA; 
	font-weight: 700; 
	letter-spacing: -1px;
}
.img_box_detail dl dd{
	width: 67.5%; 
	padding:0 10px;
	font-size: 16px; 
	color:#444;
}

.tablebox{margin-top: 50px;}
.tablebox .desc{font-size: 1.7rem; color:#444;}
.tablebox table{width: 100%;}
.tablebox table thead{}
.tablebox table thead th{ background: #222; padding: 20px 0; font-size: 1.8rem; font-weight: 600; color: #fff; border-left:1px solid #fff; border-top:1px solid #fff; text-align: center;}
.tablebox table thead tr:first-child th:first-child{border-top: none; border-left: none;} 
.tablebox table tbody{}
.tablebox table tbody td{text-align: center; border: 1px solid #ddd; padding: 20px 0;}



.board_sch_wrap{margin-bottom: 40px;  overflow: hidden; display: flex; justify-content: flex-end; gap: 9px; font-size: 1.6rem;}
.board_sch_wrap input{width: 400px; padding: 0 15px; height: 60px; border: 1px solid #ddd; border-radius: 5px;}
.board_sch_wrap .formEnter{border: 0; height: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #36489d; gap: 5px; padding: 0 20px; color: #fff; font-weight: 600;}


/* ������ */
.gallery_list{padding: 10rem 0;}
.gallery_list ul{display: flex; gap: 40px; flex-wrap: wrap; justify-content: flex-start;} 
.gallery_list ul li{width: calc((100% - (40px * 3)) / 4);} 
.gallery_list ul li .imgbox{} 
.gallery_list ul li .imgbox > a{display:block; position:relative;padding-top:60%;}
.gallery_list ul li .imgbox > a > p{ position:absolute;	left:0;	top:0;	height:100%; width:100%; background:#fafafa;}
.gallery_list ul li .imgbox > a > p > span{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	color:#bbb;
	font-family: 'Roboto',sans-serif !important;
	font-size:2rem;
}
.gallery_list ul li .txtbox{padding: 30px 40px; background: #f2f2f3; color: #222;} 
.gallery_list ul li .txtbox a{color: inherit;}
.gallery_list ul li .txtbox h3{height: 60px;line-height: 30px;font-size: 2rem;font-weight: 600;/* overflow-wrap: break-word; */overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.gallery_list ul li .txtbox .info{display: flex; justify-content: space-between; align-items: center; width:100%;}
.gallery_list ul li .txtbox .info .date{color: #555; font-size: 1.6rem;}
.gallery_list ul li .txtbox .info img{}
.gallery_list ul li:hover .txtbox{background: #36489d;}
.gallery_list ul li:hover .txtbox h3{color: #fff;}
.gallery_list ul li:hover .txtbox .info{color: #fff;}
.gallery_list ul li:hover .txtbox .info .date{color: #fff;}
.gallery_list ul li:hover .txtbox .info img{filter: brightness(0) invert(1);}
.gallery_view{padding:10rem 0;}


/* �Ϲ� �Խ��� */


.board_category_wrap{border: 1px solid #ddd; padding: 30px 50px; box-shadow: 5px 0 10px rgba(231, 231, 231, 0.75); margin-bottom: 50px; }
.board_category_wrap ul{ display: flex; justify-content: flex-start; gap: 40px;}
.board_category_wrap ul li{position: relative; font-size: 1.8rem; color: #444;}
.board_category_wrap ul li.on{color: #222; font-weight: 600; }
.board_category_wrap ul li.on::after{ content: ""; width: calc(100% + 20px ); height: 3px; background: #36489d; bottom: -30px; position: absolute; left: -10px;}
.board_category_wrap ul li a {color:inherit}

.board_list{padding: 10rem 0;}
.basic_board{width: 100%; table-layout: fixed;}
.basic_board caption{display: none;}
.basic_board thead{}
.basic_board thead th{ border-top: 1px solid #222; border-bottom: 1px solid #222; border-right: 1px solid #ddd; padding: 20px 30px; text-align: center; color:#222; font-size: 1.7rem; font-weight: 600;}
.basic_board thead tr th:nth-last-of-type(1){border-right: 0;}
.basic_board tbody{}
.basic_board tbody td{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;  padding: 20px 30px; text-align: center; color:#444; font-size: 1.7rem; } 
.basic_board tbody tr td:nth-last-of-type(1){border-right: 0;}
.basic_board tbody td.subject{text-align: left;}
.basic_board tbody td.subject a{color: inherit;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}

.inqstate{width: 90px; display: flex; justify-content: center; align-items: center; height: 35px; color: #fff; font-size: 1.6rem; font-weight: 600; box-sizing: border-box; margin: 0 auto; border-radius: 17.5px}
.inqstate.wait{background: #36489d; color: #fff;}
.inqstate.examine{ background: #eaeeff; color: #102171; border:1px solid #cdd4ee;}
.inqstate.complete{background: #999; color:#fff; }


.board_view{padding: 10rem 0;}
.board_view .view_header{ border-top:2px solid #000; border-bottom:1px solid #ddd; padding:30px 50px;  display:flex; flex-direction: column; align-items: flex-start; }
.board_view .view_header > .inqstate{margin: 0;}
.board_view .view_header > h3{font-size:3rem; font-weight:600; text-align:left; margin: 20px 0; }
.board_view .view_header > .info{ display: flex; justify-content: flex-start;}
.board_view .view_header > .info.prod{border:1px solid #ddd; padding:20px 30px; margin-top:30px !important; width:100%;}

.board_view .view_header > .info + .info{margin-top:10px;}
.board_view .view_header > .info > p{ font-size: 1.7rem;	display: flex;	gap: 10px; color: #444; align-items: center;}
.board_view .view_header > .info > p strong{font-weight: 600; color: #222;}
.board_view .view_header > .info > p::after{content: ""; font-size: 0; height: 15px; width: 1px; background: #e3e3e3; margin: 0 30px;}
.board_view .view_header > .info > p:nth-last-of-type(1):after{display: none;}
.board_view .view_body{border-bottom:1px solid #ddd; padding:70px 50px; }
.board_view .view_body h3{font-size: 3rem; font-weight: 600; margin-bottom: 30px; }
.board_view .view_body h3::before{content: url(/html/_img/icon_answer.svg);margin-left: -50px;display: inline-block;margin-right: 20px;}
.board_view .edit_content{font-size: 1.7rem; color: #444; word-break:break-all;}
.board_view .edit_content img{max-width:100%;}

.filelist_wrap{margin-top: 50px;}
.filelist_wrap li{}
.filelist_wrap li + li{margin-top: 10px;}
.filelist_wrap li a{display: flex; align-items: center; justify-content: flex-startt; background: #fbfbfb; border: 1px solid #ddd; padding: 20px 30px; gap: 10px; color: inherit}
.filelist_wrap li a:hover{border: 1px solid #36489d;}
.filelist_wrap li a i{margin-left: auto; font-size:2.4rem}

.view_contents{padding:0;}



/* ����¡ */
.paging_wrap{margin-top: 50px; display: flex; justify-content: center; gap: 5px; flex-wrap:wrap;}
.paging_wrap .first{}
.paging_wrap .prev{margin-right: 10px;}
.paging_wrap .next{margin-left: 10px;}
.paging_wrap .last{}
.paging_wrap .first:hover,
.paging_wrap .prev:hover,
.paging_wrap .next:hover,
.paging_wrap .last:hover{background: transparent;}
.paging_wrap a{display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; line-height: 1; font-weight: 600; font-size: 1.2rem;  border-radius: 50%; color: #222;}
.paging_wrap a:hover{background: #eee; }
.paging_wrap a.on,
.paging_wrap a.on:hover{background: #131313; color: #fff;}



#user_guide_sec{padding-top:10rem; padding-bottom:10rem; line-height: 2;}
#user_guide_sec .h4_b{
	margin: 40px 0 15px;
	font-size: 24px;
	font-weight: 800;
}
#user_guide_sec h4:first-of-type{margin-top: 0 !important;}
#user_guide_sec dt{font-size: 18px;}
#user_guide_sec dd{font-size: 16px;}
#user_guide_sec dd + dt{margin-top: 20px;}
#user_guide_sec .use_01{display: inline-block; padding-left: 15px;}



/* �α��� ~ ȸ������, �Է��� */
.member_join_wrap,
.login_wrap{padding: 10rem 0; }
.login_wrap > .member_join_wrap{padding:0;}

.login_wrap h3{font-size: 3rem; margin-bottom: 70px; text-align: center;}
.formbox{width: 700px; margin: 0 auto; border: 1px solid #ddd; padding: 70px 0; border-radius: 20px;}
.formbox.nobd{border:0;}
.formbox legend{font-size: 0;}
.formbox select{border: 1px solid #ddd; padding: 0 20px; border-radius: 5px; appearance: none; background: url(../_img/icon_select_down.png) no-repeat right 20px center;}
.formbox h3{font-size:2.4rem; font-weight:700; padding-top:50px; border-top:1px solid #ddd; margin:50px 0 20px; }

.loginForm .regbox{display: flex; justify-content: space-between; gap: 10px; padding: 0 70px;}
.loginForm .regbox .ipt{width: 420px;}
.loginForm .regbox .ipt input{border-radius: 5px; border: 1px solid #ddd; padding: 0 20px; height: 56px; font-size: 1.6rem; width: 100%;}
.loginForm .regbox .ipt input + input {margin-top: 10px;}
.loginForm .regbox a, .loginForm .regbox button{color: #fff; background: #2e2e2e; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex: 1;}
.loginForm .idsave{margin-top: 10px; color: #555; font-size: 1.6rem; padding-left:70px}
.loginForm .idsave input[type=checkbox]{display:none;}

.joinfind_wrap {display: flex; justify-content: space-between; padding:60px 70px 0; margin-top: 60px; border-top: 1px solid #ddd;  align-items: center;}
.joinfind_wrap .join{width: 315px;}
.joinfind_wrap .join p{font-size: 1.6rem}
.joinfind_wrap .join p strong{}
.joinfind_wrap .join a{background: #2e2e2e; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; height: 40px; margin-top: 20px; border-radius: 5px;}

.joinfind_wrap .find{width: 215px;}
.joinfind_wrap .find a{display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem; border: 1px solid #ddd; padding:15px 20px; color: #444;}
.joinfind_wrap .find a:nth-of-type(1){border-bottom:0;}
.joinfind_wrap .find a:hover{background: #f7f7f7;}

.joinform{ padding:50px; }

.formRow{display: flex; justify-content: space-between;}
.formRow + .formRow{margin-top: 30px;}
.formRow h4{text-align: left; display: flex; align-items: center;  height: 60px; position: relative; font-size: 1.7rem; font-weight: 600;}
i.required {background: #36489d; width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin: 0 0 7px 5px;  }
i.required:after{display: none;}
i.required.top{margin: 0 0 2px 0;vertical-align: middle;}

.formRow div{width: 450px;}
.formRow div input[type="text"],
.formRow div input[type="password"]{ height: 60px; padding: 0 20px; border-radius: 5px; border: 1px solid #ddd; width: 100%;}
.formRow div textarea{ min-height: 150px; padding: 20px; border-radius: 5px; border: 1px solid #ddd; width: 100%;}

.formRow div .txt{font-size: 1.5rem; color: #36489d; margin-top: 8px;}
.formRow div.addressbox{}
.formRow div.addressbox > *{margin-top: 10px;}
.formRow div.addressbox > *:nth-child(1){margin-top: 0;}
.formRow div.flexbox{display: flex; gap: 10px;}
.formRow div.column3 > * { width: calc((100% - (10px * 2)) / 3) !important; }
.formRow .chkrad_wrap{display:flex; flex-wrap:wrap; gap:10px 20px; justify-content: flex-start; }

.schbox{display: flex; gap: 10px;}
.schbox input[type=text]{flex: 1;}
.schbox button, .schbox a{width: 100px;height: 60px;background: #727272;border-radius: 5px;color: #fff;font-size: 1.6rem;border: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.filebox_wrap{}
.filebox_wrap p{margin-top:10px; }
.filebox{display: flex; gap: 10px;}
.filebox input[type=text]{flex: 1; border:1px solid #ddd; border-radius:5px; padding: 0 20px }
.filebox input[type=file]{display:none;}
.filebox label{width: 60px; height: 60px;background: #727272;border-radius: 5px;color: #fff;font-size: 1.6rem;border: 0;margin: 0;display: flex;align-items: center;justify-content: center;}


.auto_pass_wrap{}
.auto_pass_wrap p{margin-top:10px; }
.passbox{display: flex; gap: 10px;}
.passbox #captcha_img {height:60px;}
.passbox input[type=text]{flex: 1; border:1px solid #ddd; border-radius:5px; padding: 0 20px }
.passbox label{width: 60px; height: 60px;background: #727272;border-radius: 5px;color: #fff;font-size: 1.6rem;border: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.unitbox{border: 1px solid #ddd; border-radius: 5px; display: flex; align-items: center; position: relative;}
.unitbox input[type=text]{border: 0 !important; padding: 0 35px 0 20px !important; border-radius: 0;}
.unitbox.email{}
.unitbox.email::after{content: "@"; position: absolute; right: 15px;}

.join_allchkbox{background:#f8f8f8; text-align:center; padding:40px 20px; border-radius:20px; border:0; margin-bottom:70px;}
.agree_wrap{}
.agree_wrap h4{font-size:3rem;}
.agree_wrap .agree_content{border:1px solid #ddd; border-radius:20px; padding:30px; margin:20px 0}
.agree_wrap p{font-size:1.7rem;  color:#222; }
.agree_wrap + .agree_wrap{margin-top:70px; }
.checkbox_type1 > label{padding:0 0 0 30px; }

.formfoot_wrap {margin:5rem 0; text-align:center;}
.formfoot_wrap [class^="btn_"]{
	min-width:180px; border-radius:5px; 
    background: #2e2e2e;
    color: #fff;
	border: 1px solid #2e2e2e;
    font-size: 1.6rem;
    padding: 1.4rem;
    display: inline-block;
    margin: 0 2px;
	box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1); 
}
.formfoot_wrap .btn_close{background:#fff; border: 1px solid #222;   color:#222; }

.result_wrap{text-align:center;}
.result_wrap{ text-align: center;}
.result_wrap > div{margin: 50px 0 30px; font-size: 3rem; color: #222;}
.result_wrap > p{font-size: 2rem; font-weight: 600; color: #36489d;}


/* ���������� */
.mypage_wrap{padding:10rem 0;}
.mypageform{padding-left:50px; padding-right:50px}
.form_top_desc{width:700px; margin:0 auto 20px;  text-align:right;}

.asguide_wrap{ background: #36489d; padding: 55px 50px; margin: 50px -50px 0; border-radius:0 0 20px 20px }
.asguide_wrap > div{color: #fff;}
.asguide_wrap > div + div{ margin-top: 50px; }
.asguide_wrap > div h3{font-size: 2.4rem; font-weight: 700; margin-top:0; border:0;  border-bottom:1px solid #5e6db1; padding:0 0 15px 0; }
.asguide_wrap > div ul{margin-top:30px;}
.asguide_wrap > div ul li{font-size: 1.6rem; color: #cdd2e9; padding-left: 15px; position: relative;}
.asguide_wrap > div ul li b{color:#fff; text-decoration:underline}
.asguide_wrap > div ul li::before{content: ""; display: inline-block; width: 4px; height: 4px; background: #fff; border-radius: 50%; vertical-align: middle; position: absolute; left: 0; top: 10px; }
.asguide_wrap > div ul li + li{margin-top: 10px}



/* ��Ų�� Ŀ���� */
.joinus_header > .joinus_step > ul:before{border-top:1px solid #ddd}
.joinus_header > .joinus_step > ul > li{color:#222}
.joinus_header > .joinus_step > ul > li.active{color:#36489d}
.joinus_header > .joinus_step > ul > li > i{width:70px; height:70px; border-radius:50%; background:#fff; color:#222; font-size:2rem; font-weigh:600; border:1px solid #ddd; display: inline-flex; justify-content: center; align-items:center; font-style: normal;  }
.joinus_header > .joinus_step > ul > li.active > i{background:#36489d; color:#fff; }
.joinus_header > .joinus_step > ul > li.step1 > i{ background-image:none; }
.joinus_header > .joinus_step > ul > li.step2 > i{ background-image:none; }
.joinus_header > .joinus_step > ul > li.step3 > i{ background-image:none; }
.joinus_header > .joinus_step > ul > li.step4 > i{ background-image:none; }
.member_join_agree section:nth-of-type(2) .checkbox_type1, .member_join_agree section:nth-of-type(3) .checkbox_type1{font-size:1.7rem; color:#222}
.member_join_wrap [class^="btn_"]{min-width:180px; border-radius:5px; }



/* 약관 */
.policy_wrap{}
.terms{}
.terms .h4_b{font-size: 3.2rem; margin-top: 150px; font-weight: 700; color: #000; }
.terms .h4_b:nth-of-type(1){margin-top:0;}
.terms dl{margin-top: ;}
.terms dt{font-size: 2.4rem; margin: 40px 0 20px;}
.terms dd{font-size: 1.8rem; margin: 15px 0; line-height: 2;}
.terms dd span.use_01{ padding: 8px 0 8px 20px; display: inline-block; font-size: 1.6rem; color: #444;}
.terms dd span.use_01:nth-of-type(1){margin-top: 15px;}
.terms dd span.use_01:nth-last-of-type(1){margin-bottom: 15px;}


.terms .h4_b + p{margin-top: 50px;}
.terms p{font-size: 1.8rem; margin: 15px 0; line-height: 2;}					
.terms p span.use_01{ padding: 8px 0 8px 20px; display: inline-block; font-size: 1.6rem; color: #444;}
.terms p span.use_01:nth-of-type(1){margin-top: 15px;}
.terms p span.use_01:nth-last-of-type(1){margin-bottom: 15px;}

.tr_table{ }
.tr_table table{width: 100%; }
.tr_table caption{display: none; }
.tr_table .tr_color td{background: #f7f7f7; font-weight: 700;}
.tr_table th, .tr_table td{border: 1px solid #ddd; text-align: center; padding: 20px ;}
			



@media(max-width:1400px){

	.container{ max-width:100%; padding-left:3rem; padding-right:3rem; }

	.content_companyTop .imgbox{}
	.content_companyTop .imgbox img{width:100%; height:auto}


	.certiList_wrap ul li{width: calc((100% - (25px * 4)) / 5); background: #fff;  }
	.certiList_wrap ul li .img img{ height: 280px;  }

}

@media (max-width:1345px) {
	.img_box_detail{display:block;}
	.img_box_detail dl{display:block;width: 100%; text-align:center;}
	.img_box_detail dl dt,
	.img_box_detail dl dd{width: 100%;}
}

@media(max-width:1500px){
	.content_companyFoot ul li{height: auto; min-height: 420px;}
	.content_companyFoot ul li .txt br{display: none;}
}
@media(max-width:1200px){

	.product_ytb{gap:50px;}
	.product_imgbox{gap:50px;}

	.content_companyFoot ul li .txt{padding:0 20px}
	.content_companyFoot ul li .txt br{display:none;}




	.certiList_wrap ul li{width: calc((100% - (25px * 3)) / 4);   }
	.certiList_wrap ul li .img img{max-width:100%; height: 280px;  }

	.content_location .mapGuilde h3{font-size:5.5rem;}
	.content_location .mapGuilde ul{margin-left:0;}
	.content_location .mapGuilde ul li{}
	.content_location .mapbox img{height:400px; }
	.content_location .trafficGuide > div > h4{width:200px;}

	.gallery_list ul li .txtbox h3{font-size:1.8rem}
	.gallery_list ul{ gap: 30px; } 
	.gallery_list ul li{width: calc((100% - (30px * 3)) / 4);}
	.gallery_list ul li .txtbox{padding:20px;}


	.board_view .view_header{padding:30px;}
	.board_view .view_header > .info{flex-wrap:wrap; gap:5px 0; }
	.board_view .view_header > .info > p::after{margin:0 15px;}
	.board_view .view_body{padding:30px; }

	.product_list ul li{gap:50px;}
	.product_list ul li .imgbox{width:400px;}
	.product_list ul li .imgbox img{width:100%; }
	.product_list ul li .txtbox{width:calc( 100% - 450px ); }
	.product_list ul li .txtbox h3{}
	.product_list ul li .txtbox p{}

	.product_detail_top{ flex-direction: column; gap : 40px; }
	.product_detail_top .imgbox{width:100%;}
	.product_detail_top .imgbox .bimg{height:auto;}
	.product_detail_top .infobox{width:100%; padding-left: 0;}
	.product_detail_top .btn_wrap a{ width : calc( (100% - 30px) / 4) }

	.product_detail_info{ flex-direction: column; gap : 40px; }
	.product_detail_info .product_detail_wrap {width: 100%;}

}



@media(max-width:1000px){
	.content_companyTop, .content_companyFoot, .certiList_wrap, .content_location, .mypage_wrap, .login_wrap, .board_view, .content_product, #user_guide_sec,
	.content_product, .product_ytb, .product_merit,
	.product_imgbox{padding-top:8rem; padding-bottom:8rem; }

	.content_location .trafficGuide{margin-top:8rem;}


	.product_system{padding:60px;}
	.product_ytb{ flex-direction: column;  align-items: center; gap:30px; }
	.product_ytb .ytbinfo{align-items:center;}
	.product_ytb .ytbinfo p{margin:20px 0;}
	
	.product_imgbox{ flex-direction: column;  gap:30px; }
	.product_imgbox .imgbox{ width: 100%; }


	.content_companyTop .txtbox h3{margin-left:0; text-align:center;}
	.content_companyTop .txtbox p{float:none; margin-right:0; text-align:center;}


	.certiList_wrap ul{gap:50px 25px; margin-top:50px;}
	.certiList_wrap ul li{width: calc((100% - (25px * 3)) / 4);   }
	.certiList_wrap ul li .img img{max-width:100%; height: 260px;  }
	.certiList_wrap ul li .txt{font-size:1.8rem}
	.content_location .mapbox img{height:300px; }
	.content_location .trafficGuide > div {flex-direction: column;  padding: 30px 0;}
	.content_location .trafficGuide > div > h4{padding-left:0;}
	.content_location .trafficGuide > div > ul{padding-left: 0; margin-top: 30px;}

	.board_view .view_header > .info > p::after{background:transparent;}
	.content_location .mapGuilde ul{
		flex-direction: column;
	}
	.content_location .mapGuilde ul::before{
		display:none;
	}
	.content_location .mapGuilde ul li{
		width:100%;
		padding:0 3rem;
	}


}

@media(max-width:768px){

	#subVisual .inner .visual_text{font-size:4rem;}
	
	.product_system{padding:40px;}

	.product_ytb .ytb{width:100%;}
	.product_ytb .ytb iframe{width:100%; height:300px;}
	.product_imgbox .txtbox > div{padding:25px}

	.merit_wrap{padding:40px 0;}



	.product_ytb .ytbinfo h3{font-size:3.8rem;}
	.product_system h3,
	.merit_wrap h3 strong,
	.merit_wrap h3.t2,
	.product_imgbox .txtbox > div h3{font-size:3rem;}
	.product_imgbox .txtbox > div p{font-size:2.2rem;}
	.product_system ul li,
	.merit_wrap ul li{font-size:1.6rem;}

	
	.content_companyTop .txtbox h3{font-size:8rem;}
	.content_companyTop .txtbox p{font-size:2rem;}
	.content_companyFoot h3{font-size:3.6rem; }

	.content_companyFoot ul{gap:20px; flex-direction: column; }
	.content_companyFoot ul li{gap:40px 0; width:100%; height:auto; min-height: unset; padding:40px 30px; }
	.content_companyFoot ul li .icon{margin-bottom: 40px;}
	.content_companyFoot ul li .txt { font-size:1.8rem}
	.content_companyFoot ul li .txt br{display:block;}

	.product_system ul li,
	.merit_wrap ul li{    background: url(../_img/sub/icon_list_bullet.png) no-repeat left 7px;}

	.certiList_wrap h3{font-size:2.6rem;}
	.certiList_wrap ul li{width: calc((100% - (25px * 2)) / 3);   }
	.certiList_wrap ul li .img img{max-width:100%; height: 270px;  }
	.certiList_wrap ul li .txt{}

	.content_location .mapGuilde{ flex-direction: column; gap:20px;}
	.content_location .mapGuilde h3{font-size:5rem; width:100%;}
	.content_location .mapGuilde ul{margin-left:0; width:100%; }
	.content_location .mapGuilde ul li{font-size:1.6rem;}
	.content_location .mapbox iframe{height: 350px;}




	.terms .h4_b{font-size: 3rem; margin-top: 100px; }
	.terms dt{font-size: 2.2rem;}
	.terms dd{font-size: 1.6rem;}
	.terms p{font-size: 1.6rem;}		




	.gallery_list ul li .txtbox h3{font-size:1.6rem}
	.gallery_list ul{ gap: 30px; } 
	.gallery_list ul li{width: calc((100% - (30px * 2)) / 3);}


	#board_view_wrap > .view_header{padding:30px !important; flex-direction: column; align-items: flex-start !important;}
	#board_view_wrap > .view_header > h3{width:100% !important;}
	#board_view_wrap > .view_header > .info{width:100% !important; text-align:left; margin-top:20px !important;}
	#board_view_wrap > .view_header > .info > p{justify-content: flex-start !important; padding:0 !important; }
	#board_view_wrap .view_body{padding: 30px !important;}
	.board_quick_view {    flex-direction: column; }
	.board_quick_view > li > a{gap:15px;}
	.board_quick_view > li.btn_next a{padding-left:0 !important; }
	.board_quick_view > li + li{border-left:0 !important}

	.basic_board thead th,
	.basic_board tbody td{padding-left:10px; padding-right:10px;}

	.col_num{width:60px;}
	.col_category{width:80px;}
	.col_date{width:100px;}
	.col_state{width:120px;}
	.col_hit{width:80px;}

	.board_view .view_body h3::before{ margin-left : -30px;     margin-right: 10px; }
	
	.board_category_wrap{padding:20px;}
	.board_category_wrap ul{gap:20px;     flex-wrap: wrap;}
	.board_category_wrap ul li.on::after{bottom:-5px;}


	.product_list ul li{gap:30px;}
	.product_list ul li .imgbox{width:350px;}
	.product_list ul li .imgbox img{width:100%; }
	.product_list ul li .txtbox{width:calc( 100% - 380px ); }
	.product_list ul li .txtbox h3{font-size:2.2rem;}
	.product_list ul li .txtbox p{font-size:1.6rem;}
	.product_list ul li .txtbox a{width:140px; height:50px;}



	.content_product{}
	.product_detail_top .btn_wrap a{ width : calc( (100% - 10px) / 4) }
	
	.product_detail_top .infobox ul{margin:30px 0;}
	.product_detail_top .infobox ul li .tit{width:180px; }

	.board_view .view_header,
	.board_view .view_body{padding:15px;}
	.filelist_wrap li a{padding:15px}

	.board_quick_view > li{padding:20px 0 !important}
}


@media(max-width:700px){

	.form_top_desc{width:calc( 100% - 6rem );}
	.formbox{width:calc( 100% - 6rem ); padding-left:3rem; padding-right:3rem;}
	.member_join_wrap,
	.formbox.regformbox{width:100%; padding-left:0; padding-right:0;}
	.asguide_wrap{ margin : 50px -3rem 0; padding:30px }
	
	.formbox{padding-top:40px; padding-bottom: 40px;}
	.formRow div{widdth:400px;}
	.loginForm .regbox{padding: 0 30px}
	.loginForm .regbox .ipt{width:340px;}
	.joinfind_wrap{padding: 60px 30px 0; gap:20px;}
	.joinus_header > .joinus_step > ul > li{width:33.3333%}

	.product_list ul li{flex-direction: column;}

	.product_list ul li .imgbox{width:100%; height:auto; }
	.product_list ul li .txtbox{width:100%; }
}

@media(max-width:650px){

	.certiList_wrap ul li .img img{max-width:100%; height: 230px;  }
	.certiList_wrap ul li .txt{margin-top:20px;}

	.formRow{display: flex; justify-content: flex-start; flex-wrap: wrap;flex-direction: column;}

	.formRow div{width:100%;}
	.formRow + .formRow{margin-top:20px;}
	.loginForm .idsave{padding-left:30px;}

	
	.certiList_wrap ul li{width: calc((100% - (25px * 1)) / 2);   }
	.certiList_wrap ul li .img img{max-width:100%; height: 260px;  }

}
@media(max-width:550px){
	#subVisual{height:35rem}
	#subVisual .inner .visual_text{font-size:3rem;}

	#subProductVisual .visual_text{width:100%;}

	.content_companyTop, .content_companyFoot, .certiList_wrap, .content_location, .mypage_wrap, .login_wrap, .board_view, .content_product, #user_guide_sec,
	.content_product, .product_ytb, .product_merit,
	.product_imgbox{padding-top:5rem; padding-bottom:5rem; }
	
	.product_ytb .ytbinfo h3{font-size:3.6rem;}
	.product_system h3,
	.merit_wrap h3 strong,
	.merit_wrap h3.t2,
	.product_imgbox .txtbox > div h3{font-size:2.8rem;}
	.product_imgbox .txtbox > div p{font-size:2rem;}
	.product_system ul li,
	.merit_wrap ul li{font-size:1.4rem;}


	.content_companyTop .txtbox h3{font-size:6rem;}
	.content_companyTop .txtbox p{font-size:1.8rem;}
	.content_companyFoot h3{font-size:3rem; }
	.content_companyFoot ul{margin-top:30px;}
	.content_location .mapbox iframe{height: 250px;}

	.product_system ul li,
	.merit_wrap ul li{    background: url(../_img/sub/icon_list_bullet.png) no-repeat left 5px;}

	
	.content_location .mapGuilde h3{font-size:4rem; }
	.content_location .mapGuilde ul li .tit{width:100px; }
	.certiList_wrap h3{font-size:2.4rem;}
	.certiList_wrap ul{gap:30px 25px; margin-top:30px;}
	.certiList_wrap ul li .img img{max-width:100%; height: 220px;  }
	.certiList_wrap ul li .txt{}

	.member_join_wrap [class^="btn_"],
	.formfoot_wrap [class^="btn_"]{min-width : 100px }
	.loginForm .regbox{padding-left:0; padding-right:0;}
	.joinfind_wrap{ flex-direction: column; padding-left:0; padding-right:0;}

	.joinfind_wrap .join{width:100%;}
	.joinfind_wrap .find{display:flex; width:100%; }
	.joinfind_wrap .find a{width:50%;}
	.joinfind_wrap .find a:nth-of-type(1){border-bottom:1px solid #ddd; border-right:0;}

	.loginForm .regbox{flex-direction: column;}
	.loginForm .regbox .ipt{width:100%;}
	.loginForm .regbox a, .loginForm .regbox button{padding: 15px 0;}

	.loginForm .idsave{padding-left:0;}

	
	.gallery_list ul{gap: 20px; } 
	.gallery_list ul li{width: calc((100% - (20px * 1)) / 2);}
	.gallery_list ul li .txtbox{padding:15px;}
	.board_sch_wrap{width:100%; gap:10px;}
	.board_sch_wrap input{width :calc( 100% - 90px ) }
	.board_sch_wrap .formEnter{width:80px;}

	
	.col_num{display:none;}
	

	.product_detail_top .infobox ul li{    flex-direction: column; gap : 5px; }

	

	.terms .h4_b{font-size: 2.8rem; margin-top: 50px; }
	.terms dt{font-size: 2rem;}
	.terms dd{font-size: 1.4rem;}
	.terms p{font-size: 1.4rem;}		


	.board_view .view_header > .info > p{width:100%;}
	.board_view .view_header > .info > p strong{width:85px;}
	.board_view .view_header > .info > p *:not(strong){flex:1;}
	.board_view .view_header > .info > p::after{display:none;}
}

@media(max-width:500px){

	.product_tab_menu ul{flex-wrap:wrap;}
	.product_tab_menu ul li{width:50%;}
	.product_tab_menu ul li:not(:nth-child(1)){margin-top:-1px}
	.product_tab_menu ul li:not(:nth-child(2)){margin-top:-1px}
	
	.product_tab_menu ul li:nth-child(even) a{border-left:0}
	
	.product_tab_menu ul li + li a{margin-left:0;}

}




@media(max-width:400px){

	.certiList_wrap ul li{width: calc((100% - (25px * 1)) / 2);   }
	.certiList_wrap ul li .img img{max-width:100%; height: 180px;  }
	.certiList_wrap ul li .txt{font-size:1.6rem;}



	.gallery_list ul li{width: 100%;}

	.board_quick_view > li.btn_prv div{margin-left:0 !important;}
}



.filebox_wrap .filebox_area {padding-bottom:1rem;}
.filebox_wrap .filebox_area:last-child {padding-bottom:0rem;}