@charset "utf-8";

/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

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


/*───────────────────────────────────────────────────────────
	
	공통

───────────────────────────────────────────────────────────*/
    #container:has(.full_sec){width: 100%; max-width: 100%;}
    #container:has(.pd_zero){padding-bottom: 0;}
    #wrap:has(.contGrbg){background: var(--gray-bg01);}
    .sub_content{font-family: var(--font-type01);}

    /* 서브 비주얼 */
        .sub_visual{position: relative;box-sizing: border-box; clip-path: inset(0); z-index: 3;}
        .sub_visual .thumb{position: fixed;top:0;left:0;width: 100%;height: 680px;background: url('../images/sub/sv_company.jpg') no-repeat center / cover;}
        .sub_visual .cont{position: relative;z-index: 2;height: 680px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;gap: 40px;padding-block: 100px;}
        .sub_visual .txt_wrap{position: relative;font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;text-wrap: balance;}
        .sub_visual .txt_wrap h2{font-size: 550%;font-weight: 600;line-height: 1.09;letter-spacing: -0.03em;font-family: var(--font-type02);}
        .sub_visual .nav_desc{position: relative; font-size: var(--title-20); display: flex; align-items: center; flex-wrap: wrap; }
        .sub_visual .nav_desc :where(dt, dd){display: inline-flex; align-items: center;}
        .sub_visual .nav_desc :where(dt, dd):not(:last-child):after{display: inline-flex; content:''; width: 4px; aspect-ratio: auto 1; background: rgba(255,255,255,0.2); margin-inline: 20px;}
        .sub_visual .nav_desc dt{font-size: 0;}
        .sub_visual .nav_desc dd{font-size: 85%; font-weight: 300; color: rgba(255,255,255,0.6);}
        .sub_visual .nav_desc dd:last-child{color: var(--point-white);}
        .sub_visual .menu_wrap{position: absolute;left:0;bottom:0;width: 100%;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);background: rgba(255,255,255,0.05);backdrop-filter: blur(5px);z-index: 4;}
        .sub_visual .menu_wrap .w_custom{width: 100%;}
        .sub_visual .menu_list{display: flex; font-size: var(--title-20);}
        .sub_visual .menu_list > li{position: relative;width: 100%;font-size: 95%;font-weight: 400;color: rgba(255,255,255,0.6); transition: all 0.4s;}
            .sub_visual .menu_list > li:before{position: absolute; content:''; width: 0; height: 2px; background: var(--point-white); top:0; left:50%; translate: -50%; transition: inherit;}
        .sub_visual .menu_list > li > a{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-align: center;padding-block: 25px 20px;padding-inline: 15px;box-sizing: border-box;}
            .sub_visual .menu_list > li.on{color: var(--point-white);}
            .sub_visual .menu_list > li.on:before{width: 100%;}

            body:has(.sv_solutions) .sub_visual .thumb{background-image: url('../images/sub/sv_solutions.jpg');}
            body:has(.sv_business) .sub_visual .thumb{background-image: url('../images/sub/sv_business.jpg');}
            body:has(.sub_board) .sub_visual .thumb{background-image: url('../images/sub/sv_board.jpg');}


            /* over */
                @media (hover:hover) and (pointer:fine){
                    .sub_visual .menu_list > li:not(.on):hover{color: var(--point-white);}
                    .sub_visual .menu_list > li:not(.on):hover:before{width: 100%;}
                }

        @media (max-width:1023px){
            .sub_visual .cont{height: clamp(420px, 68vw, 680px);gap: clamp(20px, 4vw, 40px);padding-block: clamp(70px, 10vw, 100px);}
			.sub_visual .thumb{height: clamp(420px, 68vw, 680px);}
            .sub_visual .txt_wrap h2{font-size: clamp(45px, 11vw, 110px);}
            .sub_visual .nav_desc :where(dt, dd):not(:last-child):after{margin-inline: clamp(15px, 2.5vw, 20px); width: clamp(3px, 0.9vw, 4px);}
            .sub_visual .menu_list > li > a{padding-block: clamp(20px, 2.5vw, 25px) clamp(15px, 2vw, 20px);padding-inline: clamp(5px, 1.5vw, 15px);}
        }

        @media (max-width:479px){
            .sub_visual .menu_list > li{font-size: max(14px, 85%);}
        }

    /* 상단 타이틀 */
        .hd_title{position: relative;font-size: var(--title-20);box-sizing: border-box;padding-block: 138px 80px;text-align: center;display: grid;gap: 21px;text-wrap: balance;}
            .hd_title.left{text-align: left;}
        .hd_title h3{font-size: 280%;font-weight: 600;color: var(--black-color01);line-height: 1.285;letter-spacing: -0.03em;}
            .hd_title h3 + h4{margin-top: 35px;}
            .hd_title h3 + h5{margin-top: 18px;}
            .hd_title h3 + p{margin-top: 18px;}
        .hd_title h4{font-size: 190%;font-weight: 600;color: var(--black-color03);line-height: 1.35;letter-spacing: -0.03em;}
        .hd_title h5{font-size: 140%;font-weight: 500;color: var(--black-color03);line-height: 1.43;letter-spacing: -0.05em;}
			.hd_title h5 + p{margin-top: -8px;}
        .hd_title h6{font-size: 110%;font-weight: 500;color: var(--black-color01);line-height: 1.4;}
        .hd_title h6 em{font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0;}
        .hd_title p{font-size: inherit;font-weight: 400;color: var(--black-color05);line-height: 1.7;letter-spacing: -0.03em;}

        @media (max-width:1023px){
            .hd_title{padding-block: clamp(80px, 13.8vw, 138px) clamp(35px, 8vw, 80px);gap: clamp(12px, 2.1vw, 21px);}
            .hd_title h3{font-size: 260%;}
            .hd_title h3 + h4{margin-top: clamp(13px, 3.5vw, 35px);}
            .hd_title h3 + h5{margin-top: clamp(5px, 1.8vw, 18px);}
            .hd_title h3 + p{margin-top: clamp(10px, 1.8vw, 18px)}
            .hd_title h4{font-size: 170%;}
            .hd_title h5 + p{margin-top: clamp(-8px, -0.8vw, 0px);}
        }
        @media (max-width:640px){
            .hd_title h3{font-size: 240%;}
            .hd_title h4{font-size: 150%;}
        }
        @media (max-width:479px){
            .hd_title h3{font-size: 220%;}
            .hd_title h4{font-size: 140%;}
            .hd_title h6{font-size: 100%;}
            .hd_title p{font-size: max(15px, 90%); line-height: 1.6;}
        }

    /* 컨텐츠 타이틀 */
        .sub_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: grid;gap: 15px;}
            .sub_title.hd{padding-block:140px 37px;}
        .sub_title h3{font-size: 220%;font-weight: 600;color: var(--black-color01);line-height: 1.27;letter-spacing: -0.03em;font-family: var(--font-type02);}
            .sub_title h3.bullet{display: flex; align-items: baseline; gap: 20px;}
            .sub_title h3.bullet:before{display: inline-flex;content:'';width: 8px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;translate: 0 -11px;}
            .sub_title h3.bullet small{font-size: 54.5%;font-weight: 500;color: var(--black-color10);letter-spacing: -0.02em;}
            .sub_title h3.bullet span{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 24px;}
            .sub_title h3.bullet + h6{margin-top: 22px;}
        .sub_title h4{font-size: 190%;font-weight: 600;color: var(--black-color03);line-height: 1.3;letter-spacing: -0.03em;}
        .sub_title h5{font-size: 170%;font-weight: 600;color: var(--black-color03);line-height: 1.3;letter-spacing: -0.03em;}
        .sub_title h5:has(small){display: flex;flex-wrap: wrap;align-items: center;gap: 7px 20px;}
        .sub_title h5 small{color: var(--point-color01);font-size: max(13px, 53%);font-weight: 500;font-family: var(--font-type02);letter-spacing: 0;}
        .sub_title h6{font-size: inherit;font-weight: 400;color: var(--black-color05);line-height: 1.7;letter-spacing: -0.03em;}
        .sub_title h6 em{font-weight: 600;}

        @media (max-width:1023px){
            .sub_title{gap: clamp(10px, 1.5vw, 15px);}
                .sub_title.hd{padding-block:clamp(80px, 14vw, 140px) clamp(25px, 4vw, 37px);}
            .sub_title h3{font-size: 200%;}
            .sub_title h3.bullet{gap: clamp(15px, 2vw, 20px);}
                .sub_title h3.bullet:before{width: clamp(6px, 1.3vw, 8px); translate:0 clamp(-11px, -1.1vw, -7px);}
                .sub_title h3.bullet span{column-gap: clamp(15px, 2.4vw, 24px);}
                .sub_title h3.bullet + h6{margin-top: clamp(10px, 2.2vw, 22px);}
            .sub_title h5{font-size: 160%;}
        }
        @media (max-width:640px){
            .sub_title h3{font-size: 180%;}
            .sub_title h5{font-size: 150%;}
        }
        @media (max-width:479px){
            .sub_title h3{font-size: 160%;}
            .sub_title h5{font-size: 140%;}
            .sub_title h6{font-size: max(15px, 90%);}
            .sub_title h5 small{width: 100%;}
        }

    /* 리스트 */
        .bullet_list{display: grid; gap: 10px; font-size: var(--title-20);}
        .bullet_list > li{font-size: 95%;font-weight: 400;color: var(--black-color06);line-height: 1.53;display: flex;align-items: baseline;gap: 8px;letter-spacing: -0.045em;}
        .bullet_list > li:before{display: inline-flex;content:'';width: 4px;aspect-ratio: auto 1;background: var(--black-color08);flex-shrink: 0;border-radius: 100%;translate: 0 -5px;}
        .bullet_list > li em{display: contents; font-weight: 500; color: var(--black-color05);}

        @media (max-width:1023px){
            .bullet_list{gap: clamp(8px, 1.5vw, 10px);}
            .bullet_list > li:before{width: clamp(3px, 0.9vw, 4px); translate: 0 clamp(-5px, -0.9vw, -3px);}
        }
        @media (max-width:479px){
            .bullet_list > li:before{width: 3px;}
        }
    
    /* 섹션 */
        .bg_sec{position: relative; background: var(--gray-bg01); padding-block: 140px; box-sizing: border-box;}
        .bg_sec.pt02{background: var(--gray-bg03);}
        .bg_sec:has(.sub_title.hd){padding-top: 0;}

        .tpd_sec{padding-top: 120px;}

        @media (max-width:1023px){
            .bg_sec{padding-block: clamp(80px, 14vw, 140px);}

            .tpd_sec{padding-top: clamp(80px, 12vw, 120px);}
        }

    /* 체크박스 */
        #wrap label:has([type="checkbox"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--title-18);font-weight: 400;color: var(--black-color06);line-height: 24px;cursor: pointer;transition: all 0.4s;width: fit-content; margin:0;}
        #wrap label [type="checkbox"]{position: relative;display: block;width: 24px;height: 24px;border: 1px solid var(--border-color01);box-sizing: border-box;border-radius: 4px;cursor: pointer;transition: inherit;flex-shrink: 0;}
            #wrap label [type="checkbox"]:before{position: absolute;content:'';width: 12px;aspect-ratio: auto 1.33;background: url('../images/sub/chk_icon.svg') no-repeat center / 100% auto;top:50%;left:50%;translate: -50% -50%;opacity: 0.2;}
            #wrap label [type="checkbox"]:checked{background: var(--black-color01); border-color: var(--black-color01);}
            #wrap label [type="checkbox"]:checked:before{filter: var(--filter-white); opacity: 1;}
        #wrap label:has([type="checkbox"]) em{font-weight: inherit; color: var(--point-color01); display: contents;}

        @media (max-width:1023px){
            #wrap label:has([type="checkbox"]){line-height: clamp(22px, 2.9vw, 24px);}
            #wrap label [type="checkbox"]{width: clamp(22px, 2.9vw, 24px);height: clamp(22px, 2.9vw, 24px);}
            #wrap label [type="checkbox"]:before{width: clamp(10px, 1.7vw, 12px);}
        }

    /* 텍스트 */
        #wrap .area_sec{position: relative; padding-inline: 10px; height: 150px; background: var(--gray-bg01); border-radius: 4px; overflow: hidden; box-sizing: border-box; font-size: var(--title-20);}
        #wrap .area_sec textarea{width: 100%;height: 100%;border:0;background: inherit;padding: 24px 20px;box-sizing: border-box;font-size: 85%;font-weight: 400;color: var(--black-color08);line-height: 1.6;resize: none;overflow: hidden;overflow-y: auto;}
            #wrap .area_sec textarea::-webkit-scrollbar { width: 4px; }
            #wrap .area_sec textarea::-webkit-scrollbar-track { background: var(--border-color01); border-radius: 10px; margin:10px;}
            #wrap .area_sec textarea::-webkit-scrollbar-thumb { background-color: var(--black-color01); border-radius: 10px;}

        @media (max-width:1023px){
            #wrap .area_sec{height: clamp(120px, 15.5vw, 150px);}
            #wrap .area_sec textarea{padding: clamp(15px, 2.4vw, 24px) clamp(10px, 2vw, 20px);}
        }
        @media (max-width:640px){
            #wrap .area_sec textarea::-webkit-scrollbar { width: 3px; }
        }
        @media (max-width:479px){
            #wrap .area_sec textarea{font-size: 80%;}
        }

    /* 인풋 */
        #wrap :where([type="text"], [type="password"]){min-width: auto;width: 100%;height: 60px;background: var(--gray-bg01);border-radius: var(--radius-10);font-size: inherit;font-weight: inherit;color: inherit;border: 0;padding-inline: 30px;line-height: normal;vertical-align: middle;letter-spacing: -0.03em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        #wrap :where([type="text"], [type="password"])::placeholder{font-weight: 300; color: var(--black-color10);}

        @media (max-width:1023px){
            #wrap :where([type="text"], [type="password"]){padding-inline:clamp(20px, 3.5vw, 30px);height: clamp(46px, 6.5vw, 60px);}
        }

