@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/
#wrap .layer-popup .pop_closed a{vertical-align: middle;}

/* 서브페이지 링크이동 막기 시작 */ .main_visual a, .main_title .txt a, .main_solution_list > li, #header .gnb > li a, #aside .gnb > li a {pointer-events: none;}
/* 요청된 메뉴 및 서브페이지 내부 이동 허용 */
a[href*="/page/telectree"], 
a[href*="/page/team"], a[href*="code=ir"],
a[href*="code=career"],
a[href*="code=b2b"], a[href*="code=inquiry"], a[href*="code=resource"], a[href*="code=faq"],
.sub-visual .sec-category a, .sub_list a, .sub-visual a /* 서브페이지 내부 카테고리 및 리스트 허용 (선택자 강화) */
{pointer-events: initial !important;}
#header .gnb > li:last-child .dep02 li:nth-child(2) a, #aside .gnb > li:last-child .dep02 li:nth-child(2) a{pointer-events:initial;} /* 서브페이지 링크이동 막기 끝 */
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .main_w_custom, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto; box-sizing: border-box;}
    .main_w_custom{max-width:1520px;}
    #container{position: relative; padding-block:var(--row-gap100) var(--row-gap150); box-sizing: border-box;}
    .sr-only{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
    #container:has(.fullSec){width: 100%; max-width: 100%;}
    #container:has(.pbDn){padding-bottom: 0;}

    @media (max-width:1400px){
        br.for_pc{display: none;}
    }
    @media (max-width:860px){
        .main_w_custom, .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .main_w_custom, .w_custom{width: calc(100% - 20px);}
    }

/*───────────────────────────────────────────────────────────

    HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/* 상단 */
    #header{position: fixed;top:0; left:0;width: 100%;height:100px; background: var(--trans-color); z-index: 100; transition: all 0.4s;} 
    #header .w_custom{max-width: 1760px;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
    #header .logo{position: relative;height: 100%;transition: all 0.4s;z-index: 1;}
    #header .logo a{display: flex; align-items: center; max-width: 300px; height: 100%; padding-block: 15px;}
    #header .gnb{position: absolute;top: 0;left: 50%;translate: -50%;height: 100%;display: flex;justify-content: center;text-align: center;width: calc(100% - 300px);}
    #header .gnb > li{position: relative;height: 100%;font-size: clamp(16px, 1.6vw, 20px);font-weight: 500;color: var(--black-color01);transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;padding-inline: clamp(20px, 2.1vw, 40px); transition: inherit;text-transform: uppercase;}
    #header .gnb .dep02{position: absolute;top: 80%;left: 50%;translate: -50%;background: var(--point-color01);border-radius: var(--radius-10);width: max-content;max-width: 300px;min-width: 180px;padding-block: 15px; opacity: 0; pointer-events: none; transition: inherit;}
    #header .gnb .dep02 > li{font-size: 90%;font-weight: 500;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px; transition: inherit;}
    #header .utility{display: flex; align-items: center; gap: 20px;}
    #header .allCate{flex-direction: column;justify-content: space-between;width: 32px;aspect-ratio: auto 1.4;display: flex;}
	#header .allCate span{width:100%;height:2px;background: var(--black-color01);display: inline-block;}

        /* color */
        #header:not(.on) :where(.logo, .gnb > li > a, .allCate){filter: var(--filter-white);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            #header:hover{background: var(--point-white);}
            #header:hover :where(.logo, .gnb > li > a, .allCate){filter: none;}

            #header .gnb > li:hover > a{color: var(--point-color01);}
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: auto;}
            #header .gnb .dep02:has(> li:hover) > li:not(:hover){opacity: 0.4;}
        }

        /* on */
        #header.on{background: var(--point-white); box-shadow: inset 0 -1px 0 var(--border-color01);}

    @media (max-width:1023px) {
        #header{height: clamp(70px, 10vw, 100px);}
        #header .logo a{max-width: clamp(120px, 18vw, 184px);}
        #header .gnb{display: none;}
        #header .allCate{width: clamp(26px, 4vw, 32px);}
    }

