@charset "utf-8";
@font-face {
    font-family: 'Cafe24Dangdanghae';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sub-content {overflow: hidden;}

/* ===================================================== */
/* 콘텐츠 공통 */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */


/* ===================================================== */
/* 기업정보 */
.company .video-wrap {border-radius: 80px; overflow: hidden; width: calc(100% - 120px); margin: 0 auto; max-height: 580px;}
.company .video-box {width: 100%; height: 100%; padding-top: 45.35%; position: relative;}
.company #esolutions_video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;} 
.company .video-play-btn {display: block; content: ''; width: 120px; height: 120px; background: url(../images/main/ico_play.png) no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1;}
.company .video-wrap.on .video-play-btn {display: none;}

.company .txt-box {text-align: center; color: #222;}
.company .txt-box .tit {display: inline-block; font-size: 6rem; font-weight: 900; padding: 65px 120px 45px; position: relative;}
.company .txt-box .tit::before {display: block; content: ''; width: 70px; height: 53px; background: url(../images/sub/company_tit_dot.png) no-repeat center / contain; position: absolute; bottom: 0; right: 0; transform: rotate(180deg);}
.company .txt-box .tit::after {display: block; content: ''; width: 70px; height: 53px; background: url(../images/sub/company_tit_dot.png) no-repeat center / contain; position: absolute; top: 0; left: 0;}
.company .txt-box .tit .col1 {display: inline-block; font-size: 0; width: 320px; height: 62px; background: url(../images/sub/esol_logo.png) no-repeat center / contain; vertical-align: bottom;}
.company .txt-box .sub-tit {padding-top: 18rem; font-size: 5.6rem; line-height: 1.3; font-weight: 800; background: url(../images/sub/company_tit.png) no-repeat center 30px;}
.company .txt-box .sub-tit span {position: relative;}
.company .txt-box .sub-tit .col1 {border-bottom: 3.5px solid #004bbc;}
.company .txt-box .sub-tit .col2 {border-bottom: 3.5px solid #2ac4f4;}
/* .company .txt-box .sub-tit .col1::after {display: block; content: ''; width: 100%; height: 8px; background: url(../images/common/ico_allmenu-depth1-01.png) repeat-x center / contain; position: absolute; bottom: -17px; left: 0;} */
/* .company .txt-box .sub-tit .col2::after {display: block; content: ''; width: 100%; height: 8px; background: url(../images/common/ico_allmenu-depth1-03.png) repeat-x center; position: absolute; bottom: -17px; left: 0;} */
.company .txt-box .txt-desc {font-size: 24px; font-weight: 500; color: #666; margin-top: 6rem; line-height: 1.8;}
.company .txt-box .txt-desc span {font-weight: 700;}
.company .txt-box .txt-desc span.b {color: #222;}

.company .company-info {background: url(../images/sub/company_bg.png) no-repeat center top / cover; padding: 32rem 0 24rem; margin-top: 6rem;}
.company .company-info .inner {display: flex; justify-content: space-between;}
.company .company-item {flex: 1; padding: 20px; border-radius: 30px; background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center;}
.company .company-item+.company-item {margin-left: 3rem;}
.company .company-item p {font-size: 18px; color: #484848; font-weight: 600; text-align: center; line-height: 1.2; padding-top: 75px; background: url(../images/sub/ico_company01.png) no-repeat center top;}
.company .company-item span {display: block; font-size: 20px; font-weight: 700;}
.company .company-item.nth-2 p {background-image: url(../images/sub/ico_company02.png);}
.company .company-item.nth-3 p {background-image: url(../images/sub/ico_company03.png);}
.company .company-item.nth-4 p {background-image: url(../images/sub/ico_company04.png);}
.company .company-item.nth-5 p {background-image: url(../images/sub/ico_company05.png);}
.company .company-item.nth-6 p {background-image: url(../images/sub/ico_company06.png);}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
    .company .txt-box .tit {font-size: 5rem;}
    .company .txt-box .sub-tit {font-size: 4.5rem;}

    .company .company-info .inner {flex-wrap: wrap;}
    .company .company-item {min-width: 30%; margin-bottom: 20px;}
    .company .company-item:nth-of-type(4) {margin-left: 0;}
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
    .company .video-wrap {width: 100%;}
    .company .txt-box .tit {padding: 65px 60px 45px;}
    .company .txt-box .txt-desc {font-size: 20px;}
    .company .txt-box .txt-desc br {display: none;}
    .company .company-item p {font-size: 16px;}
    .company .company-item span {font-size: 18px;}
    .company .txt-box .tit .col1 {width: 250px; height: 50px;}

}
@media (max-width: 768px){
    .company .video-wrap {border-radius: 40px;}
    .company .video-play-btn {width: 80px; height: 80px;}
    .company .company-item {min-width: 40%;}
    .company .company-item:nth-of-type(4) {margin-left: 3rem;}
    .company .company-item:nth-of-type(odd) {margin-left: 0;}
}
@media (max-width: 640px){
    .company .video-wrap {border-radius: 20px;}
    .company .txt-box .tit {padding: 65px 30px 45px; font-size: 4rem;}
    .company .txt-box .tit::before,
    .company .txt-box .tit::after {width: 40px;}
    .company .txt-box .sub-tit {font-size: 3.2rem;}
    .company .txt-box .sub-tit .col1::after,
    .company .txt-box .sub-tit .col2::after {bottom: -10px;}
    .company .txt-box .txt-desc {font-size: 18px;}
    .company .company-info {margin-top: 0;}
    .company .txt-box .tit .col1 {width: 200px; height: 45px;}
}
@media (max-width: 480px){
    .company .txt-box .tit {padding: 65px 10px 45px; font-size: 3.2rem;}
    .company .txt-box .sub-tit {background-position-y: 10px; font-size: 2.8rem;}
    .company .company-item {min-width: 100%; margin-left: 0;}
    .company .company-item+.company-item {margin-left: 0;}
    .company .txt-box .tit .col1 {width: 150px; height: 30px;}
}
/* 기업정보 */
/* ===================================================== */


/* ===================================================== */
/* 연혁 */
.history-item {position: relative;}
.history-item::before {display: block; z-index: -1; content: ''; width: 468px; height: 367px; background: url(../images/main/bg-deco.png) no-repeat center / contain; position: absolute; top: -140px; right: -124px;}
.history-item:nth-of-type(even):before {right: auto; left: -124px; transform: rotateY(180deg);}

.history-item .inner {display: flex; z-index: 1;}
.history-item:nth-of-type(even) .history-info {padding-left: 10rem; order: 2;}
.history-item:nth-of-type(even) .video-wrap {order: 1;}
.history-item:nth-of-type(odd) .video-wrap {padding-left: 10rem;}

.history-item .history-info {width: 50%;}
.history-item .tit span {display: inline-block; padding: 0 10px; font-size: 5rem; font-weight: 800; color: var(--color-main); letter-spacing: -0.02em; position: relative;}
/* .history-item .tit span::after {display: block; content: ''; width: 100%; height: 14px; background: url(../images/common/ico_allmenu-depth1-01.png) repeat-x left / auto 100%; position: absolute; bottom: 0; left: 0;} */
.history-item .list {margin-top: 6.5rem;}
.history-item .item {display: flex; min-height: 150px;}
.history-item .item .suc-tit {font-size: 3.2rem; font-weight: 800; color: #222; letter-spacing: -0.02em; width: 160px; padding-left: 14px; position: relative;}
.history-item .item .suc-tit::after {display: block; content: ''; width: 1px; height: calc(100% - 60px); background: #ccc; position: absolute; left: 65px; top: 50px;}
.history-item .item:last-child .suc-tit::after {display: none;}
.history-item .item .txt-desc {margin-top: 5px; padding-bottom: 100px;}
.history-item .item .txt-desc span {display: block; font-size: 20px; font-weight: 500; color: #666; letter-spacing: -0.02em;}
.history-item .item .txt-desc span+span {margin-top: 10px;}

.history-item .video-wrap {width: 50%; position: relative; mask-image: url(../images/main/video-mask.svg); mask-repeat: no-repeat; background: url(../images/sub/history_img01.png) no-repeat center top / 100% auto;}
.history-item:nth-of-type(even) .video-wrap {mask-image: url(../images/main/video-mask02.svg); mask-position: right top; background-image: url(../images/sub/history_img02.png);}
.history-item .video-box {position: absolute; top: 40px; left: 10rem; width: 140%; mask-image: url(../images/main/video-mask.svg); mask-repeat: no-repeat; display: none;}
.history-item:nth-of-type(even) .video-box {left: auto; right: 10rem; mask-image: url(../images/main/video-mask02.svg); mask-position: right top; display: none;}
.history-item video {transform: scale(1.2);}

.history-item .video-play-btn {display: block; content: ''; width: 120px; height: 120px; background: url(../images/main/ico_play.png) no-repeat center; position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1;}
.history-item:nth-of-type(even) .video-play-btn {left: 65%;}
.history-item .video-wrap.on .video-play-btn {display: none;}
.history-item .video-wrap.on:hover .video-play-btn {display: block; background-image: url(../images/main/ico_pause.png);}
.history-item .video-wrap.on .video-box::after {display: none;}

@media (max-width: 1620px){
    .history-item .video-box {left: 0;}
    .history-item:nth-of-type(even) .video-box {right: 0;}
}
@media (max-width: 1280px){
    .history-item:nth-of-type(even) .history-info {padding-left: 2rem;}
    .history-item .tit span {font-size: 4rem;}
    .history-item .tit span::after {height: 10px;}
    .history-item .item {min-height: 150px;}
    .history-item .item .suc-tit {width: 130px; font-size: 2.8rem;}
    .history-item .item .suc-tit::after {left: 50px; top: 45px;}
    .history-item .item .txt-desc {padding-bottom: 100px; margin-top: 4px;}
    .history-item .item .txt-desc span {font-size: 18px;}
    .history-item .item .txt-desc span+span {margin-top: 5px;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
    .history-item:last-child {margin-bottom: 150px;}
    .history-item .inner {display: block;}
    .history-item .tit {text-align: center;}
    .history-item .tit span::after {height: 8px;}
    .history-item .history-info {width: 100%;}
    .history-item:nth-of-type(even) .history-info {padding: 0;}
    .history-item .item {min-height: 80px;}
    .history-item .item:last-child {min-height: 1px;}
    .history-item .item:last-child .txt-desc {padding-bottom: 50px;}
    .history-item .video-wrap {width: 100%; margin-bottom: 50px;}
    .history-item:nth-of-type(odd) .video-wrap {padding: 0;}
    .history-item:last-child .video-wrap {display: none;}
    .history-item .video-box {position: static;}
    .history-item .video-play-btn {left: 45%;}
}
@media (max-width: 640px){
    .history-item .list {margin-top: 4.5rem;}
    .history-item .tit span {font-size: 3rem;}
    .history-item .item .suc-tit {font-size: 18px;}
    .history-item .item .txt-desc {padding-bottom: 20px; margin-top: 0;}
    .history-item .item .txt-desc span {font-size: 16px;}
    .history-item .video-wrap {top: 0;}
}
@media (max-width: 480px){
    .history-item .item {display: block; text-align: center;}
    .history-item .item .suc-tit {padding: 0; margin: 0 auto 5px;}
    .history-item .video-play-btn {width: 80px; height: 80px; background-size: contain;}
}
/* 연혁 */
/* ===================================================== */


/* ===================================================== */
/* 오시는 길 */
.map-wrap {padding-bottom: 25rem;}
.map-wrap .map {border-radius: 50px; overflow: hidden;}
.map-wrap .map iframe {min-height: 620px;}

.map-wrap .map-info {margin-top: 30px;}
.map-wrap .item {display: inline-flex; align-items: flex-end; padding: 55px 45px; margin-right: 80px;}
.map-wrap .add {width: 100%; border-bottom: 1px solid #efefef; margin-right: 0;}
.map-wrap .item .tit {font-size: 22px; font-weight: 800; color: #101010; letter-spacing: -0.02em; padding-left: 40px; margin-right: 20px; background: url(../images/sub/ico_map01.png) no-repeat left center;}
.map-wrap .item.tel .tit {background-image: url(../images/sub/ico_map02.png);}
.map-wrap .item.fax .tit {background-image: url(../images/sub/ico_map03.png);}
.map-wrap .item.email .tit {background-image: url(../images/sub/ico_map04.png);}
.map-wrap .item .txt {font-size: 20px; font-weight: 500; color: #666; letter-spacing: -0.02em;}

.map-wrap .add .link {margin-left: 30px; display: flex;}
.map-wrap .add .link-item+.link-item {margin-left: 15px;}
.map-wrap .add .link-item a {display: block; width: 32px; height: 32px; border-radius: 5px;}
.map-wrap .add .link-item.nth-1 a {background: #000 url(../images/sub/ico_map05.png) no-repeat center;}
.map-wrap .add .link-item.nth-2 a {background: url(../images/sub/ico_map06.png) no-repeat left bottom / contain; border-radius: 0;}
.map-wrap .add .link-item.nth-3 a {background: url(../images/sub/ico_map07.png) no-repeat center;}
.map-wrap .add .link-item.nth-4 a {background: url(../images/sub/ico_map08.png) no-repeat center;}
.map-wrap .add .link-item.nth-5 a {background: url(../images/sub/ico_map09.png) no-repeat center;}

@media (max-width: 1440px){
    .map-wrap .map iframe {min-height: 600px;}
    .map-wrap .item {margin-right: 40px;}
}
@media (max-width: 1280px){
    .map-wrap .map iframe {min-height: 500px;}
    .map-wrap .item {margin-right: 0; padding: 20px;}
}
@media (max-width: 1024px){
    .map-wrap .map {border-radius: 30px;}
    .map-wrap .map iframe {min-height: 400px;}
    .map-wrap .item {display: inline-block; padding: 30px 20px;}
    .map-wrap .item .tit {margin-bottom: 5px; margin-right: 0; padding-left: 30px;}
    .map-wrap .item .txt {padding-left: 30px;}
    .map-wrap .add .link {margin-top: 10px; justify-content: flex-end;}
}
@media (max-width: 768px){
    .map-wrap .map iframe {min-height: 350px;}
    .map-wrap .item {padding: 20px 10px;}
    .map-wrap .item .tit {font-size: 20px;}
    .map-wrap .item .txt {font-size: 18px;}
}
@media (max-width: 640px){
    .map-wrap .item {display: inline-flex;}
    .map-wrap .item .tit {margin-bottom: 0;}
    .map-wrap .item .txt {padding-left: 10px;}
    .map-wrap .item.add {display: inline-block;}
    .map-wrap .item.add .tit {margin-bottom: 5px;}
    .map-wrap .item.add .txt {padding-left: 30px;}
}
@media (max-width: 480px){
    .map-wrap .map iframe {min-height: 300px;}
    .map-wrap .item .tit {font-size: 18px;}
    .map-wrap .item .txt {font-size: 16px;}
}
/* 오시는 길 */
/* ===================================================== */









/* Chapter 2. 제품 공통 */
.txt-blue {color: #005aab; font-weight: 700; vertical-align: baseline;}

.sub-tab_ul {margin-bottom: 8rem; display: flex; justify-content: center; letter-spacing: -0.02em;}
.sub-tab_ul li {cursor: pointer; margin: 0 1.5rem; background-color: #424242; border-radius: 9999px; text-align: center;}
.sub-tab_ul li.on, .sub-tab_ul li:hover, .sub-tab_ul li.active {background-color: #005aab;}
.sub-tab_ul li a {padding: 1.6rem 3.6rem; font-size: 2.2rem; font-weight: 700; color: #fff; line-height: 1;}
.sub-tab_ul li br {display: none;}



.cont-video {padding: 10rem 0; background-color: #eaf6f8;}
.cont-video .video-box {margin: auto; max-width: 90rem; max-height: 50rem; min-width: 300px; display: flex; align-items: center; justify-content: center; border-radius: 2rem; overflow: hidden;}

.cont-img {padding: 10rem 0; background-color: #eaf6f8;}
.cont-img .slide-img-wrap {display: flex; width: 70rem; margin: auto;}
.cont-img .img-slider {width: 70rem; position: relative;}
.cont-img .img-slider .slick-slide {display: flex; align-items: center; justify-content: center;}
.cont-img .img-slider .slick-slide img {border-radius: 15px;}
.cont-img .slick-dots {margin-top: 5rem; display: flex; justify-content: center;}
.cont-img .slick-dots li {margin: 0 1.5rem; width: 12rem; height: 12rem; overflow: hidden; border-radius: 10px; display: flex; justify-content: center; align-items: center; background-color: #fff;}
.cont-img .slick-dots li button {width: 12rem; height: 12rem; overflow: hidden;}
.cont-img .slick-dots li img {width: 100%; height: 100%; object-fit: cover;}
.cont-img .slick-dots .slick-active {border: 4px solid #005aab;}
.cont-img .slick-prev {position: absolute; top: 35%; left: -200px; transform: translateY(-50%); font-size: 0; background: url('../images/sub/arrow_prev.png') no-repeat center / contain; width: 4rem; height: 6.7rem;}
.cont-img .slick-next {position: absolute; top: 35%; right: -200px; transform: translateY(-50%); font-size: 0; background: url('../images/sub/arrow_next.png') no-repeat center / contain; width: 4rem; height: 6.7rem;}
.cont-img .img-cen {display: flex; justify-content: center; align-items: center;}

.cont-tit {margin-top: 10rem; text-align: center;}
.cont-tit h5 {margin-bottom: 3rem; font-size: 5rem; font-weight: 900; color: #005aab; line-height: 1.4;}
.cont-tit h5 span {display: inline-flex; flex-wrap: wrap; align-items: baseline;}
.cont-tit h5 span img {width: 200px; height: 45px;}
.cont-tit h5 em {font-family: 'Cafe24Dangdanghae';}
.cont-tit h5 span.stoms img {height: 32px;}
.cont-tit p {font-size: 1.8rem; font-weight: 500; color: #484848; line-height: 1.4;}
.cont-tit p .txt-line {font-weight: 700; color: #222222; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 55%, #eaf6f8 0%); vertical-align: calc(); padding: 0 0.6rem 0.2rem 0.6rem;}

.cont-summary {margin-top: 7rem; margin-bottom: 15rem;}
.cont-summary .summary-box {margin-bottom: 5rem; display: flex; background-color: #fafafa; border: 1px solid #dadada; border-radius: 2rem;}
.cont-summary .summary-box:last-child {margin-bottom: 0;}
.cont-summary .summary-box .tit {width: 30rem; display: flex; justify-content: center; align-items: center;}
.cont-summary .summary-box .tit p {font-size: 2.6rem; font-weight: 700; line-height: 1.4; color: #222; text-align: center;}
.cont-summary .summary-box .summary-txt_box {width: calc(100% - 30rem); margin: 4.5rem 4.5rem 4.5rem 0;}
.cont-summary .summary-box .summary-txt_box li, .cont-box .inner-box .inner-item .inner-txt li, .sub_3-1 .cont-last .txt-wrap .ww-box ul li {margin-bottom: 2rem; padding-left: 25px; font-size: 1.8rem; color: #484848; line-height: 1.3; font-weight: 500; position: relative;}
.cont-summary .summary-box .summary-txt_box li:last-child, .cont-box .inner-box .inner-item .inner-txt li:last-child, .sub_3-1 .cont-last .txt-wrap .ww-box ul li:last-child {margin-bottom: 0;}
.cont-summary .summary-box .summary-txt_box li small {font-size: 1.6rem; color: #666;}
.cont-summary .summary-box .summary-txt_box li::before, .cont-box .inner-box .inner-item .inner-txt li::before, .sub_3-1 .cont-last .txt-wrap .ww-box ul li:before {content: ''; position: absolute; left: 0; top: 0.4rem; width: 1.5rem; height: 1.2rem; background: url('../images/sub/li-icon.png') no-repeat center / contain;}

.cont-system {padding: 0 0 10rem; background-color: #eaf6f8;}
.cont-system p.system-tit {font-size: 4.5rem; color: #222; line-height: 1; font-weight: 700; text-align: center;} 
.cont-system .system-ul {margin: 8rem 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem;}
.cont-system .system-ul li {padding: 5rem 3rem; max-width: 320px; text-align: center; background-color: #fff; border-radius: 3rem; display: flex; flex-direction: column; align-items: center; position: relative;}
.cont-system .system-ul li.li-fake {background: none;}
.cont-system .system-ul li .tit {margin-bottom: 1rem; font-size: 2.2rem; font-weight: 700; color: #222;}
.cont-system .system-ul li .txt-box p {font-size: 1.7rem; color: #666; font-weight: 500; line-height: 1.3;}
.cont-system .system-ul li .img-box {margin: 3rem 0; height: 7rem; display: flex; justify-content: center; align-items: center;}
.cont-system .system-ul li .txt-absol {position: absolute; bottom: 15px; right: 5%; width: 90%;} 

.watia-t_top {text-align: center; margin-bottom: 5rem; background: #fafafa; border: 1px solid #dadada; border-radius: 2rem; padding: 4.5rem;}
.watia-t_top p {font-size: 1.8rem; font-weight: 500; color: #484848; line-height: 1.3;}

#content-s-toms .cont-system,
#content-s-incu .cont-system {padding: 10rem 0;}

.cont-summary.watia-a_top {margin: 0 var(--inner-padding) 5rem;}

@media (max-width: 1440px){
    .watia-t_top {padding: 2.5rem 2rem;}
}

@media (max-width: 1440px){
    .cont-system .system-ul li {padding-bottom: 7rem;}
}
@media (max-width: 1280px){
    .cont-summary .summary-box .tit {width: 28rem;}
    .cont-summary .summary-box .summary-txt_box {width: calc(100% - 28rem);}
    .cont-img .slick-prev {left: -130px;}
    .cont-img .slick-next {right: -130px;}

    
    .sub-tab_ul.ul_long {display: flex; flex-direction: column;}
    .sub-tab_ul.ul_long li:last-child {margin-top: 1rem;}
}
@media (max-width: 1024px){

    .cont-summary .summary-box .tit p br {display: none;}
    .cont-summary .summary-box {flex-direction: column;}
    .cont-summary .summary-box .tit {width: 100%; text-align: center; margin-top: 5rem;}
    .cont-summary .summary-box .summary-txt_box {width: 100%; margin: 0; padding: 4rem;}
    .cont-system .system-ul {grid-template-columns: repeat(3, 1fr); gap: 3rem;}

    .cont-img .slide-img-wrap {width: 50rem;}
    .cont-img .img-slider {width: 50rem;}
    .cont-img .slick-prev {left: -100px; width: 3rem;}
    .cont-img .slick-next {right: -100px; width: 3rem;}

}
@media (max-width: 960px){
    .sub-tab_ul {flex-direction: column; width: 55%; margin-left: auto; margin-right: auto;}
    .sub-tab_ul li:last-child {margin-top: 1rem;}
    .sub-tab_ul li {text-align: center; }

    .sub-tab_ul.ul_long {width: 100%;}
}

@media (max-width: 768px){
    .cont-system .system-ul {margin: 8rem 0; display: block; grid-template-columns: initial; gap: initial;}
    .cont-system .system-ul li {margin-bottom: 3rem; padding: 2rem 5rem; max-width: initial; background-color: #fff; border-radius: 3rem; display: flex; flex-direction: row; align-items: center; position: relative; text-align: left;}
    .cont-system .system-ul li .inner-txt_box {margin-left: 5rem;}
    .cont-system .system-ul li .tit {margin-bottom: 1rem; font-size: 2.5rem; line-height: 1;}
    .cont-system .system-ul li .txt-box p {font-size: 2rem; line-height: 1.3; margin-bottom: 0.5rem; position: relative; padding-left: 0;}
    .cont-system .system-ul li .txt-box p:last-child {margin-bottom: 0;}
    .cont-system .system-ul li .txt-box p::before {content: ''; position: absolute; left: 0; top: 5px; width: 1.5rem; height: 1.2rem; background: url('../images/sub/li-icon.jpg') no-repeat center / contain;}
    .cont-system .system-ul li .img-box {margin: 2rem 0; width: 6rem; display: flex; justify-content: center; align-items: center;}
    .cont-system .system-ul li .img-box img {max-height: 5rem;}
    .cont-system .system-ul li.li-ab .txt-box p:last-child {margin-bottom: 2.5rem;}
    .cont-tit p br {display: none;}
    .cont-tit p {width: 80%; margin: auto;}
    .sub-tab_ul li a {padding: 1.4rem 3rem; font-size: 2.2rem;}

    .cont-summary .summary-box .tit p {font-size: 3.3rem;}
    .cont-summary .summary-box .summary-txt_box li, .cont-box .inner-box .inner-item .inner-txt li, .sub_3-1 .cont-last .txt-wrap .ww-box ul li {font-size: 2rem; line-height: 1.5;}
    .cont-summary .summary-box .summary-txt_box li small {font-size: 1.8rem;}
    .cont-tit p {font-size: 2.2rem;}

    .cont-img .slide-img-wrap {width: 45rem;}
    .cont-img .img-slider {width: 45rem;}
    .cont-img .slick-prev {left: -70px; width: 3rem;}
    .cont-img .slick-next {right: -70px; width: 3rem;}
    .cont-img .img-slider .slick-slide img {border-radius: 20px;}
    .cont-img .slick-dots li {width: 10rem;  height: 10rem;}
    .cont-img .slick-dots li button {width: 10rem; height: 10rem;}
    .sub-tab_ul_4depth li a {font-size: 2rem;}
    .sub-tab_ul_4depth {margin-bottom: 5rem;}

    .cont-tit h5 {width: 80%; font-size: 4rem; margin-left: auto; margin-right: auto;}
    .cont-tit h5 span img {width: 120px; height: 26px;}
    .cont-tit h5 span.stoms img {height:20px;}
    .sub-tab_ul {width: 65%;}

    .cont-system .system-ul li .txt-absol {position: absolute; bottom: 15px; right: 10px; width: 90%; text-align: right;} 
    .cont-system .system-ul li {padding-bottom: 5rem;}


}
@media (max-width: 576px){
    .cont-video, .cont-img {padding: 5rem 0;}
    .cont-tit {margin-top: 5rem;}
    .cont-summary {margin-top: 7rem; margin-bottom: 10rem;}
    .cont-system {padding: 8rem 0;}
    .cont-system .system-ul {margin: 5rem 0;}
    .cont-system .system-ul li .tit {font-size: 2rem;}
    .cont-system .system-ul li .txt-box p {font-size: 1.8rem;}
    .cont-system .system-ul li .txt-absol {font-size: 1.5rem;}

    .cont-img .slide-img-wrap {width: 40rem;}
    .cont-img .img-slider {width: 40rem;}
    .cont-img .slick-prev {left: -60px; width: 3rem;}
    .cont-img .slick-next {right: -60px; width: 3rem;}
    .cont-img .img-slider .slick-slide img {border-radius: 15px;}
    .cont-img .slick-dots li {width: 8rem;  height: 8rem; border-radius: 5px; margin: 0 1rem;}
    .cont-img .slick-dots li button {width: 8rem; height: 8rem;}
    .sub-tab_ul {width: 80%;}

    .sub-tab_ul.ul_long li a {font-size: 2rem;}


}
@media (max-width: 480px){
    .cont-system .system-ul li {flex-direction: column; text-align: center; padding: 5rem;}
    .cont-system .system-ul li .txt-box p {padding-left: 0;}
    .cont-system .system-ul li .txt-box p::before {content: none;}
    .cont-system .system-ul li .inner-txt_box {margin-left: 0;  width: 80%; margin: auto;}
    .cont-system {padding-bottom: 15rem;}

    .cont-img .slide-img-wrap {width: 30rem;}
    .cont-img .img-slider {width: 30rem;}
    .cont-img .slick-prev {left: -40px; width: 2rem; top: 30%; height: 1rem; }
    .cont-img .slick-next {right: -40px; width: 2rem; top: 30%; height: 1rem; }
    .cont-img .img-slider .slick-slide img {border-radius: 10px;}
    .cont-img .slick-dots .slick-active {border: 3px solid #005aab;}

    .sub-tab_ul li a {font-size: 2.2rem; line-height: 1.3;}
    .sub-tab_ul li br {display: flex;}
    .sub-tab_ul {width: 70%;}

    .cont-system .system-ul li .txt-absol {position: relative; text-align: center; bottom: 0;
        right: initial;
        width: 100%;
        margin-top: 5%;}
    
    .sub-tab_ul.ul_long li a {font-size: 2.2rem;}

    .cont-tit h5 {width: 85%;}
}
@media (max-width: 350px){
    .sub-tab_ul li br {display: initial;}
    .sub-tab_ul li a {line-height: 1.2;}
    .sub-tab_ul {width: 80%;}

}


/* 2-2-1. WATIZ-T */
.sub_watiz-t .cont-system {padding-bottom: 10rem;}

@media (max-width: 576px) {.sub_watiz-t .cont-system {padding-bottom: 15rem;}}


/* 2-2-4. WATIZ-M */
/* .sub_watiz-m {padding-bottom: 20rem;} */
.sub_watiz-m .cont-summary {margin-bottom: 8rem;}
.sub_watiz-m .cont-table {text-align: center;}

.sub_watiz-m .cont-table tr td {padding: 2.5rem; border: #dadada 1px solid; font-size: 2rem; color: #666; font-weight: 500; line-height: 1;}
.sub_watiz-m .cont-table tr td.td-tit {font-size: 2.2rem; color: #222; font-weight: 700; border-right: none;}
.sub_watiz-m .cont-table tr td:last-child {border-left: none;}

.sub_watiz-m .cont-table tr.tit {background-color: #283c82;}
.sub_watiz-m .cont-table tr.tit th {font-size: 2.6rem; color: #fff; line-height: 1; font-weight: 700; padding: 3rem; }
.sub_watiz-m .cont-table tr.tit th:first-child {border-top-left-radius: 2rem;}
.sub_watiz-m .cont-table tr.tit th:last-child {border-top-right-radius: 2rem;}

.sub_watiz-m .cont-system {padding-top: 5rem;}
.sub_watiz-m .cont-system .system-item {display: flex; align-items: center; justify-content: space-between;}
.sub_watiz-m .cont-system .system-item:first-child .system-ul li {background-color: inherit; padding: 0; justify-content: center;}
.sub_watiz-m .cont-system .system-item:first-child .system-ul li .tit {font-size: 2rem;}
.sub_watiz-m .cont-system .system-tit {min-width: 250px; font-size: 3rem;}
.sub_watiz-m .cont-system .system-ul {grid-template-columns: repeat(3, 1fr); margin: 2rem 0 2rem 6rem; flex: 1;}
.sub_watiz-m .cont-system .system-ul li {padding: 1rem 5rem;}
.sub_watiz-m .cont-system .system-ul li .tit {font-size: 0; margin-bottom: 0;}

@media (max-width: 1440px) {
}

@media (max-width: 1280px) {
    .sub_watiz-m .cont-system .system-ul {margin: 2rem 0;}
}

@media (max-width: 1024px) {
    .sub_watiz-m .cont-system .system-item {flex-wrap: wrap; justify-content: center;}
    .sub_watiz-m .cont-system .system-ul {margin-bottom: 4rem;}
    .sub_watiz-m .cont-system .system-ul li {padding: 2rem;}
    .sub_watiz-m .cont-system .system-tit {width: 100%; font-size: 2.4rem;}
    .sub_watiz-m .cont-system .system-item:first-child {display: none;}
    .sub_watiz-m .cont-system .system-ul li .tit {font-size: 2rem;}
}

@media (max-width: 768px) {
    .sub_watiz-m .cont-system .system-ul {display: grid; margin-bottom: 2rem;}
    .sub_watiz-m .cont-system .system-ul li {padding: 2rem;}
    .sub_watiz-m .cont-system .system-ul li + li {margin-left: 10px;}
    .sub_watiz-m .cont-system .system-ul li .inner-txt_box {width: 100%; margin-left: 0; text-align: center;}
}
@media (max-width: 576px) {
    .sub_watiz-m .cont-table tr.tit th {font-size: 2.2rem; padding: 2.5rem;}
    .sub_watiz-m .cont-table tr td.td-tit {font-size: 2rem;}
}
@media (max-width: 480px) {
    .sub_watiz-m .cont-system .system-ul {display: block;}
    .sub_watiz-m .cont-system .system-ul li + li {margin-left: 0;}
}



/* 3-1 & 3-2 */
.slick-prev, .slick-next {padding: 2rem;}

.cont-graph {margin: 15rem auto 25rem;}
.cont-graph .graph-box {display: flex; justify-content: center;} 
.cont-graph .txt-box {margin: 10rem auto 0; max-width: 82.5rem; padding: 4rem 0; border-top: 2px solid #d9d9d9; border-bottom: 2px solid #d9d9d9;  text-align: center;}
.cont-graph .txt-box p {font-size: 3.2rem; color: #666; line-height: 1.5; font-weight: 500;}
.cont-graph .txt-box p .txt-blue {font-weight: 900;}
.cont-graph .txt-box p .txt-bold {font-weight: 900; color: #222; vertical-align: baseline;}

.sub_3-1 .cont-graph {margin: 5rem auto 25rem;}


.txt-sky {color: #2ac4f4; font-weight: 700; vertical-align: baseline; position: relative; display: flex; align-items: center;}
.txt-sky img {margin: auto 10px;}
.txt-fl {display: flex;}

.cont-box {margin-bottom: 20rem; padding: 8rem 7.5rem; z-index: -2; border: #005aab solid 3px; border-radius: 2rem; position: relative; background-color: #fff;}
.cont-box::before {z-index: -5; content: ''; position: absolute; top: -150px; left: 50%; width: 31.5rem; height: 13.5rem; transform: translateX(-50%); background: url('../images/sub/3-2_bg-arrow.png') no-repeat center / contain;}
.cont-box .tit {background-color: #005aab; padding: 1.2rem 3.5rem; border-radius: 9999px; display: block; position: absolute; top: -28px; left: 50%; transform: translateX(-50%);}
.cont-box .tit p {font-size: 2.4rem; text-align: center; color: #fff; font-weight: 700; line-height: 1.3;}
.cont-box .tit p small {font-size: 1.8rem;}
.cont-box .inner-box {display: flex; flex-direction: column;}
.cont-box .inner-box .inner-item {display: flex; margin-bottom: 5rem; justify-content: space-between;}
.cont-box .inner-box .inner-item:last-child {margin-bottom: 0;}
.cont-box .inner-box .inner-item .inner-tit {border-radius: 1rem; width: 270px; min-height: 130px; padding: 0 5rem; display: flex; align-items: center; justify-content: center; background-color: #2684d9;}
.cont-box .inner-box .inner-item:nth-child(2) .inner-tit {background-color: #005bc1;}
.cont-box .inner-box .inner-item:last-child .inner-tit {background-color: #004bbc;}
.cont-box .inner-box .inner-item .inner-tit p {font-size: 2rem; line-height: 1.5; font-weight: 700; color: #fff; text-align: center;}
.cont-box .inner-box .inner-item .inner-txt {width: calc(100% - 320px); border-radius: 1rem; padding: 2rem 3.5rem; background-color: #f0f3f6; position: relative; display: flex; flex-direction: column; justify-content: center;}
.cont-box .inner-box .inner-item .inner-txt::after {z-index: -1; content: ''; width: 150px; height: 2px; background-color: #ddd; position: absolute; top: 50%; left: -100px; transform: translateY(-50%);}
.cont-box .inner-box .inner-item .inner-txt li::before {top: 0.6rem;}


.sub_3-1 .inner-tit {display: flex; flex-direction: column;}
.sub_3-1 .step {margin-bottom: 1rem; background-color: #fff; border-radius: 9999px; padding: 0.8rem 1.5rem;}

.sub_3-1 .cont-box {margin-bottom: 15rem;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(1) .inner-tit {background-color: #2684d9;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(2) .inner-tit {background-color: #006fd2;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(3) .inner-tit {background-color: #005bc1;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(4) .inner-tit {background-color: #004bbc;}

.sub_3-1 .cont-box .inner-box .inner-item .inner-tit .step p {color: #2684d9; font-size: 1.5rem; font-weight: 800; line-height: 1;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(2) .inner-tit .step p {color: #006fd2;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(3) .inner-tit .step p {color: #005bc1;}
.sub_3-1 .cont-box .inner-box .inner-item:nth-child(4) .inner-tit .step p {color: #004bbc;}

.sub_3-1 .cont-box .inner-box .inner-item .inner-tit {padding: 0 4rem;}
.sub_3-1 .cont-img.cont-sec {padding-bottom: 20rem;}
.sub_3-1 .cont-img.cont-sec .inner-tit {margin-bottom: 5rem;}
.sub_3-1 .cont-img.cont-sec .inner-tit p {font-size: 3.5rem; color: #222; line-height: 1.4; font-weight: 800; text-align: center;}
.sub_3-1 .cont-img.cont-sec .slick-prev, .sub_3-1 .cont-img.cont-sec .slick-next {top: 50%; width: 2.1rem; height: 3.6rem;}
.sub_3-1 .cont-summary {background-color: #eaf6f8; padding: 10rem 0; margin: 0;}
.sub_3-1 .cont-tmg {background-color: #fff;}

.sub_3-1 .cont-img.cont-sec .slick-prev {left: -80px;}
.sub_3-1 .cont-img.cont-sec .slick-next {right: -80px;}
.sub_3-1 .cont-img.cont-sec .w-wrap {background-color: #fff; padding: 7rem 3rem; border-radius: 2rem;}
.sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 110rem;}
.sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 110rem;}
.sub_3-1 .cont-img.cont-sec ul.txt-item {margin: 5.5rem auto 0 auto; max-width: 110rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub_3-1 .cont-img.cont-sec ul.txt-item li {display: flex; align-items: center; margin-right: 3rem; margin-bottom: 2rem;}
.sub_3-1 .cont-img.cont-sec ul.txt-item li>p {font-size: 2rem; font-weight: 600; color: #222; line-height: 1.3;}
.sub_3-1 .cont-img.cont-sec ul.txt-item li .number {margin-right: 1rem; padding: 5px; min-width: 32px; min-height: 32px; border: 3px solid #ffb400; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 9999px;}
.sub_3-1 .cont-img.cont-sec ul.txt-item li .number p {font-size: 1.6rem; font-weight: 800; color: #222; line-height: 1; text-align: center;}


.cont-tmg {display: flex; flex-direction: column; align-items: center; padding: 10rem 0; background-color: #eaf6f8;}
.cont-tmg .img-ax {max-width: 1100px;}
.cont-tmg .img-ax img {border-radius: 2rem; }
.cont-tmg p {margin-bottom: 3rem; font-size: 4.5rem; font-weight: 800;  color: #222; line-height: 1.4; text-align: center;}
.cont-tmg .img-ax.v-mo {display: none;}
.cont-latm {padding-bottom: 20rem;}




@media (max-width: 1440px) {
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -80px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -80px;}
}
@media (max-width: 1360px) {
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -60px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -60px;}
}

@media (max-width: 1280px) {
    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 80rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 80rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item {max-width: 80rem;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -80px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -80px;}
}

@media (max-width: 1024px) {
    .cont-box .inner-box .inner-item {display: flex; flex-direction: column; margin-bottom: 5rem; justify-content: space-between;}
    .cont-box .inner-box .inner-item .inner-tit {width: 100%; border-radius: 20px 20px 0 0; min-height: initial; padding: 2rem;}
    .cont-box .inner-box .inner-item .inner-txt {width: 100%; border-radius: 0;}
    .cont-box .inner-box .inner-item .inner-txt::after {display: none;}

    .cont-box .tit {padding: 1.2rem 2.5rem; top: -26px;}
    .cont-box .tit p {font-size: 2rem;line-height: 1.3;}
    .cont-box .tit p small {font-size: 1.6rem;}

    .sub_3-2 .cont-graph {margin: 15rem auto 25rem auto;}

    .sub_3-1 .inner-tit {display: flex; flex-direction: row;}
    .sub_3-1 .step {margin-bottom: 0; margin-right: 2rem; padding: 0.8rem 1.5rem;}
    .sub_3-1 .cont-box .inner-box .inner-item .inner-tit {padding: 1.5rem 4rem;}
    .sub_3-1 .inner-tit {justify-content: center;}

    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 6  0rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 60rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item {max-width: 60rem; justify-content: flex-start;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -60px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -60px;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li {margin-right: 6rem;}
}

@media (max-width: 768px) {
    .cont-box .inner-box .inner-item .inner-txt li::before {top: 0.9rem;}
    .cont-box::before {top: -130px;}
    .sub_3-2 .cont-graph {margin: 10rem auto 25rem auto;}
    .cont-graph .txt-box {margin: 10rem auto 0; max-width: 60rem; padding: 3rem 0;}
    .cont-graph .txt-box p {font-size: 3rem;}

    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 53rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 53rem;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -35px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -35px;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li {margin-right: 3rem;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -50px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -50px;}
}
@media (max-width: 576px) {
    .cont-box .tit {width: 80%;}
    .cont-box {padding: 6rem 4.5rem;}
    .sub_3-2 .txt-fl {display: flex; flex-direction: column;}
    .sub_3-2 .txt-sky {margin-top: 0.5rem;}
    .sub_3-2 .txt-sky img {margin: auto 10px auto 0;}
    .cont-graph .txt-box {margin: 8rem auto 0; width: 70%; padding: 2rem 0;}
    
    .cont-graph .graph-box {width: 80%; margin: auto;}
    .sub_3-1 .cont-graph .txt-box {padding: 2rem;}    
    .sub_3-1 .cont-graph .txt-box p br {display: none;}
    .sub_3-1 .cont-graph .txt-box {width: 90%;}
    .sub_3-1 .cont-box .tit {width: inherit;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 42rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 42rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item {max-width: 52rem;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: -40px;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: -40px;}
    .sub_3-1 .cont-box {padding: 6rem 3rem;}
    .sub_3-1 .cont-img.cont-sec {padding-bottom: 18rem;}
    .cont-tmg {padding: 6rem 0;}

    .cont-tmg .img-ax.v-pc {display: none;}
    .cont-tmg .img-ax.v-mo {display: initial;}


}
@media (max-width: 480px) {
    .sub_3-1 .cont-img.cont-sec .inner-tit p {width: 80%; margin: auto;}
    .sub_3-1 .inner-tit {display: flex; flex-direction: column;}
    .sub_3-1 .step {margin-bottom: 1.5rem; margin-right: 0; padding: 0.8rem 1.5rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 40rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 40rem;}
    .sub_3-1 .cont-img.cont-sec .slick-prev {left: 0; z-index: -1;}
    .sub_3-1 .cont-img.cont-sec .slick-next {right: 0; z-index: -1;}

}
@media (max-width: 350px) {
    .sub_3-1 .cont-img.cont-sec .w-wrap {padding: 5rem 3rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item {align-items: center;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li {width: 33.3%; margin-right: 0; flex-direction: column; margin-bottom: 3rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li:nth-child(4),
    .sub_3-1 .cont-img.cont-sec ul.txt-item li:nth-child(5),
    .sub_3-1 .cont-img.cont-sec ul.txt-item li:nth-child(6) {margin-bottom: 0;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li .number {margin-right: 0; margin-bottom: 1rem;}
    .sub_3-1 .cont-img.cont-sec ul.txt-item li p {max-width: 70px; text-align: center;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .slide-img-wrap {width: 35rem;}
    .sub_3-1 .cont-img.cont-sec .w-wrap .img-slider {width: 35rem;}
}







/* 3-3. 취정수장 감시 시스템 구축 */
.sub_3-3.tabs {}
.sub_3-3.tabs button {}


.sub_3-3 .cont-sec {padding-bottom: 20rem;}
.sub_3-3 .cont-sec .d-fl {display: flex; flex-wrap: wrap;}
.sub_3-3 .cont-sec .d-fl .img-wrap {width: 46%; margin-right: auto;}
.sub_3-3 .cont-sec .d-fl .img-wrap .img-box {position: relative;}
.sub_3-3 .cont-sec .d-fl .img-wrap .img-box img {border-radius: 2rem; width: 100%; height: 100%;}

.sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots, .sub_3-1 .cont-last .tt-slider .slick-dots {display: flex; position: absolute; left: 50%; transform: translateX(-50%); bottom: 35px;}
.sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots li, .sub_3-1 .cont-last .tt-slider .slick-dots li {cursor: pointer; margin-right: 2rem; font-size: 0; border: 2px solid #fff; width: 15px; height: 15px; border-radius: 9999px;}
.sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots li.slick-active, .sub_3-1 .cont-last .tt-slider .slick-dots li.slick-active {background-color: #fff;}
.sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots li:last-child, .sub_3-1 .cont-last .tt-slider .slick-dots li:last-child {margin-right: 0;}

.sub_3-3 .cont-sec .d-fl .txt-wrap {width: 50%;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box {padding: 0 2rem 3rem 2rem; display: flex; align-items: center; border-bottom: 1px solid #dadada;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box .ico {width: 7.5rem; height: 7.5rem; display: flex; justify-content: center; align-items: center; border-radius: 9999px; background-color: #005aab;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box p {margin-left: 2rem; font-size: 2.6rem; font-weight: 800; color: #005aab; line-height: 1.3;}

.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box li {word-break: break-all;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box li:last-child {margin-bottom: 0;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box {padding: 3rem 2rem 0 2rem}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li {padding-left: 25px;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li:last-child {margin-top: 2rem;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li p {margin-bottom: 0.5rem; font-size: 1.8rem; color: #484848; font-weight: 600; position: relative;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li p::before {content: ''; position: absolute; left: -25px; top: 8px; width: 15px; height: 12px; background: url('../images/sub/li-icon.png') no-repeat center / contain;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul  {padding-left: 16px;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li  {margin-bottom: 1rem; font-size: 1.6rem; color: #747474; font-weight: 500; position: relative; line-height: 1.4;}
.sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li::before  {content: '-'; position: absolute; left: -16px; top: 0;}




@media (max-width: 1280px) {
    .sub_3-3 .cont-sec .d-fl {padding-bottom: 10rem; flex-direction: column; align-items: center;}
    .sub_3-3 .cont-sec .d-fl .img-wrap, .sub_3-3 .cont-sec.cont-reverse .d-fl .img-wrap {width: 65%; margin: 0 auto 8rem auto ;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box {justify-content: center;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap {width: 75%; margin: auto;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box {flex-direction: column;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box .ico {margin-bottom: 2rem;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .tit-box p {margin-left: 0; text-align: center;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li p {display: table; text-align: center; margin: auto; margin-bottom: 1rem;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li p::before {top: 6px; left: -20px;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li {padding-left: 0;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li {text-align: center; display: inline-block;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li::before {display: none;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul {display: flex; flex-direction: column; align-items: center;}

    .sub_3-3 .cont-sec.cont-reverse .d-fl {padding: 10rem 0 20rem; flex-direction: column;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li:last-child {margin-top: 5rem;}

    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul {padding-left: 0;}
}
@media (max-width: 768px) {
    .sub_3-3 .cont-sec .d-fl .img-wrap, .sub_3-3 .cont-sec.cont-reverse .d-fl .img-wrap {width: 80%; margin: 0 auto 8rem auto ;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap {width: 85%; margin: auto;}
}
@media (max-width: 576px) {
    .sub_3-3 .cont-sec .d-fl {padding-bottom: 7rem;}
    .sub_3-3 .cont-sec.cont-reverse .d-fl {padding: 7rem 0 20rem;}
    .sub_3-3 .cont-sec .d-fl .img-wrap, .sub_3-3 .cont-sec.cont-reverse .d-fl .img-wrap {width: 100%; margin: 0 auto 8rem auto ;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap {width: 100%; margin: auto;}
    .sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots, .sub_3-1 .cont-last .tt-slider .slick-dots {bottom: 20px;}
    .sub_3-3 .cont-sec .d-fl .img-wrap .img-box .slick-dots li, .sub_3-1 .cont-last .tt-slider .slick-dots li {width: 1.5rem; height: 1.5rem;}

    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li {width: 80%;}

    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li p {font-size: 2.2rem;}
    .sub_3-3 .cont-sec .d-fl .txt-wrap .txt-box>ul>li>ul>li {font-size: 2rem;}
}













/* ===================================================== */
/* 이메일무단수집거부 */
.refusal-mail { padding: 0 0 20rem; text-align: center;}
.refusal-mail-wrap {padding: 6rem 5% 7rem; border: 1px solid #eee; }
.refusal-mail-img {
  display: flex; justify-content: center; height: 18rem; margin-bottom: 4rem;
  & svg {width: 100%; height: 100%;}
}
.refusal-mail-tit { margin-bottom: 1rem; font-weight: 700; font-size: 2.8rem; color: #222; } 
.refusal-mail-subtit { 
  display: block; margin-bottom: 1.5rem; font-weight: 500; font-size: 2rem; color: #444; 
  & b {font-weight: 700; color: var(--color-main);}
} 
.refusal-mail-desc { font-size: 18px; } 
@media (max-width: 1280px){
  .refusal-mail-desc { font-size: 16px; } 
}
@media (max-width: 1024px){
  .refusal-mail-desc br { display: none; } 
}
@media (max-width: 768px){
  .refusal-mail-subtit {font-size: 17px;}
  .refusal-mail-desc { font-size: 15px; } 
}
/* 이메일무단수집거부 */
/* ===================================================== */

/*개인정보정책 추가*/
.privacy.type2 { padding:2.85%; margin-bottom:180px; border:1px solid #d6d6d6; background-color:#fff; } 

.privacy-wrap.type2 .privacy-header { padding:2.5%; background-color:#f5f5f5; color:#222; } 
.privacy-wrap.type2 { height:auto; padding:0; margin-top:0; border-radius:10px; } 
.privacy-wrap.type2 a { vertical-align:baseline; } 
.privacy-wrap.type2 > h4:first-child { margin-top: 0; } 
.privacy-wrap.type2 > h4 { margin-top: 40px; font-weight:400; font-size: 1.3em; color:#222; } 
.privacy-wrap.type2 .privacy-inner > p { font-size: 1em; color: #777; } 
.privacy-wrap.type2 .privacy-inner > .privacy-inner > p { font-size: 0.9em; } 
@media (max-width: 1280px) {
	.privacy.type2 { margin-bottom: 160px; } 
}
@media (max-width: 768px) {
	.privacy.type2 { margin-bottom: 140px; } 
}






/* 추가 */
.cont-ae .cont-img {background-color: #fff; padding: 8rem 0 0 0 ;}
.cont-re .cont-img {background-color: #fff; padding: 15rem 0 0 0 ;}
.cont-ae .cont-tit {margin-top: 5rem;}
.cont-re .cont-tit {margin-top: 5rem;}

.sub_watiz-t .cont-system .system-ul li {padding-bottom: 7.5rem;}


@media (max-width: 576px) {
    .cont-ae .cont-system {padding-bottom: 7rem;}
    .cont-re .cont-img {padding: 10rem 0 0 0;}
}

@media (max-width: 1024px){ .sub_3-1 .cont-img .slick-dots li {height: 65px;}}

@media (max-width: 768px){.sub_3-1 .cont-img .slick-dots li {height: 50px;}}

@media (max-width: 480px){ .sub_3-1 .cont-img .slick-dots li {height: 30px;}}


/* 24.07.31 추가 */
.sub_s-toms.cont-ae .cont-img {padding: 0 0 8rem 0;}