/*───────────────────────────────────────────────────────────
	
	Company

───────────────────────────────────────────────────────────*/
    /* 회사개요 */
        .about_list{display: grid; gap: 80px; padding-bottom: 140px;}
        .about_list > li{display: flex;flex-wrap: wrap;align-items: center;gap: 35px clamp(50px, 5.3vw, 100px);}
        .about_list .thumb{position: relative;width: 50%;height: 420px;border-radius: var(--radius-20);overflow: hidden;}
		.about_list .thumb img{width:100%; height:100%; object-fit:cover;}
        .about_list .sub_title{width:calc(50% - clamp(50px, 5.3vw, 100px));max-width: 500px;}
        .about_list .sub_title h3{display: flex;align-items: center;flex-wrap: wrap;gap: 15px 30px;}
        .about_list .sub_title h3 small{font-size: max(15px, 45.4%);color: var(--point-color01);letter-spacing: 0;font-family: var(--font-type02);}
        .about_list .sub_title h3 + h6{border-top: 1px solid var(--border-color01); padding-top: 40px; margin-top: 25px;}

            .about_list > li:nth-child(2n){flex-direction: row-reverse;}
            .about_list > li:nth-child(2n) .sub_title{max-width: 100%;}

        @media (max-width:1023px){
            .about_list{gap: clamp(35px, 8.5vw, 80px); padding-bottom: clamp(80px, 14vw, 140px);}
            .about_list .sub_title h3{column-gap: clamp(20px, 3vw, 30px);}
        }
        @media (max-width:860px){
            .about_list > li{gap: clamp(25px, 4.1vw, 35px);}
            .about_list .thumb{width: 100%; height: auto; aspect-ratio: auto 1.66;}
            .about_list .sub_title{width: 100%; max-width: 100%;}
            .about_list .sub_title h3 + h6{padding-top: clamp(15px, 4vw, 40px);margin-top: clamp(10px, 2.5vw, 25px);}
        }

        

        .iconExp_list{position: relative;display: grid;gap: clamp(15px, 1.8vw, 34px);grid-template:auto / repeat(3, 1fr);}
        .iconExp_list > li{position: relative;background: var(--point-white);border-radius: var(--radius-20);padding:40px;padding-bottom: 35px;box-sizing: border-box;display: flex;flex-direction: column;gap: 60px;}
        .iconExp_list .icon{display: flex; align-items: center; height: 80px;}
        .iconExp_list .desc{font-size: var(--title-20);display: grid;gap: 14px;}
        .iconExp_list .desc dt{font-size: 140%;font-weight: 600;color: var(--black-color03);line-height: 1.43;letter-spacing: -0.04em;}
        .iconExp_list .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color06);line-height: 1.55;letter-spacing: -0.03em; text-wrap: auto;}

        @media (max-width:1023px){
            .iconExp_list > li{gap: clamp(25px, 6vw, 60px);padding:clamp(30px, 4vw, 40px);padding-bottom: clamp(25px, 3.5vw, 35px);}
            .iconExp_list .icon{height: clamp(55px, 8vw, 80px);}
            .iconExp_list .desc{gap: clamp(10px, 1.5vw, 14px);}
        }
        @media (max-width:860px){
            .iconExp_list{grid-template:auto / repeat(2, 1fr);}
        }
        @media (max-width:640px){
            .iconExp_list{grid-template:auto / repeat(1, 1fr);}
        }
        @media (max-width:479px){
            .iconExp_list .desc dt{font-size: 130%;}
        }

        .gap_box{display: grid; gap: 60px;}
        .ci_list{display: grid; grid-template:auto / repeat(2, 1fr); gap: clamp(15px, 2.09vw, 40px);}
        .ci_list > li{position: relative; background: url('../images/sub/ci_bg.jpg') repeat center / 100% auto; border: 2px solid var(--border-color01); box-sizing: border-box; aspect-ratio: auto 1.883; border-radius: var(--radius-20); display: flex; align-items: center; justify-content: center;}
        .ci_list > li img{max-width: calc(100% - 60px);max-height: calc(100% - 60px);}

        .ciExp_list{display: grid;grid-template:auto / repeat(3, 1fr);gap: clamp(15px, 1.5vw, 22px);}
        .ciExp_list .desc{border-radius: var(--radius-10);padding:30px;font-size: var(--title-20);display: flex;align-items: center;justify-content: space-between;gap: 13px 20px;width: 100%;height: 100%;box-sizing: border-box;font-family: var(--font-type02);color: var(--point-white);}
        .ciExp_list .desc dt{font-size: 120%;font-weight: 500;width: 120px;flex-shrink: 0;}
        .ciExp_list .desc dd{text-align: right;font-size: max(13px, 80%);font-weight: 300;color: rgba(255,255,255,0.8);display: flex;flex-direction: column;gap: 8px;letter-spacing: -0.02em;}

        @media (max-width:1023px){
            .gap_box{gap: clamp(25px, 6vw, 60px);}
            .ciExp_list{grid-template:auto / repeat(2, 1fr);}
            .ciExp_list .desc{padding: clamp(25px, 3.5vw, 30px);}
            .ciExp_list .desc dt{width: clamp(100px, 12vw, 120px);}
        }
        @media (max-width:767px){
            .ciExp_list{grid-template:auto / repeat(1, 1fr);}
        }
        @media (max-width:479px){
            .ci_list{grid-template:auto / repeat(1, 1fr);}

            .ciExp_list .desc dt{font-size: 110%;}
        }
        @media (max-width:360px){
            .ciExp_list .desc{flex-wrap: wrap;}
            .ciExp_list .desc dt{width: 100%; flex-shrink: unset;}
            .ciExp_list .desc dd{text-align: left;}
        }
		
		.sub_certificate .list{display: flex;flex-wrap:wrap;gap:40px 26px;}
		.sub_certificate .list li{width:calc(25% - 20px);cursor:pointer;}
		.sub_certificate .list li .img{width:100%;box-sizing:border-box;position: relative;height:0;padding-bottom:151%;overflow:hidden;border:1px solid var(--border-color01);}
		.sub_certificate .list li .img:before{width:100%;height:0;background:rgba(0,0,0,0.6);content:"";position: absolute;bottom:0;left:0;z-index:2;transition:height 0.5s;}
		.sub_certificate .list li .img:after{width:40px;height:40px;content:"";background:url('../images/sub/icon_view_detail.svg')no-repeat center;background-size:auto 100%;position: absolute;top:60%;left:50%;transform:translate(-50%, -50%);z-index:-1;opacity:0;transition:all 0.5s;}
		.sub_certificate .list li img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;}
		.sub_certificate .list li .txt{text-align: center;font-size:var(--title-20);margin-top:15px;font-family:var(--font-type03);}
		.sub_certificate .list li .txt strong{font-size:120%;color:var(--black-color03);font-weight:500;}
		.sub_certificate .list li .txt p{font-size:90%;color:var(--black-color05);font-weight:400;margin-top:10px;}
		
		.certificate_layer{position: fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);align-items: center;justify-content: center;display: none;z-index:120;}
		.certificate_layer.on{display: flex;}
		body.has(.certificate_layer.on){overflow:hidden;}
		.certificate_layer .layer_cont{position: relative;background:var(--point-whtie);width:330px;height:500px;text-align: center;}
		.certificate_layer .layer_cont .btn_close{width:30px;height:30px;position: absolute;top:-30px;right:-45px;}
		.certificate_layer .layer_cont .btn_close a{display: block;width:100%;height:100%;position:relative;}
		.certificate_layer .layer_cont .btn_close a span{display: inline-block;width:100%;height:2px;background:var(--point-white);position: absolute;top:50%;left:0;}	
		.certificate_layer .layer_cont .btn_close a span:nth-child(1){transform:rotate(45deg);}
		.certificate_layer .layer_cont .btn_close a span:nth-child(2){transform:rotate(-45deg);}
		
		/* over */
        @media (hover:hover) and (pointer:fine){
			.sub_certificate .list li:hover .img:before{height:100%;}
			.sub_certificate .list li:hover .img:after{opacity:1;z-index:3;top:50%;}
		}

		@media (max-width: 860px){
			.sub_certificate .list{gap:40px 21px;}
			.sub_certificate .list li{width:calc(100% / 3 - 14px);}
			.sub_certificate .list li .img{padding-bottom:143%;}
		}
		@media (max-width: 640px){
			.sub_certificate .list{gap:30px 15px;}
			.sub_certificate .list li{width:calc(100% / 2 - 7.5px);}
			.sub_certificate .list li .img{padding-bottom:147%;}
			.sub_certificate .list li .txt{margin-top:10px;}
			.sub_certificate .list li .txt strong{font-size:100%;}
			.sub_certificate .list li .txt p{font-size:80%;margin-top:6px;}
			
			.certificate_layer .layer_cont{width:calc(100% - 110px);height:auto;}
			.certificate_layer .layer_cont .btn_close{width:26px;height:26px;right:-30px;top:-35px;}
			
		}

    /* history */
        .history_wrap{font-size: 0;}
        .history_wrap:after{position: sticky;bottom: 0;display: inline-flex;content:'';width: 22.6%;height: 100vh;margin-top: calc(-100vh + 170px);background: var(--point-grid03);}
        .history_wrap .w_custom{display: flex;flex-wrap: wrap;align-items: flex-start;gap: clamp(45px, 7.1vw, 135px);z-index: 3;}
        .history_wrap .thumb{position: sticky;top: 145px;font-size: 0;width: 40%;height: min(69vh, 620px);border-radius: var(--radius-30);overflow: hidden;box-sizing: border-box;}
        .history_wrap .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .history_wrap .cont{position: relative;width: calc(60% - 135px);box-sizing: border-box;display: grid;gap: 80px;}
        .history_wrap .line{position: absolute;top: 21px;left: 3px;width: 1px;height: calc(100% - 21px);background: var(--border-color01); overflow: hidden;}
        .history_wrap .line span{position: absolute; top:0; left:0; width: 100%; background: var(--point-color01);}
        .history_wrap .sub_title{position: relative;padding-left: clamp(45px, 6.6vw, 125px);box-sizing: border-box;gap: 21px;}
        .history_wrap .sub_title:before{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;background: var(--black-color08);border-radius: 100%;box-shadow: 0 0 0 7px var(--border-color01);box-sizing: border-box;top: 21px;left: 0; transition: all 0.4s;}
        .history_wrap .sub_title h3{color: var(--black-color03); transition: all 0.4s;}
        
            .history_wrap .sub_title.on:before{background: var(--point-color01); box-shadow: 0 0 0 7px var(--point-color02);}
            .history_wrap .sub_title.on h3{color: var(--point-color01);}

        @media (max-width:1023px){
            .history_wrap .cont{gap: clamp(40px, 8vw, 80px);}
            .history_wrap .sub_title{gap: clamp(12px, 2.1vw, 21px);}
        }
        @media (max-width:860px){
            .history_wrap{padding-bottom: clamp(100px, 15vw, 150px)}
            .history_wrap:after{display: none;}
            .history_wrap .thumb{position: relative; inset: auto; width: auto; height: auto; aspect-ratio: auto 1.012;}
            .history_wrap .cont{width: 100%;}
            .history_wrap .line{top: clamp(13px, 2.2vw, 18px);left: 7px;height: calc(100% - clamp(12px, 2.2vw, 18px));}
            .history_wrap .sub_title:before{top: clamp(13px, 2.2vw, 18px);left: 5px;width: 7px;box-shadow: 0 0 0 6px var(--border-color01);}
            .history_wrap .sub_title.on:before{box-shadow: 0 0 0 6px var(--point-color02);}
        }

    /* 조직도 */
        .work_wrap{position: relative;}
        .work_wrap:before{position: absolute;content:'';width: 1700px;width: clamp(300px, 88.6vw, 1700px);height: clamp(300px, 46.2vw, 886px);background: url('../images/sub/work_bg.png') no-repeat top center / 100%;z-index: -1;top: clamp(0px, 3.6vw, 70px);left: 50%;translate: -50%;}

    /* 오시는 길 */
        .location_wrap{border-radius: var(--radius-30); overflow: hidden;}
        .location_wrap .map_box{position: relative; width: 100%; height: 580px; overflow: hidden;}
        .location_wrap .map_box iframe{width: 100%; height: 100%;}
        .location_wrap .map_info{background: var(--point-grid01);padding:60px;padding-bottom: 65px;box-sizing: border-box;display: flex;align-items: flex-start;gap: 40px 0;}
        .location_wrap .map_info .logo{width: clamp(230px, 14.6vw, 280px);flex-shrink: 0;}
        .location_wrap .map_info .logo img{width: 100%;}
        .location_wrap .map_info .cont{width: 100%;padding-left: clamp(50px, 7.3vw, 140px);box-sizing: border-box;}
        .location_wrap .map_info .desc{display: flex;align-items: baseline;gap: 15px 0;font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;}
        .location_wrap .map_info .desc:not(:last-child){padding-bottom: 25px;margin-bottom: 24px;border-bottom: 1px solid rgba(255,255,255,0.2);}
        .location_wrap .map_info .desc :where(dt, dd){font-size: inherit;}
        .location_wrap .map_info .desc dt{display: flex;align-items: baseline;gap: 16px;font-weight: 500;width: clamp(170px, 12.6vw, 240px);padding-right: 20px;box-sizing: border-box;flex-shrink: 0;}
        .location_wrap .map_info .desc dd{font-weight: 300;color: rgba(255,255,255,0.8);width: 100%;display: flex;flex-direction: column;gap: 8px;}
        .location_wrap .map_info .desc dd small{font-size: 90%; color: rgba(255,255,255,0.6);}
        .location_wrap .map_info .desc dd a{font-family: var(--font-type02);}
        .location_wrap .map_info .desc .icon{display: flex; align-items: center; justify-content: center; width: 36px; aspect-ratio: auto 1; border-radius: 100%; background: var(--point-color01); flex-shrink: 0;}
        .location_wrap .map_info .desc .icon img{max-width: calc(100% - 15px);max-height: calc(100% - 15px);}

        @media (max-width:1023px){
            .location_wrap .map_box{height: clamp(320px, 58vw, 580px);}
            .location_wrap .map_info{flex-wrap: wrap;padding: clamp(35px, 6vw, 60px);padding-bottom: clamp(35px, 6.5vw, 65px);gap: clamp(30px, 4.5vw, 40px);}
            .location_wrap .map_info .logo{flex-shrink: unset;width: clamp(180px, 23vw, 230px);}
            .location_wrap .map_info .cont{padding-left: 0;}
            .location_wrap .map_info .desc:not(:last-child){padding-bottom: clamp(20px, 3vw, 25px); margin-bottom: clamp(20px, 3vw, 24px);}
            .location_wrap .map_info .desc dt{width: clamp(150px, 17.5vw, 170px);}
            .location_wrap .map_info .desc .icon{width: clamp(26px, 4.1vw, 36px);}
        }
        @media (max-width:479px){
            .location_wrap .map_info .desc{flex-wrap: wrap;}
            .location_wrap .map_info .desc dt{width: 100%;flex-shrink: unset;padding-right: 0;}
        }