/*───────────────────────────────────────────────────────────

    ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
    #aside.on{opacity: 1;clip-path: inset(0);}
    body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;font-size: var(--text-20);letter-spacing: 0;display: grid;align-items: start;justify-content: center;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);font-size: inherit;text-align: center;}

    @media (min-width:861px) {
        #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
        #aside.on .gnb > li{opacity:1;translate:0;}
        #aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
        #aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
        #aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
        #aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
        #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
    }
    #aside .gnb > li > a{position: relative;display: block;font-size:var(--text-36);font-weight: 700;line-height: 1.2;padding-block: 30px;transition: all 0.4s;}
    #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb .dep02{position: relative;}
    #aside .gnb .dep02 > li > a{display: block;font-size: 95%;font-weight:400;padding-block: 13px;color: var(--black-color06);transition: all 0.4s;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: 30px; z-index:2;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;}
    #aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--black-color01);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}

    /* over */
        @media (hover:hover) and (pointer:fine){
            #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
            #aside .gnb .dep02 > li:hover a{color: var(--point-color01);}
        }

    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);}
        #aside .gnb .dep02 > li > a{padding-block: clamp(7px, 1.7vw, 13px);}
        #aside .utility{gap:20px;}
    }
    @media (max-width:860px){
        #aside{display: block;}
        #aside .w_custom{align-items:flex-start;}
        #aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .gnb > li{display: block;padding: 25px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom: 1px solid rgba(0,0,0,0.15);}
        #aside .gnb > li > a{padding-block: 0;}
        #aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: 15px;justify-content: flex-start;}
        #aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:479px){
        #aside .gnb .dep02{margin-top: 10px;grid-template: auto / repeat(1, 1fr);}
        #aside .gnb .dep02 li{width: 100%;}
    }

