@charset "utf-8";
/* 색상  */
:root {
    --main-color : #0288bb;
    --point-color : #9bcb67;
}

.section .inner {padding: 100px 0; box-sizing: border-box;}

.swiper.type01 {overflow: hidden;}
.swiper.type01 .swiper-slide img {width: 100%; height: 100%; object-fit: contain; object-position: center center;}

.select_type01 {position: relative;}
.select_type01::before {content: ''; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; background: url(/img/global_icon_white.png) no-repeat center center;}
.select_type01 select{outline: none; border: none; background-color: transparent; color: #222; font-size: 18px; font-weight: 700; letter-spacing: -0.025em; padding-left: 26px; padding-right: 40px; cursor: pointer; color: #fff;}

/* 유튜브 팝업 버튼 */
.videobtn_wrap {vertical-align: middle;}
.videobtn_wrap .btn {display: inline-flex; vertical-align: text-top; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background-color: #84c241; margin-left: 20px;}
.videobtn_wrap .btn::before {content: ''; border-style: solid; border-width: 7.5px 0 7.5px 12px; border-color: transparent transparent transparent #ffffff;}

.videobtn_wrap .btn.small {width: 30px; height: 30px; vertical-align: text-top; margin-left: 10px; transform: translateY(-5px);}
.videobtn_wrap .btn.small::before {border-width: 5px 0 5px 7px;}

.video_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh;  z-index: 999;}
.video_bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.video_frame {position: absolute; width: 100%; max-width: 1400px; aspect-ratio: 16/9; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
.video_frame iframe {width: 100%; height: 100%;}

/* 메인 페이지 타이틀 */
.main_tit {text-align: center; margin-bottom: 60px;}
.main_tit.text-left{text-align: left;}
.main_tit span{font-size: 26px; line-height: 1em; font-weight: 700; letter-spacing: -0.025em; color: var(--main-color); display: inline-block; margin-bottom: 25px;}
.main_tit h3{font-size: 48px; line-height: 1em; font-weight: 700; letter-spacing: -0.025em;}

/* 메인 페이지 콘텐츠 타이틀 */
.main_sub_tit {text-align: center;}
.main_sub_tit h4 {display: inline-block; font-size: 30px; line-height: 1.37em; letter-spacing: -0.025em; font-weight: 700; margin-top: 10px; margin-bottom: 10px; position: relative;}
.main_sub_tit h4::before {content: ''; position: absolute; width: 65px; height: 65px; border-radius: 50%; background-color: var(--point-color); left: -45px; top: calc(50% - 32px); z-index: -1;}

.main_sub_tit.b_color h4::before{background-color: #56b4d6; }
.main_sub_tit.lg_color h4::before{background-color: #a7d5b7; }
.main_sub_tit.o_color h4::before{background-color: #f8b551; }

/* 서브 페이지 메인 타이틀 */
.sub_main_tit {}
.sub_main_tit p {font-weight: 600; font-size: 24px; line-height: 1em; letter-spacing: -0.025em; color: var(--point-color); margin-bottom: 18px;}
.sub_main_tit h3 {font-weight: 700; font-size: 48px; line-height: 1.25em; letter-spacing: -0.025em;}

/* 서브 페이지 콘텐트 타이틀 */
.sub_con_tit h4 {width: fit-content; margin: auto; padding: 0 23px; box-sizing: border-box; font-size: 28px; line-height: 1em; letter-spacing: -0.025em; font-weight: 700; position: relative;}
.sub_con_tit h4::before,
.sub_con_tit h4::after {content: ''; position: absolute; height: 100%; width: 4px; background-color: var(--point-color); top: 0;}
.sub_con_tit h4::before {left: 0;} 
.sub_con_tit h4::after {right: 0;}

.sub_con_tit p {text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -0.025em;}


/* 다음 지도 */
.map_wrap .root_daum_roughmap {width: 100%; height: 100%;}
.map_wrap .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}

/* 
 * 이미지 리스트 
 *
 * 예) 회사 개요 > 새로운 환경문화를 창조하는 기업 
 * .img_list li (width: ), .img_list{gap: )는 컨텐츠 마다 설정해서 사용
 */
.img_list {display: flex; flex-wrap: wrap;}
.img_list .top_wrap {position: relative;}
.img_list .top_wrap .img_box img {width: 100%;}
.img_list .top_wrap .txt_box {position: absolute; bottom: 0; left: 0; padding: 35px 30px; box-sizing: border-box; color: #fff;}
.img_list .top_wrap .txt_box h5 {font-size: 32px; font-weight: 700; letter-spacing: -0.025em;}
.img_list .bot_wrap .txt_box {margin-top: 40px;}
.img_list .bot_wrap .txt_box.center{text-align:center;}
.img_list .bot_wrap .txt_box h6 {font-size: 24px; font-weight: 700; letter-spacing: -0.025em;}
.img_list .bot_wrap .txt_box p {text-indent: -0.5em; margin-left: 0.5em; font-size: 18px; line-height: 1.9em; letter-spacing: -0.025em; color: #666; font-weight: 300;}

.img_list.center{justify-content: center;}
.img_list.center li{width: calc(33.3% - 20px);}
.img_slide .swiper-wrapper .swiper-slide .img_box img{width: 100%;}
.gap30{gap:30px;}

@media all and (max-width:768px){
    .img_list .bot_wrap .txt_box h6{
        font-size: 18px;
    }
}

/* 
 * 제품 리스트
 *
 * 예) 제품소개 > 환경촉매
 */

.prod_list {display: flex; gap: 20px; flex-wrap: wrap;}
.prod_list li {width: calc(50% - 10px)}
.prod_list li img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}

@media all and (max-width: 1000px) {
    .prod_list li {width: 100%;}
}

/* 
 * 텍스트 리스트 타입01 
 * 예) 제품소개 > 농축기 > 윈리 및 장점 하단 설명글
 */
.txt_list.type01 li{font-size: 18px; letter-spacing: -0.45px; line-height: 34px; color:#666666;}
.txt_list.type01 li.custom {
    padding-left: 10px;
    position: relative;
}

.txt_list.type01 li.custom::after {
    position: absolute;
    content: '•';
    left: 0;
    top: 0;
}



/*table_wrap*/
.table_wrap .table_box {display: flex; gap: 35px; flex-wrap: wrap; align-items: flex-start;}

.table_wrap .table_box .table {width: 100%; display: flex; flex-wrap: wrap;}
.table_wrap .table_box .table .tr {display: flex; flex-direction: column; text-align: center; word-break: keep-all; width: 33.333%; box-sizing: border-box;}
.table_wrap .table_box .table .tr > * {min-height: 85px; display: flex; align-items: center; justify-content: center;  font-size: 18px; letter-spacing: -0.025em;}
.table_wrap .table_box .table .th {background-color: #1096b7; color: #fff; font-weight: 600; box-sizing: border-box;}
.table_wrap .table_box .table .td {font-weight: 300; color: #666666; box-sizing: border-box; }
.table_wrap .table_box .table .td b {font-weight: 600;}

@media all and (max-width:768px){
    
.sub_main_tit h3{word-break: keep-all; font-size: 34px; display: flex; align-items: center;}
.txt_list.type01 li{word-break: keep-all;}
}

/* 테이블 보더 */
.table_wrap .table_box .table .tr + .tr .th {border-left: 1px solid #57b7ce;}
.table_wrap .table_box .table .tr:last-child .td {border-right: 1px solid #d2d2d2;}
.table_wrap .table_box .table .td {border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}