/*───────────────────────────────────────────────────────────
	
	Solutions

───────────────────────────────────────────────────────────*/
    /* 사업영역 */
        .sol_area.bg_sec{padding-top: 80px;}
        .sol_area .logo_circle{position: absolute;right: 0;bottom: 0;translate: 50% 50%;z-index: 2;width: clamp(300px, 19.8vw, 380px);height: clamp(300px, 19.8vw, 380px);border-radius: 100%;display: flex;align-items: center;justify-content: center;background: var(--point-grid02);padding: 20px;box-sizing: border-box;}
        .sol_area .logo_circle span{display: flex;align-items: inherit;justify-content: inherit;background: var(--point-white);width: 100%;height: 100%;border-radius: inherit;padding: 50px;box-sizing: border-box;}
        .sol_area .logo_circle span img{width: 100%; max-width: 176px;}
        .sol_area .step_list{position: relative;display: flex;flex-wrap: wrap;counter-reset: solArea;}
        .sol_area .step_list > li{position: relative;width: 50%;padding-block: 40px 66px;padding-inline: clamp(30px, 3.2vw, 60px) clamp(160px, 10.5vw, 200px);box-sizing: border-box;font-size: var(--title-20);}
        .sol_area .bullet_list{gap: 6px;}
        .sol_area .bullet_list > li{font-size: 90%; line-height: 1.55;}
        .sol_area .sub_title{gap: 21px;}
            .sol_area .sub_title h4:before{display: block;width: fit-content;content: counter(solArea, decimal-leading-zero);counter-increment: solArea;font-size: max(13px, 42.2%);font-weight: 500;color: var(--point-white);font-family: var(--font-type02);padding: 8px 18px;background: var(--point-color01);border-radius: var(--radius-10);margin-bottom: 25px;line-height: 1.2;}
        .sol_area .sub_title h4{font-family: var(--font-type02);}

            .sol_area .step_list > li:nth-child(2n){text-align: right;padding-inline: clamp(160px, 10.5vw, 200px) clamp(30px, 3.2vw, 60px);}
            .sol_area .step_list > li:nth-child(2) .sub_title h4:before, .sol_area .step_list > li:nth-child(2n + 1):not(:first-child) .sub_title h4:before{background: var(--point-color03);}
            .sol_area .step_list > li:nth-child(2n) .sub_title h4:before{margin-left: auto;}
            .sol_area .step_list > li:nth-child(2n) .bullet_list > li{flex-direction: row-reverse;}

            .sol_area .step_list > li:nth-child(n+3){padding-block: 66px 100px;}

            .sol_area .step_list:before{position: absolute; content:''; width: 1px; height: 100%; background: var(--border-color01); top:0; left:50%;}
            .sol_area .step_list > li:nth-child(1):before{position: absolute; content:''; width: 200%; height: 1px; background: var(--border-color01); left:0; bottom:0;}
            .sol_area .step_list > li:after{position: absolute; content:''; width: 13px; aspect-ratio: auto 1; border: 3px solid var(--point-color03); background: var(--point-white); border-radius: 100%; box-sizing: border-box; }
            .sol_area .step_list > li:nth-child(1):after{top:0;right:0;translate: 50% 0;}
            .sol_area .step_list > li:nth-child(2):after{right:0;bottom:0;translate: 0 50%;}
            .sol_area .step_list > li:nth-child(3):after{top: 0;left: 0;translate: 0 -50%;}
            .sol_area .step_list > li:nth-child(4):after{left:0;bottom: 0;translate: -50% 50%;}

        @media (max-width:1023px){
            .sol_area .logo_circle{position: relative;inset: auto;translate: 0;margin: 0 auto clamp(40px, 6vw, 60px);width: clamp(250px, 30vw, 300px);height: clamp(250px, 30vw, 300px);padding: clamp(15px, 2vw, 20px);}
            .sol_area .step_list:before{display: none;}
            .sol_area .step_list > :is(li, li:nth-child(2n)){width: 100%; padding:0; text-align: left;}
            .sol_area .step_list > li{&:before, &:after{display: none;}}
            .sol_area .step_list > li:nth-child(2n) .sub_title h4:before{margin-left:0;}
            .sol_area .step_list > li:nth-child(2n) .bullet_list > li{flex-direction: row;}
            .sol_area .step_list .sub_title{border-top: 1px solid var(--border-color01);padding-block: clamp(40px, 6vw, 60px);}
            .sol_area .step_list .sub_title{&:before, &:after{position: absolute;content:'';width: clamp(11px, 1.8vw, 13px);aspect-ratio: auto 1;border: clamp(2px, 0.8vw, 3px) solid var(--point-color03);background: var(--point-white);border-radius: 100%;box-sizing: border-box;top: 0;left: 0;translate: 0 -50%;}}
            .sol_area .step_list .sub_title:after{left:auto; right:0;}
            .sol_area .sub_title{gap: clamp(15px, 2.1vw, 21px);}
            .sol_area .sub_title h4:before{margin-bottom: clamp(15px, 2.5vw, 25px);padding: clamp(6px, 1.3vw, 8px) clamp(12px, 2.3vw, 18px);}
            .sol_area .step_list > li:nth-child(odd) .sub_title h4:before{background: var(--point-color01) !important;}
            .sol_area .step_list > li:nth-child(even) .sub_title h4:before{background: var(--point-color03) !important;}
        }

    /* 시스템 통합 사업 */
        .si_bg{position: relative;background: #011844 url('../images/sub/si_bg.jpg') no-repeat left bottom / 100% auto;padding-block: 80px;box-sizing: border-box;overflow: hidden;}
        .si_circle{position: relative; display: flex;}
        .si_circle{&:before, &:after{position: absolute;content:'';width: 100%;height: 2px;background: rgba(255,255,255,0.2);top: 50%;right: 100%;}}
        .si_circle:after{right:auto; left:100%;}
        .si_circle > li{width: 100%; aspect-ratio: auto 1; border: 2px solid rgba(255,255,255,0.2); box-sizing: border-box; border-radius: 100%;}
        .si_circle > li + li{margin-left: clamp(-30px, -1.57vw, -15px);}
        .si_circle .cont{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: clamp(12px, 1.2vw, 22px);color: var(--point-white);padding: 30px;box-sizing: border-box;}
        .si_circle .icon{font-size: 0;display: flex;align-items: center;justify-content: center;height: clamp(55px, 4.6vw, 80px);}
        .si_circle .desc{font-size: var(--title-20);display: grid;gap: 6px;}
        .si_circle .desc dt{font-size: clamp(20px, 1.5vw, 26px);font-weight: 500;}
        .si_circle .desc dd{font-size: clamp(13px, 1vw, 16px);font-weight: 400;color: rgba(255,255,255,0.6);font-family: var(--font-type02);letter-spacing: 0;}

        .siExp_list{border-top: 2px solid var(--black-color01);}
        .siExp_list > li{padding:50px 60px;border-bottom: 1px solid var(--border-color01);box-sizing: border-box;display: flex;align-items: center;gap: 20px clamp(40px, 3.2vw, 60px);} 
        .siExp_list .icon{display: flex;align-items: center;justify-content: center;width: 130px;height: 130px;background: var(--gray-bg02);border-radius: 100%;padding: 20px;flex-shrink: 0;box-sizing: border-box;}
        .siExp_list .sub_title{width: 100%;gap: 18px;}

        @media (max-width:1023px){
            .si_circle{flex-direction: column;align-items: center;}
            .si_circle{&:before, &:after{inset: auto; left:50%; bottom:100%; width: 1px; height: 80px;}}
            .si_circle:after{bottom:auto ;top:100%;}
            .si_circle > li{max-width: 240px;}
            .si_circle > li + li{margin:-20px 0 0;}

            .siExp_list > li{padding: clamp(25px, 5vw, 50px) clamp(25px, 6vw, 60px);column-gap: clamp(30px, 4vw, 40px);}
            .siExp_list .sub_title{gap: clamp(12px, 2.3vw, 18px);}
            .siExp_list .icon{width: clamp(80px, 13vw, 130px); height: clamp(80px, 13vw, 130px);}
        }
        @media (max-width:479px){
            .siExp_list > li{flex-wrap: wrap;}
        }

    /* 시스템 관리 사업 */
        .sm_bg{background: url('../images/sub/sm_bg.jpg') no-repeat center / cover;padding-block: 69px 190px;box-sizing: border-box;}
        .sm_cont{position: relative;}
        .sm_cont .circle{position: relative;width: 44.3%;margin-inline: auto;font-size: 0;z-index: 2;}
        .sm_cont .chk_list{position: absolute;top: 50%;left:0;translate: 0 -50%;width: 50%;height: calc(100% - 40px);display: flex;flex-direction: column;gap: 15px;font-size: var(--title-20);justify-content: space-between;}
        .sm_cont .chk_list > li{position: relative;width: 48.5%;height: clamp(70px, 9vw, 130px);display: flex;align-items: center;justify-content: center;text-align: center;font-size: clamp(20px, 2vw, 26px);font-weight: 500;font-family: var(--font-type02);color: var(--black-color03);background: var(--point-white);border: 2px solid var(--point-color03);border-radius: var(--radius-20);box-shadow: var(--shadow-02);padding: 20px;padding-top: 23px;box-sizing: border-box;}
            .sm_cont .chk_list > li:before{position: absolute;content:'';width: 10px;aspect-ratio: auto 1;border-radius: 100%;top:50%;left:100%;background: var(--point-color03);translate: -50% -50%; z-index: 1;}
            .sm_cont .chk_list > li:after{position: absolute;content:'';left: calc(100% + 2px);top: 50%;width: 100%;height: 2px;background: linear-gradient(to right, var(--point-color03) 30%, rgba(28, 23, 81, 0) 0%) repeat-x left bottom / 6px 100%;margin-top: -1px;mask-image: linear-gradient(to left, var(--trans-color) 40%, var(--black-color00) 140%);}
        .sm_cont .chk_list > li span{display: grid;gap: clamp(10px, 0.8vw, 14px);}
            .sm_cont .chk_list > li span:before{display: flex;content:'';width: 20px;height: 15px;background: url('/data/skin/respon_default/images/sub/chk_icon.svg') no-repeat center / 100% auto;margin-inline: auto;}

            .sm_cont .chk_list > li:nth-child(2n){border-color: var(--point-color01);}
            .sm_cont .chk_list > li:nth-child(2n){&:before, &:after, & span:before{filter: var(--filter-point01);}}

            .sm_cont .chk_list.nth02{left:auto;right:0;align-items: flex-end;}
            .sm_cont .chk_list.nth02 > li{border-color: var(--point-color01);}
            .sm_cont .chk_list.nth02 > li:before{left:auto;right: calc(100% + 1px);translate: 50% -50%;}
            .sm_cont .chk_list.nth02 > li:after{left:auto; right:calc(100% + 2px); scale: -1 -1;}
            .sm_cont .chk_list.nth02 > li{&:before, &:after, & span:before{filter: var(--filter-point01);}}
            .sm_cont .chk_list.nth02 > li:nth-child(2n){&:before, &:after, & span:before{filter: none;}}
            .sm_cont .chk_list.nth02 > li:nth-child(2n){border-color: var(--point-color03);}

        @media (max-width:1023px){
            .sm_bg{padding-block: clamp(40px, 7vw, 69px) clamp(80px, 19vw, 190px);}
            .sm_cont .chk_list > li span:before{width: clamp(15px, 2vw, 20px);height: clamp(12px, 2vw, 15px);}
        }
        @media (max-width:860px){
            .sm_cont{display: flex;flex-wrap: wrap;gap: 20px 15px;}
            .sm_cont .circle{width: auto;}
            .sm_cont .chk_list{position: relative;inset: auto;translate: 0;width: calc(100% / 2 - 7.5px);height: auto;gap: 25px;}
            .sm_cont .chk_list > li{width: 100%;height: auto;padding: clamp(15px, 3vw, 20px);padding-top: clamp(18px, 3.2vw, 20px);}
            .sm_cont .chk_list > li:before{inset: auto !important;top: -1px !important;left: 50% !important;translate: -50% -50% !important;}
            .sm_cont .chk_list > li:after{inset: auto !important;bottom: calc(100% + 2px) !important;left: 50% !important;width: 2px;height: 150px;scale: none !important;background: linear-gradient(to bottom, var(--point-color03) 30%, rgba(28, 23, 81, 0) 0%) repeat-y left bottom / 100% 6px;margin: 0 0 0 -1px;mask-image: linear-gradient(to bottom, var(--trans-color) 40%, var(--black-color00) 140%);z-index: -1;}
        }
        @media (max-width:479px){
                .sm_cont .chk_list > li{font-size: 110%;}
        }

    /* 컨설팅 */
        .consulting_bg{background: url('../images/sub/consulting_bg.jpg') no-repeat center / cover; padding-block: 80px 180px;}
        .consulting_cont{text-align: center;}

        @media (max-width:1023px){
            .consulting_bg{padding-block: clamp(40px, 8vw, 80px) clamp(80px, 18vw, 80px);}
        }

    /* EzPDS */
        .ezpds_bg{background: url('../images/sub/ezpds_bg.jpg') no-repeat center / cover; padding-block: 140px;}
        .ezpds_bg .iconInfo_list{margin-top: 120px;}

        .exProd_info{display: flex;align-items: center;flex-wrap: wrap;gap: 40px 0;}
        .exProd_info .thumb{font-size: 0; width: 45.7%; filter: drop-shadow(5px -5px 60px rgba(0, 0, 0, 0.05)) drop-shadow(-30px 0px 40px rgba(0, 0, 0, 0.05));}
        .exProd_info .hd_title{width: 54.3%;padding: 0 0 0 clamp(50px, 6.3vw, 120px);}
        .exProd_info .hd_title p{letter-spacing: -0.05em;}
        .exProd_info .bd_box{border: 2px solid var(--point-color01);border-radius: var(--radius-20);padding: 28px 28px 27px;background: var(--point-white);box-sizing: border-box;margin-top: 40px;}
		.exProd_info .bullet_list{gap:6px}
        .exProd_info .bullet_list > li{font-size: 90%; line-height: 1.55;}
        .exProd_info .bullet_list > li:before{background: var(--point-color01);}

        .iconInfo_list{display: grid; gap: 40px 0; grid-template: auto / repeat(5, 1fr);}
        .iconInfo_list > li{position: relative;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 23px;box-sizing: border-box;}
        .iconInfo_list .icon{width: 60%;max-width: 100px;aspect-ratio: auto 1;display: flex;align-items: center;justify-content: center;background: var(--point-white);border-radius: 100%;box-shadow: var(--shadow-03);}
        .iconInfo_list .icon img{max-width: calc(100% - 30px);max-height: calc(100% - 30px);}
        .iconInfo_list .desc{font-size: var(--title-20); display: grid; gap: 10px;}
        .iconInfo_list .desc dt{font-size: inherit; font-weight: 500; color: var(--black-color03);}
        .iconInfo_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.55;}

        @media (max-width:1023px){
            .ezpds_bg{padding-bottom: clamp(80px, 14vw, 140px);}
            .ezpds_bg .iconInfo_list{margin-top: clamp(60px, 12vw, 120px);}

            .exProd_info .thumb{width:80%;max-width: 400px;margin-inline: auto;}
            .exProd_info .hd_title{width: 100%;padding: 0;}
            .exProd_info .bd_box{padding:clamp(25px, 3vw, 28px); margin-top: clamp(20px, 4vw, 40px);}

            .iconInfo_list > li{gap: clamp(15px, 2.3vw, 23px); padding-inline: 10px;}
            .iconInfo_list .desc{gap: clamp(7px, 1vw, 10px);}
        }
        @media (max-width:860px){
            .iconInfo_list{grid-template: auto / repeat(3, 1fr);}
        }
        @media (max-width:479px){
            .iconInfo_list{grid-template: auto / repeat(2, 1fr);}
        }

        .bdStep_list{display: grid;gap: clamp(15px, 2.1vw, 40px);grid-template: auto / repeat(2, 1fr);counter-reset: bdStepList;}
        .bdStep_list > li{position: relative; border: 1px solid var(--border-color01); border-radius: var(--radius-20); padding: 40px 34px; box-sizing: border-box;}
        .bdStep_list .desc{font-size: var(--title-20);}
        .bdStep_list .desc dt{font-size: 130%;font-weight: 600;color: var(--black-color03);line-height: 1.39;display: flex;align-items: baseline;gap: 16px;letter-spacing: -0.03em;}
        .bdStep_list .desc dt:before{content: counter(bdStepList, decimal-leading-zero);counter-increment: bdStepList;font-size: max(13px, 57.6%);font-weight: 500;color: var(--point-white);font-family: var(--font-type02);line-height: 1.2;letter-spacing: 0;display: flex;align-items: center;justify-content: center;text-align: center;width: 40px;height: 40px;padding: 2px 5px 0;box-sizing: border-box;background: var(--point-grid02);border-radius: 100%;flex-shrink: 0;translate: 0 -4px;}
        .bdStep_list .desc dt + dd{margin-top: 30px;padding-top: 25px;border-top: 1px solid var(--border-color01);}
        .bdStep_list .bullet_list{gap: 8px;}
        .bdStep_list .bullet_list > li{font-size: 90%;line-height: 1.55;letter-spacing: -0.05em;}

        .spec_table table{position: relative; width: 100%;border-radius: var(--radius-20);overflow: hidden;box-sizing: border-box;}
        .spec_table table:before{position: absolute;content: '';inset: 0;border: 1px solid var(--border-color01);border-radius: inherit;box-sizing: border-box;pointer-events: none;}
        .spec_table :where(th, td){line-height: 1.64;padding:22px 30px;box-sizing: border-box;vertical-align: middle;}
        .spec_table tr{font-size: var(--title-20);border-radius: 20px;overflow: revert;height: over;overflow: hidden;}
        .spec_table th{font-size: 110%; font-weight: 500; text-align: center;}
        .spec_table thead{position: relative;}
        .spec_table thead th{color: var(--point-white);background: var(--point-color04);box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);}
        .spec_table tbody th{color: var(--black-color03);background: var(--gray-bg01);font-family: var(--font-type02);}
        .spec_table tbody :where(th, td){box-shadow: inset 1px 1px 0 var(--border-color01);}
        .spec_table tbody td{font-size: 90%;font-weight: 400;color: var(--black-color06);padding-block:24px;}
        .spec_table .bullet_list{gap: 6px clamp(20px, 2.1vw, 40px);grid-template: auto / repeat(2, 1fr);}
        .spec_table .bullet_list > li{font-size: 90%;line-height: 1.55;letter-spacing: -0.03em;}

        @media (max-width:1023px){
            .bdStep_list > li{padding: clamp(30px, 4vw, 40px) clamp(30px, 3.4vw, 34px);}
            .bdStep_list .desc dt{gap: clamp(14px, 2.1vw, 16px);}
            .bdStep_list .desc dt:before{width: clamp(34px, 4.5vw, 40px);height: clamp(34px, 4.5vw, 40px);padding-top: clamp(0px, 0.2vw, 2px);translate: 0 clamp(-4px, -0.4vw, 0px);}
            .bdStep_list .desc dt + dd{margin-top: clamp(20px, 3vw, 30px);padding-top: clamp(20px, 2.5vw, 25px);}

            .spec_table :where(th, td){padding: clamp(15px, 2.7vw, 22px) clamp(20px, 3vw, 30px);}
            .spec_table tbody td{padding-block:clamp(15px, 2.9vw, 24px)}
            .spec_table .bullet_list{grid-template: auto / repeat(1, 1fr);}
        }
        @media (max-width:860px){
            .bdStep_list{grid-template: auto / repeat(1, 1fr);}
        }
        @media (max-width:479px){
            .bdStep_list .desc dt{font-size: 120%;}

            .spec_table th{font-size: 100%;}
            .spec_table tbody td{font-size: 80%;}
        }

