/* common */
/*defaultPadding*/
.s_wrap{padding: 100px 0 135px;}
.mt40{margin-top: 40px;}
/* contantInner */
.left_box{width: calc(100% - 250px); padding-left: 100px;}
/* lnbTit */
.s_tit{display:inline-block; vertical-align: top; position:relative; font-weight: 600; font-size:24px; color: #008A3C; margin-bottom:39px;}
.s_tit::after{content:""; position:absolute; bottom: -17px; left: 0; width: 100%; height: 7px; background: #008A3C;}
/* lnb */
.s_wrap .w1650.fbox{margin-top: 60px;}
.sub_side{width: 250px;}
.sub_side .location{display:flex; align-items:center;}
.sub_side .location li{position:relative; font-weight:300; font-size:15px; color: #888; margin-right: 14px;}
.sub_side .location li a{color: #888;}
.sub_side .location li::after{content:"/"; position:absolute; top: 0; right: -10px; font-size:15px; color: #888;}
.sub_side .location li:last-of-type{margin-right: 0;}
.sub_side .location li:last-of-type::after{display:none;}
.sub_side .lnb{width: 100%; margin-top: 20px;}
.sub_side .lnb > ul > li > a{font-weight:300; font-size:18px; color: #000; display:flex; align-items:center; height: 40px; width: 100%; background: #F2F2F2; padding: 0 30px;}
.sub_side .lnb > ul > li.on > a{background: #008A3C; color: #fff;}
/* 4depth */
.sub_side .lnb > ul.sub_depth04 > li > a{background: #595959; color: #fff;}
.sub_side .lnb > ul.sub_depth04 > li > ul{}
.sub_side .lnb > ul.sub_depth04 > li > ul > li{}
.sub_side .lnb > ul.sub_depth04 > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; background: #F2F2F2; font-weight:300; font-size:18px; color: #000; padding:0 30px; display:flex; align-items:center; height: 40px;}
.sub_side .lnb > ul.sub_depth04 > li > ul > li > a br{display:none; }
.sub_side .lnb > ul.sub_depth04 > li > ul > li.on > a{background: #008A3C; color: #fff;}
.sub_side .lnb > ul.sub_depth04 > li > ul > li > a span{margin-right: 4px;}


/* 제품 배너 */
.sv{position:relative; }
.sv .bg{height: 300px;}
.sv .fbox{position:absolute; top: 50%; left: 0; transform:translateY(-50%); align-items:center; justify-content:space-between; width: 100%; padding-left: 135px;}
.sv .fbox .txt h3{font-size:24px; letter-spacing:0.04em; color: #E2F0D9;}
.sv .fbox .txt h2{font-weight:600; font-size:55px; letter-spacing:-0.04em; color: #fff; margin: 10px 0 15px;}
.sv .fbox .txt p{font-size:18px; letter-spacing:0.04em; color: #fff; opacity: 0.8;}

/* subTit */
.sTit01{font-weight:bold; font-size:28px; color: #008A3C; margin-bottom:30px;}
.sTit01.mb50{margin-bottom:50px;}
.sTit01 span{font-size:24px; color: #7f7f7f; font-weight:400; margin-left: 30px;}
/* defaultTxt */
.txt01.nom p{margin-bottom:0px !important;}
.txt01 p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-bottom:36px; line-height: 1.66667em;}
.txt01 p:last-of-type{margin-bottom:0;}
.txt01 p .cg{color: #008A3C;}
.txt01.lh14 p{line-height: 1.4em;}
/* mb */
.mb60{margin-bottom:60px;}
.mb60:last-of-type{margin-bottom:0;}
.mb100{margin-bottom:100px;}
/* 공통 패딩 */
.pb{padding-bottom:150px;}
/* 라인 타이틀 */
.line_tit{position:relative; font-weight:700; font-size:22px; letter-spacing:-0.02em; color: #404040; padding-left: 45px; padding-bottom:20px; margin-bottom:25px; border-bottom: 2px solid #008A3C; }
.line_tit span:not(.sTxt){position:absolute; left: 0; display:inline-block; vertical-align: top; width: 30px; height: 30px; background: #008A3C; font-weight:700; font-size:22px; letter-spacing:-0.02em; color: #fff; text-align: center;}
.line_tit .sTxt{font-weight:500; color: #757575; margin-left: 10px; letter-spacing:-0.02em;}
/* 공통 탭 */
.tab{display:flex; margin-top: 50px;}
.tab li{display:flex; align-items:center; justify-content:center; width: 260px; background: #F2F2F2; height: 60px; border:1px solid #ddd; border-bottom-color: #fff; border-right: none; font-weight: 300; font-size:18px; cursor: pointer; padding: 0 10px; text-align: center;}
.tab li:last-of-type{border-right: 1px solid #ddd;}
.tab li.on{border:1px solid #008A3C; border-bottom-color: #fff; background: #fff; font-weight:700; color: #008A3C;}
.tab.w100 li{width: 25%; border-bottom: 1px solid #ddd;}
.tab.w100 li.on{border-bottom-color:#fff;}
/* 리스트 점 */
.dots li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; line-height: 1.66667em; color: #404040; margin-bottom:10px; padding-left: 15px;}
.dots li::after{content:""; position:absolute; top: 11px; left: 0; width: 5px; height: 5px; background: #008A3C;}
.dots li:last-of-type{margin-bottom:0;}
.dots li > ul{margin-top: 8px;}
.dots li > ul > li{padding-left: 20px;}
.dots li > ul > li::after{display:none; }
.dots li > ul > li span{position:absolute; left: 0;}
.dots .medium{font-weight:500;}
/* 링크 */
.line_link{position:relative; display:inline-block; font-weight:600; font-size:18px; letter-spacing:-0.02em; color: #008A3C !important;}
.line_link::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #008A3C;}
/* 기본 테이블*/
td.nob{border:none !important}
.style01{margin: 30px 0 20px; border-top: 1px solid #008A3C; border-left: 1px solid #008a3c;}
.style01 th{background: #4CAB7A; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; font-weight:500; font-size:16px; color: #fff; padding: 14px 0;}
.style01 td{font-weight:300; font-size:16px; color: #404040; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; text-align:center;}
.style01 td.bg{font-weight:500; background: #E2F0D9;}
.style02.mt{margin-top: 30px;}
.style02 th{background: #4CAB7A; border-right: 1px solid #4CAB7A; border-bottom: 1px solid #fff; font-weight:500; font-size:16px; color: #fff; padding: 14px 0;}
.style02 th:first-of-type{border-left: 1px solid #4CAB7A;}
.style02 td{font-weight:300; font-size:16px; color: #404040; border-left: 1px solid #008A3C; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; text-align:center; padding: 14px 10px;}
.style02 td.bg{font-weight:500; background: #E2F0D9;}
.style02 td.tal{text-align: left; padding: 14px;}
.style02 td .lh18{line-height: 1.8;}
.style03 th{font-weight:500; font-size:16px; letter-spacing:-0.02em; color: #fff; background: #4CAB7A;  border-right: 1px solid #4CAB7A; border-bottom: 1px solid #fff; padding: 10px 0;}
.style03 td{font-weight:300; font-size:16px; letter-spacing:-0.02em; color: #404040; border-left: 1px solid #008A3C; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; text-align: center; padding: 5px 0 ;}
.style03 td.tal{text-align: left; padding: 5px 10px;}
.style04 td{padding: 14px 0;}
.table_box td.bg01{background: #FBE5D6;}
.table_box td.bg02{background: #FFF2CC;}
.table_box td.bg03{background: #E2F0D9;}
.table_box td.bg04{background: #DEEBF7;}
.table_box .bbg{border-bottom: 1px solid #008A3C;}
.table_box .brw{border-right-color:#fff;}

.table_box.fs16 th{font-size:15px;}
.table_box.fs16 td{font-size:14px;}

.cir_c{color: #FF8A00;}
.table_box.scroll{overflow-x: auto;}

/* 마진 */
.mt0{margin-top: 0 !important;}

/* 이미지 */
.mixb{mix-blend-mode:multiply}
.mixd{mix-blend-mode:darken}

/* 공통박스 */
.bg_ctn{background: #E5F2DD; border:1px solid #008A3C;}
.bg_ctn.p40{padding: 40px;}
.bg_ctn.p30{padding: 30px;}

.max900{max-width: 900px;}

/* 회사소개
------------------------------------------------------ */

/* 모나스펌프는 */
.greeting{}
.greeting .cont .m60{margin: 60px 0;}
.greeting .cont .fbox ul{width: calc(100% - 410px);}
.greeting .cont .fbox ul li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; padding: 38px 38px 38px 178px; border-radius:10px; border:1px solid #ddd; margin-bottom:30px;}
.greeting .cont .fbox ul li span{position:absolute; top: 37px; left: 50px; font-weight:bold; font-size:20px; letter-spacing:-0.02em; color: #333;}
.greeting .cont .fbox ul li:last-of-type{margin-bottom:0;}
.greeting .cont .fbox figure{width: 300px; margin-left: 110px;}

/* 모나스 이모저모 */
.everyside{overflow: hidden;}
.everyside .cont .txt h4{font-weight:700; font-size:24px; color: #404040; margin-bottom:30px;}
.everyside .cont .fbox{display:flex;}
.everyside .cont .fbox .txt{width: calc(50% - 20px); margin-right: 40px;}
.everyside .cont .fbox .img{width: calc(50% - 20px);}
.everyside .cont .fbox .img p{font-weight:500; font-size:18px; letter-spacing:-0.02em; margin-top: 20px; color: #404040; text-align: center;}
.everyside .cont .slide_wrap{margin: 0 auto; max-width: 1170px; margin-top: 30px;}
.everyside .cont .slide_wrap .slide_dots{display:flex; align-items:center; margin-bottom:30px;}
.everyside .cont .slide_wrap .slide_dots li{position:relative; width: 20%; display:flex; cursor: pointer;}
.everyside .cont .slide_wrap .slide_dots li::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; transition:0.3s}
.everyside .cont .slide_wrap .slide_dots li img{width: 50%; height: 100%; min-height: 73px; object-fit:cover}
.everyside .cont .slide_wrap .slide_dots li.on{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);}
.everyside .cont .slide_wrap .slide_dots li.on::after{opacity: 0;}
.everyside .cont .slide_wrap .slide_ctn .slick-list{margin-right: -40px;}
.everyside .cont .slide_wrap .slide_ctn .item{display:flex; gap:40px; margin-right: 40px;}
.everyside .cont .slide_wrap .slide_ctn .item .box{width: calc(50% - 20px);}
.everyside .cont .slide_wrap .slide_ctn .item .box img{width: 100%;}
.everyside .cont .slide_wrap .slide_ctn .item p{font-weight:500; font-size:20px; color: #404040; letter-spacing:-0.02em; margin-top: 20px; text-align: center;}
.everyside .cont .slide_wrap .r_box{position:relative; }
.everyside .cont .slide_wrap .r_box .slide_btn div{position:absolute; top: 43%; left: -65px; transform:translateY(-50%); cursor: pointer;}
.everyside .cont .slide_wrap .r_box .slide_btn .next{left: auto; right: -65px;} 
.everyside .cont03{}
.everyside .cont03 .fbox{display:flex; gap:40px}
.everyside .cont03 .fbox .box{width: calc(50% - 20px);}
.everyside .cont03 .fbox .box .txt{width: 100%; margin-bottom:46px;}
.everyside .cont03 .fbox .box .img{width: 100%; margin-bottom:46px;}
.everyside .cont03 .fbox .box .img:last-of-type{margin-bottom:0;}

/* 연혁 */
.history{}
.history .sTit01{margin-bottom:50px;}
.history .fbox{display:flex;}
.history .fbox .img{width:374px; text-align: center;}
.history .fbox .img p{margin-top: 20px; font-weight:500; font-size:20px; color: #404040; letter-spacing:-0.02em;}
.history .fbox .txt{width: calc(100% - 374px); padding-left: 60px;}
.history .h_list{}
.history .h_list .h_tab{position:relative; display:flex; gap:15.5vw}
.history .h_list .h_tab::before{content:""; position:absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #4CAB7A; transform:translateY(-50%); z-index: -1;}
.history .h_list .h_tab::after{content:"Today"; position:absolute; top: 50%; right: 0; background: #fff; padding-left: 20px; color: #008A3C; font-weight:600 ;font-size:18px; font-family: var(--en); transform:translateY(-50%);}
.history .h_list .h_tab li{width: 60px; height: 60px; line-height: 60px; border-radius:50%; background: #7F7F7F; color: #fff; font-weight:600; font-size:14px; text-align: center; font-family: var(--en); cursor: pointer;background: #4CAB7A; transition:0.3s}
/* .history .h_list .h_tab li:first-of-type{background: #4CAB7A;} */
.history .h_list .h_tab li:hover{background: #E5F2DD; color: #4CAB7A;}
@media (min-width: 1922px){
	.history .h_list .h_tab{gap:280px}
}


.history .h_list .history_box{margin-top: 30px;}
.history .h_list .history_box > ul{position:relative; }
.history .h_list .history_box > ul::before{content:""; position:absolute; top: 0; left: 0; width: 140px; height: 100%; background: rgba(221, 221, 221, 0.70);}
.history .h_list .history_box > ul > li{position:relative; }
.history .h_list .history_box > ul > li > span{position:absolute; top: 16px; left: -50px; width: 100px; line-height: 50px; background: #E5F2DD; color: #008A3C; font-family: var(--en); font-weight:500; font-size:18px; text-align: center; transition:0.3s}
.history .h_list .history_box > ul > li.on > span{color: #fff; background: #4fAD76; font-weight:600;}
.history .h_list .history_box > ul > li > ul{padding-left: 70px; padding-top: 30px;}
.history .h_list .history_box > ul > li > ul > li{display:flex;  padding-bottom:30px;}
.history .h_list .history_box > ul > li > ul > li:last-of-type{padding-bottom:0px;}
.history .h_list .history_box > ul > li > ul > li.on > span{color: #008A3C;}
.history .h_list .history_box > ul > li > ul > li > span{display:inline-block; margin-right: 60px; font-weight:500; font-size:18px; font-family: var(--en); color: #404040;}
.history .h_list .history_box > ul > li > ul > li > ul{}
.history .h_list .history_box > ul > li > ul > li > ul > li{display:flex; align-items:center; margin-bottom:15px;}
.history .h_list .history_box > ul > li > ul > li > ul > li:last-of-type{margin-bottom:0;}
.history .h_list .history_box > ul > li > ul > li > ul > li > .txt,
.history .h_list .history_box > ul > li > ul > li > ul > li > img{width: 250px;}
.history .h_list .history_box > ul > li > ul > li > ul > li > .txt{font-weight:600;}
.history .h_list .history_box > ul > li > ul > li > ul > li > span{width: calc(100% - 250px); padding-left: 30px; font-size:18px; color: #404040; letter-spacing:-0.02em;}

/* 인증 및 특허 */
.certifications{}
.certifications .sTit01{margin-bottom: 50px;}
.certifications .c_list{display:flex; gap:40px; flex-wrap:wrap;}
.certifications .c_list .item{width: calc((100% - 120px) / 4);}

/* 오시는 길 */
.location{}
.location .fbox{display:flex;}
.location .fbox .txt{width: 350px;}
.location .fbox .txt h4{font-weight:700; font-size:24px; color: #404040; margin-bottom:30px;}
.location .fbox .txt p{font-weight:300; font-size:18px; letter-spacing:-0.02em; line-height: 1.66667em;}
.location .fbox .txt p span{color: #008A3C;}
.location .fbox .txt dl{display:flex; flex-wrap:wrap; margin: 20px 0 54px;}
.location .fbox .txt dl dt{width: 68px; margin-bottom:15px; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040;}
.location .fbox .txt dl dd{width: calc(100% - 68px); margin-bottom:15px; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #008A3C;}
.location .fbox .map_box{width: calc(100% - 350px); height: 430px;}
.location .fbox .map_box iframe{height: 100%;}

/* 모나스란?
------------------------------------------------------ */

/* 작동원리 */
.mechanics{}
.mechanics .txt{}
.mechanics .txt h4{font-weight:500; font-size:22px; color: #008A3C;}
.mechanics .txt p{font-weight:300; font-size:18px; line-height: 1.4em; letter-spacing:-0.02em; color: #404040; margin-top: 20px;}
.mechanics .tab_ctn{display:none; border:1px solid #ddd; margin-top: -1px; padding: 50px 40px;}
.mechanics .tab_ctn .tab_tit{margin-bottom:50px;}
.mechanics .tab_ctn .tab_tit p{font-size:22px; color: #222; line-height: 1.6;}
.mechanics .tab_ctn .tab_tit p span{color: #ff6600;}
.mechanics .tab_ctn .tab_tit p.f18{font-weight:300; font-size:18px; color: #404040;}
.mechanics .tab_ctn .w50{gap:40px}
.mechanics .tab_ctn .item{margin-bottom:60px;}
.mechanics .tab_ctn .item:last-of-type{margin-bottom:0;}
.mechanics .tab_ctn .item p{font-weight:300; font-size:18px; line-height: 1.4; letter-spacing:-0.02em; color: #404040;}
.mechanics .tab_ctn .item .img_list{display:flex; align-items:flex-end; gap:122px; margin-top: 20px;}
.mechanics .tab_ctn .item .img_list.w100 .box{width: 100% !important;}
.mechanics .tab_ctn .item03 .img_list{gap:82px; align-items:center;}
.mechanics .tab_ctn .item03 .img_list .box{width: 67.5%;}
.mechanics .tab_ctn .item03 .img_list .box:last-of-type{width: 25.5%;}
.mechanics .tab_ctn .item06 .img_list{gap:40px}
.mechanics .tab_ctn .item .txt_box{border:1px solid #008A3C; padding: 30px; margin-top: 20px;}
.mechanics .tab_ctn .item .txt_box p{font-size:18px; line-height: 1.4; letter-spacing:-0.02em; color: #404040; margin-bottom:20px;}
.mechanics .tab_ctn .item .txt_box p:last-of-type{margin-bottom:0;}
.mechanics .tab_ctn .item .txt_box p span{font-weight:700;}
.mechanics .tab_ctn .item .right_txt{text-align: right; font-weight:600; font-size:16px; line-height: 1.4; letter-spacing:-0.02em; color: #404040; margin-top: 10px;}

/* 모나스의 구조 */
.structure{}
.structure .tab_svg{width: 100%; text-align: center; margin-top: 20px;}
.structure .tab_svg svg{width: 100%;}
.structure .tab_svg #tab > g {cursor: pointer;}
.structure .tab_svg #tab > g > path,
.structure .tab_svg #tab > g circle,
.structure .tab_svg #tab > g rect{transition:0.3s}
.structure .tab_svg #tab > g.on > path{stroke:#FFC000}
.structure .tab_svg #tab > g.on circle{fill:#FF6600; stroke:#FF6600}
.structure .tab_svg #tab > g.on rect{fill:#FFC000}
.structure .default_box{padding: 48px 60px; background: #FFF9E7; text-align: center; margin-top: 20px;}
.structure .default_box p{font-weight:300; font-size:18px; line-height: 1.4em; letter-spacing:-0.02em; color: #333;}
.structure .tab_ctn{display:none; background: #FFF9E7; padding: 40px; margin-top: 20px;}
.structure .tab_ctn .txt{}
.structure .tab_ctn .txt p{font-weight:300; font-size:18px; line-height: 1.4; letter-spacing:-0.02em; color: #404040;}
.structure .tab_ctn .txt h4{font-weight:600; font-size:18px; line-height: 1.4; letter-spacing:-0.02em; color: #333; margin-bottom:10px;}
.structure .tab_ctn ul{}
.structure .tab_ctn ul li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-bottom:15px; padding-left: 15px;}
.structure .tab_ctn ul li img{display:block; margin: 10px 0 30px -15px;}
.structure .tab_ctn ul li:last-of-type{margin-bottom:0;}
.structure .tab_ctn ul li:last-of-type img{margin-bottom:0;}
.structure .tab_ctn ul li::after{content:""; position:absolute; top: 8px; left: 0; width: 5px; height: 5px; background: #008A3C;}
.structure .tab_ctn .img{margin-top: 20px;}
.structure .tab_ctn .img_list{margin-top: 20px; display:flex; gap:30px}
.structure .tab_ctn .img_list.gap100{gap:100px}
.structure .tab_ctn .img_list02{margin-top: 20px; display:flex; gap:60px}
.structure .tab_ctn .table_box{max-width: 360px;}
.structure .tab_ctn .table_box h5{font-weight:500; font-size:18px; line-height: 1.4em; letter-spacing:-0.02em; color: #000; margin-bottom:10px;}
.structure .tab_ctn .table_box table{}
.structure .tab_ctn .table_box table th{font-weight:500; font-size:16px; color: #fff; letter-spacing:-0.02em; background: #4CAB7A; border:1px solid #4CAB7A; border-bottom-color:#fff; padding: 9px 20px 10px;}
.structure .tab_ctn .table_box table td{font-weight:300; font-size:16px; color: #404040; letter-spacing:-0.02em; border:1px solid #4CAB7A; background: #fff; padding: 9px 20px 10px;}
.structure .tab_ctn .table_box table tr:last-of-type th{border-bottom: none;}

/* 특장점 */
.features{}
.features .tab_ctn{display:none; }
.features .tab_ctn .top_box{position:relative; padding: 35px 60px; background: #E5F2DD; border:1px solid #008A3C; margin: 40px 0; max-width: 903px;}
.features .tab_ctn .top_box p{font-size:22px; letter-spacing:-0.02em; color: #404040;}
.features .tab_ctn .top_box p span{position:absolute; top: 50%; left: 50%; font-weight:700; font-size:28px; letter-spacing:-0.02em; color: #404040;transform:translate(-50%,-50%);}
.features .tab_ctn .item{margin-bottom:30px;}
.features .tab_ctn .item:last-of-type{margin-bottom:0;}
.features .tab_ctn .item .img_list{display:flex; gap:10px; margin-top: 20px;}

/* 적용분야 및 사용례 */
.application{}
.application .right_txt{text-align: right; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #008A3C; margin-bottom:10px;}
.application .item{background: #F6F6F6; padding: 30px 40px; margin-bottom:30px;}
.application .item:last-of-type{margin-bottom:0;}
.application .item .txt{display:flex; gap:30px}
.application .item .txt h4{font-weight:700; font-size:24px; letter-spacing:-0.02em; color: #404040;}
.application .item .txt p{font-size:18px; color: #008A3C; margin-top: 5px;}
.application .item .txt p > span{display:inline-block; font-weight:300; font-size:18px; color: #404040; margin-left: 10px;}
.application .item .txt p:last-of-type{padding-left:56px; position:relative; }
.application .item .txt p > em{position:absolute; left: 0;}
.application .item .img_list{display:flex; gap:34px; margin-top: 20px;} 
.application .item .img_list figure{}

/* 올바른 사용법 */
.usage{}
.usage .box{margin-bottom:60px;}
.usage .box:last-of-type{margin-bottom:0;}
.usage .box > h4{font-weight:700; font-size:24px; letter-spacing:-0.02em; color: #008A3C; text-align: center; }
.usage .box > p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-top: 20px; text-align: center;}
.usage .box .fbox{margin-top: 40px; flex-wrap:wrap; border-top:  1px solid #E9E9E9;}
.usage .box .fbox .item{width: 50%; padding: 30px 40px; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #e9e9e9;}
.usage .box .fbox .item:nth-of-type(2n){border-right: none;}
.usage .box .fbox .item dl{display:flex;}
.usage .box .fbox .item dl dt{font-weight:700; width: 35px; font-size:32px; color: #404040; letter-spacing:-0.02em;}
.usage .box .fbox .item dl dd{width: calc(100% - 35px); margin-top: 7px; padding-left: 25px;}
.usage .box .fbox .item dl dd .txt{}
.usage .box .fbox .item dl dd .txt h4{font-weight:700; font-size:22px; color: #404040;}
.usage .box .fbox .item dl dd .txt p{margin-top: 20px; font-weight:300; font-size:18px; color: #404040; line-height: 1.66667;}
.usage .box .fbox .item dl dd .img{margin-top: 10px;}
.usage .box .fbox .item dl dd .img.mt{margin-top: 72px;}
.usage .box .fbox .item .txt_box{}
.usage .box .fbox .item .txt_box h4{font-weight:700; font-size:22px; letter-spacing:-0.02em; color: #fff; background: #4CAB7A; width: 165px; line-height: 60px; text-align: center; margin-bottom:20px;}
.usage .box .fbox .item .txt_box p{font-weight:300; font-size:18px; line-height: 1.5556em; letter-spacing:-0.02em; color: #404040; margin-bottom:32px;}
.usage .box .fbox .item .txt_box p:last-of-type{margin-bottom:0;}
.usage .box .fbox .item .txt_box p span{ color: #008A3C;}

/* 사양선정 방법 */
.criteria{}
.criteria .border_box{position:relative; border:1px solid #ddd; padding: 20px; margin-bottom:50px;}
.criteria .border_box::after{content:""; position:absolute; bottom: -42px; left: 50%; transform:translateX(-50%); background:url(/img/sub/icon_criteria01.png) 50% 50% no-repeat; width: 30px; height: 30px;}
.criteria .border_box:last-of-type{margin-bottom:0;}
.criteria .border_box.not::after{display:none; }
.criteria .border_box dl{display:flex; align-items:flex-start;}
.criteria .border_box dl dt{font-weight:700; width: 36px; font-size:32px; letter-spacing:-0.02em; color: #404040;}
.criteria .border_box dl dd{width: calc(100% - 36px);padding-left: 20px}
.criteria .border_box dl dd .txt{margin-top: 6px;}
.criteria .border_box dl dd .txt h4{font-weight:700; font-size:22px; letter-spacing:-0.02em; color: #404040;}
.criteria .border_box dl dd .txt p{font-weight:300; font-size:18px; margin-top: 20px; letter-spacing:-0.02em;}
.criteria .border_box dl dd .txt p span a{font-weight:600; color: #008A3C;}
.criteria .border_box dl dd ul{margin-top: 40px;}
.criteria .border_box dl dd ul li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; padding-left: 31px; margin-bottom:12px;}
.criteria .border_box dl dd ul li:last-of-type{margin-bottom:0;}
.criteria .border_box dl dd ul li span:not(.fw,.c){position:absolute; left: 0; font-weight:600;}
.criteria .border_box dl dd ul li .fw{font-weight:600; font-size:20px;}
.criteria .border_box dl dd ul li .c a{color: #008A3C; font-weight:600;}
.criteria .border_box .center_txt{text-align: center;}
.criteria .border_box .center_txt figure{margin: 30px 0 20px;}
.criteria .border_box .center_txt p{ font-weight:600; font-size:18px; letter-spacing:-0.02em; color: #333;}
.criteria .box{}
.criteria .box h4{max-width: 550px; line-height: 60px; background: #4CAB7A; font-weight:700; font-size:22px; color: #fff; padding-left: 30px;}
.criteria .box .txt{border:1px solid #ddd; padding: 30px; }
.criteria .box .txt p{font-weight:300; font-size:18px; color: #404040;}
.criteria .box .txt p span{font-weight:600; font-size:18px; line-height: 1.66667; color: #008A3C;}
.criteria .box .txt p a{color: #008A3C;}

/* 형식코드 */
.format_code{}
.format_code .cont .svg_box{text-align: center;}
.format_code .cont .svg_box svg{width: 100%;}
.format_code .cont .svg_box svg g > g{cursor: pointer;}
.format_code .cont .svg_box svg g > g .opLine{opacity: 0;}
.format_code .cont .svg_box svg g > g .h{opacity: 0;}
.format_code .cont .svg_box svg g > g.on .opLine{opacity: 1;}
.format_code .cont .svg_box svg g > g.on .h{opacity: 1;}
.format_code .cont .svg_box svg g > g.on .in{opacity: 0;}
.format_code .cont .svg_box svg g > g.on circle{fill:#008A3C}
.format_code .cont .svg_box svg g > g.on .line,
.format_code .cont .svg_box svg g > g.on line{stroke:#008A3C}
.format_code .cont .tab_ctn{display:none; border:1px solid #ddd; border-top: none;  padding: 40px;}
.format_code .cont .tab_ctn h4{font-weight:700; font-size:22px;line-height: 60px; background: #4CAB7A; color: #fff; padding: 0 30px;  margin-bottom:10px; display:inline-block; vertical-align: top;}
.format_code .cont .tab_ctn .box{margin-bottom:60px;}
.format_code .cont .tab_ctn .box:last-of-type{margin-bottom:0;}
.format_code .cont .tab_ctn .fbox{display:flex; flex-wrap:wrap; border:1px solid #ddd; border-bottom: none;}
.format_code .cont .tab_ctn .fbox .w100{width: 100%;padding: 30px  30px 0 30px; }
.format_code .cont .tab_ctn .fbox .line{font-weight: 600; font-size:25px; letter-spacing:-0.02em; color: #404040;}
.format_code .cont .tab_ctn .fbox .line span{position:relative;}
.format_code .cont .tab_ctn .fbox .line span::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #404040;}
.format_code .cont .tab_ctn .fbox .item{position:relative; width: 33.33%; padding: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.format_code .cont .tab_ctn .fbox .item:nth-of-type(3n){border-right: none;}
.format_code .cont .tab_ctn .fbox .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.format_code .cont .tab_ctn .fbox .item .txt .line{margin-bottom:30px;}
.format_code .cont .tab_ctn .fbox .item .txt .line span{color: #404040; font-size:25px; font-weight:600; margin-top: 0; margin-left: 0;}
.format_code .cont .tab_ctn .fbox .item .txt h5{font-weight:600; font-size:24px; color: #404040;}
.format_code .cont .tab_ctn .fbox .item .txt h5 span{font-weight:300; font-size:22px; color: #008A3C; margin-left: 20px;}
.format_code .cont .tab_ctn .fbox .item .txt p{font-weight:300; margin-top: 20px; font-size:18px; color: #404040;}
.format_code .cont .tab_ctn .fbox .item .img{margin-top: 30px;}
.format_code .cont .tab_ctn .fbox .item.r{position:relative; display:flex; justify-content:space-between; align-items:flex-start}
.format_code .cont .tab_ctn .fbox .item.r .img{margin-top: 0;}
.format_code .cont .tab_ctn .fbox .item.b .img{position:relative; z-index: -1;text-align: right; margin-top: -10px;}
.format_code .cont .tab_ctn .fbox .item.c .img{text-align: center;}
.format_code .cont .tab_ctn .fbox .item.i2{width: 66.66%; border-right: none;}
.format_code .cont .tab_ctn .box .border_box{padding: 30px; border:1px solid #ddd;}
.format_code .cont .tab_ctn .box .border_box h5{font-weight:700; font-size:20px; color: #404040;}
.format_code .cont .tab_ctn .box .border_box .table_box{margin: 20px 0; border-top: 1px solid #008A3C; border-left: 1px solid #008a3c;}
.format_code .cont .tab_ctn .box .border_box .table_box02{border-top-color: #4CAB7A; border-left-color: #4CAB7A;}
.format_code .cont .tab_ctn .box .border_box .table_box table th{font-weight:500; font-size:16px; letter-spacing:-0.02em; color: #fff; background: #4CAB7A; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; padding: 14px 0;}
.format_code .cont .tab_ctn .box .border_box .table_box02 table th{border-right-color: #4CAB7A;}
.format_code .cont .tab_ctn .box .border_box .table_box table td{font-weight:300; font-size:16px; letter-spacing:-0.02em; color: #404040; border-right: 1px solid #008A3C; border-bottom: 1px solid #008A3C; text-align: center;}
.format_code .cont .tab_ctn .box .border_box .table_box table td.bg{background: #E2F0D9; font-weight:500;}
.format_code .cont .tab_ctn .box .border_box .table_box table td{padding: 15px 0  13px;}
.format_code .cont .tab_ctn .box .border_box .table_box table td.r{text-align: right; padding: 15px 30px 13px;}
.format_code .cont .tab_ctn .box .border_box .table_box table .bw{border-right-color:#fff; border-bottom-color:#fff;}
.format_code .cont .tab_ctn .box .border_box .table_box table .brw{border-right-color:#fff;}
.format_code .cont .tab_ctn .box .border_box .txt p{font-weight:300; font-size:18px; color: #404040; line-height: 1.66667em; margin-bottom:16px;}
.format_code .cont .tab_ctn .box .border_box .txt p:last-of-type{margin-bottom:0;}
.format_code .cont .tab_ctn .box .border_box .txt p span{position:relative; font-weight:600; font-size:18px; letter-spacing:-0.02em; color: #008A3C;}
.format_code .cont .tab_ctn .box .border_box .txt p span::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #008A3C;}
.format_code .cont .tab_ctn02 .border_box{display:flex; border:1px solid #ddd; padding: 30px;}
.format_code .cont .tab_ctn02 .border_box h5{font-weight:700; font-size:24px; color: #404040; vertical-align: middle;}
.format_code .cont .tab_ctn02 .border_box h5 span{display:inline-block; vertical-align: middle; font-weight:300; font-size:18px; color: #008A3C; margin-left: 10px; transform:translateY(-2px);}
.format_code .cont .tab_ctn02 .border_box .box{width: 50%; margin-bottom:0;}
.format_code .cont .tab_ctn02 .border_box .box figure{margin-top: 10px;}
.format_code .cont .tab_ctn02 .border_box .box .link{text-align: right; margin-top: 10px;}

/* 토출량과 성능그래프 */
.discharge_amount{}
.discharge_amount .tab_ctn{display:none; padding: 40px; border:1px solid #ddd; margin-top: -1px;}
.discharge_amount .tab_ctn .bg_txt{background: #E2F0D9; border:1px solid #008A3C; margin-bottom:40px;}
.discharge_amount .tab_ctn .bg_txt p{padding: 15px 30px; font-size:22px; letter-spacing:-0.02em; color: #333;}
.discharge_amount .tab_ctn .item{margin-bottom:60px;}
.discharge_amount .tab_ctn .item:last-of-type{margin-bottom:0;}
.discharge_amount .tab_ctn .item .txt{}
.discharge_amount .tab_ctn .item .txt p{font-weight:300; font-size:18px; line-height: 1.66667em; letter-spacing:-0.02em; color: #404040;}
.discharge_amount .tab_ctn .item .txt h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:15px; margin-top: 30px;}
.discharge_amount .tab_ctn .item .fbox{gap:20px; margin: 30px 0 40px;}
.discharge_amount .tab_ctn02 .txt{margin-bottom:60px;}
.discharge_amount .tab_ctn02 .txt h4{font-size:22px; font-weight:600; color: #404040; margin-bottom:30px;}
.discharge_amount .tab_ctn02 .txt p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-bottom:15px; line-height: 1.66667em;}
.discharge_amount .tab_ctn02 .txt p:last-of-type{margin-bottom:0;}
.discharge_amount .tab_ctn02 .txt p span{font-weight:500; font-size:18px; color: #008A3C;}
.discharge_amount .tab_ctn02 .bg_txt h5{font-weight:600; font-size:22px; margin-bottom:20px; color: #404040;}
.discharge_amount .tab_ctn02 .bg_txt .fbox{}
.discharge_amount .tab_ctn02 .bg_txt .fbox figure{width: 406px;}
.discharge_amount .tab_ctn02 .bg_txt .fbox .txt{width: calc(100% - 406px); padding-left: 30px;}
.discharge_amount .tab_ctn02 .bg_txt .fbox .txt p{margin-bottom:15px; padding: 0;}
.discharge_amount .tab_ctn02 .bg_txt .fbox .txt p:last-of-type{margin-bottom:0;}
.discharge_amount .tab_ctn02 .bg_txt .fbox .txt p span{font-weight:300;}
.discharge_amount .tab_ctn02 > .fbox{gap:20px}
.discharge_amount .tab_ctn02 > .fbox .item{width: calc(50% - 10px);}
.discharge_amount .tab_ctn02 > .fbox .item .dots{margin-top: 30px;}

/* 구동기 선정 */
.actuator{}
.actuator .cont > p{font-weight:500; font-size:22px; color: #008A3C;}
.actuator .tab_ctn{display:none; padding: 40px; border:1px solid #ddd; margin-top: -1px;}
.actuator .tab_ctn .top_txt{margin-bottom:30px;}
.actuator .tab_ctn .top_txt p{font-weight: 300; font-size:18px; letter-spacing:-0.02em; color: #404040; }
.actuator .tab_ctn .box{margin-bottom:60px;}
.actuator .tab_ctn .box > .txt{margin-bottom: 30px;}
.actuator .tab_ctn .box > .txt h5{font-weight:500; font-size:22px; color: #008A3C;}
.actuator .tab_ctn .box > .txt p{font-weight:300; font-size:18px; line-height: 1.66667em; letter-spacing:-0.02em; color: #404040; margin-top: 15px;}
.actuator .tab_ctn .box .img_box{}
.actuator .tab_ctn .box .img_box > h5{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:15px;}
.actuator .tab_ctn .box .img_box .item{display:flex; align-items:center; flex-wrap:wrap;  margin-bottom:20px;}
.actuator .tab_ctn .box .img_box .item .txt{width: calc(100% - 337px); padding-right: 130px;}
.actuator .tab_ctn .box .img_box .item .txt h5{font-weight:600; font-size:22px; color: #404040;}
.actuator .tab_ctn .box .img_box .item .txt ul{margin-top: 30px;}
.actuator .tab_ctn .box .img_box .item figure{width: 337px; text-align: right;}
.actuator .tab_ctn .box .img_box .item .style_box{width: 100%; margin-top: 63px;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox{ display:flex; align-items:center;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox h5{width: 170px; font-weight:600; font-size:20px; color: #404040;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item{position:relative; width: 308px; border:1px solid #404040; margin-right: 80px; padding: 13px 0; text-align: center;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:last-of-type{margin-right: 0;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:first-of-type{width: 195px;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item::after{content:""; position:absolute; top: 50%; right:-73px; background:url(/img/sub/icon_actuator01.png) 50% 50% no-repeat; width: 73px; height: 8px; transform:translateY(-50%);}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item::before{content:"인버터\A변속"; position:absolute; top: -36px; right: -64px; font-weight:300; font-size:18px; line-height: 1.66667em; color: #404040 ; white-space:pre;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:nth-of-type(2)::before{content:"감속후\A(예 5:1)"}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:last-of-type::before,
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:last-of-type::after{display:none; }
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item p{position:absolute; top: -35px; left: 0; width: 100%; text-align: center; font-weight:300; font-size:18px; color: #404040;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item .border ul li{font-weight:300; font-size:18px; color: #404040; margin-bottom:7px;}
.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item .border ul li:last-of-type{margin-bottom:0;}
.actuator .tab_ctn .box .img_box.w100 .item .txt{width: 100%; padding-right: 0;}
.actuator .tab_ctn02{}
.actuator .tab_ctn02 .sec{margin-bottom:60px;}
.actuator .tab_ctn02 .sec:last-of-type{margin-bottom:0;}
.actuator .tab_ctn02 .top_txt ul li{position:relative; font-weight:300; font-size:18px; color: #008A3C; padding-left: 24px; margin-bottom:12px;}
.actuator .tab_ctn02 .top_txt ul li:last-of-type{margin-bottom:0;}
.actuator .tab_ctn02 .top_txt ul li span{position:absolute; left: 0; font-weight:500;}
.actuator .tab_ctn02 .box{margin-bottom:50px;}
.actuator .tab_ctn02 .box:last-of-type{margin-bottom:0;}
.actuator .tab_ctn02 .box h4{font-weight:300; font-size:18px; color: #008A3C; margin-bottom:16px;}
.actuator .tab_ctn02 .box h4 span{font-weight:400;}
.actuator .tab_ctn02 .box > p{font-weight:300; font-size:18px; color: #404040; margin-top: 20px; line-height: 1.66667;}
.actuator .tab_ctn02 .box .bg_box{display:flex; align-items:flex-start; justify-content:center;padding: 26px 0;}
.actuator .tab_ctn02 .box .bg_box figure{}
.actuator .tab_ctn02 .box .bg_box p{font-size:18px; color: #404040; letter-spacing:-0.02em; margin: 0 30px 0 18px;}
.actuator .tab_ctn02 .box .bg_box ul{display:flex; align-items:center; flex-wrap:wrap; max-width: 468px;}
.actuator .tab_ctn02 .box .bg_box ul li{font-size:18px; color: #404040; margin-bottom:5px; width: 33.33%;}
.actuator .tab_ctn02 .box .bg_box ul li:nth-of-type(n + 4){margin-bottom:0;}
.actuator .tab_ctn02 .box .bg_box02{align-items:center;}
.actuator .tab_ctn02 .box .bg_box02 ul{display:block; }
.actuator .tab_ctn02 .box .bg_box02 ul li{width: 100%;}
.actuator .tab_ctn02 .box .style01{margin-top: 16px;}
.actuator .tab_ctn02 .sec .img_box{display:flex; align-items:flex-end; justify-content:center; background: #E2F0D9; border:1px solid #008A3C; padding: 30px 0; gap:50px; margin-top: 30px;}
.actuator .tab_ctn02 .sec .img_box div > p{text-align: center; font-weight:500; font-size:20px; letter-spacing:-0.02em; color: #404040; margin-top: 20px;}
.actuator .tab_ctn02 .sec03 .top_txt{margin-bottom:15px;}

/* 표준성능표 */
.performance{}
.performance .cont > p{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:15px;}
.performance .cont > ul li span{color: #404040; font-weight:700;}
.performance .cont .tab_ctn{display:none; padding: 40px; border:1px solid #ddd; margin-top: -1px;}
.performance .cont .tab_ctn .txt{margin-bottom:60px;}
.performance .cont .tab_ctn .txt h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:15px;}
.performance .cont .tab_ctn .txt figure{margin-top: 30px;}
.performance .cont .tab_ctn .box{margin-bottom:60px;}
.performance .cont .tab_ctn .box:last-of-type{margin-bottom:0;}
.performance .cont .tab_ctn .box .img_box{display:flex; align-items:center; margin-bottom:20px;}
.performance .cont .tab_ctn .box .img_box p{font-weight:300; font-size:18px; color: #333; padding-left: 60px;}
.performance .cont .tab_ctn .box > ul{margin-top: 30px;}

/* 재질 및 축봉사양 */
.sealing_code{}
.sealing_code .cont > p{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:30px; }
.sealing_code .cont .box{margin-bottom:60px;}
.sealing_code .cont .box:last-of-type{margin-bottom:0;}
.sealing_code .cont .box .box_list{}
.sealing_code .cont .box .box_list > p{font-weight: 300; font-size:18px; letter-spacing:-0.02em; color: #008A3C;}
.sealing_code .cont .box .box_list > .fbox{display:flex; gap:50px; margin: 15px 0 30px;}
.sealing_code .cont .box .box_list > .fbox > .item{width: 100%; max-width: 80px; text-align: center;}
.sealing_code .cont .box .box_list > .fbox > .item > p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040;}
.sealing_code .cont .box .box_list > .fbox > .item > .bg_box{position:relative; font-weight:500; font-size:18px; background: #FBE5D6; color: #404040; margin: 10px 0;}
.sealing_code .cont .box .box_list > .fbox > .item > .bg_box::after{content:""; position:absolute; top: 50%; right: -50px; width: 50px; height: 1px; background: #008A3C;}
.sealing_code .cont .box .box_list > .fbox > .item > .bg_box.bg02{background: #FFF2CC;}
.sealing_code .cont .box .box_list > .fbox > .item > .bg_box.bg03{background: #E2F0D9;}
.sealing_code .cont .box .box_list > .fbox > .item > .bg_box.bg04{background: #DEEBF7;}

.sealing_code .cont .box .box_list > .fbox > .item > .bg_box > p{line-height: 40px;}
.sealing_code .cont .box .box_list > .fbox > .item > h5{font-weight:300; font-size:18px; line-height: 1.4444em; color: #404040;}
.sealing_code .cont .box .box_list > .fbox > .item:last-of-type{max-width: 240px;}
.sealing_code .cont .box .box_list > .fbox > .item:last-of-type > .bg_box::after{display:none; }
.sealing_code .cont .box .box_list > .fbox > .item:last-of-type > p,
.sealing_code .cont .box .box_list > .fbox > .item:last-of-type > .bg_box{max-width: 80px;}
.sealing_code .cont .box .box_list > .fbox > .item:last-of-type > h5{text-align: left;}
.sealing_code .cont .box .table_box p{font-weight: 300; font-size:18px; color: #008A3C; margin-bottom:20px;}

/* Inquiry */
.inquiry{}
.inquiry .download{text-align: right; margin-bottom:20px;}
.inquiry .download a{display:inline-block; background: #4CAB7A; font-weight:500; font-size:18px; color: #fff; padding: 16px 33px; border-radius:5px}
.inquiry .img{text-align:center; border:1px solid #008A3C; padding: 90px 16px;}

/* 제품
------------------------------------------------------ */
/* 모노펌프 */
.mono_all{}
.mono_all .prod_list{display:flex; flex-wrap:wrap; gap:20px; margin-bottom:20px;}
.mono_all .prod_list:last-of-type{margin-bottom:0;}
.mono_all .prod_list .item{position:relative; width: calc((100% - 40px) / 3);padding: 30px; border:1px solid #e9e9e9}
.mono_all .prod_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mono_all .prod_list .item figure{margin-bottom:30px; text-align: center;}
.mono_all .prod_list .item .txt{border-top: 1px solid #e9e9e9; padding-top: 19px;}
.mono_all .prod_list .item .txt h4{font-weight:600; font-size:18px; letter-spacing:-0.02em; font-weight:600; font-size:18px; color: #008A3C;}
.mono_all .prod_list .item .txt p{font-size:16px; color: #404040; margin-top: 5px; line-height: 1.5em; letter-spacing:-0.02em;}
.mono_all .prod_list.i4 .item{width: calc((100% - 60px) / 4);}

/* 디스펜서 */
.dispenser{}
.dispenser .box{margin-top: 60px;}
.dispenser .box .txt{margin-bottom:40px;}
.dispenser .box .txt p{font-weight:500; font-size:22px; line-height: 1.54545em; color: #404040;}
.dispenser .box .fbox{gap:100px}
.dispenser .box .fbox figure{}
.dispenser .box .fbox figure img{}
.dispenser .box .fbox .item{}
.dispenser .box .fbox .item h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:20px;}
.dispenser .box .fbox .item .dots{}
.dispenser .box .fbox .item .dots li{}
.dispenser .border_box{margin-top: 30px; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;}
.dispenser .border_box .fbox{gap:30px; padding: 30px 40px; border-bottom: 1px solid #E9E9E9;}
.dispenser .border_box .fbox:last-of-type{border-bottom: none;}
.dispenser .border_box .fbox .txt{width: calc(50% - 20px);}
.dispenser .border_box .fbox .txt h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:20px;}
.dispenser .border_box .fbox .txt p{font-weight:300; font-size:18px; line-height: 1.66667em; color: #404040;}
.dispenser .border_box .fbox .txt .dots li span{font-weight:500; color: #008A3C;}
.dispenser .border_box .fbox figure{width: calc(50% - 20px);}
.dispenser .border_box .fbox figure img{}
.dispenser .border_box .fbox .img_list{display:flex; gap:40px}
.dispenser .border_box .fbox .img_list .item{width: 25%; max-width: 108px; text-align: center;}
.dispenser .border_box .fbox .img_list .item figure{width: 100%;}
.dispenser .border_box .fbox .img_list .item p{font-size:15px; color: #404040; margin-top: 20px;}

/* 제품 */
.prod_ctn{}
.prod_ctn .cont{}
.prod_ctn .cont > .box{}
.prod_ctn .cont > .box h4{font-weight:500; font-size:22px; color: #008A3C; letter-spacing:-0.02em; margin-bottom:30px;}
.prod_ctn .cont > .box p{font-weight:300; font-size:18px; line-height: 1.66667em; letter-spacing:-0.02em; color: #404040;}
.prod_ctn .cont > .box .fbox{margin-top: 20px;}
.prod_ctn .cont > .box .fbox .item{text-align: center;}
.prod_ctn .cont > .box .fbox .item figure{}
.prod_ctn .cont > .box .fbox .item h4{font-weight:500; font-size:20px; letter-spacing:-0.02em; color: #404040; margin-top: 10px;}
.prod_ctn .cont > .box .center_img{text-align: center; margin-top:30px;}
.prod_ctn .cont > .box .left_img{margin-top: 20px;}
.prod_ctn .cont > .box .left_img .item{display:inline-block; vertical-align: top; text-align: center;}
.prod_ctn .cont > .box .left_img .item figure{}
.prod_ctn .cont > .box .left_img .item p{font-weight:500; font-size:20px; letter-spacing:-0.02em; color: #404040;}
.prod_ctn .cont > .feature{display:flex; gap:40px; margin: 60px 0;}
.prod_ctn .cont > .feature.m{margin: 30px 0;}
.prod_ctn .cont > .feature .item{width: 50%;}
.prod_ctn .cont > .feature .item h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:15px;}
.prod_ctn .cont > .feature.w100 .item{width: 100%;}
.prod_ctn .cont > .c_list{}
.prod_ctn .cont > .c_list li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #008A3C; padding-left: 10px; margin-bottom:15px;}
.prod_ctn .cont > .c_list li:last-of-type{margin-bottom:0;}
.prod_ctn .cont > .c_list li span{position:absolute; left: 0;}
.prod_ctn .cont > .img_list{display:flex; flex-wrap:wrap; gap:60px 0}
.prod_ctn .cont > .img_list .item{width: 50%;}
.prod_ctn .cont > .img_list .item .txt{}
.prod_ctn .cont > .img_list .item .txt h4{font-weight:500; font-size:22px; color: #008A3C;}
.prod_ctn .cont > .img_list .item .txt p{font-weight:300; font-size:18px; color: #404040; margin-top: 10px;}
.prod_ctn .cont > .img_list .item figure{margin-top: 20px;}
.prod_ctn .cont > .img_list .item ul{margin-top: 20px;}
.prod_ctn .cont > .tab_wrap .tab_ctn{display:none; padding: 40px; border:1px solid #ddd; margin-top: -1px;}
.prod_ctn .cont > .tab_wrap .tab_ctn h4{font-weight:500; font-size:18px; letter-spacing:-0.02em; color: #008A3C; margin-bottom:20px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item{margin-bottom:60px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item > p{font-weight:300; font-size:18px; color: #404040; margin-bottom:20px; line-height: 1.66667em;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item > p.c{color: #008A3C;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item > p.mt{margin-top: 30px; margin-bottom:0px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item:last-of-type{margin-bottom:0;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .top_img{margin-bottom:60px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .top_img.mt{margin-top: 30px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox{gap:60px}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox .top_img{width: 250px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox .box{max-width: 488px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox .box .table_box{margin-top: 30px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .dots.mt{margin-top: 30px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .table_img{display:flex; gap:55px}
.prod_ctn .cont > .tab_wrap .tab_ctn .table_img .table_box{width: calc(100% - 335px); max-width: 782px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .table_img figure{width: 280px;}
.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list{display:flex; gap:30px}
.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list .item{width: calc(50% - 15px); text-align: center;}
.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list .item figure{}
.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list .item p{font-weight:500; font-size:20px; letter-spacing:-0.02em; margin-top: 10px; margin: 0;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .center_img{text-align: center;}
.prod_ctn .cont > .tab_wrap .tab_ctn .item .center_img p{font-weight:500; font-size:20px; letter-spacing:-0.02em; color: #404040;}
.prod_ctn .cont > .table_list{margin-bottom:60px;}
.prod_ctn .cont > .table_list .fbox{gap:20px}
.prod_ctn .cont > .table_list .fbox .item{width: 50%;}
.prod_ctn .cont > .table_list .fbox .item h4{font-weight:500 ;font-size:22px; letter-spacing:-0.02em; color: #008A3C;}
.prod_ctn .cont > .table_list .fbox .item .table_box{margin-top: 49px;}
.prod_ctn .cont > .table_list .fbox .item .txt{margin-bottom:20px;}
.prod_ctn .cont > .table_list .fbox .item .txt p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-top: 10px;}
.prod_ctn .cont > .img_box{}
.prod_ctn .cont > .img_box h4{font-weight:500; font-size:22px; letter-spacing:-0.02em; color: #008A3C;}
.prod_ctn .cont > .img_box p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; margin-top: 10px;}
.prod_ctn .cont > .img_box figure{margin:20px 0;}
.prod_ctn .cont > .img_box .img_list{display:flex; gap:10px}
.prod_ctn .cont > .tab_wrap .tab_ctn .img_list{display:flex; gap:75px}

/* 디스펜스 */
.dispenser_ctn{}
.dispenser_ctn .d_box p{font-weight:500; font-size:22px; line-height: 1.66667em; color: #404040; margin-bottom:30px;}
.dispenser_ctn .d_box .fbox{gap:60px}
.dispenser_ctn .d_box .fbox .inner h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:20px;}
.dispenser_ctn .d_box .box h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:20px;}
.dispenser_ctn .d_box > h4{font-weight:500; font-size:22px; line-height: 1.66667em; color: #008A3C;}
.dispenser_ctn .d_box > ul:not(.dots){margin-top: 30px;}
.dispenser_ctn .d_box > ul:not(.dots) li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #404040; padding-left: 23px; line-height: 1.66667em; margin-bottom:15px;}
.dispenser_ctn .d_box > ul:not(.dots) li span{position:absolute; left: 0; font-weight:500; color: #008A3C; line-height: 1.66667em;}
.dispenser_ctn .d_box > ul:not(.dots) li:last-of-type{margin-bottom:0;}
.dispenser_ctn .d_box .right_img{margin-top: 60px; text-align: right;}
.dispenser_ctn .spec{margin: 60px 0;}
.dispenser_ctn .spec h4{font-weight:500; font-size:22px; color: #008A3C; margin-bottom:20px;}
.dispenser_ctn .spec .fbox{gap:60px}
.dispenser_ctn .tab_ctn .item .txt h4{margin-bottom:15px;}
.dispenser_ctn .tab_ctn .item .txt p{font-weight:300; font-size:18px; line-height: 1.6667em; letter-spacing:-0.02em; color: #404040;}
.dispenser_ctn .tab_ctn .item .top_img.margin{margin: 30px 0 40px;}
.dispenser_ctn .line_tit_box{margin-bottom:60px;}
.dispenser_ctn .line_tit_box:last-of-type{margin-bottom:0;}
.dispenser_ctn .line_tit_box.mt{margin-top: 60px;}
.dispenser_ctn .line_tit_box .fbox{gap:50px}
.dispenser_ctn .line_tit_box .fbox ul{width: calc(100% - 401px);}
.dispenser_ctn .line_tit_box .fbox figure{width: 351px;}

/* 채용 */
.employment .cont .txt h4 { font-weight: 700; font-size: 24px; color: #404040; margin-bottom: 30px; }
.employment .fbox.end,
.employment .img_cont { align-items: flex-end; gap: 0 10px; }
.employment .fbox.end { margin-top: -30px; }
.employment .fbox.end ul { width: 470px; }
.employment .fbox.end ul li { padding-left: 50px; border: 1px solid #ddd; height: 60px; border-radius: 10px; display: flex; align-items: center; gap: 0 60px; color: #595959; font-size: 18px; font-weight: 300; }
.employment .fbox.end ul li:not(:last-child) { margin-bottom: 10px; }
.employment .fbox.end ul li span { font-size: 20px; display: inline-block; width: 68px; font-weight: 700; color: #333; }

@media (max-width: 1650px){
	.txt01 p br{display:none; }
	.greeting .cont .fbox figure{margin-left: 50px;}
	.greeting .cont .fbox ul{width: calc(100% - 350px);}

	.everyside .cont .slide_wrap .r_box .slide_btn div{left: 10px;}
	.everyside .cont .slide_wrap .r_box .slide_btn .next{left: auto;right: 10px;}
	.application .item .txt{flex-wrap:wrap; gap:15px}
	.application .item .txt h4{width: 100%;}
	.application .item .txt p{width: 100%; margin-top: 0;}
	
	.format_code .cont .tab_ctn .fbox .item .txt p br{display:none; }
	.format_code .cont .tab_ctn .fbox .item.r{display:block; }
	.format_code .cont .tab_ctn .fbox .item.r .img{text-align: center; margin-top: 20px;}
	.format_code .cont .tab_ctn .fbox .item.i2 .img{margin-top: 20px; text-align: center;}
	.format_code .cont .tab_ctn .fbox .item .txt h5:not(.line) span{display:block;  margin-left: 0; margin-top: 5px;}
	
	.format_code .cont .tab_ctn .box .border_box .table_box{overflow-x: auto;}
	.format_code .cont .tab_ctn .box .border_box .table_box table{width: 1100px;}
	
	.actuator .tab_ctn .box .img_box .item .style_box{margin-top: 30px;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox{flex-wrap:wrap;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox h5{width: 100%; margin-bottom:40px;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:first-of-type,
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item{width: calc((100% - 162px) / 3);}

	.employment .fbox.end{flex-wrap:wrap; gap:30px}
	.employment .fbox.end ul{width: 100%;}
}

@media (max-width: 1400px){
	.table_box.w1400 table{width: 1400px;}
	.txt01 p br{display:none; }
	.greeting .cont .fbox ul li{padding-left:128px}
	.greeting .cont .fbox ul li span{left: 25px;}

	.left_box{padding-left: 30px;}
	.everyside .cont .fbox{flex-wrap:wrap}
	.everyside .cont .fbox .txt{width: 100%; margin-right: 0; margin-bottom:50px;}
	.everyside .cont .fbox .img{display:inline-block; width: auto;}

	.history .h_list .h_tab{gap:10vw}
	.mechanics .tab_ctn .w50{flex-wrap:wrap; gap:0}
	.mechanics .tab_ctn .w50 .item{width: 100%;}

	.structure .tab_ctn .img_list02{flex-wrap:wrap; gap:20px}
	.structure .tab_ctn .img_list02 figure{width: 100%;}

	.usage .box .fbox{flex-wrap:wrap;}
	.usage .box .fbox .item{width: 100%; border-right: none;}
	.usage .box .fbox .item dl dd .img,
	.usage .box .fbox .item dl dd .img.mt{margin-top: 30px;}

	.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox ul li br{display:none; }
	.dispenser .border_box .fbox{flex-wrap:wrap; padding: 20px;}
	.dispenser .border_box .fbox figure,
	.dispenser .border_box .fbox .txt{width: 100%;}
	.dispenser .box .txt p br{display:none; }

	.prod_ctn .cont > .tab_wrap .tab_ctn .table_img{flex-wrap:wrap}
	.prod_ctn .cont > .tab_wrap .tab_ctn .table_img .table_box{width: 100%;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .table_img figure{order:-1}
}

@media (max-width: 1200px){
	.s_wrap{padding: 80px 0 100px;}
	.mt40{margin-top: 0;}
	.s_wrap .w1650.fbox{flex-wrap:wrap; margin-top: 30px;}
	.sub_side .lnb{display:none; }
	.left_box{padding-left: 0; width: 100%; margin-top: 10px;}
	.sTit01{font-size:25px; margin-bottom:20px;}
	.sTit01.mb50{margin-bottom:20px;}

	.txt01 p{margin-bottom:20px;}

	.sv .fbox{padding-left: 16px;}

	.greeting .cont .m60{margin: 40px 0;}
	.everyside .cont .txt h4{margin-bottom: 20px;}
	.everyside .cont .fbox .txt{ margin-bottom:30px;}
	
	.everyside .cont .slide_wrap .slide_dots li{}
	.everyside .cont .slide_wrap .slide_dots li img{object-fit:contain;min-height: auto;}

	.history .h_list .history_box > ul > li{padding-bottom:50px;}
	.history .h_list .history_box > ul > li > span{display:block; position:static; width: 100%; }
	.history .h_list .history_box > ul > li > ul{padding-left: 20px;}
	.history .h_list .history_box > ul > li > ul > li > span{margin-right: 30px;}

	.structure .tab_ctn .img_list02{flex-wrap:nowrap; gap:60px}
	.structure .tab_ctn .img_list02 figure{width: auto;}

	.format_code .cont .tab_ctn{padding: 20px;}

	.actuator .tab_ctn .box .img_box .item{flex-wrap:wrap;}
	.actuator .tab_ctn .box .img_box .item .txt{width: 100%; padding-right: 0; margin-bottom:30px;}
	.actuator .tab_ctn .box .img_box.w100 .item .txt{margin-bottom:0;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item .border ul li{font-size:16px;}
	
	.prod_ctn .cont > .box p br{display:none; }
	.prod_ctn .cont > .feature{margin: 40px 0; gap:0}
	.prod_ctn .cont > .feature .item{width: calc(50% - 10px); margin-right: 20px;}
	.prod_ctn .cont > .feature .item:last-of-type{margin-right: 0;}
	.prod_ctn .cont > .tab_wrap .tab_ctn{padding: 20px;}
	
	.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox{flex-wrap:wrap; gap:40px}
	.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox .top_img{margin-bottom:0px;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .item .fbox .box{max-width: none; margin-bottom:40px;}
	
	.dispenser_ctn .d_box > ul:not(.dots){margin-top: 20px;}
	.dispenser_ctn .d_box > ul:not(.dots) li{margin-bottom:6px;}
	.dispenser_ctn .line_tit_box.mt{margin-top: 30px;}
	.dispenser_ctn .line_tit_box{margin-bottom:40px;}

	.employment .cont .txt h4{font-size:20px; margin-bottom:10px;}
	.employment .fbox.end{margin-top: 0;}
	.employment .fbox.end ul li{padding-left: 20px;}
}

@media (max-width: 1000px){
	.tab{margin-top: 30px;}
	.tab li{font-size:16px;}
	.mb60{margin-bottom:40px;}
	.sTit01{margin-bottom:12px;}
	.sv .bg{height: 350px;}
	.sv .fbox{flex-wrap:wrap; justify-content:center; text-align: center; padding-left: 0;}
	.sv .fbox .txt{width: 100%; margin-bottom:20px;}
	.sv .fbox .txt h2{font-size:40px; margin: 5px 0 10px;}
	.sv .fbox figure{margin: 0 30px;}
	.table_box.w1000 table{width: 1000px;}
	.dots li br{display:none; }


	.greeting .cont .fbox{flex-wrap:wrap;}
	.greeting .cont .fbox ul{width: 100%; margin-bottom:40px;}
	.greeting .cont .fbox figure{margin-left: auto;}

	.everyside .cont .fbox{flex-wrap:wrap;}
	.everyside .cont .fbox .box{width: 100%;}
	.everyside .cont03 .fbox .box .img{width: auto; display:inline-block; }

	.history .fbox{flex-wrap:wrap}
	.history .fbox .txt{width: 100%; padding-left: 0; margin-top: 30px;}

	.certifications .c_list{gap:20px}
	.certifications .c_list .item{width: calc((100% - 40px) / 3);}
	
	.mechanics .tab_ctn .tab_tit{margin-bottom:30px;}
	.mechanics .tab_ctn .item .img_list{gap:30px}
	.mechanics .tab_ctn .tab_tit p{font-size:18px;}
	.mechanics .tab_ctn .tab_tit p br{display:none; }
	
	.structure .tab_svg svg{height: 100%;}
	.structure .tab_ctn{padding: 20px;}
	.structure .tab_ctn .img_list{gap:10px}
	.structure .tab_ctn .img_list02{flex-wrap:wrap; gap:20px}
	.structure .tab_ctn .img_list02 figure{width: 100%;}
	.structure .tab_ctn .img_list.gap100{flex-wrap:wrap; gap:20px}
	.structure .tab_ctn .img_list.gap100 figure{width: 100%;}

	.application .item{padding: 20px;}
	.application .item .img_list{gap:16px}
	
	.usage .box:first-of-type{margin-top: 40px;}
	.usage .box .fbox{margin-top: 20px;}
	.usage .box .fbox .item{padding: 30px 16px;}
	.usage .box .fbox .item dl dt{ font-size:26px;}
	.usage .box .fbox .item dl dd{padding-left: 10px; margin-top: 5px;}
	.usage .box .fbox .item dl dd .txt h4{font-size:20px;}
	.usage .box .fbox .item dl dd .txt p{font-size:16px; margin-top: 10px;}
	
	.criteria .border_box dl{flex-wrap:wrap;}
	.criteria .border_box dl dt{font-size:26px; width: 100%;}
	.criteria .border_box dl dd{padding-left: 0;  width: 100%;}
	.criteria .border_box dl dd .txt{margin-top: 0;}
	.criteria .border_box dl dd .txt p{margin-top: 10px;}
	.criteria .border_box dl dd ul{margin-top: 20px;}
	.criteria .border_box dl dd ul li{margin-bottom:5px;}
	.criteria .box .txt{padding: 20px;}

	.format_code .cont .tab_ctn h4{font-size:20px; padding: 0 20px; height: 70px;}
	.format_code .cont .tab_ctn .fbox .item{width: 50%;}
	.format_code .cont .tab_ctn .fbox .item:nth-of-type(3n){border-right:1px solid #ddd}
	.format_code .cont .tab_ctn .fbox .item:nth-of-type(2n){border-right: none;}
	.format_code .cont .tab_ctn .fbox .item.i2{width: 100%;}

	.format_code .cont .tab_ctn .box .border_box{padding: 30px 16px;}

	.format_code .cont .tab_ctn02 .border_box{flex-wrap:wrap; gap:30px}
	.format_code .cont .tab_ctn02 .border_box .box{width: 100%;}


	.discharge_amount .tab_ctn{padding: 20px 16px;}
	.discharge_amount .tab_ctn .item{margin-bottom:40px;}
	.discharge_amount .tab_ctn02 .bg_txt .fbox{flex-wrap:wrap;}
	.discharge_amount .tab_ctn02 .bg_txt .fbox .txt{width: 100%; margin-bottom:0px; padding-left: 0;}
	
	.actuator .tab_ctn{padding: 20px 16px;}

	.actuator .tab_ctn .box .img_box .item .txt h5{font-size:20px;}
	.actuator .tab_ctn .box .img_box .item .txt ul{margin-top: 15px;}
	.actuator .tab_ctn .box .img_box .item .txt ul li br{display:none; }
	.actuator .tab_ctn .box .img_box .item .style_box .fbox h5{margin-bottom:60px;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:first-of-type,
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item{width: 100%; margin-right: 0; margin-bottom:80px;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item:last-of-type{margin-bottom:0;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item::after{transform:translateX(-50%) rotate(90deg); top: auto; right: auto; bottom: -41px; left: 50%;}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item::before{top: auto; bottom: -69px; left: 60%; transform:translateX(-50%);}
	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item p{text-align: left;}
	
	.actuator .tab_ctn02 .box{margin-bottom:30px;}
	.actuator .tab_ctn02 .box .bg_box{flex-wrap:wrap; padding: 20px;}
	.actuator .tab_ctn02 .box .bg_box figure{width: 100%; text-align: center; margin-bottom:20px;}
	.actuator .tab_ctn02 .box .bg_box p{margin: 0; width: 100%; margin-bottom:20px; text-align: center;}
	.actuator .tab_ctn02 .box .bg_box ul{max-width: none;}
	.actuator .tab_ctn02 .box .bg_box ul li{width: 50%; text-align: center;}
	.actuator .tab_ctn02 .box .bg_box02{align-items:flex-start}
	.actuator .tab_ctn02 .box .bg_box02 ul{display:flex; width: 100%;}
	.actuator .tab_ctn02 .sec .img_box{flex-wrap:wrap; gap:30px; padding: 20px;}
	.actuator .tab_ctn02 .sec .img_box div{width: calc(50% - 15px); text-align: center;}

	.performance .cont .tab_ctn{padding: 20px 16px;}
	.performance .cont .tab_ctn .box {margin-bottom:40px;}
	.performance .cont .tab_ctn .box .img_box{flex-wrap:wrap;}
	.performance .cont .tab_ctn .box .img_box p{padding-left: 0; width: 100%; margin-top: 20px;}
	.performance .cont .tab_ctn .box > ul{margin-top: 20px;}

	.sealing_code .cont .box{margin-bottom:40px;}

	.inquiry .img{padding: 30px 16px;}
	
	.mono_all .prod_list.i4 .item,
	.mono_all .prod_list .item{width: calc(50% - 10px);}
	.prod_ctn .cont > .tab_wrap .tab_ctn .item{margin-bottom:40px;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .item .top_img{margin-bottom:40px;}
	.prod_ctn .cont > .table_list{margin-bottom:40px;}
	.prod_ctn .cont > .table_list .fbox{flex-wrap:wrap; gap:40px}
	.prod_ctn .cont > .table_list .fbox .item{width: 100%;}
	.prod_ctn .cont > .table_list .fbox .item .table_box{margin-top: 20px;}
	.prod_ctn .cont > .box h4{margin-bottom:10px;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list{flex-wrap:wrap; margin-bottom:40px;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .top_img_list .item{width: 100%; margin-bottom:0px;}
	.dispenser_ctn .spec .fbox{gap:15px; flex-wrap:wrap;}
	.dispenser_ctn .spec .fbox ul{width: 100%;}
	.dispenser_ctn .tab_ctn .item .txt p br{display:none; }
	.dispenser_ctn .spec{margin: 40px 0;}
	.dispenser_ctn .d_box .right_img{margin-top: 40px;}
	.dispenser_ctn .d_box > ul:not(.dots){margin-top: 10px;}
	.dispenser_ctn .line_tit_box .fbox{flex-wrap:wrap; gap:30px}
	.dispenser_ctn .line_tit_box .fbox ul{order:3; width: 100%;}
	.line_tit .sTxt{display:block;margin-left: 0; font-size:19px;}
}	

@media (max-width: 800px){
	.sTit01 span{display:block; margin-left: 0; font-size:20px;}

	.bg_ctn.p40{padding: 30px 16px;}
	.bg_ctn.p30{padding: 30px 16px;}

	.greeting .cont .m60{margin: 30px 0;}
	.greeting .cont .fbox ul li{padding: 20px 20px 20px 118px; margin-bottom:20px;}
	.greeting .cont .fbox ul li span{top: 19px; left: 20px;}

	.everyside .cont .slide_wrap .slide_ctn .item{gap:20px}
	.everyside .cont .slide_wrap .slide_ctn .item .box{width: calc(50% - 10px);}
	.everyside .cont .slide_wrap .slide_ctn .item p{font-size:17px;}
	.everyside .cont .slide_wrap .slide_dots{margin-bottom:15px;}

	.history .h_list .h_tab{gap:10vw}
	.history .h_list .history_box > ul::before{display:none; }
	.history .h_list .history_box > ul > li > ul > li{flex-wrap:wrap;}
	.history .h_list .history_box > ul > li > ul > li > span{width: 100%; margin-bottom:10px;}
	.history .h_list .history_box > ul > li > ul > li > ul{width: 100%;}
	.history .h_list .history_box > ul > li > ul > li > ul > li{flex-wrap:wrap; width: auto;}
	.history .h_list .history_box > ul > li > ul > li > ul > li > span{width: 100%; padding-left: 0; margin-top: 14px;}

	.certifications .c_list .item{width: calc((100% - 20px) / 2);}

	.location .fbox{flex-wrap:wrap}
	.location .fbox .txt{width: 100%; margin-bottom:30px;}
	.location .fbox .txt h4{margin-bottom:15px;}
	.location .fbox .txt p br{display:none; }
	.location .fbox .txt dl{margin: 20px 0 10px;}
	.location .fbox .txt dl dt{margin-bottom:10px;}
	.location .fbox .map_box{width: 100%; height: 300px;}
	
	.mechanics .tab_ctn{padding: 30px 16px;}
	.mechanics .tab_ctn .item .img_list{flex-wrap:wrap; gap:20px}
	.mechanics .tab_ctn .item .img_list .box{width: calc(50% - 10px); text-align: center;}
	.mechanics .tab_ctn .item03 .img_list .box{width: 100%;}
	.mechanics .tab_ctn .item03 .img_list .box:last-of-type{width: 100%; margin-top: 20px;}

	.structure .tab_ctn .txt p br{display:none; }
	
	.features .tab_ctn .top_box{text-align: center; padding: 30px;}
	.features .tab_ctn .top_box p span{position:static; transform:translate(0); display:block; margin-top: 8px;}
	
	.application .item .txt{gap:0}
	.application .item .txt h4{font-size:20px; margin-bottom:10px;}
	.application .item .txt p{margin-bottom:5px;}
	.application .item .txt p:last-of-type{margin-bottom:0;}
	
	.format_code .cont .tab_ctn h4{display:flex; align-items:center; justify-content:center; height: 60px; line-height: 1.3; text-align: center;}
	.format_code .cont .tab_ctn{padding: 16px;}
	.format_code .cont .tab_ctn .fbox .w100{padding-left: 16px;}
	.format_code .cont .tab_ctn .fbox .line{font-size:22px;}
	.format_code .cont .tab_ctn .fbox .item{padding: 16px;}
	.format_code .cont .tab_ctn .fbox .item .txt h5{font-size:20px;}
	.format_code .cont .tab_ctn .fbox .item .txt h5 span{font-size:18px;}
	.format_code .cont .tab_ctn .fbox .item .txt .line{margin-bottom:16px;}
	.format_code .cont .tab_ctn .fbox .item .txt .line span{font-size:22px;}

	.discharge_amount .tab_ctn .item .fbox{flex-wrap:wrap;}
	.discharge_amount .tab_ctn .item .fbox .item{width: 100%;}
	.discharge_amount .tab_ctn .bg_txt p,
	.discharge_amount .tab_ctn02 .bg_txt p{font-size:18px;}

	.discharge_amount .tab_ctn02 > .fbox{flex-wrap:wrap; gap:0}
	.discharge_amount .tab_ctn02 > .fbox .item{width: 100%;}

	.mono_all .prod_list.i4 .item, .mono_all .prod_list .item{padding: 20px;}
	

	.prod_ctn .cont > .box .fbox{flex-wrap:wrap;}
	.prod_ctn .cont > .box .fbox .item{width: 100%; margin-bottom:40px;}
	.prod_ctn .cont > .box .fbox .item:last-of-type{margin-bottom:0;}
	.prod_ctn .cont > .feature{flex-wrap:wrap}
	.prod_ctn .cont > .feature .item{width: 100%; margin-bottom:40px;}
	.prod_ctn .cont > .feature .item:last-of-type{margin-bottom:0;}
	.prod_ctn .cont > .img_list{gap:30px}
	.prod_ctn .cont > .img_list .item{width: 100%;}
	.prod_ctn .cont > .tab_wrap .tab_ctn .img_list{gap:20px}

	.dispenser .border_box .fbox .img_list .item{max-width: none;}
	.dispenser .box .fbox{flex-wrap:wrap; gap:30px}
	.dispenser .box .fbox figure{width: 100%; text-align: center;}
	.dispenser .box .fbox .item{width: 100%;}

}

@media (max-width: 600px){
	.history .h_list .h_tab{gap:20px}

	.mechanics .tab_ctn .item06 .img_list{gap:20px; flex-wrap:wrap;}
	.mechanics .tab_ctn .item06 .img_list .box{width: 100%;}
	
	.application .item .img_list{flex-wrap:wrap;}
	.application .item .img_list figure{width: calc(50% - 8px)}

	.format_code .cont .tab_ctn .box{margin-bottom:30px;}

	.tab.w100 li{padding: 0;}

	.actuator .tab_ctn .box .img_box .item .style_box .fbox .box_item::before{left: 65%;}

	.sealing_code .cont .box .box_list > .fbox{gap:25px}
	.sealing_code .cont .box .box_list > .fbox > .item > h5{font-size:15px;}

	.dispenser .border_box .fbox .img_list{flex-wrap:wrap; gap:20px}
	.dispenser .border_box .fbox .img_list .item{max-width: none; width: calc(50% - 10px);}
}