<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.mobile-only{display: none;}

.wrap .side-style{display: flex;justify-content: space-between;}
.wrap .side-content{width: 280px;border:0;border-radius:0;box-shadow: none;}
.wrap .side-content .header-box {width: 100%;height: 150px;display: flex;justify-content: flex-start;align-items: flex-end;border-radius: 10px 25px 10px 25px;box-shadow:0 14px 20px 0 rgba(54,73,141,0.24);background-color: #1b2586;padding:32px 36px;background-image: url("../image/side-header-bg.jpg");}
.wrap .side-content .header-box  &gt; h2 {font-size: 26px;font-weight: 700;color:#ffffff;position: relative;}
.wrap .side-content .header-box  &gt; h2::before{content:'';width: 38px;height: 4px;background-color: #6a7bb8;display: block;position: absolute;top:-24px;left: 0;}
.wrap .side-content .menu-list{margin-top: 30px;display: flex;flex-direction: column;row-gap: 6px;}
.wrap .side-content .menu-item {border:0}
.wrap .side-content .menu-item &gt; a{width: 100%;padding:0 20px;color:#525252;font-size: 16px;font-weight: 500;letter-spacing: -0.05em;height: 60px;display: flex;align-items: center;justify-content: space-between;transition: 0.2s;position: relative;border: 1px solid #e8e8e8;border-radius: 10px;overflow: hidden;}
.wrap .side-content .menu-item &gt; a::after{content:'';display: block;background-image: url("../image/icons/icon-menu-arrow.png");width: 18px;height: 18px;background-size: 18px auto;background-position: bottom;}
.wrap .side-content .menu-item &gt; a:hover{background: #f8f9fa;border-color:#9ea5bb}
.wrap .side-content .menu-item.submenu &gt; a:hover::after{background-position: top;}
.wrap .side-content .menu-item.active {border-color:#073999;}
.wrap .side-content .menu-item.active {}
.wrap .side-content .menu-item.active &gt; a{color: #073999;background-color:#eceff5;border-color:#073999;}
.wrap .side-content .menu-item.active &gt; a::after{background-position: top;}
.wrap .side-content .menu-item.submenu &gt; a::after{content:'';background-image: url("../image/icons/icon-menu-arrow.png");width: 18px;height: 18px;background-size: 18px auto;background-position: bottom;display: block;}
.wrap .side-content .menu-item.active  .submenu-list{display: block;}
.wrap .side-content .menu-item.submenu.active &gt; a::after{background-image: url("../image/icons/icon-menu-arrow.png");transform: rotate(90deg);background-position: top;}
.wrap .side-content .submenu-list {padding:12px 30px;display: none;background-color: #fafafa;margin-top: 6px;border-radius: 10px;}
.wrap .side-content .submenu-item{}
.wrap .side-content .submenu-item &gt; a {display: block;width: 100%;color:#747474;font-size: 15px;font-weight: 400;letter-spacing: -0.05em;line-height: 50px;}
.wrap .side-content .submenu-item:nth-of-type(n + 2) &gt; a {border-top:1px solid #e8e8e8;}
.wrap .side-content .submenu-item &gt; a:hover{text-decoration: underline;}
.wrap .side-content .submenu-item.active &gt; a{color:#073999; font-weight:700;}
.wrap .side-content .submenu-item.active &gt; a::before{background-position:100% 0;}

.wrap .side-content .submenu2-list {}
.wrap .side-content .submenu2-item{}
.wrap .side-content .submenu2-item &gt; a {display: block;width: 100%;padding:0 5px;color:#747474;font-size: 15px;font-weight: 400;letter-spacing: -0.05em;line-height: 2.266;}
.wrap .side-content .submenu2-item &gt; a:hover{text-decoration: underline;}
.wrap .side-content .submenu2-item &gt; a::before{content:'';display: inline-block;background-image: url("/image/common/icon-menulist.png?1");background-size:200% 100%;background-position:0 0;background-repeat:no-repeat;width: 10px;height: 10px;margin-right: 10px;}
.wrap .side-content .submenu2-item.active &gt; a{color:#073999; font-weight:700;}
.wrap .side-content .submenu2-item.active &gt; a::before{background-position:100% 0;}

.wrap .sub-content-box{width: 100%;display: flex;justify-content: space-between;padding:50px 0;}

.top-nav{width: 100%;border-bottom:1px solid #e5e5e7;}
.select-box{width: 100%;display: flex;align-items: center}
.select-box .home-item{padding:0 22px 0 11px;position: relative;}
.select-box .home-item::after{content:'';display: block;width: 1px;background-color: #e0dede;height: 18px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.select-box .home-item .home-icon{width: 18px;height: 20px;display: block;}
.select-box &gt; .select-item {width: calc((100% - 51px) / 4);height: 100%;min-height:60px;border-top:1px solid #e5e5e7; box-sizing: content-box;position: relative;}
.select-box &gt; .select-item .label{width:100%;height: 60px; border:0; background-size: 12px auto;padding:0 15px;text-align: left;position: relative;background-color: #ffffff; font-family:'Noto Sans KR','Nanum Gothic','ë‚˜ëˆ”ê³&nbsp;ë”•','ë‹ìŒ','êµ´ë¦¼'; font-size:16px; font-weight:400; color:rgba(99,93,93,0.6); }
.select-box &gt; .select-item .label::before{content:'';display: block;width: 1px;background-color: #e0dede;height: 18px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.select-box &gt; .select-item:last-of-type .label{color:rgba(99,93,93,1);}
.select-box &gt; .select-item:last-of-type::before{content:'';width:100%;display: block;height: 2px;background-color:#1a2386;position: absolute;bottom:-1px;z-index: 1;}
.select-box &gt; .select-item .optionList+.label::after{content:'';background: url('../page/img/icon-select-arrow.svg') center no-repeat;background-size: contain;position: absolute;width: 10px;height: 6px;top: calc(50% - 4px);right: 20px;}
.select-box &gt; .select-item .optionList{display: none;position: absolute;top:61px;width: 100%;z-index: 100;    box-sizing: content-box;}
.select-box &gt; .select-item .optionList .optionItem{display: flex;align-items: center;width: 100%;font-size: 14px;font-weight: 500;padding:0 15px;height: 60px;background-color: #ffffff;border-bottom:1px solid #e5e5e7;position: relative;color:rgba(99,93,93,0.6);}
.select-box &gt; .select-item .optionList .optionItem.active{background: #f6f6f8;color:rgba(99,93,93,1);}
.select-box &gt; .select-item .optionList .optionItem.more::after{content:'';background: url('../page/img/spon_link.svg') center no-repeat;background-size: contain;position: absolute;width: 11px;height: 11px;top: calc(50% - 4px);right: 20px;}

.wrap.side-style .content-box{max-width: calc(100% - 340px);}
.wrap.side-style .terra-wrap{max-width: calc(100% - 340px);}
.wrap .terra-wrap{width:100%; padding:20px 0;}
.wrap .terra-content-box { width:100%; padding:0px 0;}
.wrap .terra-content-box &gt; .terra-title-box h2 {font-size:34px; font-weight:700; color:#000000; padding-left:0px;}
.wrap .terra-content-box &gt; .terra-board-title-box h2 {font-size:34px; font-weight:700; color:#000000;}
.wrap .content-box {width: 100%;padding:20px 0;}
.wrap .content-box .mt10{margin-top: 10px;}
.wrap .content-box .mt15{margin-top: 15px;}
.wrap .content-box .mt20{margin-top: 20px;}
.wrap .content-box .mt25{margin-top: 25px;}
.wrap .content-box .mt30{margin-top: 30px;}
.wrap .content-box .mt40{margin-top: 40px;}
.wrap .content-box .mt45{margin-top: 45px;}
.wrap .content-box .mt50{margin-top: 50px;}
.wrap .content-box .mt60{margin-top: 60px;}
.wrap .content-box .mt70{margin-top: 70px;}
.wrap .content-box .mt80{margin-top: 80px;}


.is-dragging {pointer-events: none;}

/*.select-box {padding:0 calc((100% - 1560px) / 2);border-bottom:1px solid #eeeeee;}*/
.select-box {padding:0 calc((100% - 1540px) / 2);border-bottom:1px solid #eeeeee;}
.select-box &gt; .select-item .optionList {border-left: 1px solid #eeeeee;left: -1px;border-right: 1px solid #eeeeee;}
/*.kfem-basic-body {padding: 61px 0 0 0;}*/
.kfem-basic-body {padding: 51px 0 0 0;}
.kfem-basic-body .container {max-width: 1600px;padding: 0 20px 0 40px;}

.mt-18{margin-top: 18px;}

@media (max-width: 1280px) {
    .wrap .side-content{display: none;}
    .wrap.side-style .content-box{max-width: 100%;}
    .wrap.side-style .terra-wrap{max-width: 100%;}
    .sub-basic-body .container {max-width:1560px; padding:0 10px 0 10px;}
    .kfem-basic-body .container {max-width:1280px; padding:0 15px 0 15px;}
}

@media (max-width: 640px) {
    .select-box &gt; .select-item {display: none;width: calc((100% - 36px) / 2); height:100%; min-height:40px;}
    .select-box &gt; .select-item:nth-last-child(1){display: block;}
    .select-box &gt; .select-item:nth-last-child(2){display: block;}    
    
    .select-box .home-item{padding:0 12px 0 11px;position: relative;}
    .select-box .home-item::after{content:'';display: block;width: 1px;background-color: #e0dede;height: 18px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
    .select-box .home-item .home-icon{width:13px; height:15px;display: block;}
    
    .select-box &gt; .select-item .label{width:100%;height:50px; background-size:12px auto;padding:0 8px; font-size:11px; font-weight:400; }
    
    .select-box &gt; .select-item .label::before{content:'';display: block;width: 1px;background-color: #e0dede;height: 14px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
    .select-box &gt; .select-item .optionList+.label::after{content:'';background: url('../page/img/icon-select-arrow.svg') center no-repeat;background-size: contain;position: absolute;width: 8px;height: 6px;top: calc(50% - 3px);right: 10px;}
    .select-box &gt; .select-item .optionList{display: none;position: absolute;top:51px;width: 100%;z-index: 100;    box-sizing: content-box;}
    .select-box &gt; .select-item .optionList .optionItem{display: flex;align-items: center;width: 100%;font-size: 12px; line-height:1.1;  font-weight: 500;padding:0 10px;height: 40px;background-color: #ffffff;border-bottom:1px solid #e5e5e7;position: relative;color:rgba(99,93,93,0.6);}
    
    .select-box &gt; .select-item .optionList .optionItem.more::after{content:'';background: url('../page/img/spon_link.svg') center no-repeat;background-size: contain;position: absolute;width: 11px;height: 11px;top: calc(50% - 3px);right: 11px;}

}



/* íšŒì‚¬ì†Œê°œ */


a{font-family: 'Pretendard','AritaBuri','S-CoreDream';}
*{font-family: 'Pretendard','AritaBuri','S-CoreDream';}

.container{max-width: 1600px;}
.title-box{border-bottom: 1px #e8e8e8 solid;}
.title-box h2{font-size: 46px; font-weight: 500; color: #333; border-bottom: 3px #36498d solid; height: 90px; line-height: 90px;width: 79px; overflow: visible; margin-bottom: -1px; white-space: nowrap;}



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



.ov-b1{margin-top: 46px;}
.ov-b1 .wrap_{display: flex; justify-content: space-between; padding:0 0 75px;}
.ov-b1 .txt{display: flex; flex-direction: column; width: calc(100% - 540px);}
.ov-b1 .txt .t1{font-size: 28px; line-height: 40px; font-weight: 500; color: #333;}
.ov-b1 .txt .t2{font-size: 18px; line-height: 36px; color: #333; padding-top: 45px;}
.ov-b1 .txt .img_m640{display: none;}
.ov-b1 .img{width: 480px;}
.ov-b1 .img img{width: 100%;}

@media screen and (max-width:1600px){
    .ov-b1 .txt{width: calc(100% - 400px); padding-right: 10px;}
    .ov-b1 .txt .t1{font-size: 28px; line-height: 40px;}
    .ov-b1 .txt .t2{font-size: 16px; line-height: 26px;}
    .ov-b1 .img{width: 400px;}
}
@media screen and (max-width:1440px){
    .ov-b1 .txt{width: calc(100% - 320px);}
    .ov-b1 .txt .t1{font-size: 28px; line-height: 40px;}
    .ov-b1 .txt .t2{font-size: 15px; line-height: 30px;}
    .ov-b1 .img{width: 320px;}
}
@media screen and (max-width:1280px){
    .ov-b1{margin-top: 40px;}
    .ov-b1 .txt{width: 60%; padding-right: 5px;}
    .ov-b1 .txt .t1{font-size: 28px; line-height: 40px;}
    .ov-b1 .txt .t2{font-size: 18px; line-height: 36px;}
    .ov-b1 .img{width: 40%;}
}
@media screen and (max-width:1200px){
    .ov-b1 .txt{width: 70%; padding-right: 10px;}
    .ov-b1 .txt .t1{font-size: 28px; line-height: 40px;}
    .ov-b1 .txt .t2{font-size: 16px; line-height: 30px;}
    .ov-b1 .img{width: 30%;}
}
@media screen and (max-width:980px){
    .ov-b1 .txt{width: 60%; padding-right: 20px;}
    .ov-b1 .txt .t1{font-size: 26px; line-height: 38px;}
    .ov-b1 .txt .t2{font-size: 16px; line-height: 30px; word-break: keep-all;}
    .ov-b1 .txt .t2 br{display: none;}
    .ov-b1 .txt .t2 .m980{display: block;}
    .ov-b1 .img{width: 40%; margin-top: 160px;}
}
@media screen and (max-width:800px){
    .ov-b1 .txt{width: 65%;}
    .ov-b1 .txt .t1{font-size: 22px; line-height: 32px;}
    .ov-b1 .img{width: 35%; margin-top: 150px;}
}
@media screen and (max-width:640px){
    .ov-b1{margin-top: 40px;}
    .ov-b1 .wrap_{padding:0 0 56px;}
    .ov-b1 .txt{width: 100%; padding-right: 0;}
    .ov-b1 .txt .t1{font-size: 27px; line-height: 38px; font-weight: 400;}
    .ov-b1 .txt .t2{font-size: 18px; line-height: 30px; padding-top: 25px;}
    .ov-b1 .txt .img_m640{display: block; padding-top: 26px; width: 100%;}
    .ov-b1 .txt .img_m640 img{width: 100%;}
    .ov-b1 .img{display: none;}
}
@media screen and (max-width:480px){
    .ov-b1 .wrap_{padding:0 0 40px;}
    .ov-b1 .txt .t1{word-break: keep-all;}
    .ov-b1 .txt .t1 br{display: none;}
    .ov-b1 .txt .t1{font-size: 22px; line-height: 32px;}
    .ov-b1 .txt .t2{font-size: 16px; line-height: 26px;}
}



.ov-b2{ padding: 63px 0 100px; border-top:1px #c0c0c0 dashed;}
.ov-b2 .wrap_{display: flex; flex-direction: column;}
.ov-b2 .t1{font-size: 32px; line-height: 40px; color: #333; letter-spacing: -0.05em;}
.ov-b2 .t2{font-size: 18px; line-height: 32px; color: #666; padding:35px 0 20px; letter-spacing: -0.025em;}
.ov-b2 .cont_box{display: flex; flex-wrap: wrap;}
.ov-b2 .cont_box .box{display: flex; padding: 35px 0; width: 50%; overflow: hidden;}
.ov-b2 .cont_box .box .img{width: 95px; overflow: hidden;}
.ov-b2 .cont_box .box .img img{width: 100%; border-radius: 6px;}
.ov-b2 .cont_box .box .txt{padding-left: 38px; display: flex; flex-direction: column;}
.ov-b2 .cont_box .box .txt em{font-size: 22px; line-height: 32px; font-weight: 500; color: #000; font-style: normal;}
.ov-b2 .cont_box .box .txt span{font-size: 18px; line-height: 26px; color: #666; padding-top: 10px;}

@media screen and (max-width:1600px){
    .ov-b2{ padding: 63px 0 75px;}
    .ov-b2 .t1{font-size: 32px; line-height: 44px;}
    .ov-b2 .t2,
    .ov-b2 .cont_box .box .txt span{font-size: 16px; line-height: 26px;}
    .ov-b2 .cont_box .box .txt em{font-size: 20px; line-height: 30px;}
}
@media screen and (max-width:1440px){
    .ov-b2 .t1{font-size: 30px; line-height: 44px;}
    .ov-b2 .t2,
    .ov-b2 .cont_box .box .txt span{font-size: 15px;}
}
@media screen and (max-width:1280px){
    .ov-b2 .t1{font-size: 38px; line-height: 50px;}
    .ov-b2 .t2,
    .ov-b2 .cont_box .box .txt span{font-size: 18px;}
    .ov-b2 .cont_box .box .txt em{font-size: 22px; line-height: 32px;}
}
@media screen and (max-width:1200px){
    .ov-b2 .t1{font-size: 30px; line-height: 44px;}
    .ov-b2 .t2,
    .ov-b2 .cont_box .box .txt span{font-size: 16px;}
}
@media screen and (max-width:980px){
    .ov-b2 .t1{font-size: 26px; line-height: 38px;}
    .ov-b2 .cont_box .box .txt {padding-left: 20px;}
}
@media screen and (max-width:800px){
    .ov-b2 .t1{font-size: 22px; line-height: 32px;}
    .ov-b2 .cont_box{flex-direction: column;}
    .ov-b2 .cont_box .box{padding: 20px 0; width: 100%;}
}
@media screen and (max-width:650px){
    .ov-b2 .t2{word-break: keep-all;}
    .ov-b2 .t2 br{display: none;}
}
@media screen and (max-width:640px){
    .ov-b2{ padding: 63px 0 40px;}
    .ov-b2 .t1{font-size: 24px;}
    .ov-b2 .t2{font-size: 16px; line-height: 28px; padding:25px 0 30px;}
}
@media screen and (max-width:480px){
    .ov-b1 .txt .t1{font-size: 22px; line-height: 32px;}
}
@media screen and (max-width:420px){
    .ov-b2{ padding-top: 40px;}
    .ov-b2 .t1{word-break: keep-all;}
    .ov-b2 .t1 br{display: none;}
    .ov-b2 .cont_box .box {padding: 10px 0;}
    .ov-b2 .cont_box .box .img {width: 60px;}
    .ov-b2 .cont_box .box .txt{padding-left: 10px;}
    .ov-b2 .cont_box .box .txt em{line-height: 22px; font-size: 16px;}
    .ov-b2 .cont_box .box .txt span{font-size: 14px; line-height: 18px; padding-top: 0;}
}
@media screen and (max-width:360px){
    .ov-b2 .cont_box .box {padding: 5px 0;}
    .ov-b2 .cont_box .box .img {width: 40px; padding-top: 5px; border-radius: 0;}
    .ov-b2 .cont_box .box .img img {border-radius: 3px;}
}



.ov-b3{ border-top:1px #c0c0c0 dashed; padding: 83px 0 170px; width: 1540px; margin-left: -340px;}
.ov-b3 .wrap_{display: flex; flex-direction: column; align-items: center; padding: 0; width: 100%;}
.ov-b3 .ti{font-size: 42px; line-height: 42px; font-weight: 700; color: #333; }
.ov-b3 .line{width:1px; height: 43px; background: #635d5d; margin: 30px 0 40px;}
.ov-b3 .b1{display: flex; width: 100%;}
.ov-b3 .b1 .img{width: 50%;}
.ov-b3 .b1 .img img{max-width: 560px;}
.ov-b3 .b1 .txt {width: 50%; padding: 154px 0 0 40px;}
.ov-b3 .b1 .txt .t1{font-size: 38px; line-height: 48px; font-weight: 700; color: #000; }
.ov-b3 .b1 .txt .t2{font-size: 18px; line-height: 34px; color: #212121; padding-top: 42px; font-family: 'S-CoreDream';}

@media screen and (max-width:1600px){
    .ov-b3{width: calc(100% + 340px); margin-left: -340px;}
}
@media screen and (max-width:1280px){
    .ov-b3{width: 100%; margin-left: 0;}
    .ov-b3 .line{margin: 20px 0 30px;}
    .ov-b3 .b1 .img{width: 50%;}
    .ov-b3 .b1 .img img{max-width: 518px;}
    .ov-b3 .b1 .txt {padding: 154px 0 0 20px;}
    .ov-b3 .b1 .txt .t2{padding-top: 50px;}
}
@media screen and (max-width:1240px){
    .ov-b3 .b1 .img img{max-width: 100%;}
    .ov-b3 .b1 .txt { padding: 40px 0 0 20px; }
    .ov-b3 .b1 .txt .t1{font-size: 30px; line-height: 44px; font-weight: 500;}
    .ov-b3 .b1 .txt .t2{font-size: 18px; line-height: 34px; font-weight: 400; word-break: keep-all;}
    .ov-b3 .b1 .txt .t2 br{display: none;}
}
@media screen and (max-width:980px){
    .ov-b3 .ti{font-size: 36px; line-height: 36px;}
    .ov-b3 .line {height: 30px; margin: 20px 0 30px; }
    .ov-b3 .b1 .txt { padding-top: 20px; }
    .ov-b3 .b1 .txt .t1{font-size: 26px; line-height: 38px; word-break: keep-all;}
    .ov-b3 .b1 .txt .t1 br{display: none;}
    .ov-b3 .b1 .txt .t2{font-size: 16px; line-height: 30px; padding-top: 20px;}
}
@media screen and (max-width:640px){
    .ov-b3{ padding: 65px 0 105px;}
    .ov-b3 .ti{font-size: 36px; line-height: 36px;}
    .ov-b3 .line{width:1px; height: 33px; margin: 15px 0 50px;}
    .ov-b3 .b1{flex-direction: column;}
    .ov-b3 .b1 .img{width: 100%;}
    .ov-b3 .b1 .img img{width: 100%; max-width:none;}
    .ov-b3 .b1 .txt {width: 100%; padding: 0 10px;}
    .ov-b3 .b1 .txt .t1{padding-top: 35px; font-size: 24px; line-height: 30px; word-break: keep-all;}
    .ov-b3 .b1 .txt br{display: none;}
    .ov-b3 .b1 .txt .t2{padding-top: 30px; font-weight: 300;}
    .ov-b3 .b1 .txt .t2 br.m640{display: block;}
}
@media screen and (max-width:480px){
    .ov-b3 .b1 .txt {padding: 0;}
}



.ov-b4{position: relative; width: 100vw; margin-left: calc(-50vw + 430px);}
.ov-b4 .whitebg{position: absolute; height: 100%; width:50vw; top: 0; left:0; background: url(/image/overview/ov4_bg1.png) no-repeat 0 0;}
.ov-b4 .wrap_{width: 1540px; margin:auto; z-index: 1; position: relative; padding: 70px 0 40px; background: url(/image/overview/ov4_bg1.png) no-repeat right 0;}
.ov-b4 .txtbg{font-family: 'AritaBuri'; font-size: 120px; line-height: 120px; color: rgba(231,231,231,0.7); font-style: italic;}
.ov-b4 .tbg1{position: absolute; top: -70px; left: 32px;}
.ov-b4 .box{padding: 50px 0; display: flex; justify-content: space-between;}
.ov-b4 .img img{width: 100%;}
.ov-b4 .txt .t1{font-size: 38px; line-height: 44px; font-weight: 700; color: #000; padding-top: 70px;}
.ov-b4 .txt .t2{font-family: 'S-CoreDream'; font-size: 18px; line-height: 34px; color: #212121; padding-top: 50px;}
.ov-b4 .b1 .img{width: 840px; order: 2;}
.ov-b4 .b1 .txt{width: calc(100% - 840px); padding-left: 60px; order: 1;}
.ov-b4 .b2 .img{width: 560px;}
.ov-b4 .b2 .txt{width: calc(100% - 560px); padding-left: 180px;}
.ov-b4 .b2 .txt .tbg2{margin-top: 30px;}
.ov-b4 .b2 .txt .t1 .m640{display: none;}

@media screen and (max-width:1600px){
    .ov-b4{width: 150vw; margin-left: calc(-75vw + 35.8333%);}
    .ov-b4 .wrap_{width: 100vw; padding: 70px 30px 40px;}
    .ov-b4 .txtbg{font-size: 100px; line-height: 100px;}
    .ov-b4 .tbg1{top: -60px;}
    .ov-b4 .b1 .img{width: 750px;}
    .ov-b4 .b1 .txt{width: calc(100% - 750px); padding-left: 20px;}
    .ov-b4 .b2 .txt{padding-left: 120px;}
}
@media screen and (max-width:1360px){
    .ov-b4{margin-left: calc(-75vw + 34%);}
    .ov-b4 .b1 .img{width: 600px;}
    .ov-b4 .b1 .txt{width: calc(100% - 600px); padding-left: 20px;}
    .ov-b4 .b2 .img{width: 520px;}
    .ov-b4 .b2 .txt{width: calc(100% - 520px); padding-left: 100px;}
}
@media screen and (max-width:1280px){
    .ov-b4{width: 100vw; margin-left: -30px;}
    .ov-b4 .whitebg{display: none;}
    .ov-b4 .wrap_{width: 100%; padding: 10px 30px 30px; background-position: 0 0;}
    .ov-b4 .tbg1{top: -70px; left: 0;}
    .ov-b4 .box{padding: 65px 0;}
    .ov-b4 .txt .t1{padding-top: 50px;}
    .ov-b4 .txt .t2{padding-top: 65px;}
    .ov-b4 .b1 .img{width: 640px;}
    .ov-b4 .b1 .txt{width: calc(100% - 640px); padding-left: 20px;}
    .ov-b4 .b2 .img{width: 520px;}
    .ov-b4 .b2 .txt{width: calc(100% - 520px); padding-left: 60px;}
    .ov-b4 .b2 .txt .tbg2{margin-top: 15px;}
    .ov-b4 .b2 .txt .t2 br{display: none;}
    .ov-b4 .b2 .txt .t2 br.m1280{display: block;}
}
@media screen and (max-width:1240px){
    .ov-b4 .txt .t1 { padding-top: 20px; font-size: 30px; line-height: 44px; font-weight: 500; word-break: keep-all;}
    .ov-b4 .txt .t2 { font-size: 18px; line-height: 34px; word-break: keep-all;}
    .ov-b4 .b1 .img{width: 580px;}
    .ov-b4 .b1 .txt{width: calc(100% - 580px); padding-left: 0; padding-right: 20px;}
    .ov-b4 .b2 .img{width: 450px;}
    .ov-b4 .b2 .txt{width: calc(100% - 450px); padding-left: 40px;}
}
@media screen and (max-width:1140px){
    .ov-b4 .txt .t2 {padding-right: 20px;}
    .ov-b4 .txt .t2 br,
    .ov-b4 .b2 .txt .t2 br.m1280{ display: none;}
}
@media screen and (max-width:1000px){
    .ov-b4 .txt .t1 { padding-top: 0;}
    .ov-b4 .txt .t2 { padding-top: 20px;}
    .ov-b4 .b1 .img{width: 50%;}
    .ov-b4 .b1 .txt{width: 50%;}
    .ov-b4 .b2 .img{width: 40%;}
    .ov-b4 .b2 .txt{width: 60%; padding-left: 40px;}
}
@media screen and (max-width:980px){
    .ov-b4 .wrap_{ padding-top: 40px}
    .ov-b4 .txtbg{font-size: 72px; line-height: 72px;}
    .ov-b4 .tbg1{top: -50px; left: 10px;}
    .ov-b4 .txt .t1{font-size: 26px; line-height: 38px;}
    .ov-b4 .txt .t2{font-size: 16px; line-height: 30px;}
    .ov-b4 .box { padding: 40px 0; }
}
@media screen and (max-width:960px){
    .ov-b4{margin-left: -20px;}
}
@media screen and (max-width:780px){
    .ov-b4 .txt .t1 br,
    .ov-b4 .b1 .txt .t1 br.m640,
    .ov-b4 .b2 .txt .t1 br.m640{ display: none;}
}
@media screen and (max-width:640px){
    .ov-b4{margin-left: -20px;}
    .ov-b4 .wrap_{padding: 50px 20px 0;}
    .ov-b4 .txtbg{font-size: 56px; line-height: 56px;}
    .ov-b4 .tbg1{top: -30px; left: 20px;}
    .ov-b4 .box{position: relative; padding: 0 0 50px; display: flex; flex-direction: column;}
    .ov-b4 .txt .t1{font-size: 24px; line-height: 30px; padding-top: 20px;}
    .ov-b4 .txt .t2{padding-top: 20px; font-weight: 300;}
    .ov-b4 .b1 .img{width: 100%; order: 1;}
    .ov-b4 .b1 .txt{width: 100%; padding-left: 10px; order: 2;}
    .ov-b4 .b2 .img{width: 100%;}
    .ov-b4 .b2 .txt{width: 100%; padding-left: 10px;}
    .ov-b4 .b2 .txt .tbg2{position: absolute; top:82vw; margin: 0; font-size: 80px;}
    .ov-b4 .b1 .txt .t1 br{display: none;}
    .ov-b4 .b1 .txt .t1 br.m640{display: block;}
    .ov-b4 .b2 .txt .t1 br{display: none;}
    .ov-b4 .b2 .txt .t1 br.m640{display: block;}
    .ov-b4 .b2 .txt .t2 br{display: none;}
    .ov-b4 .b2 .txt .t2 br.m640{display: block;}
}
@media screen and (max-width:600px){
    .ov-b4 .txtbg{font-size: 48px; line-height: 48px;}
    .ov-b4 .tbg1{top: -30px;}
    .ov-b4 .b1 .txt .t1 br.m640{display: none;}
    .ov-b4 .b2 .txt .t1 br.m640{display: none;}
    .ov-b4 .b2 .txt .t2 br.m640{display: none;}
}
@media screen and (max-width:480px){
    .ov-b4 .tbg1{top: -5.5vw;}
    .ov-b4 .txtbg,
    .ov-b4 .b2 .txt .tbg2{font-size: 10vw; line-height: 10vw;}
    .ov-b4 .b2 .txt .tbg2{top:80vw;}
    .ov-b4 .box .txt{padding-left: 0;}
}


.ov-b5{position: relative; width: 100vw; margin-left: calc(-50vw + 430px); background: #faf9f8; padding: 128px 0; margin-bottom: -70px;}
.ov-b5 .wrap_{display: flex; flex-direction: column; align-items: center;}
.ov-b5 .ti{height: 28px; background: #eee2dc; overflow: visible;}
.ov-b5 .ti span{font-size: 42px; line-height: 42px; font-weight: 500; color: #663a1f; display: inline-block; margin-top: -35px;}
.ov-b5 .cont_box{padding-top: 42px; display: flex;}
.ov-b5 .cont_box .box{border: 1px #e5e5e5 solid; border-radius: 12px; background: #fff; padding-top: 42px; margin: 0 25px; display: flex; flex-direction: column; align-items: center; width: 380px; height: 400px;}
.ov-b5 .cont_box .box .img{height: 130px; display: flex; align-items: center;}
.ov-b5 .cont_box .box .img img{}
.ov-b5 .cont_box .box span{font-size: 16px; line-height: 16px; color: #fff; width: 102px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background: #bba985;}
.ov-b5 .cont_box .box em{font-size: 28px; line-height: 28px; font-weight: 500; color: #000; padding: 25px 0 10px; font-style: normal;}
.ov-b5 .cont_box .box p{font-size: 18px; line-height: 24px; color: rgba(0,0,0,0.8); text-align: center; font-family: 'S-CoreDream'; padding: 0 10px;}

@media screen and (max-width:1600px){
    .ov-b5{width: 150vw; margin-left: calc(-75vw + (35.8333% - 40px));}
    .ov-b4 .wrap_{width: 100vw;}
}
@media screen and (max-width:1280px){
    .ov-b5{width: 100vw; margin-left: -30px; padding: 105px 0 100px;}
    .ov-b5 .wrap_{width: 100%; padding: 0 20px;}
    .ov-b5 .cont_box{width: 100%;}
    .ov-b5 .cont_box .box{ margin: 0 20px; width:calc(33.33% - 40px); height: 400px;}
}
@media screen and (max-width:1000px){
    .ov-b5{margin-left: -20px;}
    .ov-b5 .cont_box .box{ margin: 0 15px; width:calc(33.33% - 30px); height: 400px;}
    .ov-b5 .cont_box .box em{font-size: 24px; line-height: 24px;}
    .ov-b5 .cont_box .box p{font-size: 16px; line-height: 20px;}
}
@media screen and (max-width:800px){
    .ov-b5 .cont_box .box{ margin: 0 10px; width:calc(33.33% - 20px); height: 400px;}
}
@media screen and (max-width:720px){
    .ov-b5{margin-left: -20px; padding: 85px 0 50px; margin-bottom: -70px;}
    .ov-b5 .wrap_{padding: 0 15px;}
    .ov-b5 .ti{height: 20px;}
    .ov-b5 .ti span{font-size: 32px; line-height: 32px; margin-top: -25px;}
    .ov-b5 .cont_box{padding-top: 40px; display: flex; flex-direction: column; align-items: center;}
    .ov-b5 .cont_box .box{padding-top: 40px; margin: 0 0 30px; width: 520px; height: 400px;}
    .ov-b5 .cont_box .box em{font-size: 24px; line-height: 24px; padding: 25px 0 15px;}
    .ov-b5 .cont_box .box p{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:560px){
    .ov-b5 .cont_box .box{padding-top: 30px; margin: 0 0 15px; width: 100%; height: 400px;}
    .ov-b5 .cont_box .box em{font-size: 20px; line-height: 20px;}
    .ov-b5 .cont_box .box p{font-weight: 300;}
}


.content-box &gt; section &gt; .ti{display: flex; align-items: center; justify-content: space-between;    }
.content-box &gt; section .text-box{font-family: Verdana,sans-serif;color:#666666;font-size: 16px;font-weight: 400}
.content-box &gt; section .text-content{border:5px solid #e9e9e9;padding:35px;}
.content-box &gt; section .t-box{display: flex;column-gap: 20px;align-content: center;}
.content-box &gt; section .t-box &gt; h2{font-size: 24px;font-weight: 700;font-family: 'Noto Sans KR',sans-serif;color:#000000;line-height: 24px;}
.content-box &gt; section .t-box &gt; p{font-size: 16px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif;color:#000000;line-height: 24px;}
.content-box &gt; section .text-content ul :is(h2,p){font-size: 15px;font-weight: 400;color:#333333;line-height: 18px;}
.content-box &gt; section .text-content ul.blue_check {display: flex;flex-direction: column;row-gap: 20px;}
.content-box &gt; section .text-content ul.blue_check &gt; li{padding-left: 33px;position: relative;}
.content-box &gt; section .text-content ul.blue_check &gt; li::before{content:'';display: block;background-image: url("/image/common/text-content_li.png");width: 18px;height: 18px;position: absolute;left: 0;}
.content-box &gt; section .text-content ul.blue_check &gt; li &gt; p{color:#010101;}
.content-box &gt; section .text-content ul.blue_check &gt; li &gt; :is(ul,ol){margin-top: 10px;display: flex;flex-direction: column;row-gap: 20px;}
.content-box &gt; section .text-content ol &gt; li::marker{font-size: 15px;}

.content-box &gt; section .text-content ul.red_check {display: flex;flex-direction: column;row-gap: 20px;}
.content-box &gt; section .text-content ul.red_check li {font-size: 18px;line-height: 1.33em;}
.content-box &gt; section .text-content ul.red_check li :is(h2,p){font-size: 18px;}
.content-box &gt; section .text-content ul.red_check &gt; li &gt; ol &gt; li::marker{font-size: 18px;}
.content-box &gt; section .text-content ul.red_check &gt; li &gt; :is(h2,p){font-size: 18px;font-weight: 700;color:#000000;line-height: 1.75;}
.content-box &gt; section .text-content ul.red_check &gt; li{padding-left: 40px;position: relative;}
.content-box &gt; section .text-content ul.red_check &gt; li::before{content:'';display: block;    background: #dd164a url(/image/tool/icon_chk1.png) no-repeat center center;border-radius: 20px;width: 28px;height: 28px;position: absolute;left: 0;}
.content-box &gt; section .text-content ul.red_check &gt; li &gt; p{color:#010101;}
.content-box &gt; section .text-content ul.red_check &gt; li &gt; :is(ul,ol){margin-top: 10px;display: flex;flex-direction: column;row-gap: 20px;}


.content-box &gt; section .text-content ul.arrow{display: flex;flex-direction: column;row-gap: 6px;margin-top: 10px;}
.content-box &gt; section .text-content ul.arrow &gt; li{position: relative;padding-left: 20px;}
.content-box &gt; section .text-content ul.arrow &gt; li :is(h2,p){line-height: 20px;}
.content-box &gt; section .text-content ul.arrow &gt; li:before {content:'â–·';display: block;position: absolute;left: 0;}
.content-box &gt; section .text-content ul.num {padding-left: 5px;margin-top: 5px;display: flex;flex-direction: column;row-gap: 6px;counter-reset: number 0;}
.content-box &gt; section .text-content ul.num &gt; li{list-style: none;padding-left: 20px;position: relative;}
.content-box &gt; section .text-content ul.num &gt; li::before{counter-increment: number 1;content: counter(number)')';font-size: 15px;position: absolute;left: 0;}
.content-box &gt; section .text-content ul.bar {margin-top: 5px;}
.content-box &gt; section .text-content ul.bar &gt; li{position: relative;padding-left: 10px;}
.content-box &gt; section .text-content ul.bar &gt; li::before{content:'-';font-size: 15px;margin-right: 5px;position: absolute;left: 0;}


@media screen and (max-width:640px){
    .content-box &gt; section .text-content {padding: 30px 25px;}
    .content-box &gt; section .text-content ul.red_check li {font-size: 16px;}
    .content-box &gt; section .text-content ul.red_check li :is(h2,p){font-size: 16px;}
    .content-box &gt; section .text-content ul.red_check &gt; li &gt; ol &gt; li::marker{font-size: 16px;}
    .content-box &gt; section .text-content ul.red_check &gt; li &gt; :is(h2,p){font-size: 16px;}
    .content-box &gt; section .text-content ol {padding-left: 1rem;}
    .content-box &gt; section .t-box &gt; h2 {font-size: 18px;line-height: 24px;}
    .content-box &gt; section .t-box &gt; p {font-size: 12px;line-height: 24px;}

}

@media screen and (max-width:540px){
    .content-box &gt; section .text-content {padding: 20px 10px;}
    .content-box &gt; section .text-content ul.red_check &gt; li::before {background-size: 10px auto;width: 20px;height: 20px;}
    .content-box &gt; section .text-content ul.red_check &gt; li {padding-left: 25px;}
    .content-box &gt; section .text-content ul.red_check li {font-size: 14px;}
    .content-box &gt; section .text-content ul.red_check li :is(h2,p){font-size: 14px;}
    .content-box &gt; section .text-content ul.red_check &gt; li &gt; ol &gt; li::marker{font-size: 14px;}
    .content-box &gt; section .text-content ul.red_check &gt; li &gt; :is(h2,p){font-size: 14px;}
    .content-box &gt; section .text-content ol {padding-left: 1rem;}
}



/*.ti_01{font-size: 24px; line-height: 1; font-weight: 700; color: #36498d; background: url(/image/tool/tl_ti_icon_01.png) no-repeat 5px center;    background-size: contain; padding-left: 35px}*/
.ti_01{font-size: 24px; line-height: 1; font-weight: 700; color: #da0f47; background: url(/image/tool/tl_ti_icon_03.png) no-repeat 0 center;    padding:10px 0 10px 35px;}
.ti_02{font-size: 24px; line-height: 1; font-weight: 700; color: #36498d; background: url(/image/tool/tl_ti_icon_02.png) no-repeat 0 center;    padding: 16px 0 16px 37px;}
.ti_03{font-size: 24px; line-height: 1; font-weight: 700; color: #36498d; background: url(/image/tool/tl_ti_icon_03.png) no-repeat 0 center;    background-size: contain; padding-left: 37px;}
.ti_04{font-size: 24px; line-height: 1; font-weight: 700; color: #000; background: url(/image/tool/tl_ti_icon_04.png) no-repeat 0 center;    background-size: contain; padding: 5px 0 5px 37px;}
.ti_05{font-size: 24px; line-height: 1; font-weight: 700; color: #000; background: url(/image/tool/tl_ti_icon_05.png) no-repeat 0 center;    background-size: contain; padding: 7px 0 7px 37px;}
.content-box &gt; section &gt; .ti &gt; span{font-size: 16px; line-height: 1; font-weight: 400; color: #999;}
@media screen and (max-width:1280px){

}
@media screen and (max-width:640px){
    .ti_01, .ti_02, .ti_03, .ti_04, .ti_05{font-size: 18px;}
    .ti_01{padding:4px 0 10px 30px; background-position:top left; font-size: 16px;}
    .ti_02{padding: 16px 0 16px 32px;}
    .ti_03{padding-left:30px;}
}


.title_right{margin-top: -70px; float: right;}
.title_right .down{width: 180px; height: 50px; display: flex; align-items: center; justify-content: center; padding-right: 17px; background: url(/image/tool/down_icon1.png) no-repeat calc(100% - 18px) center; border-radius: 30px; border: 1px #221e1f solid; font-size: 16px; color: #000; font-weight: 700; letter-spacing: 0.025em;}
.title_right .down:hover{color:#ffffff;background: url(/image/tool/down_icon1_on.png) no-repeat calc(100% - 18px) center #221e1f; }

@media screen and (max-width:640px){
    .content-box &gt; section &gt; .ti &gt; span {display: none;}
    .title_right{margin-top: -65px;}

}
@media screen and (max-width:580px){
    /*.title_right{margin: 40px auto 0; width: 100%; display: flex; justify-content: center; float: none;}*/
    .title_right{margin: 40px auto 0; width: 100%; display: none; justify-content: center; float: none;}
    .title_right .down{display:none;}
}


.tb01{width: 100%; padding: 0; margin: 0;}
.tb01 thead{border-left: 1px #ddd solid; border-bottom: 1px #000 solid;}
.tb01 thead tr{}
.tb01 thead th{background: #f5f5f5; border-right:1px #ddd solid; border-top: 1px #ddd solid; text-align: center; height: 50px; font-family: Verdana; font-size: 16px; line-height: 20px; font-weight: 700; color: #000;}
.tb01 thead tr:first-child th{border-top: 3px #36498d solid;}
.tb01 tbody {border-left:1px #ddd solid;}
.tb01 tbody td{background: #fff; border-right:1px #ddd solid; border-bottom: 1px #ddd solid; text-align: center; height: 40px; font-family: Verdana; font-size: 16px; line-height: 20px; font-weight: 400; color: #000;padding:0 20px;}

@media screen and (max-width:1280px){
    .tb01 thead th{ height: 50px; font-size: 16px; line-height: 20px; }
    .tb01 tbody td{ height: 40px; font-size: 16px; line-height: 20px; }
}

@media screen and (max-width:640px){
    .tb01 thead th{ height: 100px; font-size: 13px; line-height: 16px;}
    .tb01 tbody td{ font-size: 13px; line-height: 20px;padding:0 10px;}
}



.tb02{width: 100%; padding: 0; margin: 0;}
.tb02 thead{}
.tb02 thead tr{}
.tb02 thead th{background: #5a3405; border-left: 1px #fff solid; height: 55px; font-family: Verdana; font-size: 16px; font-weight: 700; color: #fff; text-align: center;}
.tb02 thead th:first-child{ border-left: 0;}
.tb02 tbody tr{}
.tb02 tbody td{background: #fff; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; height: 40px; font-family: Verdana; font-size: 16px; color: #000; text-align: center;}
.tb02 tbody td:first-child{ border-left: 1px #ddd solid;}

@media screen and (max-width:640px){
    .tb02 thead th{ font-size: 13px; line-height: 16px;}
    .tb02 tbody td{ font-size: 13px; line-height: 20px;}
}


.tl-01-b1{margin-top: 46px;}
.tl-01-b1 .imgs{display: flex; justify-content: space-between;}
.tl-01-b1 .imgs .img{border-radius: 10px; border: 1px #e8e8e8 solid; overflow: hidden; margin-left: 10px; width: calc(33.333% - 6.667px);}
.tl-01-b1 .imgs .img:first-child{ margin-left: 0;}
.tl-01-b1 .imgs .img &gt; img{width: 100%;}

@media screen and (max-width:640px){
    .tl-01-b1{margin-top: 30px;}
    .tl-01-b1 .imgs{display: flex; flex-direction: column;}
    .tl-01-b1 .imgs .img{width: 100%; margin-top: 10px; margin-left: 0;}
    .tl-01-b1 .imgs .img:first-child{ margin-top: 0;}
}


.tl-01-b2{margin-top: 75px;}
.tl-01-b2 .tb01{margin-top: 8px;border-bottom: 2px solid #000;}
.tl-01-b2 .tb01 tr td:nth-child(1){width: 10%;}
.tl-01-b2 .tb01 tr td:nth-child(2){width: 20%;}
.tl-01-b2 .tb01 tr td:nth-child(3){width: 4%;}
.tl-01-b2 .tb01 tr td:nth-child(4){width: 4%;}
.tl-01-b2 .tb01 tr td:nth-child(5){width: 4%;}
.tl-01-b2 .tb01 tr td:nth-child(6){width: 4%;}
.tl-01-b2 .tb01 tr td:nth-child(7){width: 4%;}
.tl-01-b2 .tb01 tr td:nth-child(8){width: 13%;}
.tl-01-b2 .tb01 tr td:nth-child(9){width: 13%;}
.tl-01-b2 .tb01 tr td:nth-child(10){width: 14%;}
.tl-01-b2 .imgs{display: flex; margin-top: 80px;}
.tl-01-b2 .imgs2{display: flex; flex-direction: column; margin-left: 10px; width: calc(50% - 5px);}
.tl-01-b2 .imgs .img{ margin-top: 10px; border: 1px #e8e8e8 solid; overflow: hidden; border-radius: 10px; width: calc(50% - 5px); display: flex; align-items: center; justify-content: center;}
.tl-01-b2 .imgs .img:first-child{ margin-top: 0;}
.tl-01-b2 .imgs2 .img{ border: 0; width: 100%;}
.tl-01-b2 .imgs .img img{width: 100%;}

.tb01 thead td.left{text-align:left;}


@media screen and (max-width:640px){
    .tl-01-b2 {margin-top:40px;}
    .tl-01-b2 .tb01{margin-top: 20px;}
    .tl-01-b2 .imgs{flex-direction: column;}
    .tl-01-b2 .imgs2{margin-left: 0; width: 100%;}
    .tl-01-b2 .imgs .img{width: 100%;}
    .tl-01-b2 .imgs2 .img:first-child{ margin-top: 10px;}
}



.tl-01-b3{margin-top: 90px; overflow: hidden;}
.tl-01-b3 .ti{display: flex; justify-content: space-between; align-items: center;}
.tl-01-b3 .ti .navi_bu{display: flex; width: auto;}
.tl-01-b3 .ti .navi_bu button{width: 48px; height: 48px; border-radius: 25px; border:1px #d4d4d4 solid; background: url(/image/tool/tl_img_navi_icon.png) no-repeat center center; transition: 0.3s;}
.tl-01-b3 .ti .navi_bu button:hover{background-color: #eee;}
.tl-01-b3 .ti .navi_bu .next{transform: rotateY(180deg); margin-left: 6px;}
.tl-01-b3 .imgs{margin-top: 20px;}
.tl-01-b3 .imgs .slick-track{}
.tl-01-b3 .imgs .slick-track .slick-slide{margin-left: 30px;transition-duration: 0.3s;}
.tl-01-b3 .imgs .slick-track .slick-slide:first-child{margin-left: 0;}
.tl-01-b3 .imgs .slick-track .slick-slide .box{border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
.tl-01-b3 .imgs .box .img{display: flex; align-items: center; justify-content: center; position: relative;}
.tl-01-b3 .imgs .box .img &gt; img{}
.tl-01-b3 .imgs .box .img &gt; .over{position: absolute; top: 0; left:0; right:0; bottom:0; opacity: 0; transition: 0.3s; display: flex; align-items: center; justify-content: center;}
.tl-01-b3 .imgs .box .img &gt; .over:hover{opacity: 1;}
.tl-01-b3 .imgs .box .img &gt; .over .bg{width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.tl-01-b3 .imgs .box .img &gt; .over .view{position: absolute; width: 60px; height: 60px; border-radius: 30px; background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;}
.tl-01-b3 .imgs .box .name{height: 80px; display: flex; align-items: center; justify-content: center; background: #e8e8e8; font-size: 18px; line-height: 30px; font-weight: 500; color: #000;}

@media screen and (max-width:1280px){
    .tl-01-b3{margin-top: 90px; overflow: hidden;}
    .tl-01-b3 .ti{display: flex; justify-content: space-between; align-items: center;}
    .tl-01-b3 .ti .navi_bu{display: flex; width: auto;}
    .tl-01-b3 .ti .navi_bu button{width: 48px; height: 48px; border-radius: 25px; border:1px #d4d4d4 solid; background: url(/image/tool/tl_img_navi_icon.png) no-repeat center center; transition: 0.3s;}
    .tl-01-b3 .ti .navi_bu button:hover{background-color: #eee;}
    .tl-01-b3 .ti .navi_bu .next{transform: rotateY(180deg); margin-left: 6px;}
    .tl-01-b3 .imgs{margin-top: 20px;}
    .tl-01-b3 .imgs .slick-track{}
    .tl-01-b3 .imgs .slick-track .slick-slide{margin-left: 30px;}
    .tl-01-b3 .imgs .slick-track .slick-slide:first-child{margin-left: 0;}
    .tl-01-b3 .imgs .slick-track .slick-slide .box{border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
    .tl-01-b3 .imgs .box .img{display: flex; align-items: center; justify-content: center; position: relative;}
    .tl-01-b3 .imgs .box .img &gt; img{}
    .tl-01-b3 .imgs .box .img &gt; .over{position: absolute; top: 0; left:0; right:0; bottom:0; opacity: 0; transition: 0.3s; display: flex; align-items: center; justify-content: center;}
    .tl-01-b3 .imgs .box .img &gt; .over:hover{opacity: 1;}
    .tl-01-b3 .imgs .box .img &gt; .over .bg{width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    .tl-01-b3 .imgs .box .img &gt; .over .view{position: absolute; width: 60px; height: 60px; border-radius: 30px; background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;}
    .tl-01-b3 .imgs .box .name{height: 80px; display: flex; align-items: center; justify-content: center; background: #e8e8e8; font-size: 18px; line-height: 30px; font-weight: 500; color: #000;}
}

@media screen and (max-width:640px){
    .tl-01-b3{margin-top: 60px;}
    .tl-01-b3 .imgs .slick-track .slick-slide{margin-left: 10px; width:calc(50vw - 25px);}
    .tl-01-b3 .imgs .slick-track .slick-slide .box .img img{width: 100%;}
    .tl-01-b3 .imgs .slick-dots{padding-top: 30px; position: relative; bottom:0;}
    .tl-01-b3 .imgs .slick-dots li{margin: 0 2px; width: auto; height: auto; overflow: hidden;}
    .tl-01-b3 .imgs .slick-dots button{background: #dbdbdb; height: 14px; width: 14px; border-radius: 7px;}
    .tl-01-b3 .imgs .slick-dots .slick-active button{background: #3617ce; width: 30px;}
    .tl-01-b3 .imgs .slick-dots button:before{display: none;}
}
@media screen and (max-width:420px){
    .tl-01-b3 .imgs .slick-track .slick-slide{margin-left: 10px; width:calc(100vw - 40px);}
}


.tl-01-b4{clear: both; margin-top: 110px;}
.tl-01-b4 .movies{}
.tl-01-b4 .movie{margin-top: 23px; width: 100%; height: 680px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px;}
.tl-01-b4 .movie #movie{width: 100%; height: 100%;}

@media screen and (max-width:1280px){
    .tl-01-b4{clear: both; margin-top: 110px;}
    .tl-01-b4 .movies{}
    .tl-01-b4 .movie{margin-top: 23px; width: 100%; height: 680px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px;}
    .tl-01-b4 .movie #movie{width: 100%; height: 100%;}
}
@media screen and (max-width:640px){
    .tl-01-b4{clear: both; margin-top: 87px;}
    .tl-01-b4 .movie{height: 380px;}
}







.tl-02-b1{margin-top: 46px; }
.tl-02-b1 .imgs{margin-top: 20px; display: flex; justify-content: space-between;}
.tl-02-b1 .imgs .img{border: 1px #e8e8e8 solid; overflow: hidden; border-radius: 10px; margin-left: 10px;}
.tl-02-b1 .imgs .img:first-child{margin-left: 0;}
.tl-02-b1 .imgs .img img{width: 100%;}
.tl-02-b1 &gt; .txt{width: 17px; line-height: 24px; color:#666; padding-top: 30px; width: 100%; word-break: keep-all;}

@media screen and (max-width:640px){
    .tl-02-b1 .imgs{flex-direction: column;}
    .tl-02-b1 .imgs .img{margin: 10px 0 0 0; width: 100%;}
    .tl-02-b1 .imgs .img:first-child{margin-top: 0;}
}



.tl-02-b2{margin-top: 75px;}
.tl-02-b2 .ti{display: flex; align-items: center; justify-content: space-between;}
.tl-02-b2 .ti span{font-size: 16px; line-height: 1; font-weight: 400; color: #999;}
.tl-02-b2 .table-box{margin-top: 20px;}
.tl-02-b2 table thead th{height: 100px;}
.tl-02-b2 table tr &gt; td:nth-child(1){width: 9%;}
.tl-02-b2 table tr &gt; td:nth-child(2){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(3){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(4){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(5){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(6){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(7){width: 13%;}
.tl-02-b2 table tr &gt; td:nth-child(8){width: 13%;}
.tl-02-b2 .txt{padding-top: 30px; font-size: 17px; line-height: 24px; color: #666; word-break: keep-all;}


@media screen and (max-width:480px){
    .tl-02-b2{margin-top:60px;}
    .tl-02-b2 .txt{font-size: 16px; line-height: 24px;}
    .tl-02-b2 .table-box{margin-top: 6px;}
}



.tl-02-b3{margin-top: 80px;}
.tl-02-b3 .imgs{margin-top: 25px; display: flex;}
.tl-02-b3 .imgs2{display: flex; flex-direction: column; margin-left: 10px; width: calc(50% - 5px);}
.tl-02-b3 .imgs .img{ margin-top: 10px; overflow: hidden; border-radius: 10px; width: calc(50% - 5px); display: flex; align-items: center; justify-content: center;}
.tl-02-b3 .imgs2 .img{width: 100%}
.tl-02-b3 .imgs .img:first-child{ margin-top: 0;}
.tl-02-b3 .imgs .img.line{ border: 1px #e8e8e8 solid;}
.tl-02-b3 .imgs .img img{width: 100%;}

@media screen and (max-width:640px){
    .tl-02-b3{margin-top:60px;}
    .tl-02-b3 .imgs{margin-top: 15px;}
    .tl-02-b3 .imgs{flex-direction: column;}
    .tl-02-b3 .imgs2{margin-left: 0; width: 100%;}
    .tl-02-b3 .imgs .img{width: 100%;}
    .tl-02-b3 .imgs2 .img:first-child{ margin-top: 10px;}
}




.tl-02-b5{margin-top: 80px;}
.tl-02-b5 .movies{margin-top: 30px; display: flex; justify-content: space-between;}
.tl-02-b5 .movies .movie{margin-left: 10px; width: 100%; overflow: hidden;}
.tl-02-b5 .movies .movie:first-child{margin-left: 0;}
.tl-02-b5 .movies .movie iframe{ width: 100%; border-radius: 10px;}

@media screen and (max-width:640px){
    .tl-02-b5 .movies{flex-direction: column;}
    .tl-02-b5 .movies .movie{margin-left: 0; margin-top: 10px;}
    .tl-02-b5 .movies .movie:first-child{margin-top: 0;}
}



.tl-02-b6{margin-top: 130px;}
.tl-02-b6 table{margin-top: 18px;}
.tl-02-b6 .txt{font-size: 18px; line-height: 30px; color: #ff0600; padding-top: 20px;}

@media screen and (max-width:640px){
    .tl-02-b6 .txt{font-size: 14px; line-height: 24px; padding-top: 10px;}
}


.tl-02-b7{margin-top: 130px;}
.tl-02-b7 .box{margin-top: 18px; border: 5px #e9e9e9 solid; padding: 30px 26px;}
.tl-02-b7 .box &gt; div{ padding-top: 20px;}
.tl-02-b7 .box &gt; div:first-child{ padding-top:0;}
.tl-02-b7 .box .t1{font-size: 18px; font-weight: 700; color: #000; display: flex; align-items: center;}
.tl-02-b7 .box .t1 .icon{width: 28px; height: 28px; background: #dd164a url(/image/tool/icon_chk1.png) no-repeat center center; border-radius: 20px; margin-right: 16px;}
.tl-02-b7 .box .t2{padding-left: 40px;}
.tl-02-b7 .box .t2 em{font-style: normal; font-size: 18px; line-height: 30px; color: #333; display: block;}
.tl-02-b7 .box .t2 span{display: block; padding-left: 17px; font-size: 18px; line-height: 30px; color: #333;}

@media screen and (max-width:640px){
    .tl-02-b7{margin-top: 110px;}
    .tl-02-b7 .box{padding: 30px 22px;}
    .tl-02-b7 .box .t1{font-size: 16px;}
    .tl-02-b7 .box .t2 em{font-size: 16px; line-height: 24px; margin-bottom: 5px;}
    .tl-02-b7 .box .t2 span{font-size: 16px; line-height: 24px; margin-bottom: 5px; padding-left: 15px; }
}
@media screen and (max-width:480px){
    .tl-02-b7 .box{padding: 20px 15px;}
    .tl-02-b7 .box .t1{font-size: 14px;}
    .tl-02-b7 .box .t1 .icon{width: 20px; height: 20px; margin-right: 12px;}
    .tl-02-b7 .box .t2{padding-left: 30px;}
    .tl-02-b7 .box .t2 em{font-size: 14px; line-height: 20px;}
    .tl-02-b7 .box .t2 span{font-size: 14px; line-height: 20px; padding-left: 12px; }
}



.tl-03-b1{display: flex;align-items: flex-end;height: 320px;margin-top: 45px;}
.tl-03-b1 .text-item{width:530px;display: flex;height:100%;background-color: #000154;flex-direction: column;row-gap: 40px;justify-content: flex-end;padding:45px;}
.tl-03-b1 .text-item .logo-item{width: 152px;}
.tl-03-b1 .text-item .logo-item &gt; img{width: 100%;height: auto;display: block;object-fit: cover}
.tl-03-b1 .text-item p {font-weight: 700;font-size: 24px;color:#ffffff;}
.tl-03-b1 .text-item p .color{color:#00b0ec;}
.tl-03-b1 .img-item{display: flex;width: calc(100% - 530px);height:100%;overflow: hidden;}
.tl-03-b1 .img-item &gt; img{width: 100%;height: 100%;object-fit: cover;}

.tl-03-b2{margin-top: 75px;}
.tl-03-b2 .ti{border-bottom:1px solid #eeeeee;}
.tl-03-b2 .ti .ti_02{color:#222222;}
.tl-03-b2 .text-box{margin-top: 30px;}

.tl-03-b3{margin-top: 75px;}
.tl-03-b3 .tb01{margin-top: 8px;}
.tl-03-b3 table tr &gt; td:nth-child(1){width: 32%;text-align: left;}
.tl-03-b3 table tr &gt; td:nth-child(2){width: 17%;}
.tl-03-b3 table tr &gt; td:nth-child(3){width: 17%;}
.tl-03-b3 table tr &gt; td:nth-child(4){width: 17%;}
.tl-03-b3 table tr &gt; td:nth-child(5){width: 17%;}

.tl-03-b4{margin-top: 75px;}
.tl-03-b4 .text-content{margin-top: 8px;}
.tl-03-b4 .ti .ti_02{color:#222222;}


.tl-03-b5{display: flex;align-items: flex-end; height: 740px; margin-top: 40px;border-radius: 10px;overflow: hidden;}
.tl-03-b5 .text-item{width:415px;display: flex;height:100%;background-color: #000154;flex-direction: column;justify-content: flex-end;padding:27px;background-image: url("/image/machines/info_bg.png");}
.tl-03-b5 .text-item h2 {font-weight: 700;font-size: 36px;color:#fedc01;}
.tl-03-b5 .text-item p {font-weight: 500;font-size: 18px;color:#ffffff;margin-top: 20px;}
.tl-03-b5 .text-item .info-item{margin-top: 40px;}
.tl-03-b5 .text-item .info-item &gt; img{width: 100%;display: flex}
.tl-03-b5 .img-item{display: flex;width: calc(100% - 415px);height:100%;overflow: hidden;padding:50px 70px;background-color: #eeeeee;}
.tl-03-b5 .img-item &gt; img{width: 100%;height: 100%;object-fit: contain;}

.tl-03-b6 .t-box{margin-top: 75px;}
.product-list{margin-top: 30px;display: flex;flex-direction: column;row-gap: 30px;}
.product-list .product-item{display: flex;column-gap: 60px;}
.product-list .product-item .more-button{color:#666666;font-size: 12px;font-weight: 400;width: 100px;height: 37px;display: flex;justify-content: center;align-items: center;border:1px solid #e0e0e0;border-radius: 5px;}
.product-list .product-item .img-box{width: 460px;cursor: pointer;position: relative;}
.product-list .product-item .img-box::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.product-list .product-item .img-box::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.product-list .product-item .img-box:hover::before{opacity: 1;pointer-events: auto;}
.product-list .product-item .img-box:hover::after{opacity: 1;pointer-events: auto;}
.product-list .product-item .text-box{width:calc(100% - 520px);border-top:1px solid #000000;border-bottom:1px solid #eeeeee;}
.product-list .product-item .text-box .product-header {padding:15px 0;border-bottom:1px solid #dddddd;display: flex;justify-content: space-between;align-items: flex-end}
.product-list .product-item .text-box .product-header .product-name {display: flex;flex-direction:column;row-gap: 15px;width: 100%;}
.product-list .product-item .text-box .product-header .product-name &gt; h3{font-family:Noto Sans KR,sans-serif;color:#3617ce;font-size: 22px;font-weight: 700;}
.product-list .product-item .text-box .product-header .product-name &gt; p{font-family:Verdana,sans-serif;color:#000000;font-size: 16px;font-weight: 400;}
.product-list .product-item .text-box ul{padding:20px 0;}
.product-list .product-item .text-box ul li{font-size: 16px;line-height: 1.875em;color:#000000;}


@media (max-width: 1280px) {
    .tl-03-b1 {flex-direction: column;height: auto;}
    .tl-03-b1 .text-item {width: 100%;height: 320px;}
    .tl-03-b1 .img-item {width: 100%;height: 320px;}

    .tl-03-b5 {flex-direction: column;height: auto;}
    .tl-03-b5 .text-item {width: 100%;height: auto;flex-direction: row;padding: 0;}
    .tl-03-b5 .text-item .text-box{width: 40%;padding:40px 20px;}
    .tl-03-b5 .text-item h2 {font-size: 32px;}
    .tl-03-b5 .text-item p {font-size: 16px;}
    .tl-03-b5 .text-item .info-item{width: 60%;margin-top: 0;}
    .tl-03-b5 .text-item .info-item &gt; img {width: 100%;display: flex;object-fit: cover;height: 100%;}
    .tl-03-b5 .img-item {width: 100%;height: 320px;}

    .product-list .product-item{flex-direction: column;}
    .product-list .product-item .img-box{width: 100%;aspect-ratio: 460 / 356;height: auto;border-radius: 15px;padding:0px;background-color: #f8f8f8;}
    .product-list .product-item .text-box{width:100%;margin-top: 20px;}
}


@media (max-width: 640px) {
    .tl-03-b1 .text-item {padding:25px;height: 240px;}
    .tl-03-b1 .text-item .logo-item{width: 120px;}
    .tl-03-b1 .text-item p {font-weight: 700;font-size: 18px;color: #ffffff;}
    .tl-03-b1 .img-item{height: 240px;}

    .tl-03-b5 .text-item .text-box{width: 40%;padding:40px 20px;}
    .tl-03-b5 .text-item h2 {font-size: 18px;}
    .tl-03-b5 .text-item p {font-size: 10px;}
    .tl-03-b5 .text-item .info-item{width: 60%;margin-top: 0;}
    .tl-03-b5 .text-item .info-item &gt; img {width: 100%;display: flex;object-fit: cover;height: 100%;}
    .tl-03-b5 .img-item {width: 100%;height: 320px;padding:20px;}
}


.img-text{display: flex;flex-direction: column;row-gap: 60px;}
.img-text .img-text-item{display: flex;column-gap: 40px;}
.img-text .img-text-item .img-box{width:380px;height:230px;border:1px solid #dbdbdb;border-radius: 15px;overflow: hidden;}
.img-text .img-text-item .img-box &gt; img{}
.img-text .img-text-item .txt-box{width:calc(100% - 420px);display: flex;flex-direction: column;justify-content: center;}
.img-text .img-text-item .txt-box em{background: url(/image/solution/sol_icon3.png) no-repeat 0 3px;background-position: left center;padding-left: 20px;font-style: normal;font-size: 24px;font-weight: 600}
.img-text .img-text-item .txt-box .txt-t-box{display: flex;align-items: center;}
.img-text .img-text-item .txt-box .txt-t-box em{width: 110px;flex: none;}
.img-text .img-text-item .txt-box .txt-t-box::after{content:'';width:100%;display:block;height: 1px;background-color: #000000;}
.img-text .img-text-item .txt-box .t1{background: url(/image/solution/sol_icon4.png) no-repeat 0 5px;background-position: left 18px;padding-left: 10px;margin-left: 20px;line-height: 2;font-size: 18px;font-weight: 500;letter-spacing: -0.01em;color:#333333;;margin-top: 20px;}
.img-text .img-text-item .txt-box .t2{padding-left: 30px;margin-top: 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.025em;color:#878787;}
.img-text .img-text-item .txt-box p{font-size: 18px;font-weight: 400;letter-spacing: -0.01em;line-height: 1.66;color:#333333;}

.img-text.style2 .img-text-item{align-items: flex-start;}
.img-text.style2 .img-text-item .img-box{height:auto;aspect-ratio: 1 / 1;border-radius: 0;position: relative;cursor: pointer;}

.img-text.style2 .img-text-item .txt-box p{margin-top: 40px;}
.img-text.style2 .img-text-item .img-box::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.img-text.style2 .img-text-item .img-box::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.img-text.style2 .img-text-item .img-box:hover::before{opacity: 1;pointer-events: auto;}
.img-text.style2 .img-text-item .img-box:hover::after{opacity: 1;pointer-events: auto;}



.title-box2 h3 { font-size: 46px; font-weight: 700; color: #333; border-bottom: 3px #36498d solid; height: 90px; line-height: 90px; width: 80px; overflow: visible; white-space: nowrap; }
.title-box3 h3 { font-size: 38px; font-weight: 700; color: #333; border-top: 3px #36498d solid; line-height: 1.263157894736842; width: 80px; overflow: visible; white-space: nowrap; padding-top:10px;}


.ti_06 { font-size: 24px; line-height: 1; font-weight: 700; color: #333; background: url(/image/ti_06_icon.gif) no-repeat 0 center; padding: 16px 0 16px 37px; }

.tb01 tbody th{background:#f9f9fa; border-right:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; font-size:16px; text-align:center; font-weight:400;}

.sol02-01-01{margin-top:40px;}
.sol02-01-01 .ti_01 {color:#ff0600;}
.sol02-01-01 .imgs{display:flex; margin-top: 20px;gap: 10px; }
.sol02-01-01 .imgs .img{ border: 1px #e8e8e8 solid; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sol02-01-01 .imgs .img:first-child{margin: 0;}
.sol02-01-01 .imgs .img img{width: 100%;}



.sol-tabmenu{margin-top: 54px;}
.sol-tabmenu .tab-list{display: flex; align-items: center; justify-content: center; padding-bottom: 10px; border-bottom: 1px #ccc solid; overflow: hidden;column-gap: 10px;}
.sol-tabmenu .tab-list .tab-item{width: 270px; height: 124px; border: 1px #f8f8f8 solid; border-radius: 10px;  font-family: "Pretendard",sans-serif; font-size: 30px; font-weight:700; color: #bcbcbc;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1;row-gap: 17px;transition-duration: 0.3s;padding-top: 15px;}
.sol-tabmenu .tab-list .tab-item::after{content:'';display:block;background-image:url("/image/solution/sol_tab_icon1.png");background-size:cover;width: 12px;height: 12px;transition-duration: 0.3s;}
.sol-tabmenu .tab-list .tab-item:hover,
.sol-tabmenu .tab-list .tab-item.active{color:#202020;}
.sol-tabmenu .tab-list .tab-item:hover::after,
.sol-tabmenu .tab-list .tab-item.active::after{background-image: url(/image/solution/sol_tab_icon1_.png);}
.sol-tabmenu .tab-buttons{padding-top: 36px; display: flex; align-items: center; justify-content: center;column-gap:42px;}
.sol-tabmenu .tab-buttons .tab-button{width: 183px; height: 56px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 30px; background-color: #fff; border: 1px #341966 solid; font-family: "Pretendard"; font-size: 20px; font-weight: 600; letter-spacing: -0.01em; transition:0.3s;}
.sol-tabmenu .tab-buttons.col5 .tab-button{width: 165px;}
.sol-tabmenu .tab-buttons .tab-button:hover,
.sol-tabmenu .tab-buttons .tab-button.active{color: #fff; background-color: #341966; font-weight: 700;}
.sol-tabmenu .tab-buttons.faq-tab{}
.sol-tabmenu .tab-buttons.faq-tab .tab-button{background-color: transparent;color:#999999;font-size: 22px;font-weight: 700;border:0;border-radius: 0;    border-bottom: 2px solid transparent;}
.sol-tabmenu .tab-buttons.faq-tab .tab-button.active{border-bottom: 2px solid #3617ce;color:#3617ce;}


.tab-content{}
.tab-content .tab-content-item{display: none}
.tab-content .tab-content-item.active{display: block}


.sol02-01-02{margin-top:100px;}
.sol02-01-02 .cont_wrap{margin-top:65px;}
.sol02-01-02 .table-box{margin-top:30px;}
.sol02-01-02 .table-box table th,
.sol02-01-02 .table-box table td{height:56px;padding:10px;}
.sol02-01-02 .table-box table td .img-item{width: 100%;height: 100%;}
.sol02-01-02 .table-box table td .img-item &gt; img{width: 100%;height: 100%;object-fit: cover;display: block;object-position: left;}
.sol02-01-02 .cw1 .tb01 tr td:nth-child(1){ width: 10%; }
.sol02-01-02 .cw1 .tb01 tr td:nth-child(2){ width: 10%; }
.sol02-01-02 .cw1 .tb01 tr td:nth-child(3){ width: 20%; }
.sol02-01-02 .cw1 .tb01 tr td:nth-child(4){ width: 30%; }
.sol02-01-02 .cw1 .tb01 tr td:nth-child(5){ width: 30%; }
.sol02-01-02 .cw1 .tb02 tr td:nth-child(1){ width: 25%; }
.sol02-01-02 .cw1 .tb02 tr td:nth-child(2){ width: 25%; }
.sol02-01-02 .cw1 .tb02 tr td:nth-child(3){ width: 25%; }
.sol02-01-02 .cw1 .tb02 tr td:nth-child(4){ width: 25%; }
.sol02-01-02 .cont_wrap &gt; .txt{background: url(/image/solution/sol_icon1.png) no-repeat 0 7px; padding-left:14px; font-family:"Pretendard"; font-size:16px; line-height:24px; font-weight:500; color:#000; margin-top:22px;}
.sol02-01-02 &gt; .txt{background:#f0f2f5 url(/image/solution/sol_icon2.png) no-repeat 30px 25px; background-size:50px 50px;font-family:"Pretendard"; font-size:20px; line-height:1.5; font-weight:500; color:#000; padding: 34px 30px 34px 100px; border-radius:12px; margin-top:40px;}



.sol02-01-03{margin-top:100px;}
.sol02-01-03 .cont_wrap{margin-top: 30px;}
.sol02-01-03 .cont_wrap .ti{display: flex;flex-direction: column;}
.sol02-01-03 .cont_wrap .ti .left_{display: flex;align-items: center;}
.sol02-01-03 .cont_wrap .ti .left_::before{content:'';width: 5px;height: 5px;background-color: #ce2114;display: inline-block;border-radius: 50%;margin-right: 8px;}
.sol02-01-03 .table-box{margin-top: 25px;}
.sol02-01-03 .cont_wrap ul{margin-top: 25px;}
.sol02-01-03 .cont_wrap ul li{font-size: 16px;font-weight: 500;letter-spacing: -0.01em;color:#000000;}
.sol02-01-03 .cont_wrap ul li::before{content:'';width: 4px;height: 4px;background-color: #000000;display: inline-block;border-radius: 50%;margin-right: 10px;position: relative;top:-4px;}
.sol02-01-03 .cont_wrap ul.purple li:before{background-color: #321e66;}


.sol02-01-04{margin-top: 100px;}
.sol02-01-04 .cont_wrap{margin-top: 40px;}

.sol02-01-05{margin-top: 100px;}
.sol02-01-05 .cont_wrap{margin-top: 30px;}
.sol02-01-05 .cont_wrap .ti{display: flex;flex-direction: column;}
.sol02-01-05 .divide{display: flex;align-items: center;margin-top: 50px;}
.sol02-01-05 .divide span{display:inline-block;flex: none;padding:0 30px;font-size: 24px;font-weight: 700;letter-spacing: -0.01em;color:#333333;}
.sol02-01-05 .divide::before{content:'';width:100%;display:block;height: 1px;background-color: #000000;}
.sol02-01-05 .divide::after{content:'';width:100%;display:block;height: 1px;background-color: #000000;}
.sol02-01-05 .txt{font-size: 18px;font-weight: 400;line-height: 1.66;color:#333333;text-align: center;margin-top: 60px;}
.sol02-01-05 .list-box{display: flex;gap:40px;flex-wrap: wrap;margin-top: 60px;}
.sol02-01-05 .list-box .list-item{width: calc((100% - 80px) / 3);}
.sol02-01-05 .list-box .list-item .img-box{width: 100%;height: auto;aspect-ratio: 1 / 1;overflow: hidden;border:1px solid #e4e4e4;border-radius: 0;position: relative;cursor: pointer;}
.sol02-01-05 .list-box .list-item .img-box &gt; img{width: 100%;height: 100%;display: block;object-fit: cover;}
.sol02-01-05 .list-box .list-item .name-item{font-size: 20px;font-weight: 500;letter-spacing: -0.01em;color:#333333;text-align: center;line-height: 1.2;margin-top: 26px;}
.sol02-01-05 .list-box .list-item .img-box::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.sol02-01-05 .list-box .list-item .img-box::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.sol02-01-05 .list-box .list-item .img-box:hover::before{opacity: 1;pointer-events: auto;}
.sol02-01-05 .list-box .list-item .img-box:hover::after{opacity: 1;pointer-events: auto;}
.sol02-01-05 .cont_wrap2{margin-top: 100px;}



.sol02-01-06{margin-top: 100px;}
.sol02-01-06 &gt; .txt{font-size: 30px;font-weight: 700;letter-spacing: -0.01em;line-height: 1.33;color:#666666;margin-top: 40px;}
.sol02-01-06 &gt; .txt em{font-style: normal;color:#3617ce;z-index: 1;position: relative;}
.sol02-01-06 &gt; .txt .line{font-style: normal;color:#3617ce;position: relative;}
.sol02-01-06 &gt; .txt .line::after{content:'';display:block;width: 100%;position: absolute;left: 0;bottom:2px;height: 14px;background-color: #d8def1;}
.sol02-01-06 .cont_wrap{margin-top: 40px;display: flex;flex-wrap: wrap;gap:50px;}
.sol02-01-06 .box1{display: flex;width: 100%;margin-bottom: 24px;}
.sol02-01-06 .box1 .img{width: 460px;height: 340px;}
.sol02-01-06 .box1 .img img{width: 100%;height: 100%;object-fit: cover;}
.sol02-01-06 .box1 .txt{width:calc(100% - 460px);background-color: #efefef;padding:50px;}
.sol02-01-06 .box1 .txt &gt; span{font-size:24px;font-weight:600;letter-spacing:-0.01em;color:#3617ce;}
.sol02-01-06 .box1 .txt &gt; h3{font-size: 36px;font-weight: 700;color:#000000;letter-spacing: -0.025em;margin-top: 10px;}
.sol02-01-06 .box1 .txt &gt; p{font-size: 18px;font-weight: 400;color:#000000;line-height: 1.666;margin-top: 30px;}
.sol02-01-06 .box2{width: calc((100% - 50px) / 2)}
.sol02-01-06 .box2 .img{}
.sol02-01-06 .box2 .img img{width: 100%;height: 100%;display: block;object-fit: cover;}
.sol02-01-06 .box2 .txt{padding:40px 0;}
.sol02-01-06 .box2 .txt &gt; h3{font-size: 24px;font-weight: 600;color:#333333;}
.sol02-01-06 .box2 .txt &gt; p{font-size: 16px;font-weight: 400;color:#747474;line-height: 1.625;margin-top: 20px;}
.sol02-01-06 &gt; .txt2{display: flex;align-items:center;column-gap: 20px;border-top:1px solid #dddddd;padding-top: 27px;}
.sol02-01-06 &gt; .txt2 &gt; h2{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;line-height: 50px;padding:0 20px;background-color: #f1f2f4;border-radius: 25px;}
.sol02-01-06 &gt; .txt2 &gt; span{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;}

@media (max-width: 1280px) {
    .sol02-01-01 .imgs {flex-direction: column;}
    .sol-tabmenu .tab-list .tab-item{font-size: 24px;}
    .sol-tabmenu .tab-buttons{column-gap:15px;    }
    .sol-tabmenu .tab-buttons .tab-button {font-size: 18px;}

    .img-text .img-text-item {row-gap: 20px;flex-direction: column;}
    .img-text .img-text-item .img-box {width: 100%;height: auto;aspect-ratio: 380 / 210;}
    .img-text .img-text-item .txt-box {width: 100%;}

    .img-text.style2 .img-text-item {row-gap: 20px;flex-direction: column-reverse;}

    .sol02-01-06 .cont_wrap {margin-top: 40px;gap: 20px;}
    .sol02-01-06 &gt; .txt {font-size: 20px;line-height: 1.636;}
    .sol02-01-06 &gt; .txt .line::after {bottom: -1px;}


}


@media (max-width: 1024px) {
    .sol02-01-06 .box1 {flex-direction: column;}
    .sol02-01-06 .box1 .img {width: 100%;height: auto;aspect-ratio: 460 / 430;}
    .sol02-01-06 .box1 .txt {width: 100%;}
}

@media (max-width: 640px) {
    .sol-tabmenu .tab-list {column-gap: 10px;}
    .sol-tabmenu .tab-list .tab-item{font-size: 16px;height: 85px;}
    .sol-tabmenu .tab-list .tab-item::after{width: 8px;height: 8px;}

    .sol-tabmenu .tab-buttons {width: 100%;padding:36px 16px;flex-wrap: wrap;gap: 25px 20px;}
    .sol-tabmenu .tab-buttons .tab-button {width: calc((100% - 20px) / 2);}
    .sol-tabmenu .tab-buttons.col5 {justify-content: flex-start;}
    .sol-tabmenu .tab-buttons.col5 .tab-button {width: calc((100% - 20px) / 2);height: 50px;font-size: 16px;}

    .sol02-01-02{margin-top:80px;}
    .sol02-01-03{margin-top:80px;}
    .sol02-01-04{margin-top:80px;}
    .sol02-01-05{margin-top:80px;}
    .sol02-01-06{margin-top:80px;}

    .sol02-01-02 &gt; .txt{background-position: 15px center;background-size: 30px 30px;font-size: 13px;color: #000;padding: 20px 15px 20px 55px;}
    .sol02-01-03 .cont_wrap ul li{font-size: 14px;}
    .sol02-01-05 .divide span {font-size: 22px;}
    .sol02-01-05 .txt {font-size: 14px;margin-top: 40px;}

    .ti_06 {font-size: 20px;padding: 16px 0 16px 25px;}
    .title-box2 h3 {font-size: 24px;height: 60px;line-height: 60px;width: 80px;}
    .img-text .img-text-item .txt-box em {font-size: 20px;}
    .img-text .img-text-item .txt-box .t1 {background-position: left 14px;font-size: 14px;}
    .img-text .img-text-item .txt-box .t2 {font-size: 14px;}
    .img-text .img-text-item .txt-box p {font-size: 16px;}
    .img-text.style2 .img-text-item .txt-box p {margin-top: 20px;}

    .sol02-01-05 .list-box {gap: 20px 10px;margin-top: 30px;}
    .sol02-01-05 .list-box .list-item {width: calc((100% - 20px) / 3);}
    .sol02-01-05 .list-box .list-item .name-item {font-size: 14px;margin-top: 10px;}

    .sol02-01-06 &gt; .txt {font-size: 18px;margin-top: 40px;}

    .sol02-01-06 .box1 .txt {padding: 30px;}
    .sol02-01-06 .box1 .txt &gt; span {font-size: 18px;}
    .sol02-01-06 .box1 .txt &gt; h3 {font-size: 24px;margin-top: 10px;}
    .sol02-01-06 .box1 .txt &gt; p {font-size: 16px;margin-top: 20px;}

    .sol02-01-06 .box2 .txt {padding: 20px 0;}
    .sol02-01-06 .box2 .txt &gt; h3 {font-size: 20px;}
    .sol02-01-06 .box2 .txt &gt; p {font-size: 14px;margin-top: 10px;}

    .sol02-01-06 &gt; .txt2 &gt; h2 {font-size: 16px;}
    .sol02-01-06 &gt; .txt2 &gt; span {font-size: 16px;}
}


@media (max-width: 420px) {
    .sol-tabmenu .tab-list .tab-item{font-size: 14px;}
    .sol-tabmenu .tab-buttons {width: 100%;padding: 15px 16px;flex-wrap: wrap;gap: 15px 10px;}
    .sol02-01-05 .list-box .list-item {width: calc((100% - 20px) / 2);}
    .sol02-01-06 &gt; .txt {font-size: 16px;}

    .sol02-01-06 .box1 .txt &gt; span {font-size: 16px;}
    .sol02-01-06 .box1 .txt &gt; h3 {font-size: 20px;margin-top: 10px;}
    .sol02-01-06 .box1 .txt &gt; p {font-size: 14px;margin-top: 15px;}

    .sol02-01-06 .box2 {width: 100%;}
    .sol02-01-06 &gt; .txt2 &gt; h2 {font-size: 14px;height: 40px;line-height: 40px;}
    .sol02-01-06 &gt; .txt2 &gt; span {font-size: 14px;}
}



/*solution 3*/


.section-item .title{text-align: center;}
.section-item .title h2{font-size: 38px;line-height: 1;color:#333333;font-weight: 700;}
.section-item .title p{font-size: 16px;line-height: 1.5;color:#221e1f;font-weight: 400;margin-top: 20px}
.section-item .mt20{margin-top: 20px;}
.section-item .mt25{margin-top: 25px;}
.section-item .mt30{margin-top: 30px;}
.section-item .mt60{margin-top: 60px;}
.section-item .mt65{margin-top: 65px;}
.section-item .mt80{margin-top: 80px;}
.section-item .mt100{margin-top: 100px;}


.car-box{background-image: url("/image/solution/car-img.png");font-size: 1px;background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;max-width: 820px;margin: 40px auto 0;aspect-ratio: 820 / 544;height: auto;position: relative;}
.car-box .car-item{display: block;width: 2.777777777777778em;height: 2.777777777777778em;border-radius: 50%;border:3px dotted #00ffe5;color:#00ffe5;font-size: 18em;background-color: rgba(0,0,0,0.4);position: absolute;overflow: hidden;}
.car-box .car-item:before{content: '';background-image: url("/image/solution/car-item-hover.png");background-size: 18px 17px;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;background-color: #ffffff;display: flex;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition-duration: 0.3s;transition-property: opacity;}
.car-box .car-item:hover{border:0;}
.car-box .car-item:hover:before{opacity: 1;pointer-events: auto;}
.car-box .car-item.type-e{background-color: #3617ce;color:#ffffff;border:0;}
.car-box .car-item.type-p{background-color: #fa002d;color:#ffffff;border:0;}
.car-box .car-item:nth-of-type(1) {left: 6.6em;top: 17.5em;}
.car-box .car-item:nth-of-type(2) {left: 13em;top: 17.8em;}
.car-box .car-item:nth-of-type(3) {left: 8em;top: 11em;}
.car-box .car-item:nth-of-type(4) {left: 26em;top: 2.3em;}
.car-box .car-item:nth-of-type(5) {left: 37.7em;top: 10.7em;}
.car-box .car-item:nth-of-type(6) {left: 9em;top: 14.5em;}
.car-box .car-item:nth-of-type(7) {left: 14.5em;top: 14.3em;}
.car-box .car-item:nth-of-type(8) {left: 20em;top: 12em;}
.car-box .car-item:nth-of-type(9) {left: 2em;top: 17em;}
.car-box .car-item:nth-of-type(10) {left: 41em;top: 7em;}
.car-box .car-item:nth-of-type(11) {left: 41.5em;top: 11em;}
.car-box .car-item:nth-of-type(12) {left: 4.7em;top: 21em;}
.car-box .car-item:nth-of-type(13) {left: 9em;top: 22em;}
.car-box .car-item:nth-of-type(14) {left: 11em;top: 10em;}
.car-box .car-item:nth-of-type(15) {left: 13.4em;top: 11.6em;}

.washer-box{background-image: url("/image/solution/washer-img.png");font-size: 1px;background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;max-width: 481px;margin: 40px auto 0;aspect-ratio: 481 / 453;height: auto;position: relative;}
.washer-box .washer-item{display: block;width: 2.777777777777778em;height: 2.777777777777778em;border-radius: 50%;border:2px dashed #00ffe5;color:#00ffe5;font-size: 18em;background-color: rgba(0,0,0,0.4);position: absolute;overflow: hidden;}
.washer-box .washer-item:before{content: '';background-image: url("/image/solution/car-item-hover.png");background-size: 18px 17px;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;background-color: #ffffff;display: flex;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition-duration: 0.3s;transition-property: opacity;}
.washer-box .washer-item:hover{border:0;}
.washer-box .washer-item:hover:before{opacity: 1;pointer-events: auto;}
.washer-box .washer-item.type-e{background-color: #3617ce;color:#ffffff;border:0;}
.washer-box .washer-item.type-p{background-color: #fa002d;color:#ffffff;border:0;}
.washer-box .washer-item:nth-of-type(1) {left: 4.6em;top: 1.5em;}
.washer-box .washer-item:nth-of-type(2) {left: 12.5em;top: 19em;}
.washer-box .washer-item:nth-of-type(3) {left: 18em;top: 16em;}
.washer-box .washer-item:nth-of-type(4) {left: 16em;top: -0.7em;}
.washer-box .washer-item:nth-of-type(5) {left: 20em;top: 2em;}
.washer-box .washer-item:nth-of-type(6) {left: 16.6em;top: 8em;}


.section-item .list-box{display: flex;gap:30px;flex-wrap: wrap;margin-top: 30px;}
.section-item .list-box .list-item{width: calc((100% - 60px) / 3);}
.section-item .list-box .list-item .img-box{width: 100%;height: 250px;overflow: hidden;border:1px solid #e4e4e4;position: relative;cursor: pointer;}
.section-item .list-box .list-item .img-box &gt; img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: left;}
.section-item .list-box .list-item .name-item{font-size: 16px;font-weight: 500;letter-spacing: -0.01em;color:#333333;text-align: center;line-height: 1.2;margin-top: 26px;}
.section-item .list-box .list-item .name-item .mark{font-size: 16px;font-weight: 600;width: 28px;height: 28px;line-height: 1px;display: inline-flex;align-items: center;justify-content: center;background-color: #00ffe5;border-radius: 25px;color:#000000;margin-right: 15px;}
.section-item .list-box .list-item .name-item .mark.type-e{background-color:#3617ce;color:#ffffff;width: 41px;height: 28px;}
.section-item .list-box .list-item .name-item .mark.type-e2{background-color:#3617ce;color:#ffffff;width: 28px;height: 28px;}
.section-item .list-box .list-item .name-item .mark.type-p{background-color:#fa002d;color:#ffffff;width: 41px;height: 28px;}

.section-item .list-box .list-item .img-box[rel='preview-open']::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.section-item .list-box .list-item .img-box[rel='preview-open']::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
.section-item .list-box .list-item .img-box[rel='preview-open']:hover::before{opacity: 1;pointer-events: auto;}
.section-item .list-box .list-item .img-box[rel='preview-open']:hover::after{opacity: 1;pointer-events: auto;}

.section-item .section-content-box{display: flex;justify-content: center;margin-top: 60px;}
.section-item .section-content-box .content-item{width: 50%;display: flex;justify-content: center;}

.section-item .contact {display: flex;align-items:center;column-gap: 20px;border-top:1px solid #dddddd;padding-top: 27px;}
.section-item .contact h2{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;line-height: 50px;padding:0 20px;background-color: #f1f2f4;border-radius: 25px;}
.section-item .contact span{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;}

.section-item .process-list {gap: 20px 30px;display: flex;flex-wrap: wrap;margin-top: 40px;}
.section-item .process-list .process-item {font-weight: 600;background: #F0F2F5;font-size: 20px;display: inline-block;padding: 25px 40px;border-radius: 10px;position: relative;}
.section-item .process-list .process-item span {font-size: 16px;width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;background: #3617ce;padding: 5px 10px;border-radius: 50%;color: #fff;margin-right: 5px;}
.section-item .process-list .process-item:after {content: "";width: 30px;height: 1px;background: #aaa;display: inline-block;position: absolute;top: 50%;right: -30px;}

.section-item .process-box{margin-top: 60px;}
.section-item .process-box .process-img{margin-top: 50px;width: 100%;}
.section-item .process-box .process-img  img{width: 100%;height: auto;display: block;}


.section-item .faq-list{border-top:1px solid #ebebeb;}
.section-item .faq-list .faq-item{border-bottom:1px solid #ebebeb;cursor: pointer;}
.section-item .faq-list .faq-item .question{font-size: 22px;font-weight: 700;color:#111111;line-height: 1.1;display: flex;width: 100%;height: 100px;align-items: center;position: relative;}
.section-item .faq-list .faq-item .question::after{content:'';background-image: url("/image/solution/faq-arrow.png");background-size: cover;width: 18px;height: 12px;position: absolute;right: 0;}
.section-item .faq-list .faq-item.active .question::after{content:'';background-image: url("/image/solution/faq-arrow-on.png");background-size: cover;width: 18px;height: 12px;position: absolute;right: 0;}
.section-item .faq-list .faq-item.active .question{color:#3617ce;}


.section-item .faq-list .faq-item .question .step{font-size: 22px;font-weight: 700;color:#3617ce;line-height: 1.1;width: 120px;}
.section-item .faq-list .faq-item .answer{padding: 0 40px 0 120px;display: none;}
.section-item .faq-list .faq-item .answer p {padding:25px 0 70px;font-size: 20px;line-height: 1.5;color:#333333;}

.section-item .info-box{font-size: 18px;letter-spacing: -0.025em;color:#111111;background-color: #f6f6f6;padding:40px;border-radius: 10px;}
.section-item .info-box .color{color:#3617ce;}

.section-item.section001{padding:70px 0 20px;}
.section-item.section002{padding:70px 0 20px;border-top:1px solid #cccccc;}

.section-item.section003{padding:70px 0 20px ;}
.section-item.section003 .list-box{display: flex;flex-direction: column;gap: 0;}
.section-item.section003 .list-box .list-item{max-width: 380px;width: 100%;}
.section-item.section003 .list-box .list-item:first-of-type .img-box{height: 399px;border:0;}
.section-item.section003 .list-box .list-item .img-box {border:0;cursor: pointer;overflow: hidden;border-radius: 10px;}

.section-item.section004{padding:70px 0 20px ;}
.section-item.section004 .list-box.full{display: flex;gap: 0;border-radius: 10px;overflow: hidden;margin-top: 60px;}
.section-item.section004 .list-box.full .list-item{width: 50%;}
.section-item.section004 .list-box.full .list-item .img-box{height: 290px;border:0;}
.section-item.section004 .list-box.col4{display: flex;gap: 20px;margin-top: 80px;}
.section-item.section004 .list-box.col4 .list-item{width: calc((100% - 60px) / 4);overflow: hidden;border-radius: 10px;}
.section-item.section004 .list-box.col4 .list-item .img-box{height: 219px;border:0;}

.section-item.section005{padding:70px 0 20px ;}
.section-item.section005 .section-content-box{display: flex;column-gap: 43px;margin-top: 70px;}
.section-item.section005 .section-content-box .content-item:nth-of-type(1){width:708px;padding-right: 43px;border-right: 1px solid #e4e4e4;}
.section-item.section005 .section-content-box .content-item:nth-of-type(2){width:448px; }
.section-item.section005 .list-box{display: flex;flex-wrap: wrap;column-gap: 5px;margin-top: 0;    row-gap: 80px;}
.section-item.section005 .list-box .list-item.full{width: 100%;}
.section-item.section005 .list-box .list-item.col2{width: calc((100% - 5px) / 2);}
.section-item.section005 .list-box .list-item .img-box {border:0;cursor: pointer;overflow: hidden;border-radius: 10px;height: 216px;}
.section-item.section005 .list-box .list-item .img-box &gt; img{object-position: right;}
.section-item.section005 .list-box .list-item.h290 .img-box{height: 290px;}
.section-item.section005 .list-box .list-item.line .img-box{border: 1px solid #e4e4e4;}

.section-item.section005 .view-box .pointer{position: absolute;width: 49px;height: 49px;}
.section-item.section005 .view-box .line{display:block;width: 50px;height: 100px;border-left: 1px dashed #999999;border-top: 1px dashed #999999;position: absolute;top:50%;}

.section-item.section005 .view-box.view-box1 .view-item:nth-of-type(1){top: 74%;right: 40%;}
.section-item.section005 .view-box.view-box1 .line:nth-of-type(1){width: 32%;right: 44%;top: 82.6%;height: 200px;}
.section-item.section005 .view-box.view-box1 .view-item:nth-of-type(2){top: 14%;right: 12%;}
.section-item.section005 .view-box.view-box1 .line:nth-of-type(2) {width: 5%;right: 19.5%;height: 320px;top: 22.5%;}
.section-item.section005 .view-box.view-box2 .view-item:nth-of-type(1){top:20%;right: 20px;}
.section-item.section005 .view-box.view-box2 .line:nth-of-type(1){width: 44%;right: 9%;height: 300px;top: 29%;}




.view-box {position: relative;}
.view-box .view-item{display: block;width: 49px;height: 49px;border-radius: 50%;border:2px dashed #00ffe5;color:#ffffff;font-size: 18px;background-color: #3617ce;position: absolute;overflow: hidden;}
.view-box .view-item:before{content: '';background-image: url("/image/solution/car-item-hover.png");background-size: 18px 17px;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;background-color: #ffffff;display: flex;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition-duration: 0.3s;transition-property: opacity;}
.view-box .view-item:hover{border:0;}
.view-box .view-item:hover:before{opacity: 1;pointer-events: auto;}


.section-item.section006{padding:70px 0 20px ;}
.section-item.section006 .img-title-box{width: 100%;height: 256px;background-image: url("/image/machines/img-title-bg001.png");background-size: cover;display: flex;;justify-content: center;align-items: center;margin-top: 40px;border-radius: 10px;overflow: hidden;}
.section-item.section006 .img-title-box &gt; h4{color:#ffffff;font-size: 36px;font-weight: 500;position: relative;font-family: 'Pretendard',sans-serif;display: flex;flex-direction: column;align-items: center;line-height: 1;row-gap: 25px;}
.section-item.section006 .img-title-box &gt; h4::before{content:'';width:75px; height: 3px;background-color: #ffffff;}

.section-item.section007{padding:70px 0 20px ;}
.section-item.section007 .img-title-box{width: 100%;height: 256px;background-image: url("/image/solution/img-title-bg002.png");background-size: cover;display: flex;;justify-content: flex-start;align-items: center;margin-top: 40px;border-radius: 10px;overflow: hidden;padding:0 90px}
.section-item.section007 .img-title-box &gt; p{color:#ffffff;font-size: 30px;font-weight: 500;line-height: 1.4;}

.section-item .row-item{margin-top: 60px;}
.section-item .row-item .year{font-size: 20px;font-weight: 700;color:#333333;}
.section-item .row-item .year em{font-style: normal;font-size:36px; color:#3617ce;}
.section-item .row-item &gt; ul{}
.section-item .row-item &gt; ul li{font-size: 22px;font-weight: 500;color:#333333;position: relative;padding:4px 0 4px 22px;}
.section-item .row-item &gt; ul li::before{content:'';width:10px;height: 10px;background-color:#3617ce;border-radius: 50%;display: block;position: absolute;top:17px;left: 3px;}
.section-item .row-item &gt; p{font-size: 18px;font-weight: 500;color:#333333;line-height: 1.66;}
.section-item .row-item .img-group{}
.section-item .row-item .img-group.col2{display: flex;column-gap: 20px;}
.section-item .row-item .img-group.col2 .img-item{width: calc((100% - 20px) / 2)}
.section-item .row-item .img-group.col3{display: flex;column-gap: 30px;}
.section-item .row-item .img-group.col3 .img-item{width: calc((100% - 60px) / 3)}
.section-item .row-item .img-item {border-radius: 10px;overflow: hidden;}
.section-item .row-item .img-item &gt; img{display: block;width: 100%;height: 100%;object-fit: cover;}
.section-item .row-item .img-item.line{border:1px solid #e4e4e4;}
.section-item .row-item .img-item.w730{max-width: 730px;width: 100%;}
.section-item .row-item .img-item.h356{height: auto;aspect-ratio: 610 / 356;}
.section-item .row-item .img-item.h373{height: auto;aspect-ratio: 610 / 373;}
.section-item .row-item .box-text{padding:60px;background-color: #f5f6f7;}
.section-item .row-item .box-text .list-box{display: flex;flex-wrap: wrap;gap: 60px;}
.section-item .row-item .box-text .list-box .list-item{width: calc((100% - 60px) / 2)}
.section-item .row-item .box-text .list-box .list-item h4{width: 100%;border-bottom:2px solid #000000;padding-bottom: 30px;font-size: 30px;font-weight: 600;letter-spacing: -0.01em;color:#333333;display: flex;align-items: center}
.section-item .row-item .box-text .list-box .list-item h4 .num{width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 16px;font-weight: 600;background-color: #000044;color:#ffffff;margin-right: 10px;}
.section-item .row-item .box-text .list-box .list-item p{font-size: 20px;line-height: 1.5;color:#333333;letter-spacing: -0.01em;margin-top: 30px;}

.section-item .cimco_section {padding:60px 0 0px 0 !important;}
.section-item .cimco_section .title-box2 h3 { font-size:24px !important; font-weight:700; height:90px; line-height:90px; width:80px; }

.section-item.section008{padding:70px 0 20px ;}
.section-item.section008 .img-title-box{width: 100%;height: 256px;background-image: url("/image/solution/img-title-bg003.png");background-position: center;background-size: cover;display: flex;;justify-content: flex-start;align-items: center;margin-top: 40px;border-radius: 10px;overflow: hidden;padding:0 90px}
.section-item.section008 .img-title-box &gt; p{color:#ffffff;font-size: 30px;font-weight: 500;line-height: 1.4;}
.section-item.section008 .list-box{display: flex;flex-direction: column;row-gap: 60px;}
.section-item.section008 .list-box .list-item{width: 100%;display: flex;height: 435px;}
.section-item.section008 .list-box .list-item:nth-of-type(even){flex-direction: row-reverse}
.section-item.section008 .list-box .list-item .img-box{width: 50%;height: 100%;border-radius: 0;}
.section-item.section008 .list-box .list-item .text-box{width: 50%;padding:50px;background-color: #f5f6f7;}
.section-item.section008 .list-box .list-item .text-box h3{width: 100%;font-size: 26px;font-weight: 600;letter-spacing: -0.01em;color:#333333;display: flex;align-items: center}
.section-item.section008 .list-box .list-item .text-box h3 .num{width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 16px;font-weight: 600;background-color: #000044;color:#ffffff;margin-right: 10px;}
.section-item.section008 .list-box .list-item .text-box &gt; ul{margin-top: 10px}
.section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li{position: relative;padding:5px 0 5px 15px;}
.section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; h4{font-size: 18px;font-weight: 600;letter-spacing: -0.01em;color:#333333;line-height: 1.66;}
.section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; h4:before{content:'';width: 5px;height: 5px;display: block;background-color: #3617ce;border-radius: 50%;position: absolute;left: 0;top:17px;}
.section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; ul &gt; li{font-size: 14px;font-weight: 600;letter-spacing: -0.01em;color:#333333;line-height: 1.42;position: relative;padding:2px 0 2px 10px;}
.section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; ul &gt; li:before{content:'';width: 3px;height: 3px;display: block;background-color: #3617ce;border-radius: 50%;position: absolute;left: 0;top:8px;}


.section-item.section008 .list-box .list-item .text-box_cimco{width: 50%;padding:50px;background-color: #f5f6f7;}
.section-item.section008 .list-box .list-item .text-box_cimco h3{width: 100%;font-size: 26px;font-weight: 600;letter-spacing: -0.01em;color:#333333;display: flex;align-items: center}
.section-item.section008 .list-box .list-item .text-box_cimco h3 .num{width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 16px;font-weight: 600;background-color: #000044;color:#ffffff;margin-right: 10px;}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul{margin-top: 10px}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li{position: relative;padding:5px 0 5px 15px;}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; h4{font-size: 18px;font-weight: 600;letter-spacing: -0.01em;color:#333333;line-height: 1.66;}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; h4:before{content:'';width: 5px;height: 5px;display: block;background-color: #3617ce;border-radius: 50%;position: absolute;left: 0;top:17px;}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; ul &gt; li{font-size: 14px;font-weight: 600;letter-spacing: -0.01em;color:#333333;line-height: 1.42;position: relative;padding:2px 0 2px 10px;}
.section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; ul &gt; li:before{content:'';width: 3px;height: 3px;display: block;background-color: #3617ce;border-radius: 50%;position: absolute;left: 0;top:8px;}

.section-item.section009{padding:70px 0 20px ;}



@media (max-width: 870px) {
    .car-box {
        font-size: 0.11vw;
    }
}

@media (max-width: 531px) {
    .washer-box {
        font-size: 0.18vw;
    }
}

@media (max-width: 1024px) {

    .wrap .content-box .section-item .m-mt40{margin-top: 40px;}
    .section-item.section005 .section-content-box{flex-direction: column;row-gap: 20px;}
    .section-item.section005 .section-content-box .content-item:nth-of-type(1) {width: 100%;padding-right: 0;border-right: 0;}
    .section-item.section005 .section-content-box .content-item:nth-of-type(2) {width: 100%;}
    .section-item.section005 .list-box {width: 100%;row-gap: 40px;}
    .section-item.section005 .list-box .list-item .img-box {height: auto;aspect-ratio: 300 / 216;}
    .section-item.section005 .list-box .list-item.h290 .img-box {height: auto;aspect-ratio: 665 / 290;}
    .section-item .list-box .list-item .name-item {margin-top: 0;padding:20px 0 40px}
    .section-item.section005 .list-box .list-item.m-h380 .img-box {height: auto;aspect-ratio: 590 / 380;}
    .section-item.section005 .list-box .list-item.m-h280 .img-box {height: auto;aspect-ratio: 590 / 280;}
    .section-item.section005 .list-box.m-rg10 {row-gap: 10px;}

    .section-item .row-item .box-text .list-box .list-item {width: 100%;}

    .section-item.section008 .list-box .list-item {width: 100%;display: flex;height: auto;}
    .section-item.section008 .list-box .list-item .img-box {width: 40%;border-radius: 0;height: auto;}
    .section-item.section008 .list-box .list-item .text-box {width: 60%;padding: 30px;}
    .section-item.section008 .list-box .list-item .text-box_cimco {width: 60%;padding: 30px;}

    .view-box .view-item {width: 35px;height: 35px;font-size: 14px;}
}

@media (max-width: 830px) {

    .section-item .section-content-box {margin-top: 30px;column-gap: 10px;}
    .section-item .section-content-box .content-item {width: 50%;display: flex;justify-content: center;}
    .section-item.section003 .list-box {width: 100%;}
    .section-item.section003 .list-box .list-item:first-of-type .img-box {height: auto;width: 100%;aspect-ratio: 380 / 399;}

    .section-item.section004 .list-box.full {flex-direction:column;margin-top: 30px;row-gap: 5px;}
    .section-item.section004 .list-box.full .list-item {width: 100%;}
    .section-item.section004 .list-box.full .list-item .img-box {height: auto;aspect-ratio: 600 / 290;border: 0;}

    .section-item.section004 .list-box.col4 {display: flex;gap: 20px;margin-top: 40px;}
    .section-item.section004 .list-box.col4 {display: flex;gap: 30px 10px;margin-top: 20px;flex-wrap: wrap;}
    .section-item.section004 .list-box.col4 .list-item {width: calc((100% - 10px) / 2);}
    .section-item.section004 .list-box.col4 .list-item .img-box {height: auto;aspect-ratio: 300 / 219;}

    .section-item.section008 .list-box .list-item{flex-direction: column;}
    .section-item.section008 .list-box .list-item:nth-of-type(even) {flex-direction: column;}
    .section-item.section008 .list-box .list-item .img-box {width: 100%;}
    .section-item.section008 .list-box .list-item .text-box {width: 100%;min-height:300px; }
    .section-item.section008 .list-box .list-item .text-box_cimco {width: 100%;min-height:300px; }



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

    .pc-only{display: none}
    .mobile-only{display: block}

    .section-item .title h2 {font-size: 30px;}
    .section-item .title p {font-size: 16px;margin-top: 20px;}
    .section-item .list-box{display: flex;gap:30px 10px;}
    .section-item .list-box .list-item{width: calc((100% - 10px) / 2);}
    .section-item .list-box .list-item .img-box {width: 100%;height: auto;aspect-ratio: 300 / 198;}
    .section-item .list-box .list-item .name-item {font-size: 14px;margin-top: 0;}

    .section-item .contact {column-gap: 10px;padding-top: 15px;margin-top: 15px;order: 5}
    .section-item .contact h2{font-size: 12px;line-height: 30px;padding:0 10px;}
    .section-item .contact span{font-size: 12px;}

    .section-item .process-list{row-gap: 20px;}
    .section-item .process-list .process-item {width: 100%;font-size: 20px;padding: 20px 30px;border-radius: 10px;}
    .section-item .process-list .process-item:after {width: 1px;height: 20px;top:auto;bottom: -20px;right: 50%;}
    .section-item .process-list .process-item:last-child:after{content:none;}

    .section-item .row-item .year {font-size: 26px;}
    .section-item .row-item .year em {font-size: 32px;}

    .section-item .row-item &gt; ul li {font-size: 18px;padding: 4px 0 4px 20px;}
    .section-item .row-item &gt; ul li::before {content: '';width: 7px;height: 7px;top: 13px;left: 3px;}

    .section-item .row-item .img-group.col2 {flex-direction: column;row-gap: 10px;}
    .section-item .row-item .img-group.col2 .img-item {width: 100%;}
    .section-item .row-item .img-group.col3 {flex-direction: column;row-gap: 10px;}
    .section-item .row-item .img-group.col3 .img-item {width: 100%;}

    .section-item.section006 .img-title-box {width: 100%;height: 220px;margin-top: 40px;}
    .section-item.section006 .img-title-box &gt; h4 {font-size: 30px;row-gap: 20px;}

    .section-item.section007 .img-title-box {height: 200px;margin-top: 40px;padding: 0 40px;}
    .section-item.section007 .img-title-box &gt; p {font-size: 22px;}

    .section-item.section008 .img-title-box {width: 100%;height: 200px;margin-top: 40px;}

    .section-item .row-item .box-text {padding: 45px 35px;background-color: #f5f6f7;}
    .section-item .row-item .box-text .list-box {margin-top: 0;}
    .section-item .row-item .box-text .list-box .list-item h4 {padding-bottom: 20px;font-size: 22px;}
    .section-item .row-item .box-text .list-box .list-item p {font-size: 16px;margin-top: 20px;}

    .title-box3 h3 {font-size: 30px;}

    .sol-tabmenu .tab-buttons.faq-tab {padding: 36px 0;gap: 0;}
    .sol-tabmenu .tab-buttons.faq-tab .tab-button{width: 50%;}

}

@media (max-width: 420px) {
    .section-item .title h2 {font-size: 28px;}
    .section-item .title p {font-size: 14px;margin-top: 20px;}
    .section-item .list-box{display: flex;gap:30px;margin-top: 30px;}
    .section-item .list-box .list-item{width: 100%;}

    .section-item.section006 .img-title-box &gt; h4::before {width: 50px;}
    .section-item.section006 .img-title-box &gt; h4 {font-size: 20px;row-gap: 20px;}

    .section-item.section007 .img-title-box &gt; p {font-size: 18px;}

    .section-item .row-item .box-text {padding: 35px 25px;background-color: #f5f6f7;}
    .section-item .row-item .box-text .list-box .list-item h4 {padding-bottom: 10px;font-size: 18px;}
    .section-item .row-item .box-text .list-box .list-item p {font-size: 14px;margin-top: 10px;}

    .section-item.section008 .list-box .list-item .text-box {padding: 20px;}
    .section-item.section008 .list-box .list-item .text-box h3 {font-size: 22px;}
    .section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; h4 {font-size: 14px;}
    .section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; ul{margin-top: 6px;}
    .section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; ul &gt; li {font-size: 12px;padding: 2px 0 2px 10px;}
    .section-item.section008 .list-box .list-item .text-box &gt; ul &gt; li &gt; ul &gt; li:before {top: 9px;}
    
    .section-item.section008 .list-box .list-item .text-box_cimco {padding: 20px;}
    .section-item.section008 .list-box .list-item .text-box_cimco h3 {font-size: 22px;}
    .section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; h4 {font-size: 14px;}
    .section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; ul{margin-top: 6px;}
    .section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; ul &gt; li {font-size: 12px;padding: 2px 0 2px 10px;}
    .section-item.section008 .list-box .list-item .text-box_cimco &gt; ul &gt; li &gt; ul &gt; li:before {top: 9px;}

    .section-item .faq-list .faq-item .question .step {font-size: 18px;width: 70px;}
    .section-item .faq-list .faq-item .question {font-size: 18px;height: 80px;align-items: center;position: relative;}
    .section-item .faq-list .faq-item .answer {padding: 0 20px 0 20px;display: none;}
    .section-item .faq-list .faq-item .answer p {padding: 10px 0 40px;font-size: 16px;}

    .section-item .info-box {font-size: 14px;padding: 30px;}
    .title-box3 h3 {font-size: 24px;}
    
    .title-box h2{height: 80px; line-height: 90px; width: 70px; overflow: visible; margin-bottom: -1px; white-space: nowrap;}
}


/*í‘œ ìŠ¤íƒ€ì¼*/

.table-box.autoScroll{overflow-x: auto; padding-bottom:18px;}
.table-box.autoScroll :is(th,td){white-space: nowrap;}
.table-box.fixed table {table-layout: fixed;}

.table-box::-webkit-scrollbar { height:6px;}
.table-box::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 4px; }
.table-box::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); border-radius: 4px; }
.table-box::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); }

.table-box{width: 100%;}
.table-box table{width: 100%;border-top: 3px #36498d solid;border-bottom: 2px solid #000;}
.table-box thead {border-left: 1px #ddd solid;border-bottom: 1px #000 solid;border-bottom: 2px solid #000;}
.table-box thead tr:last-child th{border-bottom: 0;}
.table-box th {background: #f5f5f5;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center;height: 50px;font-family: Verdana,sans-serif;font-size: 16px;line-height: 20px;font-weight: 700;color: #000;padding:0 10px;}
.table-box tbody {border-left: 1px #ddd solid;}
.table-box th:last-child td{border-bottom: 0;padding:0 10px;}
.table-box td {background: #fff;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center;height: 40px;font-family: Verdana,sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;color: #000;padding: 0 20px;}

@media screen and (max-width:1280px){
    .table-box:not(.autoScroll) th{ font-size: 16px; line-height: 20px; }
    .table-box:not(.autoScroll) td{ height: 40px; font-size: 16px; line-height: 20px; }
}

@media screen and (max-width:640px){
    .table-box:not(.autoScroll) th{ font-size: 13px; line-height: 16px;}
    .table-box:not(.autoScroll) td{ font-size: 13px; line-height: 20px;padding:0 10px;}
    .table-box th{ font-size: 12px; line-height: 16px; height:40px;}
    .table-box td{ font-size: 12px; line-height: 20px;padding:0 10px; height: 30px;}
    .tl-02-b2 table thead th{height: 60px;}
}

/*ìž¥ë¹„ í‘œ ìŠ¤íƒ€ì¼*/
.tl-03-b3 .table-box td {background: #fff; border-right:1px #ddd solid; border-bottom:1px #ddd solid; text-align:center; height:40px; font-family:Verdana,sans-serif; font-size:15px; line-height:18px; font-weight:400; color:#000; padding:12px 10px;}
.tl-03-b3 .table-box .cimco_small {font-family:Verdana,sans-serif; font-size:14px; line-height:18px; letter-spacing:-0.05em; padding:12px 10px; }
.tl-03-b3 .table-box .cimco_xs {font-family:Verdana,sans-serif; font-size:14px; line-height:18px; letter-spacing:-0.05em; padding:12px 10px; }

@media screen and (max-width:1280px){
    .tl-03-b3 .table-box:not(.autoScroll) th{ font-size:15px; line-height:18px; }
    .tl-03-b3 .table-box:not(.autoScroll) td{ height:40px; font-size:15px; line-height:18px; }
    .tl-03-b3 .table-box .cimco_small {font-size:14px; line-height:18px; }
    .tl-03-b3 .table-box .cimco_xs {font-size:14px; line-height:18px; }
}

@media screen and (max-width:640px){
    .tl-03-b3 .table-box:not(.autoScroll) th{ font-size: 13px; line-height: 16px;padding:0 6px;}
    .tl-03-b3 .table-box:not(.autoScroll) td{ font-size: 13px; line-height: 20px;padding:0 4px;}
    .tl-03-b3 .table-box th{ font-size: 12px; line-height: 16px; height:40px;}
    .tl-03-b3 .table-box td{ font-size: 12px; line-height: 20px;padding:0 10px; height: 30px;}
    .tl-03-b3 table thead th{height: 60px;}
    .tl-03-b3 .table-box .cimco_small {font-size:13px; line-height:18px;padding:0 6px; }
    .tl-03-b3 .table-box .cimco_xs {font-size:13px; line-height:18px;padding:0 5px; }
}
</pre></body></html>