/*───────────────────────────────────────────────────────────
	
	Business

───────────────────────────────────────────────────────────*/
    /* 주요 고객사 */
        .customer_list{display: grid;gap: clamp(15px, 2.1vw, 40px);grid-template:auto / repeat(3, 1fr);}
        .customer_list > li{position: relative; background: var(--point-white); box-shadow: var(--shadow-01); border-radius: var(--radius-20); text-align: center; padding:25px 20px 20px; box-sizing: border-box;}
        .customer_list .desc{font-size: var(--title-20);display: flex;flex-direction: column;justify-content: space-between;gap: 25px;height: 100%;}
        .customer_list .desc dt{display: flex;align-items: center;justify-content: center;height: 110px;}
        .customer_list .desc dd{display: flex;align-items: center;justify-content: center;border-radius: var(--radius-10);background: var(--point-grid01);font-size: inherit;font-weight: 400;color: var(--point-white);padding-inline: 20px;height: 60px;box-sizing: border-box;}

        @media (max-width:1023px){
            .customer_list .desc{gap: clamp(20px, 3vw, 25px);}
            .customer_list .desc dt{height: clamp(60px, 11.5vw, 110px);}
            .customer_list .desc dd{height: clamp(53px, 12vw, 60px);}
        }
        @media (max-width:860px){
            .customer_list{grid-template:auto / repeat(2, 1fr);}
        }
        @media (max-width:479px){
            .customer_list{grid-template:auto / repeat(1, 1fr);}
        }

