@charset "utf-8";

/* =========================== MAIN */
/* slide */
#sh_Sub9{margin-top:60px;width:100%}
#sh_Sub9 .main_slide{position:relative;height:550px}
#sh_Sub9 .swiper-slide{position:relative}
#sh_Sub9 .swiper-slide img{width:100%;height:100%;filter:brightness(0.6);object-fit:cover}

/* inner_text */
#sh_Sub9 .swiper-slide .inner_text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:95%}
#sh_Sub9 .swiper-slide .inner_text h2{white-space:pre-line;line-height:60px;font-size:46px;font-weight: 600;color:#fff}
#sh_Sub9 .swiper-slide .inner_text p{margin-top:10px;white-space:pre-line;line-height:35px;word-break:keep-all;font-size:20px;font-family:var(--e-font);color:rgb(255, 255, 255, 0.7)}

/* pager */
#sh_Sub9 .pager{position:absolute;bottom:50px !important;z-index:1;text-align:center}
#sh_Sub9 .swiper-pagination-bullet{width:7px;height:7px;margin:0 12px !important;background-color:#fff}
#sh_Sub9 .swiper-pagination-bullet-active{position:relative}
#sh_Sub9 .swiper-pagination-bullet-active:after{position:absolute;width:350%;height:350%;top:50%;left:50%;transform:translate(-50%, -50%);border:1px solid #fff;border-radius:50%;content:""}

/* 반응형 [s] */
@media (max-width:1024px){
#sh_Sub9{margin-top:30px}
#sh_Sub9 .main_slide{height:445px}
#sh_Sub9 .swiper-slide .inner_text h2{font-size:38px;line-height:1.3}
#sh_Sub9 .swiper-slide .inner_text p{font-size:14px;line-height:1.3}
#sh_Sub9 .swiper-button-prev{width:48px}
#sh_Sub9 .swiper-button-next{width:48px}
}
@media (max-width:768px){
#sh_Sub9{margin-top:0}
#sh_Sub9 .main_slide{height:395px}
#sh_Sub9 .swiper-slide .inner_text h2{font-size:32px}
#sh_Sub9 .swiper-button-prev{width:45px}
#sh_Sub9 .swiper-button-next{width:45px}
#sh_Sub9 .main_slide_nav{width:94%}
}
@media (max-width:480px){
#sh_Sub9 .main_slide{height:305px}
#sh_Sub9 .swiper-slide .inner_text h2{font-size:28px}
#sh_Sub9 .main_slide_nav{display:none}
#sh_Sub9 .pager{bottom:30px !important}
}
@media (max-width:380px){
#sh_Sub9 .main_slide{height:275px}
#sh_Sub9 .swiper-slide .inner_text h2{font-size:24px}
#sh_Sub9 .swiper-slide .inner_text p{font-size:13px}
}
/* 반응형 [e] */
/* =========================== atc01 */
/* company_wrap */
#atc01 #company_wrap{display:flex;justify-content:space-between;width:75%;margin:auto;padding:150px 0}
#atc01 .content .inner_text{padding:40px 10px}

/* content left */
#atc01 .content.left{width:48%}
#atc01 .content.left .subtitle{font-size: 16px;font-weight: 600; color:#278bd9}
#atc01 .content.left .title{margin: 20px 0; word-break:keep-all;font-size: 38px;color:#000;font-weight: 600;letter-spacing: -0.4px;line-height: 47px}