/*───────────────────────────────────────────────────────────

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color13);padding:49px 0 41px;}
    #footer .top_info_box{box-sizing:border-box;border-bottom:1px solid rgba(255, 255, 255, 0.10);display: flex;align-items: flex-end;justify-content: space-between;padding-bottom:15px;}
    #footer .top_info_box .ft_logo{filter:var(--filter-white);margin-bottom:15px;}
    #footer .top_info_box .ft_menu{display: flex;align-items: center;gap:40px;}
        #footer .top_info_box .ft_menu li a{font-size:var(--text-14);color:var(--point-white);font-weight:300;line-height:1.57;}
        #footer .top_info_box .ft_menu li a strong{font-weight: 500;} 
        #footer .ft_inner{margin-top:30px;}
        .ft_info_box{display: table;margin-left:-55px;}
        #footer .ft_inner .ft_info{display: table-row;}
        #footer .ft_inner .ft_info li{display:table-cell;padding:0 55px;}
        #footer .ft_inner .ft_info li + li{padding-top:10px;}
            #footer .ft_inner .ft_info li:nth-child(1) dl dt{width:98px;}
            #footer .ft_inner .ft_info li:nth-child(2) dl dt{width:50px;}
            #footer .ft_inner .ft_info li:nth-child(3) dl dt{width:61px;}
        #footer .ft_inner .ft_info dl{display: flex;gap:40px;font-size:var(--text-14);color:var(--point-white);font-weight:300;line-height:1.5;font-family:var(--font-type02);}
        #footer .ft_inner .ft_info dl dt{color:var(--black-color10);flex-shrink:0;}
        #footer .copyright{margin-top:80px;font-size:var(--text-14);color:var(--point-white);font-weight:200;opacity:0.5;letter-spacing:-0.01em;}
        #footer .copyright a{display: inline-block;margin-left:20px;}

        .ft_quick{position: fixed;right:40px;bottom:30px;opacity:0;pointer-events:none;transition:all 0.3s;display: flex;flex-direction: column;gap:10px;z-index:10;}
        .ft_quick.on{opacity:1;pointer-events:initial;}
        .ft_quick :where(a, button){width:60px;aspect-ratio:auto 1;box-sizing:border-box;display: flex;align-items: center;justify-content: center;border-radius:var(--radius-10);}
        .ft_quick a{background:var(--gradient01);}
        .ft_quick button{background:var(--black-color03);}

        @media (max-width:1200px){
            .ft_info_box{margin-left:-20px;}
            #footer .ft_inner .ft_info li{padding:0 20px;}
            #footer .ft_inner .ft_info dl{gap:clamp(15px, 3vw, 30px);}
        }
        @media (max-width:1023px){
            #footer{padding:clamp(30px, 4vw, 49px) 0 clamp(25px, 3.5vw, 41px);}
            #footer .top_info_box .ft_logo{max-width:clamp(120px, 18vw, 184px);}
            #footer .top_info_box .ft_menu{gap:clamp(20px, 4vw, 40px);}
            #footer .copyright{margin-top:clamp(40px, 7vw, 80px);}

            .ft_quick{right:clamp(20px, 4vw, 40px);bottom:clamp(20px, 4vw, 40px);}
            .ft_quick :where(a, button){width:clamp(46px, 6vw, 60px);}

        }
        @media (max-width:860px){
            .ft_info_box{margin:0;display:flex;flex-direction: column;gap:10px;}
            #footer .ft_inner .ft_info{display:flex;flex-wrap:wrap;gap:10px 20px;}
            #footer .ft_inner .ft_info li{display: flex;flex-wrap:wrap;padding:0;}
            #footer .ft_inner .ft_info li + li{padding-top:0;}
            #wrap #footer .ft_inner .ft_info dl dt{width:auto;}
        }
        @media (max-width:479px){
            #footer .top_info_box{flex-direction: column-reverse;gap:20px;align-items: flex-start;}
            #footer .top_info_box .ft_logo{margin-bottom:0;}
            #footer .copyright a{display: block;margin:10px 0 0 0;}
        }

/*───────────────────────────────────────────────────────────

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
        .main_visual{position: relative;}
        .main_visual .slick-slide{position: relative; height: 920px; overflow: hidden;}
        .main_visual .thumb{position: absolute; inset: 0; background: no-repeat center / cover; scale: 1;}
            .main_visual .active .thumb{scale: 1.05; transition: all 6s;}
        .main_visual .txt_box{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 36px;color: var(--point-white);padding-bottom:24px; text-wrap: balance;}
        .main_visual .txt_box h2{font-size:100px;font-weight:500;line-height: 1.2;letter-spacing:-0.03em}
        .main_visual .txt_box p{font-size:var(--text-20);font-weight:300;line-height:1;color:var(--point-white);letter-spacing:-0.02em;}
            .main_visual .txtAni{opacity: 0;}
            .main_visual .active .txtAni{opacity: 1;transition: all 6s;}
        
        .main_visual .visual_btn_wrap{position: absolute;left: 50%;bottom:77px;translate: -50%;z-index: 5;display: flex;align-items: center;gap:27px;}
        .main_visual .slider-progress{width:500px;height:1px;background:rgba(217, 217, 217, 0.4);position: relative;}
            .main_visual .slider-progress .progress{position: absolute;top:0;left:0;height: 100%;background: var(--gray-bg04);}
        .main_visual .slideController{display: flex;align-items: center;gap:5px;}
        .main_visual .arw_box{display: flex;align-items: center;gap:10px;}
        .main_visual .visual_arw{position: relative;width: 24px;aspect-ratio: auto 1;}
            .main_visual .visual_arw::before{position: absolute;content:'';width: 43%;aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: 135deg;top: 50%;left: 60%;translate: -50% -50%;border-radius: 2px;}
            .main_visual .visual_arw.next{scale: -1 -1;}
        .main_visual .cnt{display: flex;align-items: center;}
        .main_visual .cnt span{font-size:var(--text-13);color:var(--point-white);font-weight:400;font-family:var(--font-type02);}
        .main_visual .cnt .slideCountAll{opacity:0.6;}
        .main_visual .cnt .slideCountAll:before{content:'/';display: inline-block;margin-inline: 5px;}
        
        @media (max-width:1300px) {
            .main_visual .txt_box h2{font-size:var(--text-70);}
        }
        @media (max-width:1023px) {
            .main_visual .slick-slide{height: clamp(520px, 92vw, 920px);}
            .main_visual .txt_box{gap: clamp(15px, 3.6vw, 36px);}
            .main_visual .txt_box p{line-height:1.4;}
            .main_visual .visual_btn_wrap{bottom:7%;}
            .main_visual .slider-progress{width:50vw}
        }
        @media (max-width:640px) {
            .main_visual .txt_box br{display: none;}
        }
        @media (max-width:479px) {
            .main_visual .visual_btn_wrap{gap:10px;}
            .main_visual .arw_box{gap:5px;}
            .main_visual .visual_arw{width:18px;}
        }

    /*공통*/
        .main_title{box-sizing:border-box;position: relative;padding-left:36px;}
        .main_title:before{width:16px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;border:4px solid var(--point-color01);background:var(--point-white);position: absolute;left:0;top:22px;}
        .main_title h3{font-size:var(--text-60);font-weight:500;line-height:1;letter-spacing:0;}
        .main_title .txt{display: flex;align-items: center;gap:10px;justify-content: space-between;margin-top:24px;}
        .main_title h4{font-size:var(--text-30);font-weight:500;line-height:1.33;color:var(--black-color00);}
        .main_title h4 + p{margin-top:10px;}
        .main_title .txt p{font-size:var(--text-16);font-weight:400;line-height:1.5;color:var(--black-color05);}
        .main_title .txt a{display: flex;align-items: center;justify-content:flex-end;width:40px;aspect-ratio:auto 1;flex-shrink: 0;}

        .btn_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:80px;border:1px solid rgba(255,255,255,0.6);padding:10px 19px;gap:37px;font-size:var(--text-14);color:var(--point-white);font-weight:600;transition:all 0.3s;}
        .btn_more:after{width:14px;height:10px;content:"";background:url('../images/skin/more_arw02.svg')no-repeat center / auto 100%;transition:all 0.3s;}

        @media (hover:hover) and (pointer:fine){
            .btn_more:hover{background:var(--point-color01);border-color:var(--point-color01);}
        }

        @media (max-width:1023px) {
            .main_title{padding-left:clamp(15px, 2.6vw, 24px);}
            .main_title:before{border-width:2px;width:clamp(8px, 1.6vw, 16px);top:clamp(16px, 2.2vw, 22px);}
            .main_title .txt{margin-top:clamp(15px, 2.6vw, 24px);}
            .main_title .txt a{width:clamp(30px, 4vw, 40px);}
        }
        @media (max-width:479px) {
            .main_title .txt p br{display: none;}
        }
    
    /*solution*/
        .main_solution{padding-block: var(--row-gap140);}
        .main_solution .solution_swiper{margin-top:39px;}
        .main_solution_list{display: grid;gap:var(--row-gap40);grid-template-columns:var(--grid-array03);}
        .main_solution_list > li{position: relative;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
        .main_solution_list > li .img{width:100%;height:600px;}
            .main_solution_list > li .img img{width:100%;height:100%;object-fit: cover;}
        .main_solution_list > li a > .txt{position: absolute;bottom:58px;left:0;box-sizing:border-box;width:100%;font-size:var(--text-26);font-weight:500;line-height:1.2;color:var(--point-white);z-index:3;text-align: center;letter-spacing:-0.03em;transition: all 0.4s;}
        .main_solution_list > li .ov_box{position: absolute;width:100%;height:100%;top:0;left:0;z-index:4;box-sizing:border-box;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;padding:60px 30px 30px;gap:30px;opacity:0;pointer-events:none;transition: all 0.4s;}
            .main_solution_list > li .ov_box:before{width:100%;height:100%;content:"";position: absolute;top:0;left:0;background: linear-gradient(154deg, #227FC4 4.25%, #164390 64.59%);opacity: 0.95;}
        .main_solution_list > li .ov_box dl{display: grid;gap:21px;position: relative;z-index:2;}
            .main_solution_list > li .ov_box dl dt{font-size:var(--text-36);font-weight:600;line-height:1.2;color:var(--point-white);letter-spacing:-0.03em;}
            .main_solution_list > li .ov_box dl dd{font-size:var(--text-18);font-weight:300;line-height:1.66;color:var(--point-white);letter-spacing:-0.03em}
        .main_solution_list > li .ov_box ul{display: grid;gap:10px;position: relative;z-index: 2;width:100%;}
            .main_solution_list > li .ov_box ul li{position: relative;width:280px;display: inline-flex;box-sizing:border-box;padding:15px 10px;text-align:center;font-size:var(--text-17);color:var(--point-white);font-weight:400;justify-content: center;margin:0 auto;}
            .main_solution_list > li .ov_box ul li:before{width:100%;height:100%;content:"";box-sizing:border-box;position: absolute;top:0;left:0;background: rgba(255, 255, 255, 0.20);border:1px solid var(--point-white);border-radius:var(--radius-10);opacity:0.5;}
        .main_solution_list > li .ov_box span{display: inline-flex;align-items: center;justify-content: center;gap:10px;font-size:var(--text-14);color:var(--point-white);font-weight:400;position: relative;z-index:2;margin-top:35px;}
            .main_solution_list > li .ov_box span:after{width:17px;height:10px;content:"";background:url('../images/skin/more_arw02.svg')no-repeat center;background-size:auto 100%;;}

        @media (hover:hover) and (pointer:fine){
            .main_solution_list > li:hover .ov_box{opacity:1;pointer-events:auto;}
            .main_solution_list > li:hover a > .txt{opacity:0;}
        }

        @media (max-width:1300px) {
            .main_solution_list > li .ov_box ul li{width:100%;}
        }
        @media (max-width:1023px) {
            .main_solution .solution_swiper{margin-top:clamp(25px, 3.6vw, 39px);}
            .main_solution_list{gap:0;}
            .main_solution_list > li .img{height:auto;aspect-ratio:auto 0.8;}
            .main_solution_list > li a > .txt{bottom:clamp(20px, 3.6vw, 58px);}
            .main_solution_list > li .ov_box{padding: clamp(20px, 3.6vw, 30px) clamp(15px, 2.6vw, 30px);gap:clamp(15px, 2.6vw, 30px);}
            .main_solution_list > li .ov_box dl{gap:clamp(10px, 1.5vw, 21px);}
            .main_solution_list > li .ov_box span{margin-top:15px;}

            .main_solution_list > li.swiper-slide-active .ov_box{opacity:1;pointer-events:auto;}
            .main_solution_list > li.swiper-slide-active a > .txt{opacity:0;}
        }
        @media (max-width:767px) {
            .main_solution_list > li .img{aspect-ratio:auto 0.7;}
        }
        @media (max-width:330px) {
            .main_solution_list > li .img{aspect-ratio:auto 0.6;}
        }

    /*tech*/
        .main_tech{display: flex;flex-wrap:wrap;background:var(--gray-bg01);align-items: center;}
        .main_tech .img{width:50%;height:940px;} 
            .main_tech .img img{width:100%;height:100%;object-fit: cover;}
        .main_tech .txt_box{box-sizing:border-box;width:50%;padding-left:100px;padding-right:30px;}
        .main_tech .txt_box ul{display:grid;gap:var(--row-gap50) var(--row-gap70);grid-template-columns:var(--grid-array02);margin-top:76px;box-sizing:border-box;padding-left:36px;max-width:684px;}
        .main_tech .txt_box ul li{display:flex;flex-direction:column;gap:var(--col-gap30);}
        .main_tech .txt_box dl dt{font-size:var(--text-20);font-weight:600;line-height:1.2;color:var(--black-color00);}
            .main_tech .txt_box dl dd{display: grid;gap:var(--col-gap20);margin-top:12px;font-size:var(--text-18);font-weight:400;line-height:1.55;color:var(--black-color06);}
            .main_tech .txt_box dl dd strong{font-size:var(--text-26);font-weight:700;line-height:1.2;color:var(--point-color01);font-family:var(--font-type02);}

        @media (max-width:1500px) {
            .main_tech .txt_box{padding-left:30px;}
        }
        @media (max-width:1023px) {
            .main_tech .img{width:100%;height:auto;aspect-ratio:auto 2;}
            .main_tech .txt_box{width:100%;padding:clamp(30px, 7vw, 80px) clamp(15px, 2.6vw, 30px);}
            .main_tech .txt_box ul{margin-top:clamp(30px, 5vw, 76px);padding-left:clamp(15px, 2.6vw, 24px);max-width:100%;}
            .main_tech .txt_box .ico{width:clamp(45px, 6vw, 60px);flex-shrink:0;}
        }
        @media (max-width:479px) {
            .main_tech .txt_box ul li{flex-direction: row;align-items: center;}
            .main_tech .txt_box dl dd{gap:4px;margin-top:8px;}  
        }

    /*team*/
        .main_team{display: flex;align-items: flex-start;gap:var(--row-gap100);padding:var(--row-gap140) 0;}
        .main_team .main_title{width:29%;}
        .main_team .main_title .txt{flex-direction: column;align-items: flex-start;margin-top:37px;}
        .main_team .main_team_list{display: flex;flex-wrap:wrap;gap:var(--row-gap60);width:calc(71% - 100px);}
        .main_team .main_team_list > li{display:flex;flex-direction:column;gap:var(--col-gap30);width:calc(50% - var(--row-gap60) / 2);}
        .main_team .main_team_list > li .img{width:100%;aspect-ratio:auto 1.4;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
            .main_team .main_team_list > li .img img{width:100%;height:100%;object-fit: cover;}
        .main_team .main_team_list > li .txt{display: grid;gap:14px;}
            .main_team .main_team_list > li span{font-size:var(--text-16);font-weight:400;color:var(--point-color02);font-family:var(--font-type02);}
            .main_team .main_team_list > li h5{font-size:var(--text-20);font-weight:600;line-height:1.2;color:var(--black-color00);}
        .main_team .main_team_list > li ul{margin-top:5px;}
            .main_team .main_team_list > li ul li{font-size:var(--text-16);font-weight:400;line-height:1.62;color:var(--black-color06);}

        @media (max-width:1023px) {
            .main_team{gap:40px;}
            .main_team .main_title .txt{margin-top:clamp(20px, 3.6vw, 37px);}
            .main_team .main_team_list{width:calc(71% - 40px);}
        }
        @media (max-width:640px) {
            .main_team{flex-direction: column;}
            .main_team .main_title{width:100%;}
            .main_team .main_title h4 br{display: none;}
            .main_team .main_team_list{width:100%;}
            .main_team .main_team_list > li .txt{gap:8px;}
        }
        @media (max-width:375px) {
            .main_team .main_team_list > li{width:100%;}
        }

    /*partner*/
        .main_partner{padding:var(--row-gap40) 0 var(--row-gap140);}
        .main_partner .partner_box{position: relative;margin-top:65px;box-sizing:border-box;}
        .main_partner .partner_box .partner_swiper{overflow: hidden;}
        .main_partner .partner_box .partner_swiper .swiper-slide{width:100%;box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;border:1px solid var(--border-color01); height: 120px; display: flex; align-items: center; justify-content: center;}
        .main_partner .partner_box .partner_swiper .swiper-slide img{height: 80px !important; width: auto !important; max-width: 80% !important; object-fit: contain !important; margin: 0 auto; display: block;}
        .main_partner .partner_box .swipe_arw{position: absolute;top:50%;translate:0 -50%;width:40px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;z-index:2;opacity:0.3;transition: all 0.4s;}
        .main_partner .partner_box .swipe_arw.prev{left:-50px;}
        .main_partner .partner_box .swipe_arw.next{right:-50px;scale: -1 -1;}
        .main_partner .partner_box .swipe_arw:before{width:40%;aspect-ratio: auto 1;content:"";border:2px solid var(--black-color12);clip-path: var(--clip-poly02);rotate: 135deg;translate:7px;border-radius:2px;}
        .main_partner .partner_box .swipe_arw.swiper-button-disabled{opacity:0;}

        @media (hover:hover) and (pointer:fine){
            .main_partner .partner_box .swipe_arw:hover{opacity:1;}
        }
        @media (max-width:1650px) {
            .main_partner .partner_box{padding-inline:30px;}
            .main_partner .partner_box .swipe_arw.prev{left:-10px;}
            .main_partner .partner_box .swipe_arw.next{right:-10px;}
        }
        @media (max-width:1023px) {
            .main_partner .partner_box{margin-top:clamp(30px, 5vw, 65px);}
        }
        @media (max-width:640px) {
            .main_partner .partner_box{padding-inline:20px;}
            .main_partner .partner_box .swipe_arw{width:24px;}
            .main_partner .partner_box .swipe_arw:before{translate:4px;}
            .main_partner .partner_box .swipe_arw.prev{left:-5px;}
            .main_partner .partner_box .swipe_arw.next{right:-5px;}
        }

    /*contact*/
        .main_contact{box-sizing:border-box;border-radius:var(--radius-30);background:url('../images/skin/main_contact_bnr.jpg') no-repeat center / cover;padding:var(--row-gap100) 0;margin-bottom:var(--row-gap140);}
        .main_contact .txt{text-align: center;display: flex;flex-direction: column;align-items: center;gap:var(--col-gap20);}
        .main_contact .txt h3{font-size:var(--text-60);font-weight:600;color:var(--point-white);}
        .main_contact .txt p{font-size:var(--text-16);font-weight:400;color:var(--point-white);line-height:1.5;}
        .main_contact .txt a{margin-top:30px;}