#subVisual
{width:100%; height:400px; background:#666;;}
#subVisual .sub-visual-txt-con
{margin-bottom:10rem;}
.sub-visual-txt-area 
{max-width:1500px; margin: 0 auto}
#subVisual .sub-visual-txt-con h2 
{color:#fff; font-size:48px; font-weight:600;}
@media screen and (max-width:650px) {
    #subVisual
    {height:300px; background-size:cover;}
}
#subVisual_style_02
{}



.sub-visual-wrap 
{display:flex; flex-direction:column; justify-content: end; height:100%;;}

#subContent
{padding:100px 0px;}
.sub-title 
{text-align:center; margin-bottom:110px;}
.sub-title h2 
{font-size:4.2rem; font-weight:800; color:#111; display:inline-block; position:relative; padding-bottom:20px;}

@media screen and (max-width:650px) {
    .sub-title h2 
    {font-size:32px;}
}
/***
    서브페이지에 테이블 스크롤 플러그인이 들어가 있는 경우
    가급적 고급형에만 사용해주세요
***/
.custom-scrollbar-cover
{display:none;}
@media screen and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media screen and (max-width:767px){
    /* 테이블 태그에 붙어있는 클래스명으로 수정할 것 */
    .table {width:800px}
	.custom-scrollbar-wrapper{position:relative;/*margin-right:-15px;*/ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* CEO 인사말 */
#subContent.greeting-sub-content
{padding:10rem 0 0 ;}
.greeting-content 
{padding:8rem 0; background:#f4f4f4;}
.greeting-con 
{display:flex; }
.greeting-con .greeting-left-con 
{width:50%;}
.greeting-con .greeting-right-con 
{width:50%; text-align:right;}
.greeting-con .greeting-left-con h4 
{font-size:3.0rem; color:#101010; font-weight:800; margin-bottom:3rem;}
.greeting-txt-con p 
{font-size:2.0rem; color:#1b1b1b; font-weight:300; margin-bottom:2rem; word-break:keep-all; line-height:1.5;}
/* 회사 연혁 */
.history-top-con 
{position:relative; width:100%; height:40rem;}
.history-wrapper 
{width:100%; height:100%; position:relative;}
.history-top-con .history-bg-img 
{position:absolute; width:100%; height:100%; left:0; top:0;}

/* 인증서 */
.certificate-list 
{display:flex; flex-wrap:wrap;}
.certificate-list li 
{width:23%; margin:0 1% 7rem 1%;}
.certificate-list .certifi-thumb-con 
{padding:6rem; background:#f9f9f9; border-radius:5px; position:relative; overflow:hidden;;}

.certificate-list .certifi-thumb-con .overlay-box 
{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; visibility:hidden; opacity:0; transition: all 0.5s ease;}
.certificate-list .certifi-thumb-con .overlay-box i 
{position:absolute; width:50px; height:50px; border-radius:50px; background:var(--main-color); left:calc(50% - 25px); top: calc(50% - 25px); line-height:50px; text-align:center; font-size:1.8rem; color:#fff;}
.certificate-list .certifi-thumb-con .img-con 
{text-align:center;}
.certificate-list .certifi-thumb-con .img-con img 
{max-width:180px;}
.certificate-list .certifi-tit 
{text-align:center; }
.certificate-list .certifi-tit p 
{font-size:1.8rem; font-weight:400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:1rem 0;}

.certificate-list .certifi-thumb-con:hover .overlay-box 
{opacity:1; visibility:visible;}

/* 오시는길 */
.location-con .txt-con 
{margin-top:5rem; padding:5rem 4rem; border:1px solid #eee; background:#f4f4f4; }
.location-con .txt-con ul 
{display:flex; justify-content: center;}
.location-con .txt-con li 
{flex-grow:1;; text-align:left;}
.location-con .txt-con li b 
{display:block; font-size:1.9rem; font-weight:400; margin-bottom:1rem;}
.location-con .txt-con li span 
{font-size:1.9rem; font-weight:300;}


#cm_tab_container 
{margin-bottom:10rem; display:block;}
#cm_tab_container ul 
{display:flex; justify-content: center;}
#cm_tab_container ul li 
{width:20%; border:1px solid #ddd; text-align:center; background:#fff; padding:1.5rem 0; margin:0 -0.02px; cursor:pointer; transition: all 0.3s ease;}
#cm_tab_container ul li a 
{font-size:1.7rem; color:#000;  transition: all 0.3s ease;}
#cm_tab_container ul li.selected 
{background:var(--main-color);}
#cm_tab_container ul li.selected a 
{color:#fff;}
#cm_tab_container ul li:hover 
{background:#064c7e}
#cm_tab_container ul li:hover a 
{color:#fff;}

.product-con 
{margin:5rem 0;}
.product-row-con
{display:flex; justify-content: space-between;}
.product-row-con.end 
{align-items: end;}
.product-row-con .product-1col-con 
{width:100%;}
.product-row-con .product-2col-con 
{width:48%;}
.product-row-con .product-3ol-con 
{width:32%;}
.product-row-con .product-2col-con:only-child 
{width:100%;}
.prd-sub-tit 
{margin-bottom:3rem;}
.prd-sub-tit h4 
{font-size:2.4rem; color:#093a5c; font-weight:700;}
.prd-sub-tit p 
{font-size:1.7rem; font-weight:300; color:#333; line-height:1.5; margin-top:2rem;}

.product-img-con
{display:flex;}
.product-img-con.full-img-con
{display:block;}
.product-img-con .product-img 
{ text-align:center; flex-grow:1;;}
.product-img-con.left-img-con .product-img 
{text-align:left;}
.product-img-con .etc 
{font-size:1.4rem; color:#000; text-align:right; display:block; font-weight:700; margin-top:1rem;}
.product-img-con .product-img.w-100
{margin:0 1rem;}
.product-img-con .product-img.w-100 img
{}
.product-img-con .product-img.w-100 span 
{font-size:1.6rem; margin:1rem 0; display:block;}
.point-txt 
{font-size:1.5rem;}

.table-img-con .tbl-etc
{display:block; font-size:1.4rem; color:#000; font-weight:700; ;}

.product-list-con .prd-list-item 
{margin-bottom:2rem}
.product-list-con .prd-list-item .tit 
{font-size:1.9rem; color:#fff; background:var(--main-color); font-weight:300; padding:0.2rem 1rem;}
.product-list-con .prd-list-item span 
{font-size:1.7rem; color:#333; font-weight:300; margin-top:1rem; display:block;}

.product-list-con h4 
{font-size:1.9rem; padding-left:1.5rem; position:relative;}
.product-list-con h4:before 
{content:''; position:absolute; width:5px; height:100%; left:0; background:var(--main-color);}
.product-list-con .table-list 
{margin:1rem 0; }
.product-list-con .table-list .tbl-list-item span
{font-size:1.6rem;}



/* 제조설비현황 */
.facilities-tbl table tr 
{border-bottom:1px solid #eee;}
.facilities-tbl table th 
{padding:2rem 0; background:var(--main-color); font-size:1.6rem; font-weight:300; color:#fff;}
.facilities-tbl table td 
{padding:2rem 0; text-align:center; font-size:1.6rem; border:1px solid #eee;}


/* 로그인 */
.login-sub-content .container
{max-width:800px;}
.login-content
{margin:10rem 0;}
.login-content tr
{margin:10px 0;}
.login-content input
{border:1px solid #ddd; width:100%; height:50px; line-height:50px; padding:10px;}
.login-content .btn_login
{margin-top:20px; text-align:center; width:100%;}
.login-content .btn_text 
{border:1px solid #ddd; background:var(--main-color); color:#fff; padding:1rem 4rem; display:inline-block; font-size:1.6rem;}



/*반응형*/

@media screen and (max-width:1310px) {
/*#subContent
{padding: 100px 2rem;}
*/
/**회사소개**/
.greeting-con
{flex-wrap: wrap;}
.greeting-content
{padding: 8rem 2rem;}
.greeting-con .greeting-left-con
{width: 100%;}
.greeting-con .greeting-right-con  
{width: 100%; text-align: center;}
.organization-con .container img{width: 100%;}
.facilities-con{padding: 0 2rem;}
/*제품소개*/
.product-row-con
{flex-wrap: wrap;}
}


@media screen and (max-width:1280px) {
/*회사소개*/
    .certificate-list li
    {width: 31%;}
}


@media screen and (max-width:1024px) {
/*회사소개*/
.certificate-list li
{width: 48%;}
.location-con .txt-con ul
{flex-wrap: wrap; gap: 2rem 0;}
.location-con .txt-con li
{width: 50%;}
/*제품소개*/
.product-row-con .product-2col-con{padding-top: 4rem;max-width: 100%; min-width:60%; width: 100%;}
#cm_tab_container ul li
{width: 50%;}
.product-img-con{flex-wrap: wrap;}
.product-row-con.end{flex-wrap: wrap;}
.product-img-con img{max-width: 100%; min-width:60%}
.product-row-con .product-2col-con .product-img img{max-width: 100%; min-width: 60%;}
.product-img-con .product-img img{max-width: 100%; min-width:60%}
.system-img-con img{max-width: 100%; min-width:60%}
.table-img-con img{max-width: 100%; min-width:60%}
/*보유설비현황*/
.facilities-tbl table th
{padding: 2rem 1rem;}
}



@media screen and (max-width:820px) {

}
@media screen and (max-width:767px) {
#subVisual
{height: 300px;}
#subVisual .sub-visual-txt-con h2
{font-size: 3.2rem;}
#subContent
{padding: 8rem 0;}
.sub-title h2
{font-size: 2.8rem;}
.sub-title
{margin-bottom: 4rem;}
#subVisual .sub-visual-txt-con
{margin-bottom: 12rem;}
/*회사소개*/
#subContent.greeting-sub-content
{padding: 8rem 0 0 ;}
.greeting-content
{padding: 6rem 2rem;}
.greeting-con .greeting-left-con h4
{font-size: 2.4rem;}
.greeting-con .greeting-right-con img 
{width: 100%;}
.history-top-con
{height: 30rem;}
.history-top-con .history-bg-img
{background-size: cover;}
.certificate-list li
{width: 98%;}
.location-con .txt-con li
{width: 100%;}
/*제품소개*/
#cm_tab_container{margin-bottom: 0;}
.prd-sub-tit h4{font-size: 2.2rem;}
.product-row-con .product-2col-con{padding-top: 0;}
}
@media screen and (max-width:600px) {
/*보유설비현황*/
.facilities-tbl{overflow-x: scroll;}
.facilities-tbl table{width: 700px;}
}