#atc01 .content.left .txt_container a{color:#777}
#atc01 .content.left .img_item{width:100%;overflow:hidden}
#atc01 .content.left .img_item img{object-fit:cover;transition:all 0.3s}
#atc01 .content.left .inner_text h3{padding-bottom:10px;line-height:1.5;word-break:keep-all;font-size:20px;font-weight: 600;letter-spacing:normal;color:#000}
#atc01 .content.left .inner_text p{line-height:1.5;font-size:15px;font-weight:400}
/* content right */
#atc01 .content.right{position:relative;width:37%}
#atc01 .content.right .img_item{width:100%;height:350px;background:url(/images/sub/inc01/img02.jpg?v=1d7c46bd3beb2425d223b6790f0ae59d) no-repeat bottom /cover}
#atc01 .content.right .inner_text{display:flex;justify-content:space-between}
#atc01 .content.right .inner_text h3{word-break:keep-all;font-size:20px;color:#000;font-weight: 600;line-height: 24px;padding-right: 20px}
#atc01 .content.right .btn_container{position:absolute;bottom:0}
#atc01 .content.right .inner_text p{width:60%;word-break:keep-all;font-size:16px;font-weight:400;line-height: 22px;color: #7e7e7e}
#atc01 .content.right .btn_container{position:absolute;bottom:0}
#atc01 .content.right .btn_container a{position:relative;display:flex;align-items:center;padding:0 33px 0px 75px;height:55px;font-size:13px;font-weight:700;font-family:var(--e-font);color:#2580C7}
#atc01 .content.right .btn_container a span{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all 0.3s;width:55px;height:55px;color:#fff;background-color:#2580C7;z-index:-1}
#atc01 .content.right .btn_container a span svg{position:absolute;top:50%;left:15px;transform:translateY(-50%)}
/* img_container */
#atc01 .img_item img{width:100%;height:100%}
/* */
#atc01,#atc02,#atc03 {font-family: Noto Sans KR !important; }

/* 반응형 [s] */
@media (hover:hover){
#atc01 .content.right .btn_container a:hover{color:#fff}
#atc01 .content.right .btn_container a:hover span{width:100%}
}
@media (max-width:1580px){
#atc01 #company_wrap{width:82%}
#atc01 .content .inner_text{padding:40px 30px 0 0}
}
@media (max-width:1024px){
#atc01 #company_wrap{padding:100px 0;width:95%}
#atc01 .content .inner_text{padding:25px 18px 0}
#atc01 .content.left{width:50%}
#atc01 .content.left .img_item{height:275px}
#atc01 .content.left .txt_container{margin-top:35px}
#atc01 .content.left .inner_text h3{padding-bottom:6px;font-size:18px}
#atc01 .content.left .inner_text p{font-size:14px}
#atc01 .content.right{width:40%}
#atc01 .content.right .img_item{height:260px}
#atc01 .content.right .inner_text h3{font-size:18px}
#atc01 .content.right .inner_text p{font-size:14px}
#atc01 .content.right .btn_container a{height:50px}
#atc01 .content.right .btn_container a span{width:50px;height:50px}
#atc01 .content.right .btn_container a span svg{left:13px}
}
@media (max-width:768px){
#atc01 #company_wrap{padding:80px 0;flex-direction:column;gap:20px}
#atc01 .content .inner_text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0;width:95%}
#atc01 .content.left{width:100%;text-align:center}
#atc01 .content.left .img_item{height:305px;filter:brightness(0.5)}
#atc01 .content.left .img_item img{transform:scale(1) !important}
#atc01 .content.left .txt_container{margin-top:48px}
#atc01 .content.left .txt_container a{position:relative;display:block}
#atc01 .content.left .inner_text h3{font-size:23px;color:#fff}
#atc01 .content.left .inner_text p{font-size:16px;color:rgb(255, 255, 255, 0.7)}
#atc01 .content.right{width:100%}
#atc01 .content.right .img_item{height:305px;filter:brightness(0.5)}
#atc01 .content.right .txt_container a{position:relative;display:block;}
#atc01 .content.right .inner_text{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
#atc01 .content.right .inner_text h3{font-size:23px;color:#fff}
#atc01 .content.right .inner_text p{width:73%;font-size:16px;color:rgb(255, 255, 255, 0.7)}
#atc01 .content.right .btn_container{position:static;display:flex;justify-content:center;margin-top:20px}
#atc01 .content.right .btn_container a{display:flex;justify-content:center;padding:0 0 0 12px;width:200px;color:#fff}
#atc01 .content.right .btn_container a span{width:100%}
}
@media (max-width:480px){
#atc01 #company_wrap{padding:70px 0;gap:12px}
#atc01 .content.left .txt_container{margin-top:32px}
#atc01 .content.left .img_item{height:242px}
#atc01 .content.left .inner_text h3{font-size:20px}
#atc01 .content.left .inner_text p{font-size:15px}
#atc01 .content.right .img_item{height:242px}
#atc01 .content.right .inner_text h3{font-size:20px}
#atc01 .content.right .inner_text p{width:95%;font-size:15px}
#atc01 .content.right .btn_container{margin-top:12px}
#atc01 .content.right .btn_container a{width:175px}
}
@media (max-width:380px){
#atc01 #company_wrap{padding:60px 0}
#atc01 .content.left .img_item{height:220px}
#atc01 .content.left .inner_text h3{font-size:18px}
#atc01 .content.left .inner_text p{font-size:14px}
#atc01 .content.right .img_item{height:220px}
#atc01 .content.right .inner_text h3{font-size:18px}
#atc01 .content.right .inner_text p{font-size:14px}
#atc01 .content.right .btn_container a{width:170px}
}
/* 반응형 [e] */
/* =========================== atc02 */
#atc02 .business_wrap {position:relative}
#atc02 .content_container{display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:75%}
#atc02  img{width:100%;height:1060px;filter:brightness(0.5);object-fit:cover}