/*───────────────────────────────────────────────────────────
	
	Board

───────────────────────────────────────────────────────────*/
    /* 검색 */
        #wrap .search_wrap{position: relative; z-index: 5; font-size: var(--title-20); margin-top: -1vw;margin-bottom: 80px;}
        #wrap .search_wrap fieldset{display: flex;align-items: flex-start;justify-content: center; gap: 10px;}
		#wrap .search_wrap .sel_custom{flex-shrink:0;}
        #wrap .search_wrap .inp_box{position: relative;width: 460px;width: 100%;max-width: 460px;}
        #wrap .search_wrap .inp_box [type="text"]{border-radius: 60px;padding-inline: 30px 75px;font-size: 95%;font-weight: 500;}
        #wrap .search_wrap .inp_box [type="submit"]{position: absolute;top:50%;right:10px;translate: 0 -50%;width: auto;height: calc(100% - 20px);aspect-ratio: 1 auto;font-size: 0;background:var(--black-color01) url('../images/sub/search_icon.svg') no-repeat center;border-radius: 100%;}

        .sel_custom select{display: none;}
        .sel_custom .op_desc{position: relative; font-size: var(--title-20); width: 180px; box-sizing: border-box; z-index: 6;}
        .sel_custom .op_desc dt{font-size: 95%;font-weight: 500;color: var(--black-color05);width: 100%;height: 60px;display: flex;align-items: center;padding-inline: 30px 60px;background: var(--gray-bg01);box-sizing: border-box;border-radius: 60px;cursor: pointer;}
            .sel_custom .op_desc dt:before{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;clip-path: polygon(100% 0, 0 0, 100% 100%);background: var(--black-color05);box-sizing: border-box;top: 47%;right: 32px;rotate: 135deg;translate: 0 -50%; transition: all 0.4s;}
            .sel_custom .op_desc dt.on:before{top: 53%;scale: -1 -1;}
        .sel_custom .op_desc dt span{display: block; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        .sel_custom .op_desc dd{position: absolute;top: calc(100% + 10px);left:0;width: 100%;background: var(--gray-bg01);border-radius: var(--radius-10);padding-block: 14px;box-sizing: border-box;font-size: 85%;font-weight: 500;color: var(--black-color05);border: 1px solid var(--border-color01);opacity: 0;pointer-events: none;transition: all 0.4s;}
            .sel_custom .op_desc:has(dt.on) dd{opacity: 1; pointer-events: all;}
        .sel_custom .op_desc dd a{display: block;padding: 8px 30px;box-sizing: border-box;}
        .sel_custom .op_desc dd a.on{color: var(--point-color01);}

        @media (max-width:1023px){
            #wrap .search_wrap{margin-bottom: clamp(25px, 8vw, 80px);}
            #wrap .search_wrap .inp_box [type="text"]{padding-inline: clamp(20px, 3.5vw, 30px) clamp(55px, 8vw, 75px);}
            #wrap .search_wrap .inp_box [type="submit"]{background-size: clamp(12px, 2.1vw, 16px) auto;}

            .sel_custom .op_desc{width: clamp(120px, 19vw, 180px);}
            .sel_custom .op_desc dt{padding-inline: clamp(20px, 3.5vw, 30px) clamp(45px, 6.5vw, 60px);height: clamp(46px, 6.5vw, 60px);}
                .sel_custom .op_desc dt:before{right: clamp(20px, 3.7vw, 32px);width: clamp(7px, 1.3vw, 8px);}
            .sel_custom .op_desc dd{padding-block: clamp(12px, 1.9vw, 14px);}
            .sel_custom .op_desc dd a{padding: clamp(6px, 1.3vw, 8px) clamp(20px, 3.5vw, 30px);}
        }
        @media (max-width:479px){
            #wrap .search_wrap .inp_box [type="text"]{font-size: 90%;}
            .sel_custom .op_desc dt{font-size: 90%;}
        }
        @media (max-width:360px){
            #wrap .search_wrap fieldset{flex-wrap: wrap;}
            #wrap .search_wrap .sel_custom{width: 100%;}
            #wrap .search_wrap .sel_custom .op_desc{width: 100%;}
        }

    /* 일반 */
        .list_default{position: relative; width: 100%; border-top: 2px solid var(--black-color01); box-sizing: border-box; table-layout: fixed;}
        .list_default thead{display: none;}
        .list_default tr{font-size: var(--title-20);}
        .list_default td{font-size: 90%;font-weight: 400;line-height: 1.4;color: var(--black-color06);text-align: center;vertical-align: middle;padding: 15px 5px;height: 85px;box-sizing: border-box;border-bottom: 1px solid var(--border-color01);}
        .list_default a{display: block;text-align: left;font-size: 111%;color: var(--black-color03);font-family: var(--font-type01);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 1;}
        .list_default .board_notice a{font-weight: 500;}
        .list_default .icon{display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;margin-inline: auto;background: var(--point-color01);border-radius: var(--radius-10);font-size: 88.9%;font-weight: 500;color: var(--point-white);line-height: 1.2;padding: 8px 17px;}

        @media (max-width:1023px){
            .list_default :where(col, td):nth-child(4){display: none;}
            .list_default col:nth-child(1){width: 100px;}
            .list_default col:nth-child(3){width: 130px;}
            .list_default td{height: clamp(60px, 9.5vw, 85px);}
            .list_default .icon{padding: clamp(6px, 1.3vw, 8px) clamp(10px, 2.2vw, 17px);}
        }
        @media (max-width:640px){
            .list_default :where(col, td):nth-child(3){display: none;}
            .list_default col:nth-child(1){width: 80px;}
        }
        @media (max-width:479px){
            .list_default col:nth-child(1){width: 70px;}
        }

    /* 페이징 */
        #wrap .paging {text-align:center;padding:0;line-height:normal;font-size: var(--title-20);margin: 80px 0 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;width: auto;min-height: auto;}
		#wrap .paging span {display: block;}
		#wrap .paging a {border:0;line-height: 1.2;text-align:center;vertical-align:top;font-family:var(--font-type02);margin: 0;min-width: 40px;width: auto;height: 40px;border: 0;border-radius: 40px;display: flex;align-items: center;justify-content: center;padding: 0 5px;box-sizing: border-box;font-size: 85%;font-weight: 400;color: var(--black-color08);}
		#wrap .paging :is(.on a, a.on){background: var(--black-color01);color: var(--point-white);}
		#wrap .paging .arrow a {margin:0;border: 1px solid var(--border-color01);background: no-repeat center;font-size: 0;}
        #wrap .paging .arrow:where(.first, .last) a{background-image: url('../images/sub/paging_first.svg');}
        #wrap .paging .arrow:where(.prev, .next) a{background-image: url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
        #wrap .paging .arrow.prev{margin-right: 12px;}
        #wrap .paging .arrow.next{margin-left: 12px;}
        #wrap .paging .arrow img{display: none;}

        @media (max-width:1023px){
            #wrap .paging{margin-top: clamp(35px, 8vw, 80px);gap: clamp(5px, 1.3vw, 8px);}
            #wrap .paging a{min-width: clamp(32px, 4.5vw, 40px);height: clamp(32px, 4.5vw, 40px);}
            #wrap .paging .arrow.prev{margin-right: clamp(5px, 1.7vw, 12px);}
            #wrap .paging .arrow.next{margin-left: clamp(5px, 1.7vw, 12px);}
        }

    /* 뷰 */
		#wrap .bbs_view{position:relative;text-align: inherit;font-size: var(--title-20);}
        #wrap .bbs_view .view_tit{position: relative;border-top: 2px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);padding: 47px 30px 44px;width: 100%;margin: 0;text-align: center;box-sizing: border-box;font-size: inherit;background: none;display: grid;gap: 33px;}
            #wrap .bbs_view .view_tit:after{display: none;}
        #wrap .bbs_view .view_tit h3{display: block;font-size: 190%;font-weight: 600;color: var(--black-color03);width: 100%;line-height: 1.3;text-align: inherit;letter-spacing: -0.03em;}
        #wrap .bbs_view .view_tit .info{display: flex; justify-content: center; flex-wrap: wrap;}
        #wrap .bbs_view .view_tit .exp_desc{display: flex;align-items: center;flex-wrap: wrap;gap: 4px 0;}
        #wrap .bbs_view .view_tit .exp_desc:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color01); margin-inline: 20px;}
        #wrap .bbs_view .view_tit .exp_desc :where(dt, dd){font-size: 90%;}
        #wrap .bbs_view .view_tit .exp_desc dt{font-weight: 500; color: var(--black-color06); padding-right: 16px;}
        #wrap .bbs_view .view_tit .exp_desc dd{font-weight: 400;color: var(--black-color08);font-family: var(--font-type02);}
        #wrap .bbs_view .view_cont{font-size: inherit;font-weight: 400;color: var(--black-color04);line-height: 1.7;padding: 60px 30px 120px;width: 100%;margin: 0;text-align: inherit;box-sizing: border-box;border-bottom: 1px solid var(--border-color01);min-height: 300px;word-break: keep-all;}


        #wrap .btn_wrap{position: relative;inset: auto;padding:0;margin:60px 0 0;display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;font-size: var(--title-20);}
        #wrap .btn_wrap .btn{position: relative;display: flex;align-items: center;justify-content: center;font-size: 110%;font-weight: 500;color: var(--black-color01);line-height: 1.2;border: 1px solid var(--black-color01);border-radius: 50px;margin: 0;padding: 21px 25px;min-width: 240px;width: auto;height: auto;z-index: 1; transition: all 0.4s;}
        #wrap .btn_wrap .btn.btn_point{background: var(--point-color03);color: var(--point-white);font-weight: 400;border: 0;}
        #wrap .btn_wrap .btn.btn_point:before{position: absolute;content:'';inset: 0;background: var(--point-grid02);z-index: -1;border-radius: inherit;transition: all 0.4s; opacity: 0;}

            @media (hover:hover) and (pointer:fine){
                #wrap .btn_wrap .btn.btn_point:hover{background: var(--point-color01);}
                #wrap .btn_wrap .btn.btn_point:hover:before{opacity: 1;}
            }

        @media (max-width:1023px){
            #wrap .bbs_view .view_tit{padding:clamp(25px, 4.4vw, 44px) clamp(15px, 3vw, 30px); gap: clamp(15px, 3.8vw, 33px);}
            #wrap .bbs_view .view_tit h3{font-size: 170%;}
            #wrap .bbs_view .view_tit .exp_desc:not(:last-child):after{margin-inline: clamp(15px, 2.5vw, 20px);height: clamp(10px, 1.7vw, 12px);}
            #wrap .bbs_view .view_cont{padding: clamp(30px, 6vw, 60px) clamp(15px, 3vw, 30px) clamp(50px, 12vw, 120px);}

            #wrap .btn_wrap{margin-top: clamp(35px, 6vw, 60px); gap: clamp(10px, 2vw, 15px);}
            #wrap .btn_wrap .btn{min-width: clamp(130px, 24vw, 240px);padding-block: clamp(13px, 2.6vw, 21px);}
        }
        @media (max-width:640px){
            #wrap .bbs_view .view_tit h3{font-size: 150%;}
        }
        @media (max-width:479px){
            #wrap .bbs_view .view_tit h3{font-size: 140%;}
            #wrap .bbs_view .view_cont{font-size: 90%;}
            #wrap .btn_wrap .btn{font-size: 100%;}
        }

    /* 작성하기 */
        .sub_content .main_inquiry{padding: 0 0 60px;}
        .sub_content .main_inquiry:before{display: none;}
        .sub_content .main_inquiry .card_list{display: grid; gap: clamp(15px, 2.1vw, 40px); grid-template: auto / repeat(2, 1fr);}

        #wrap .bbs_write{position: relative;display: block;width: 100%;padding-block: 40px;box-sizing: border-box;border-top: 2px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);}
        #wrap .bbs_write :where(body, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box; padding:0; background: none; border:0;}
        #wrap .bbs_write tbody{display: flex;flex-wrap: wrap;gap: clamp(20px, 2.1vw, 40px) clamp(30px, 3.2vw, 60px);}
        #wrap .bbs_write tr{display: flex;align-items: center;gap: 10px 0;width: calc(100% / 2 - clamp(30px, 3.2vw, 60px) / 2);font-size: var(--title-20);}
        #wrap .bbs_write th{width: clamp(130px, 10vw, 180px);flex-shrink: 0;padding-right: 20px;font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.7;}
        #wrap .bbs_write th em{color: var(--point-color01);}
        #wrap .bbs_write td{font-size: 90%; font-weight: 500; color: var(--black-color03); line-height: 1.7;}

            #wrap .bbs_write tr:has(.edit-box, #captcha){width: 100%;}
            #wrap .bbs_write td:has(.edit-box){display: flex; flex-direction: column; gap: 15px;}
            #wrap .bbs_write td:has(#captcha){display: flex; flex-wrap: wrap; gap:10px}

        #wrap .bbs_write .code_wrap{display: flex;justify-content: space-between;gap: 10px;padding:9px;border: 1px solid var(--border-color01);border-radius: 4px;box-sizing: border-box;width: 100%;max-width: 250px;}
        #wrap .bbs_write #captcha_box{width: 100%;height: 40px;border: 1px solid var(--black-color06);border-radius: 4px;box-sizing: border-box;overflow: hidden;margin: 0;}
        #wrap .bbs_write #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;}
        #wrap .bbs_write #refreshCode{font-size: 0;background: url('../images/sub/refreshCode.jpg') no-repeat center;border: 1px solid var(--border-color01);border-radius: 4px;width: 40px;height: 40px;box-sizing: border-box;cursor: pointer;flex-shrink: 0;}
        #wrap .bbs_write input#captcha{max-width: 350px; margin:0;}

        #wrap .policy_cont{position: relative; border: 1px solid var(--border-color01); border-radius: var(--radius-10); padding:40px; box-sizing: border-box; font-size: var(--title-20); margin-top: 40px; display: grid; gap: 20px;}
        #wrap .policy_cont label:has([type="checkbox"]){font-size: inherit; font-weight: 600;}

        

        @media (max-width:1023px){
            .sub_content .main_inquiry{padding-bottom: clamp(20px, 6vw, 60px);}
            .sub_content .main_inquiry .card_list{grid-template: auto / repeat(1, 1fr);}

            #wrap .bbs_write{padding-block: clamp(25px, 4vw, 40px);}
            #wrap .bbs_write td:has(.edit-box){gap: clamp(10px, 2vw, 15px);}
            #wrap .bbs_write input#captcha{max-width: clamp(200px, 35vw, 350px);}

            #wrap .policy_cont{padding: clamp(25px, 4vw, 40px);margin-top: clamp(25px, 4vw, 40px);gap: clamp(15px, 2.5vw, 25px);}
        }
        @media (max-width:860px){
            #wrap .bbs_write tr{width: 100%;}
        }
        @media (max-width:640px){
            #wrap .bbs_write input#captcha{max-width: none;}
        }
        @media (max-width:479px){
            #wrap .bbs_write tr{flex-wrap: wrap;}
            #wrap .bbs_write th{width: 100%; padding-right: 0;}

            #wrap .policy_cont label:has([type="checkbox"]){font-size: 90%;}
        }
        @media (min-width:641px){
            #wrap .bbs_write input#captcha{height: auto;}
        }