/* left content */
#atc02 .content_left .subtitle{font-size: 16px;font-weight: 600; color:#fff}
#atc02 .content_left .title{margin: 20px 0; word-break:keep-all;font-size: 38px;color:#fff;font-weight: 600;letter-spacing: -0.4px;line-height: 47px}
#atc02 .content_left p{font-size:20px;font-weight:500;color:#fff}

/* right content */
#atc02 .content_right{width:33%}
#atc02 .content_right .txt_container{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#atc02 .content_right .txt_content{position:relative;width:100%;height:230px}

#atc02 .content_right .txt_content .box_item {position:relative;display:block;width:100%;height:100%;cursor:default} /* cursor:default는 손가락 모양 안 나오게 함 */

#atc02 .content_right .txt_content .box_item .inner_txt{position:absolute;width:100%;height:100%;padding:30px 50px;transition:all 0.3s;background-color:rgba(163, 163, 163, 0.4);line-height: 25px}

#atc02 .content_right span{font-size:11px;font-weight:700;font-family:var(--e-font);color:rgb(255, 255, 255, 0.7)}
#atc02 .content_right h3{margin:10px 0 14px;font-size:20px;font-weight:700;color:#fff;word-break:keep-all}
#atc02 .content_right p{white-space:pre-line;word-break:keep-all;font-size:16px;line-height: 21px; font-weight:400;color:#fff}

/* 반응형 [s] */
@media (hover:hover){
    #atc02 .content_right .txt_content:hover .box_item .inner_txt{background-color:#2580C7}
}
@media (max-width:1580px){
    #atc02 .content_container{width:82%}
    #atc02 .content_right .txt_content{height:250px}
}
@media (max-width:1340px){
    #atc02 .content_right{width:37%}
    #atc02 .content_right .txt_content .box_item .inner_txt{padding:50px 35px}
}
@media (max-width:1024px){
    #atc02 img{height:925px}
    #atc02 .content_container{width:95%;gap:50px}
    #atc02 .content_left p{font-size:18px;word-break:keep-all}
    #atc02 .content_right h3{margin:7px 0 14px;font-size:18px}
    #atc02 .content_right p{font-size:14px}
}
@media (max-width:768px){
    #atc02 .content_container{flex-direction:column;gap:50px;top:60px;left:0;transform:none;width:100%}
    #atc02 img{height:795px}
    #atc02 .content_left{text-align:center}
    #atc02 .content_left .title{padding-bottom:20px}
    #atc02 .content_left p{font-size:16px}
    #atc02 .content_right{width:100%}
    #atc02 .content_right .txt_container{flex-direction:row;flex-wrap:wrap;width:95%;margin:auto}
    #atc02 .content_right .txt_container li:nth-child(-n+2){width:calc(100% / 2 - 3px)}
    #atc02 .content_right .txt_content{height:auto}

    /* [수정됨] 반응형에서도 box_item 적용 */
    #atc02 .content_right .txt_content .box_item{padding:0 30px;background-color:rgba(163, 163, 163, 0.4);height:230px}
    #atc02 .content_right .txt_content .box_item .inner_txt{position:static;transform:none !important;background-color:transparent !important;padding:0;display:flex;flex-direction:column;justify-content:center}
}
@media (max-width:480px){
    #atc02 img{height:950px}
    #atc02 .content_left p{font-size:14px}
    #atc02 .content_right .txt_container{flex-direction:column;flex-wrap:nowrap;gap:12px}
    #atc02 .content_right .txt_container li:nth-child(-n+2){width:100%}
    #atc02 .content_right .txt_content .box_item{height:205px}
    #atc02 .content_right .txt_content .box_item .inner_txt{text-align:center}
}
@media (max-width:380px){
    #atc02 img{height:900px}
    #atc02 .content_left p{font-size:13px}
    #atc02 .content_right .txt_content .box_item{height:190px}
    #atc02 .content_right h3{margin:6px 0 12px 0;font-size:17px}
    #atc02 .content_right p{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#atc03{background-color:#e9f3fb}
#atc03 .product_wrap{position:relative;display:flex;justify-content:space-between;width:75%;height:1290px;margin:auto;padding:150px 0}

/* left content */
#atc03 .content_left{position:sticky;left:0;top:200px;width:50%;height:300px}
#atc03 .content_left h2{margin:20px 0 35px;color:#000;word-break:keep-all}
#atc03 .content_left .subtitle{font-size: 16px;font-weight: 600; color:#278bd9}
#atc03 .content_left .title{margin: 20px 0; word-break:keep-all;font-size: 38px;color:#000;font-weight: 600;letter-spacing: -0.4px;line-height: 47px}

#atc03 .content_left p {font-size:18px;font-weight:500;line-height: 1.5}
#atc03 .content_left .btn_container{margin-top:55px;width:185px}
#atc03 .content_left .btn_container a{position:relative;display:flex;align-items:center;padding:0 33px 0 75px;width:100%;height:55px;font-size:13px;font-weight:700;font-family:var(--e-font);color:#2580C7}
#atc03 .content_left .btn_container a span{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all 0.3s;width:55px;height:55px;color:#fff;background-color:#2580C7;z-index:-1}
#atc03 .content_left .btn_container a span svg{position:absolute;top:50%;left:15px;transform:translateY(-50%)}

/* right content */
#atc03 .content_right{width:50%}
#atc03 .content_right_wrap{position:relative}
#atc03 .content_right_wrap li ul{display:flex;flex-direction:column;gap:20px}
#atc03 .content_right_wrap .item_container a{position:relative;display:block;height:450px;transition:all 0.3s;overflow:hidden}
#atc03 .content_right_wrap .item_container a img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
#atc03 .content_right_wrap .left_box_wrap .item_container:first-child img{width:auto;height:auto;transform:translateX(-50px)}
/* right content box*/
#atc03 .left_box{position:absolute;top:0;left:0;width:calc((100% / 2) - 10px)}
#atc03 .right_box{position:absolute;top:100px;right:0;width:calc((100% / 2) - 10px)}

/* right cotent txt */
#atc03 .content_right_wrap .txt{position:absolute;bottom:20px;left:50px;color:#fff;filter:brightness(1);transition:all 0.3s;opacity:0}
#atc03 .content_right_wrap p{font-family:var(--e-font);font-size:13px;font-weight:700}
#atc03 .content_right_wrap h3{line-height:50px;font-size:28px;font-family: Noto Sans KR !important; font-weight: 500;letter-spacing: value;}

/* right content btn */
#atc03 .content_right_wrap .btn_arrow{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:55px;height:55px;color:#fff;background-color:#2580C7;transition:all 0.3s;opacity:0}

/* 반응형 [s] */
@media (hover:hover){
#atc03 .content_left .btn_container a:hover{color:#fff}
#atc03 .content_left .btn_container a:hover span{width:100%}
#atc03 .content_right_wrap a:hover img{filter:brightness(0.5)}
#atc03 .content_right_wrap a:hover .txt{bottom:50px;opacity:1}
#atc03 .content_right_wrap a:hover .btn_arrow{opacity:1}
}
@media (max-width:1580px){
#atc03 .product_wrap{width:82%}
#atc03 .content_right_wrap .txt{left:30px;bottom:10px}
#atc03 .content_right_wrap h3{font-size:28px}
#atc03 .content_right_wrap a:hover .txt{bottom:25px}
#atc03 .content_right_wrap .left_box_wrap .item_container:first-child img{transform:translateX(-65px)}
}
@media (max-width:1340px){
#atc03 .content_right_wrap .txt{left:20px;bottom:5px}
#atc03 .content_right_wrap a:hover .txt{bottom:20px}
}
@media (max-width:1024px){
#atc03 .product_wrap{padding:100px 0}
#atc03 .product_wrap{width:95%}
#atc03 .left_box{position:static;width:100%;margin-bottom:20px}
#atc03 .content_left h2{margin:12px 0 22px 0;}
#atc03 .content_left .btn_container{margin-top:40px;}
#atc03 .right_box{position:static;width:100%}
#atc03 .content_right_wrap .item_container a{height:250px}
#atc03 .content_right_wrap .left_box_wrap .item_container:first-child img{width:100%;height:100%;transform:none}
}
@media (max-width:768px){
#atc03 .product_wrap{flex-direction:column;justify-content:flex-start;gap:50px;padding:80px 0;height:auto}
#atc03 .content_left{position:static;width:100%;height:auto;text-align:center}
#atc03 .content_left h2{margin:6px 0 20px}
#atc03 .content_left .btn_container{display:none}
#atc03 .content_left p{font-size:16px}
#atc03 .content_right{width:100%}
#atc03 .content_right_wrap li ul{flex-direction:row;gap:6px}
#atc03 .content_right_wrap li ul li{width:calc(100% / 2 - 3px)}
#atc03 .content_right_wrap h3{font-size:18px;line-height:1.8}
#atc03 .content_right_wrap img{filter:brightness(0.5)}
#atc03 .content_right_wrap .txt{bottom:20px;opacity:1}
#atc03 .content_right_wrap .btn_arrow{opacity:1;width:50px;height:50px}
#atc03 .left_box{margin-bottom:6px}
}
@media (max-width:480px){
#atc03 .product_wrap{padding:70px 0}
#atc03 .content_left p{font-size:14px}
#atc03 .content_right_wrap li ul{flex-direction:column;gap:12px}
#atc03 .content_right_wrap li ul li{width:100%}
#atc03 .content_right_wrap .item_container a{height:240px}
#atc03 .left_box{margin-bottom:12px}
}
@media (max-width:380px){
#atc03 .product_wrap{padding:60px 0}
#atc03 .content_left p{font-size:13px}
#atc03 .content_right_wrap .item_container a{height:205px}
#atc03 .content_right_wrap .btn_arrow{width:45px;height:45px}
}
@media (hover:hover){
#atc04 .swiper-slide a:hover .img img{transform:scale(110%)}
#atc04 .swiper-button-next:hover{color:#fff;background-color:var(--primary)}
#atc04 .swiper-button-prev:hover{color:#fff;background-color:var(--primary)}
}
/* 반응형 [e] */