@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 에 있습니다.

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

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {display:inline-flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; font-size: 90%;}
			/* button 크기별 */
        .btn{padding:0 30px; height: 50px;}
		.btn_wd {width:100%;height:50px;font-size:17px;}
		.btn_lg {width:92px;height:72px;font-size:14px;}
		.btn_md {font-size:80%; height:42px; padding:0 20px;}
		.btn_sm {height:30px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point{border-color:var(--point-color01) !important; background-color:var(--point-color01) !important; color:var(--point-white) !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top:60px;font-size:0;vertical-align:top;display:inline-block; font-size: var(--title-20);}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}


	@media screen and (max-width:1023px) {
			/* button wrapper */
        .btn_wrap{padding-top:50px;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media screen and (max-width:640px) {
        .btn_wrap{padding-top:40px;}
        .btn{padding:0 25px; height: 45px;}
        .btn_md{padding:0 15px; height:40px;}
	}
	@media screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_sm {padding:0 4px;font-size:12px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}



/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    .sub_inr{position:relative; max-width:1200px; width:calc(100% - 60px); margin:0 auto; box-sizing:border-box;}

    @media only screen and (max-width:1023px) {
		.sub_inr{width:calc(100% - 30px);}
	}
	@media screen and (max-width:320px) {
		.sub_inr{width:calc(100% - 20px);}
	}
    
    /* 서브 비주얼 */
        .sub_visual{position: relative; height:550px; box-sizing:border-box; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden;}
        .sub_visual .thumb{position:absolute; top:0; left:0; width:100%; height:100%;}
        .sub_visual .thumb img{width:100%; height:100%; object-fit: cover;}
        .sub_visual .txt_wrap{position: relative; font-size:var(--title-20); z-index: 5;}
        .sub_visual .txt_wrap h2{font-size: 340%; font-weight: bold; color: var(--point-white); line-height: 1.2;}
            .sub_visual .txt_wrap h2 + h6{margin-top:15px;}
        .sub_visual .txt_wrap h6{font-weight: 400; color: rgba(255,255,255,0.6);; line-height: 1.4;}

        @media screen and (max-width:1023px){
            .sub_visual{height:53.6vw; min-height:250px;}
        }
        @media screen and (max-width:860px){
            .sub_visual .txt_wrap h2{font-size: 300%;}
        }
        @media screen and (max-width:640px){
            .sub_visual .txt_wrap h2{font-size: 260%;}
        }
        @media screen and (max-width:479px){
            .sub_visual .txt_wrap h2{font-size: 220%;}
                .sub_visual .txt_wrap h2 + h6{margin-top:10px;}
        }

    /* 서브 로케이션 */
        .sub_location{position: relative; z-index: 5; border-bottom: 1px solid var(--border-color01); box-sizing: border-box;}
        .sub_location .cont{display:flex; height:60px;}
        .sub_location .home{font-size:0; display:flex; width:60px; height:100%; background:url('../images/sub/sub_location_home.svg') no-repeat center;}
        .sub_location dl{ font-size: var(--title-20); height:100%; display:flex; width:calc(100% - 60px); box-sizing: border-box;}
        .sub_location dl :where(dt,dd){position:relative; height:100%; font-size:80%; font-weight:500; color:var(--black-color06);}
        .sub_location dl :where(dt span,dd span){ height:100%; display:inline-flex; align-items: center; padding:0 45px 0 19px; box-sizing: border-box; width: 285px; cursor: pointer; background: var(--point-white);}
            .sub_location dl dt span:before, .sub_location dl dd span:before{position: absolute; content:''; width:1px; height:33.3%; background:var(--border-color01); top:50%; left:0; transform: translateY(-50%);}
            .sub_location dl dt span:after, .sub_location dl dd span:after{position:absolute;content:'';width: 4px;height: 4px;border: 2px solid var(--transparent);border-bottom-color: var(--black-color06);border-right-color: var(--black-color06);top: calc(50% - 2px);right:20px;transform: translateY(-50%) rotate(45deg);border-radius: 2px; transition: all 0.4s;}
            .sub_location dl dt.on span:after, .sub_location dl dd.on span:after{top:calc(50% + 2px); transform: translateY(-50%) rotate(45deg) scale(-1,-1);}
        .sub_location .cate_list{position: absolute; top:100%; left:0; width:100%; padding:6px 0; border:1px solid var(--border-color01); border-top:0; background: var(--point-white); opacity: 0; pointer-events: none; transition: all 0.4s; box-sizing: border-box; max-height: 300px; overflow-y: auto;}
            .sub_location .on .cate_list{opacity: 1; pointer-events: all;}
        .sub_location .cate_list > li > a{display:block; padding:7px 19px; box-sizing: border-box;}
        .sub_location .cate_list > li.on > a{color: var(--point-color01);}

        @media screen and (max-width:1023px){
            .sub_location .sub_inr{width:100%;}
            .sub_location dl :where(dt span,dd span){width: 250px;}
        }
        @media screen and (max-width:860px){
            .sub_location .cont{height:55px;}
            .sub_location .home{width:55px;}
            .sub_location dl{width:calc(100% - 55px);}
            .sub_location dl :where(dt span,dd span){width: 230px;}
        }
        @media screen and (max-width:767px){
            .sub_location dl:has(dd + dd) dt{display:none;}
        }
        @media screen and (max-width:640px){
            .sub_location .cont{height:50px;}
            .sub_location .home{width:50px; background-size:20px auto;}
            .sub_location dl{width:calc(100% - 50px);}
            .sub_location dl :where(dt span,dd span){width: 200px; padding:0 40px 0 15px;}
            .sub_location dl dt span:after, .sub_location dl dd span:after{right:15px;}
            .sub_location .cate_list > li > a{padding:7px 15px;}
        }
        @media screen and (max-width:479px){
            .sub_location dl:has(dt + dd) dt{display:none;}
            .sub_location dl:has(dd + dd) dd{display:none;}
            .sub_location dl:has(dd + dd) dd + dd{display:block;}
            .sub_location dl :where(dt,dd,dt span,dd span){width:100%;}
        }

    /* 네비 타이틀 */
        .nav_title{position:relative; text-align: center; font-size: var(--title-20); padding:105px 0 64px;}
        .nav_title h3{font-size: 260%; font-weight: bold; color: var(--black-color01); line-height: 1.2;}

        @media screen and (max-width:640px){
            .nav_title{padding:90px 0 45px;}
            .nav_title h3{font-size: 240%;}
        }
        @media screen and (max-width:479px){
            .nav_title{padding:70px 0 35px;}
            .nav_title h3{font-size: 220%;}
        }

/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
    /* 인풋 */
        #wrap :where(input[type="text"],input[type="password"],input[type="number"]){border:1px solid var(--border-color01); height:54px; padding:0 20px; box-sizing: border-box;}
        #wrap :where(input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus){border-color: var(--black-color01);}
        #wrap input[type="checkbox"]{display:none;}
        #wrap input[type="checkbox"] + label{position:relative; display: inline-block; line-height: 25px; padding-left:37px; box-sizing: border-box; cursor: pointer;}
            #wrap input[type="checkbox"] + label:before{position:absolute; content:''; width:25px; height:25px; background:url('../images/sub/checkbox.svg') no-repeat left center; background-size:100% auto; top:0; left:0; margin:0;}
            #wrap input[type="checkbox"]:checked + label:before{background-image:url('../images/sub/checkbox_on.svg');}
        #wrap input[type="checkbox"] + label em{font-size:inherit; font-weight: bold; color: var(--point-color01);}

        @media screen and (max-width:1023px){
            #wrap :where(input[type="text"],input[type="password"],input[type="number"]){height: 50px; padding:0 15px;}
        }
        @media screen and (max-width:640px){
            #wrap :where(input[type="text"],input[type="password"],input[type="number"]){height: 45px;}
            #wrap input[type="checkbox"] + label{line-height: 20px; padding-left:30px;}
            #wrap input[type="checkbox"] + label:before{width:20px; height:20px;}
        }
        @media screen and (max-width:479px){
            #wrap :where(input[type="text"],input[type="password"],input[type="number"]){height: 40px;}
        }

    /* 작성하기 */
        #wrap .bbs_wrap{border-top:2px solid var(--black-color01); border-bottom: 1px solid var(--border-color01); padding:15px 0; box-sizing: border-box;}
        #wrap table.bbs_write {display:table; table-layout:fixed;width:100%;text-align:left;box-sizing:border-box; font-size: var(--title-20);}
            #wrap table.bbs_write.bbs_title{border:0;}
        #wrap table.bbs_write tbody{display:table-row-group;}
        #wrap table.bbs_write tr{display: table-row;}
        #wrap table.bbs_write :where(th,td){display:table-cell; background: var(--point-white); padding:15px 24px; vertical-align: top; border:0;}
        #wrap table.bbs_write th{font-size: 90%; line-height: 54px; font-weight: 500; color: var(--black-color03);}
        #wrap table.bbs_write td{font-size: 80%; line-height: 1.4; font-weight: 400; color: var(--black-color06); padding-left: 0;}
        #wrap table.bbs_write :where(span,input[type="text"],input[type="password"],input[type="number"],label){min-width: auto; font-size: inherit; font-weight: inherit; color: inherit;}
        #wrap table.bbs_write :where(input[type="text"],input[type="password"],input[type="number"]){width:360px;}
        #wrap table.bbs_write input[type="text"]#title{width:100%;}
        #wrap table.bbs_write .required{display: flex; flex-wrap: wrap; gap:4px;}
        #wrap table.bbs_write .required:after{display: inline-flex; content:'*'; color: var(--point-color01);}
        #wrap table.bbs_write input[type="checkbox"] + label[for="is_secret-y"]{margin-bottom:10px;}
        #wrap .policy_cont{margin-top:40px; padding:30px 25px; border: 1px solid var(--border-color01); box-sizing: border-box; font-size: var(--title-20);}
        #wrap .policy_cont input[type="checkbox"] + label{font-size: 90%;}
        #wrap .policy_cont .text_wrap{padding:10px 10px; line-height: 1.6; box-sizing: border-box; height:120px; overflow-y: auto; background: var(--gray-bg02); font-size: 70%; color: var(--black-color08); margin:20px 0 0;}
        #wrap .policy_cont .text_wrap textarea{border:0; background: none; padding:5px 10px; width:100%; height:100%; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; resize: none;} 
        #wrap .policy_cont .text_wrap textarea::-webkit-scrollbar { width: 4px;}
        #wrap .policy_cont .text_wrap textarea::-webkit-scrollbar-thumb {background-color: var(--black-color01); border-radius: 10px;}
        #wrap .policy_cont .text_wrap textarea::-webkit-scrollbar-track {border-radius: 10px;background: var(--border-color01);}
        #wrap table.bbs_write tr:has(#captcha_box) th{line-height: 40px;}
        #wrap table.bbs_write #captcha_box{display:inline-block; width:auto; margin:0;}
        #wrap table.bbs_write input#captcha{width:176px; height:40px; margin:0;}
        #wrap table.bbs_write #refreshCode{background:var(--point-white) url('../images/common/icon_btn_reset.gif') no-repeat center; font-size: 0; display: inline-block; width:40px; height:40px; border:1px solid var(--border-color01); box-sizing: border-box; cursor: pointer;}

        @media screen and (max-width:1023px){
            #wrap table.bbs_write :where(th,td){padding:15px 20px;}
            #wrap table.bbs_write th{line-height: 50px;}
        }
        @media screen and (max-width:860px){
            #wrap table.bbs_write col:nth-child(1){width:140px;}
            #wrap table.bbs_write col:nth-child(2){width:calc(100% - 140px);}
        }
        @media screen and (max-width:640px){
            #wrap .bbs_wrap{padding:10px 0;}
            #wrap table.bbs_write col:nth-child(1){width:120px;}
            #wrap table.bbs_write col:nth-child(2){width:calc(100% - 120px);}
            #wrap table.bbs_write :where(th,td){padding:10px 15px;}
            #wrap table.bbs_write th{line-height: 45px;}
            #wrap table.bbs_write :where(input[type="text"],input[type="password"],input[type="number"]){width:100%;}
            #wrap .policy_cont{margin-top:35px; padding:25px 20px;}
            #wrap .policy_cont .text_wrap{margin-top:15px;}
            #wrap table.bbs_write #captcha_box{display: block; margin-bottom: 6px;}
            #wrap table.bbs_write input#captcha{width:180px}
        }
        @media screen and (max-width:479px){
            #wrap .bbs_wrap{padding:20px 0;}
            #wrap table.bbs_write, #wrap table.bbs_write :is(tbody,th,tr,td){display: block; width:100%;}
            #wrap table.bbs_write + table.bbs_write, #wrap table.bbs_write tr + tr{margin-top:20px;}
            #wrap table.bbs_write th{padding:0 15px; line-height: 1.4;}
            #wrap table.bbs_write td{padding:10px 15px 0;}
            #wrap .policy_cont{margin-top:30px; padding:20px 15px;}
        }


    
/*───────────────────────────────────────────────────────────
	서브 페이지
───────────────────────────────────────────────────────────*/
    /* 대표인사말 */
        #wrap:has(.sub_about) #contents_wrap{width:100%; max-width: 100%;}
        .sub_about .title{position:relative;font-size: var(--title-20); box-sizing: border-box;}
        .sub_about .title h3{font-size:220%; font-weight: bold; color: var(--black-color01); line-height:1.5;}
            .sub_about .title h3 + p{margin-top: 39px;}
        .sub_about .title h3 strong{font-weight:inherit; color:var(--point-color01);}
        .sub_about .title p{font-size: 90%; font-weight: 500; line-height: 2; color: var(--black-color06);}
            .sub_about .title p + p{margin-top:28px;}
        .sub_about .title p strong{font-weight: bold; color: var(--black-color01);}
        .sub_about .intro .title{padding: 63px 420px 143px 0;}
        .sub_about .intro .title:before{position: absolute;content:'';width:323px;height:522px;background: url('../images/sub/sub_about_img01.png') no-repeat right bottom; background-size:100% auto; right: 53px;bottom:-4px;}
        .sub_about .intro .ceo_info{position:relative; background: var(--point-color01); padding:52px 0; z-index:3;}
        .sub_about .intro .ceo_info .sub_inr{display: flex; align-items: center; font-size: var(--title-20); flex-wrap: wrap; gap:30px 135px;}
        .sub_about .intro .ceo_info .bg_txt{font-size: 300%; font-weight: 900; color: rgba(255,255,255,0.15); line-height:1.1; letter-spacing: 0.4em;}
        .sub_about .intro .ceo_info .desc{position:absolute;right:0;display:inline-flex; align-items: center;}
        .sub_about .intro .ceo_info .desc dt{color: var(--point-white); font-weight: bold; display:inline-flex; flex-direction: column; gap:5px; justify-content: flex-end; text-align: right;}
        .sub_about .intro .ceo_info .desc dt span{display: block; font-size: 90%; font-weight: 400;}
            .sub_about .intro .ceo_info .desc dt + dd:before{display:inline-flex; content:''; width:1px; height:28px; background:rgba(255,255,255,0.4); margin:0 40px;}
        .sub_about .intro .ceo_info .desc dd{font-size: 150%; font-weight: bold; color: var(--point-white);}
        .sub_about .outro{padding:70px 0 0;}

        @media screen and (max-width:1200px){
            .sub_about .title p br{display: none;}
        }
		@media screen and (max-width:1180px){
			.sub_about .intro .ceo_info .desc {position: relative; right: inherit;}
		}
        @media screen and (max-width:1023px){
            .sub_about .title h3 + p{margin-top:35px;}
            .sub_about .title p + p{margin-top:23px;}
            .sub_about .intro .title{padding: 6.8vw 37vw 14vw 0;}
                .sub_about .intro .title:before{right:0;width: 31.6vw;height: 51.2vw;}
        }
        @media screen and (max-width:860px){
            .sub_about .title h3 + p{margin-top:30px;}
            .sub_about .title p + p{margin-top:18px;}
        }
        @media screen and (max-width:640px){
            .sub_about .title h3{font-size: 200%;}
                .sub_about .title h3 + p{margin-top:25px;}
            .sub_about .title p{line-height: 1.6;}
                .sub_about .title p + p{margin-top:13px;}
            .sub_about .intro .title{padding:0 0 332px;}
            .sub_about .intro .title:before{width:202px; height:327px}
            .sub_about .intro .ceo_info .sub_inr{gap:25px 135px;}
            .sub_about .outro{padding:50px 0 0;}
        }
        @media screen and (max-width:479px){
            .sub_about .title h3{font-size: 180%;}
            .sub_about .title h3 + p{margin-top:20px;}
            .sub_about .title p + p{margin-top:8px;}
            .sub_about .intro .ceo_info .bg_txt{font-size: 10.6vw;}
        }

    /* 회사연혁 */
        .sub_history .wide_bnr{position:relative; box-sizing: border-box; padding:135px 80px;}
        .sub_history .wide_bnr .thumb{position:absolute; top:0; left:0; width:100%; height:100%;}
        .sub_history .wide_bnr .thumb img{width:100%; height:100%; object-fit: cover;}
        .sub_history .wide_bnr .txt_wrap{position:relative; font-size: var(--title-20); color: var(--point-white); z-index: 3;}
        .sub_history .wide_bnr .txt_wrap h3{font-size: 250%; font-weight: 500; line-height: 1.2;}
        .sub_history .wide_bnr + .his_list{margin-top:70px;}
        .sub_history .his_list{position: relative; display: flex; flex-direction: column; gap:70px;}
        .sub_history .his_list > li{display: flex;}
        .sub_history .his_list .info{width:22.3%; font-size: var(--title-20); border-top: 3px solid var(--black-color01); padding:15px 0;}
        .sub_history .his_list .info h4{font-size: 170%; font-weight: bold; color: var(--black-color01); line-height: 1.3;}
        .sub_history .his_list .exp{width: calc(77.7% - 72px);margin-left: 72px;box-sizing: border-box;border-top: 1px solid var(--black-color01);}
        .sub_history .his_list .desc{display: flex;font-size: var(--title-20);padding: 20px 0;border-bottom: 1px solid var(--border-color01);box-sizing: border-box;}
        .sub_history .his_list .desc dt{font-size: 130%; font-weight: bold; color: var(--black-color01); line-height: 1.35; width:125px; padding-right:15px; box-sizing: border-box;}
        .sub_history .his_list .desc dd{width:calc(100% - 125px);padding-top: 4px;}

        .bullet_list{font-size: var(--title-20);}
        .bullet_list > li{font-size: 80%;font-weight: 400;color: var(--black-color06);display: block;line-height: 1.6; box-sizing: border-box;}
            .bullet_list > li:before{display:inline-flex;content:'';width:4px;height:4px;background:var(--point-color01);border-radius: 100%;vertical-align: middle; transform:translateY(-2px)}
            .bullet_list > li + li{margin-top:5px;}
        .bullet_list > li > span{display: inline-block;width:calc(100% - 7px);padding-left: 11px;box-sizing: border-box;vertical-align: top;}
        .bullet_list > li > span small{display:block; font-size: 89%; font-weight: 400; color: var(--black-color08);}


        @media screen and (max-width:1023px){
            .sub_history .wide_bnr{padding:120px 70px;}
                .sub_history .wide_bnr + .his_list{margin-top:60px;}
            .sub_history .his_list{gap:60px;}
            .sub_history .his_list .info{width:210px;}
            .sub_history .his_list .exp{width:calc(100% - 270px); margin-left:60px;}
            .sub_history .his_list .desc dt{width:110px;}
            .sub_history .his_list .desc dd{width:calc(100% - 110px);}
        }
        @media screen and (max-width:860px){
            .sub_history .wide_bnr{padding:110px 60px;}
                .sub_history .wide_bnr + .his_list{margin-top:50px;}
            .sub_history .his_list{gap:50px;}
            .sub_history .his_list .info{width:190px;}
            .sub_history .his_list .exp{width:calc(100% - 240px); margin-left:50px;}
            .sub_history .his_list .desc dt{width:100px;}
            .sub_history .his_list .desc dd{width:calc(100% - 100px);}
        }
        @media screen and (max-width:640px){
            .sub_history .wide_bnr{padding:100px 50px;}
            .sub_history .wide_bnr .txt_wrap h3{font-size: 220%;}
                .sub_history .wide_bnr + .his_list{margin-top:40px;}
            .sub_history .his_list{gap:40px;}
            .sub_history .his_list > li{display: block;}
            .sub_history .his_list .info{width:100%; border-width: 2px;}
            .sub_history .his_list .exp{width:100%; margin-left:0; border-top:0;}
            .sub_history .his_list .desc dt{width:90px;}
            .sub_history .his_list .desc dd{width:calc(100% - 90px);}

            .bullet_list > li:before{width:3px; height:3px;}
            .bullet_list > li > span{padding-left:8px;}
        }
        @media screen and (max-width:479px){
            .sub_history .wide_bnr{padding:90px 40px;}
                .sub_history .wide_bnr + .his_list{margin-top:30px;}
            .sub_history .his_list{gap:30px;}
            .sub_history .his_list .desc{padding:17px 0;}
        }
        @media screen and (max-width:431px){
            .sub_history .wide_bnr{padding:80px 30px;}
            .sub_history .his_list .desc{padding:17px 0;}
            .sub_history .his_list .desc dt{width:80px;}
            .sub_history .his_list .desc dd{width:calc(100% - 80px);}
        }

    /* 경영이념 */
        #wrap:has(.sub_management) #contents_wrap{width:100%; max-width: 100%;}
        .sub_management .intro{position: relative; padding:105px 0;}
        .sub_management .intro .thumb{position: absolute; top:0; left:0; width:100%; height:100%;}
        .sub_management .intro .thumb img{width:100%; height:100%; object-fit: cover;}
        .sub_management .intro .txt_wrap{position:relative; z-index: 3; font-size: var(--title-20); color: var(--point-white); text-align: center;}
        .sub_management .intro .txt_wrap h5{font-size: 120%; font-weight: 500;  line-height: 1.6;}
            .sub_management .intro .txt_wrap h5:after{display:block; content:''; width:1px; height:60px; background:rgba(255,255,255,0.5); margin:40px auto;}
        .sub_management .intro .txt_wrap h5 em{font-weight: inherit; color: var(--point-color01);}
        .sub_management .intro .txt_wrap h4{font-size: 150%; font-weight: bold; line-height: 1.6;}

        .sub_management .biz_list{display: flex; flex-wrap: wrap; gap:27px; counter-reset: number;}
        .sub_management .biz_list > li{position:relative; width:calc(100% / 4 - 20.25px); padding-bottom: calc(100% / 4 - 20.25px); border-radius: 100%; background: var(--point-color01); text-align: center;}
            .sub_management .biz_list > li:nth-child(even){background: var(--point-color02);}
        .sub_management .biz_list .desc{position:absolute;top: 13%;left:50%;transform: translateX(-50%);font-size: var(--title-20);width:100%;padding:20px;box-sizing: border-box;}
            .sub_management .biz_list .desc:before{display: block;content: counter(number, decimal-leading-zero);counter-increment: number;font-size: 90%;font-weight: 500;color: rgba(255,255,255,0.4);margin-bottom: 8px;}
        .sub_management .biz_list .desc dt{font-size: 120%; font-weight: bold; color: var(--point-white); line-height: 1.2;}
            .sub_management .biz_list .desc dt + dd{margin-top: 14px;}
        .sub_management .biz_list .desc dd{font-size: 75%;font-weight: 300;color: rgba(255,255,255,0.8);line-height: 1.3;}

        @media screen and (max-width:1200px){
            .sub_management .biz_list{gap:20px;}
            .sub_management .biz_list > li{width:calc(100% / 4 - 15px); padding-bottom: calc(100% / 4 - 15px);}
            .sub_management .biz_list .desc{top:50%; transform: translate(-50%, -50%);}
        }
        @media screen and (max-width:1023px){
            .sub_management .intro{padding:95px 0;}
            .sub_management .intro .txt_wrap h5:after{height: 55px; margin:35px auto;}

            .sub_management .biz_list{gap:15px;}
            .sub_management .biz_list > li{width:calc(100% / 4 - 11.25px); padding-bottom: calc(100% / 4 - 11.25px);}
            .sub_management .biz_list .desc:before{font-size:85%; margin-bottom: 5px;}
            .sub_management .biz_list .desc dt{font-size: 110%;}
                .sub_management .biz_list .desc dt + dd{margin-top:10px;}
            .sub_management .biz_list .desc dd{font-size: 70%;}
        }
        @media screen and (max-width:860px){
            .sub_management .intro{padding:85px 0;}
            .sub_management .intro .txt_wrap h5:after{height: 50px; margin:35px auto;}
            .sub_management .intro .txt_wrap h4 br{display:none;}

            .sub_management .biz_list{justify-content: center; width:80%; margin: 0 auto; justify-content: center;}
            .sub_management .biz_list > li{width: calc(100% / 2 - 7.5px);padding-bottom: calc(100% / 2 - 7.5px);}
        }
        @media screen and (max-width:640px){
            .sub_management .intro{padding:75px 0;}
            .sub_management .intro .txt_wrap h5:after{height: 45px; margin:30px auto;}

            .sub_management .biz_list{width:100%; }
        }
        @media screen and (max-width:431px){
            .sub_management .intro{padding:65px 0;}
            .sub_management .intro .txt_wrap h5:after{height: 40px; margin:25px auto;}

            .sub_management .biz_list > li{width:80%; padding-bottom: 80%;}
        }

    /* 탭 */
        .tab_list{display: flex; flex-wrap: wrap; justify-content: center; font-size: var(--title-20); gap:10px; margin-top:-1.2vw; margin-bottom: 60px;}
        .tab_list > li{font-size: 90%; font-weight: 400; color: var(--black-color09); line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; width: 148px; height: 50px; border: 1px solid var(--border-color01); box-sizing: border-box; padding:0 10px; cursor: pointer; background: var(--point-white); transition: all 0.4s; text-align: center;}

        .tab_conts .item{opacity: 0; height:0; overflow: hidden; transition: all 0.4s;}
            .tab_conts .item.on{opacity: 1; height: auto; overflow: visible;}

        .tab_title{font-size: var(--title-20); text-align: center; margin-bottom: 45px;}
        .tab_title h5{font-size: 150%; font-weight: bold; color: var(--black-color03); line-height: 1.4;}
        .tab_title h5 em{font-weight: inherit; color: var(--point-color01);}
        .tab_title h5 strong{font-weight: 900;}
            
            /* over */
                @media screen and (min-width:1024px){
                    .tab_list > li:hover{border-color: var(--point-color01); color: var(--point-color01);}
                }
            
            /* on */
                .tab_list > li.on{border-color: var(--point-color01); background: var(--point-color01); color: var(--point-white);}

        @media screen and (max-width:1023px){
            .tab_list{margin-bottom: 50px;}
            .tab_list > li{width:140px;}

            .tab_title{ margin-bottom: 40px;}
        }
        @media screen and (max-width:860px){
            .tab_list{margin-bottom: 40px;}
            .tab_list > li{width:130px;}

            .tab_title{ margin-bottom: 35px;}
        }
        @media screen and (max-width:640px){
            .tab_list{margin-bottom: 30px;}
            .tab_list > li{width:120px; height:45px;}

            .tab_title{ margin-bottom: 30px;}
        }
        @media screen and (max-width:479px){
            .tab_list{margin-bottom: 25px;}
            .tab_list > li{width:110px;}

            .tab_title{ margin-bottom: 25px;}
        }

    /* 특허 및 인증 */
        .sub_patent .certi_list{display: flex; gap:30px; flex-wrap: wrap;}
        .sub_patent .certi_list > li{position:relative; width:calc(100% / 4 - 22.5px); padding-bottom: calc(32.5% - 2px); border:1px solid var(--border-color01); box-sizing: border-box; overflow: hidden;}
        .sub_patent .certi_list > li img{position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

        @media screen and (max-width:1200px){
            .sub_patent .certi_list{gap:20px;}
            .sub_patent .certi_list > li{width:calc(100% / 4 - 15px);}
        }
        @media screen and (max-width:1023px){
            .sub_patent .certi_list{gap:15px;}
            .sub_patent .certi_list > li{width:calc(100% / 4 - 11.25px);}
        }
        @media screen and (max-width:860px){
            .sub_patent .certi_list > li{width:calc(100% / 3 - 10px); padding-bottom: calc(44.8% - 2px);}
        }
        @media screen and (max-width:479px){
            .sub_patent .certi_list > li{width:calc(100% / 2 - 7.5px); padding-bottom: calc(67.8% - 2px);}
        }

    /* 오시는 길 */
        .sub_directions{display: flex;flex-direction:column;gap: 52px;}
        .sub_directions .map_wrap{height:460px;}
        .sub_directions .map_wrap img{width:100%; height:100%; object-fit: cover;}
        .sub_directions .map_info{font-size: var(--title-20);}
        .sub_directions .map_info dt{padding:28px 0 20px; display: flex; align-items: center; justify-content: space-between; gap:30px;}
            .sub_directions .map_info dt + dd{border-top:1px solid var(--border-color01);}
        .sub_directions .map_info dt strong{font-size: 150%; font-weight: bold; color: var(--black-color01); line-height: 1.4;}
        .sub_directions .map_info dd{padding: 35px 0;}
        .sub_directions .map_info .more{display: inline-flex; font-size: var(--title-20);}
        .sub_directions .map_info .more span{display: inline-flex; align-items: center; justify-content: center; font-size: 90%; font-weight: 500; color: var(--point-color01); border:1px solid var(--point-color01); text-align: center; padding:0 30px; height:50px; box-sizing: border-box; transition: all 0.4s;}
        .sub_directions .map_info .exp_list{display: flex; flex-wrap: wrap; gap:15px 50px;}
        .sub_directions .map_info .exp_list > li{font-size: var(--title-20);}
        .sub_directions .map_info .exp_list > li > em{font-size:0; display:inline-block; vertical-align: super; width:22px;}
        .sub_directions .map_info .exp_list > li > span{display:inline-block; font-size: 90%; font-weight: 500; color: var(--black-color06); line-height: 1.5; vertical-align: top; }


            /* over */
                @media screen and (min-width:1024px){
                    .sub_directions .map_info .more span:hover{background:var(--point-color01); color: var(--point-white);}
                }

        @media screen and (max-width:1023px){
            .sub_directions .map_wrap{height: 44.5vw; min-height: 250px;}
            .sub_directions .map_info .exp_list{gap:15px 45px;}
			.sub_directions .map_info .exp_list > li{display: block; width:100%;}
            .sub_directions .map_info .exp_list > li > span{width:calc(100% - 27px);}
        }
        @media screen and (max-width:860px){
            .sub_directions .map_info .exp_list{gap:15px 40px;}
            .sub_directions .map_info .more span{padding:0 25px;}
            .sub_directions .map_info dd{padding: 30px 0;}
        }
        @media screen and (max-width:640px){
            .sub_directions{gap:40px;}
            .sub_directions .map_info .exp_list{gap:15px 35px;}
            .sub_directions .map_info .more span{padding:0 20px; height:45px;}
            .sub_directions .map_info dd{padding: 25px 0;}
        }
        @media screen and (max-width:479px){
            .sub_directions .map_info .exp_list{gap:15px 30px;}
        }

    /* 인재상 */
        .sub_talent .ability_wrap{position: relative;}
        .sub_talent .ability_wrap .info_list{display: flex; flex-wrap: wrap; gap:40px;}
        .sub_talent .ability_wrap .info_list > li{width:calc(100% / 2 - 20px);padding: 49px 15px 58px;box-sizing: border-box;background: var(--gray-bg03);border-radius: 30px;text-align: center; transition: all 0.4s;}
        .sub_talent .ability_wrap .info_list .icon{display: flex; align-items: center; justify-content: center; text-align: center; height: 72px; font-size: 0;}
            .sub_talent .ability_wrap .info_list .icon + .desc{margin-top: 20px;}
        .sub_talent .ability_wrap .info_list .desc{font-size: var(--title-20);}
        .sub_talent .ability_wrap .info_list .desc dt{font-size: 160%; font-weight: bold; color: var(--black-color03); line-height: 1.35;}
            .sub_talent .ability_wrap .info_list .desc dt + dd{margin-top: 20px;}
        .sub_talent .ability_wrap .info_list .desc dd{font-size: 90%; font-weight: 500; color: rgba(51,51,51,0.8); line-height: 1.4;}
        .sub_talent .ability_wrap .logo{position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:397px; height:397px; border:20px solid var(--point-color01); border-radius: 100%; box-sizing: border-box; background: var(--point-white); display: flex; align-items: center; justify-content: center; padding:40px; pointer-events: none;}

        .sub_talent .welfare_list{border-top:2px solid var(--black-color01);}
        .sub_talent .welfare_list > li{padding:56px 0; box-sizing: border-box; border-bottom: 1px solid var(--border-color01); display: flex; align-items: center;}
        .sub_talent .welfare_list .icon{font-size: 0; display:flex; align-items: center; justify-content: center; width:165px; height: 165px; background: var(--gray-bg04); border-radius: 100%; padding:20px; box-sizing: border-box;}
        .sub_talent .welfare_list .desc{width:calc(100% - 165px); padding-left:89px; box-sizing: border-box; font-size: var(--title-20);}
        .sub_talent .welfare_list .desc dt{display: flex; align-items: center; flex-wrap: wrap; gap:7px 14px;}
            .sub_talent .welfare_list .desc dt + dd{margin-top: 24px;}
        .sub_talent .welfare_list .desc dt strong{font-size: 130%;font-weight: bold;color: var(--black-color03);line-height: 1.3;}
        .sub_talent .welfare_list .desc dt span{font-size: 80%; font-weight: bold; color: rgba(102,102,102,0.4); line-height: 1.4;}
        .sub_talent .welfare_list .desc .bullet_list{display: flex;flex-wrap: wrap;width: 90%;}
        .sub_talent .welfare_list .desc .bullet_list > li{width: 50%;padding-right: 15px;margin-top:0;}
            .sub_talent .welfare_list .desc .bullet_list > li:nth-child(n+3){margin-top: 3px;}

            /* over */
                @media screen and (min-width:1024px){
                    .sub_talent .ability_wrap .info_list > li *{transition: all 0.4s;}
                    .sub_talent .ability_wrap .info_list > li:hover{background: var(--point-color01);}
                    .sub_talent .ability_wrap .info_list > li:hover *{filter:var(--filter-white);}
                }
        @media screen and (max-width:1280px){
            .sub_talent .ability_wrap .logo{width:31vw; height: 31vw;}
        }
        @media screen and (max-width:1023px){
            .sub_talent .ability_wrap .info_list{gap:30px;}
            .sub_talent .ability_wrap .info_list > li{width:calc(100% / 2 - 15px);}
            .sub_talent .ability_wrap .logo{border-width: 15px;}

            .sub_talent .welfare_list > li{padding:50px 0;}
            .sub_talent .welfare_list .desc{padding-left:8.5vw;}
        }
        @media screen and (max-width:860px){
            .sub_talent .ability_wrap .info_list{gap:20px;}
            .sub_talent .ability_wrap .info_list > li{width:calc(100% / 2 - 10px);}
            .sub_talent .ability_wrap .info_list .icon{height:65px;}
                .sub_talent .ability_wrap .info_list .icon + .desc{margin-top:15px;}
            .sub_talent .ability_wrap .info_list .desc dt + dd{margin-top:15px;}
            .sub_talent .ability_wrap .logo{border-width: 12px; padding:30px;}

            .sub_talent .welfare_list > li{padding:45px 0;}
            .sub_talent .welfare_list .desc .bullet_list{width:100%;}
        }
		@media screen and (max-width:680px){
			.sub_talent .tab_title h5 br {display: none;}
		}
        @media screen and (max-width:640px){
            .sub_talent .ability_wrap .info_list{gap:20px;}
            .sub_talent .ability_wrap .info_list > li{width:calc(100% / 2 - 10px); border-radius: 15px;}
            .sub_talent .ability_wrap .info_list .icon{height:60px;}
            .sub_talent .ability_wrap .logo{border-width: 10px; padding:4.5vw;}

            .sub_talent .welfare_list > li{padding:40px 0;}
            .sub_talent .welfare_list .icon{width:140px; height:140px;}
            .sub_talent .welfare_list .desc{width: calc(100% - 140px);}
            .sub_talent .welfare_list .desc dt + dd{margin-top:18px;}
			.sub_talent .welfare_list .desc .bullet_list > li {width: 100%;}
        }
        @media screen and (max-width:479px){
            .sub_talent .ability_wrap .info_list{gap:15px;}
            .sub_talent .ability_wrap .info_list > li{width:100%; padding:40px 15px 50px;}
            .sub_talent .ability_wrap .info_list .icon{height:55px;}
            .sub_talent .ability_wrap .logo{position:relative; top:auto; left:auto; transform:none; width:200px; height:200px; margin:0 auto 30px; padding:20px; }

            .sub_talent .welfare_list > li{display: block; padding:35px 0;}
            .sub_talent .welfare_list .icon{width:120px; height:120px; margin:0 auto;}
            .sub_talent .welfare_list .desc{width: 100%; padding:25px 20px 0;}
            .sub_talent .welfare_list .desc dt{justify-content: center; text-align: center;}
            .sub_talent .welfare_list .desc dt strong{width:100%;}
        }

    /* 채용안내 */
        .sub_employment .detail_list{border-top: 2px solid var(--black-color01);}
        .sub_employment .detail_list > li{padding:53px 0; box-sizing: border-box; border-bottom: 1px solid var(--border-color01); display: flex; align-items: center;}
            .sub_employment .detail_list > li.start{align-items: flex-start;}
        .sub_employment .detail_list .info{font-size: var(--title-20); width:190px; box-sizing: border-box; padding-right: 15px;}
        .sub_employment .detail_list .info h5{font-size: 130%; font-weight: 500; color: var(--black-color03); line-height: 1.3;}
        .sub_employment .detail_list .exp{font-size: var(--title-20); width: calc(100% - 190px); box-sizing: border-box;}
        .sub_employment .detail_list .exp p{font-size: 90%; font-weight: 500; color: var(--black-color06); line-height: 1.4;}
        .sub_employment .detail_list .exp:has(.btn_wrap){display: flex; gap:20px; align-items: center;}
        .sub_employment .detail_list .btn_wrap{padding:0; margin:0;}
        .sub_employment .step_list{display: flex; gap:54px;}
        .sub_employment .step_list > li{position:relative; width:calc(100% / 4 - 40px); padding-bottom: calc(100% / 4 - 40px); border-radius: 100%; background: var(--gray-bg02); box-sizing: border-box;}
            .sub_employment .step_list > li + li:before{position: absolute; content:''; width:20px; height:20px; background:var(--black-color01) url('../images/sub/sub_employment_arw.svg') no-repeat center; border-radius: 100%; top:50%; right:calc(100% + 18px); transform: translateY(-50%);}
        .sub_employment .step_list .desc{position:absolute;top:0;left:0;display:flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;width:100%;height:100%;gap: 14px;font-size: var(--title-20);}
        .sub_employment .step_list .desc dt{font-size: 0;display: flex;align-items: center;justify-content: center;margin:0 auto;height: 62px;}
        .sub_employment .step_list .desc dd{max-width:80%; font-size: 90%;font-weight: 500;color: var(--black-color03);display:flex;flex-direction: column;gap: 1px;}
        .sub_employment .step_list .desc dd small{font-size: 84%; font-weight: inherit; color: var(--black-color06);word-break:break-all;}
        .sub_employment .stepExp_list{font-size: var(--title-20); margin-top:40px; counter-reset: stepNum;}
        .sub_employment .stepExp_list > li{position: relative; padding:22px 30px;}
            .sub_employment .stepExp_list > li:nth-child(2n){background: rgba(227, 30, 48, 0.03);}
            .sub_employment .stepExp_list .marker{position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size: 85%; font-weight: bold; color: var(--black-color01); display: inline-flex; gap: 4px;}
        .sub_employment .stepExp_list .marker:after{content:counter(stepNum, decimal-leading-zero); counter-increment: stepNum; color: var(--point-color01);}
        .sub_employment .stepExp_list dl{display: flex; align-items:center; padding-left:110px; box-sizing: border-box;}
        .sub_employment .stepExp_list dl :where(dt,dd){font-size: 85%; font-weight: 500;}
        .sub_employment .stepExp_list dl dt{color: var(--black-color03); width:130px; padding-right: 15px; box-sizing: border-box;}
        .sub_employment .stepExp_list dl dd{color: var(--black-color06); width:calc(100% - 130px); box-sizing: border-box;}
        .sub_employment .stepExp_list dl dd span{color: var(--black-color10);}
		

        @media screen and (max-width:1280px){
            .sub_employment .step_list{gap:4.2vw;}
            .sub_employment .step_list > li{width:calc(100% / 4 - 3.14vw); padding-bottom: calc(100% / 4 - 3.13vw);}
                .sub_employment .step_list > li + li:before{right:calc(100% + 1.7vw - 4px);}
			.sub_employment .step_list .desc {gap: 10px;}
            .sub_employment .step_list .desc dt{width:5vw; height:4.8vw;}
			.sub_employment .step_list .desc dd small {font-size: 78%;}
				.sub_employment .step_list > li:nth-child(3) .desc {gap: 6px;}
				.sub_employment .step_list > li:nth-child(3) .desc dt {height: 4vw;}
				.sub_employment .step_list > li:nth-child(3) .desc dd {max-width: 76%;}
        }
        @media screen and (max-width:1023px){
            .sub_employment .detail_list > li{padding:45px 0;}
            .sub_employment .detail_list .info{width:170px;}
            .sub_employment .detail_list .exp{width:calc(100% - 170px);}
            .sub_employment .step_list .desc{gap:8px;}
			.sub_employment .step_list .desc dt{height:4vw;}
				.sub_employment .step_list > li:nth-child(3) .desc dt {height: 3.2vw;}
			.sub_employment .step_list .desc dd {font-size: 88%;}
            .sub_employment .stepExp_list > li{padding:20px 30px;}
            .sub_employment .stepExp_list dl{padding-left: 100px;}
            .sub_employment .stepExp_list dl dt{width:120px;}
            .sub_employment .stepExp_list dl dd{width:calc(100% - 120px);}

        }
        @media screen and (max-width:860px){
            .sub_employment .detail_list > li{padding:40px 0;}
            .sub_employment .detail_list .info{width:150px;}
            .sub_employment .detail_list .exp{width:calc(100% - 150px);}
                .sub_employment .detail_list > li.start{flex-direction:column; gap:30px;}
                .sub_employment .detail_list > li.start .info{width:100%;}
                .sub_employment .detail_list > li.start .exp{width:100%;}
        }
        @media screen and (max-width:640px){
            .sub_employment .detail_list > li{padding:35px 0; flex-direction:column;}
            .sub_employment .detail_list > :is(li,li.start){gap:25px;}
            .sub_employment .detail_list > li .info{width:100%;}
            .sub_employment .detail_list > li .exp{width:100%;}
            .sub_employment .step_list{flex-direction: column; gap:40px;}
            .sub_employment .step_list > li{width:180px; padding-bottom: 180px; margin:0 auto;}
                .sub_employment .step_list > li + li:before{top:auto; right:auto; bottom:calc(100% + 10px); left:50%; transform: translateX(-50%) rotate(90deg); width:18px; height:18px;}
            .sub_employment .step_list .desc dt{width:32px; height:30px;}
            .sub_employment .stepExp_list{margin-top:30px;}
            .sub_employment .stepExp_list > li{padding:20px 25px;}
            .sub_employment .stepExp_list .marker{left:25px;}
            .sub_employment .stepExp_list dl{padding-left: 90px;}
            /* .sub_employment .stepExp_list dl dt{width:100px;}
            .sub_employment .stepExp_list dl dd{width:calc(100% - 100px);} */
        }
        @media screen and (max-width:479px){
            .sub_employment .detail_list > li{padding:30px 0; }
            .sub_employment .detail_list > :is(li,li.start){gap:20px;}
            .sub_employment .step_list .desc dt{width:32px; height:30px;}
            .sub_employment .stepExp_list{margin-top:20px;}
            .sub_employment .stepExp_list > li{padding:18px 20px;}
            .sub_employment .stepExp_list .marker{left:20px;}
            .sub_employment .stepExp_list dl{padding-left: 80px;}
            /* .sub_employment .stepExp_list dl dt{width:90px;}
            .sub_employment .stepExp_list dl dd{width:calc(100% - 90px);} */
        }
        @media screen and (max-width:431px){
            .sub_employment .stepExp_list dl{flex-direction: column; gap:5px;}
            .sub_employment .stepExp_list dl dt{width:100%;}
            .sub_employment .stepExp_list dl dd{width:100%;}
        }

    /* 사업분야 */
		.sub_business + .sub_business{margin-top:70px;}
        .sub_business .prod_wrap{display: flex; align-items: center;}
        .sub_business .thumbSwiper{position: relative; width:45.8%; border:1px solid var(--border-color01); box-sizing: border-box; overflow: hidden;}
        .sub_business .thumbSwiper .swiper-slide{position: relative;padding-bottom: 100%; overflow: hidden; background: var(--point-white);}
        .sub_business .thumbSwiper .swiper-slide img{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); padding:40px 30px; box-sizing: border-box;}
        .sub_business .thumbSwiper .swiper-pagination{position: absolute; left:0; bottom:30px; display: flex; justify-content: center; gap:6px; flex-wrap:wrap; width:100%; padding:0 30px; box-sizing: border-box; font-size: 0;}
        .sub_business .thumbSwiper .swiper-pagination span{margin:0; width:10px; height:10px; opacity: 1; background: var(--border-color01); border-radius: 5px; transition: all 0.4s;}
        .sub_business .thumbSwiper .swiper-pagination .swiper-pagination-bullet-active{width:30px; background: var(--point-color01);}
        .sub_business .thumb_info{width:54.2%; padding-left: 60px; box-sizing: border-box;}
        .sub_business .thumb_info .title{font-size: var(--title-20);}
            .sub_business .thumb_info .title:after{display: block; content:''; width:40px; height:2px; background: var(--point-color01); margin:36px 0;}
        .sub_business .thumb_info .title h4{font-size: 150%; font-weight: bold; color: var(--black-color01); line-height: 1.35;}
        .sub_business .thumb_info .desc{font-size: var(--title-20);}
            .sub_business .thumb_info .desc + .desc{margin-top:26px;}
        .sub_business .thumb_info .desc dt{font-weight: 900; color: var(--black-color01); line-height: 1.5;}
            .sub_business .thumb_info .desc dt + dd{margin-top:10px;}
        .sub_business .thumb_info .desc dd{font-size: 80%; font-weight: 500; color: var(--black-color06); line-height: 1.6;}

        .sub_business .prod_wrap + .table_list{margin-top:60px;}
        .sub_business .table_list{display: flex; flex-wrap:wrap; gap:30px;}
            .sub_business .table_list + .sub_title{margin-top:100px;}
            .sub_business .table_list + .prod_wrap{margin-top:100px;}
        .sub_business .table_list > li{width:calc(100% / 2 - 15px); display: flex; flex-direction: column;}
            .sub_business .table_list > li.bk{width:100%;}
        .sub_business .table_list .bullet_list{border:1px solid var(--border-color01); border-top:0; padding:18px 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap:5px 0;}
        .sub_business .table_list .bullet_list > li{width:50%; padding-right: 15px; margin-top:0;}
        .sub_business .table_list .bullet_list > li:before{width:3px; height:3px; background: var(--black-color06);}
        .sub_business .table_list .bullet_list > li > span{width:calc(100% - 6px); padding-left:9px;}
        .sub_business .prod_table table .bullet_list{border:0; padding:0;}
        .sub_business .prod_table table .bullet_list > li{width:100%; text-align: left; margin: 0; padding: 0;}
        .sub_business .prod_table{height:100%;}
        .sub_business .prod_table table{width:100%; height:100%; font-size: var(--title-20);}
        .sub_business .prod_table :where(th,td){vertical-align: middle; line-height: 1.5; box-sizing: border-box; position: relative;}
            .sub_business .prod_table .ver_top :where(th,td){vertical-align: top;}
        .sub_business .prod_table :where(th.center,td.center){text-align: center;}
        .sub_business .prod_table thead th{font-size: 90%; font-weight: 500; color: var(--point-white); background: var(--black-color01); border:1px solid var(--black-color01); border-bottom: 0; padding:16px 20px; border-bottom: 0; border-left: 0;}
            .sub_business .prod_table thead th.diagonal{background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), var(--point-white), transparent calc(50% + 1px)); background-size: 120% 120%; background-position: center; padding-left:8px; padding-right:8px;}
            .sub_business .prod_table thead th.diagonal em{display: block; text-align: right;}
            .sub_business .prod_table thead th.diagonal em + em{text-align: left;}
            .sub_business .prod_table thead th.center{padding-left:10px; padding-right:10px;}
        .sub_business .prod_table thead th:not(:last-child), .sub_business .prod_table thead th.not_list{border-right-color:var(--border-color01);}
        .sub_business .prod_table thead tr + tr th{border-top-color: var(--border-color01);}
        .sub_business .prod_table thead th small{font-size: 77.8%; display: block;}
        .sub_business .prod_table tbody :where(th,td){font-size: 75%; font-weight: 500; padding:15px 20px; border: 1px solid var(--border-color01); }
        .sub_business .prod_table tbody :where(th.center,td.center){padding-left:10px; padding-right:10px;}
        .sub_business .prod_table tbody tr:first-child :where(th,td){border-top:0;}
        .sub_business .prod_table tbody th{color: var(--black-color01); background: var(--gray-bg); }
            .sub_business .prod_table tbody th + td{border-left:0;}
            .sub_business:not(.sub_anodizing) .prod_table tbody th.center{font-size: 90%; }
            .sub_business:not(.sub_anodizing) .prod_table tbody :where(th.center,td.center){padding-top:20px; padding-bottom:20px;}
        .sub_business .prod_table tbody th strong{font-weight: bold;}
        .sub_business .prod_table tbody td{color: var(--black-color06);}
        .sub_business .prod_table tbody .bgType01{background: var(--point-color03);}
        .sub_business .prod_table tbody .bgType02{background: var(--point-color04);}
        .sub_business .prod_table tbody .bgType03{background: var(--point-color05);}
        .sub_business .prod_table tbody td p + p{margin-top:10px;}
        .sub_business .prod_table .arw{position: absolute;content:'';width:98px;height:354px;background: linear-gradient(0deg, #9FA0A0 -14.12%, rgba(248,182,45,0.6) 50%, transparent 80%);opacity: 0.15;left:50%;bottom:0;transform: translateX(-50%);clip-path: polygon(0 calc(100% - 40px), 28% calc(100% - 40px), 28% 0, 72% 0, 72% calc(100% - 40px), 100% calc(100% - 40px), 50% 100%); z-index: -1;}
        .sub_business .prod_list{border-top:1px solid var(--black-color03);}
        .sub_business .prod_list > li{border-bottom:1px solid var(--border-color01); padding:50px 60px; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap;}
        .sub_business .prod_list .info{width:calc(100% - 372px); padding-right: 30px; box-sizing: border-box;}
        .sub_business .prod_list .sub_title h5.dots{margin-bottom: 16px;}
        .sub_business .prod_list .bullet_list > li{font-weight: 500; color: var(--black-color03); padding-left: 9px; font-size: 90%;}
        .sub_business .prod_list .bullet_list > li:before{background: var(--black-color03); }
        .sub_business .prod_list .thumb{width:372px; height:372px; font-size: 0; display: flex;  align-items: center; justify-content: center; padding:30px 0; box-sizing: border-box;}


        @media screen and (max-width:1280px){
            .sub_business .thumb_info{padding-left: 4.6vw;}
            .sub_business .thumb_info .desc + .desc{margin-top:2vw;}
        }
        @media screen and (max-width:1200px){
            .sub_business .table_list{gap:20px;}

            .sub_business .table_list > li{width: calc(100% / 2 - 10px);}
        }
        @media screen and (max-width:1023px){
            .sub_business .thumb_info .desc dt + dd{margin-top:6px;}

            .sub_business .prod_wrap + .table_list{margin-top:50px;}
            .sub_business .table_list{gap:15px;}
            .sub_business .table_list > li{width: calc(100% / 2 - 7.5px);}
            .sub_business .prod_table table .bullet_list > li br{display: none;}

            .sub_business .prod_list > li{padding:40px 50px;}
            .sub_business .prod_list .info{width:calc(100% - 36vw)}
            .sub_business .prod_list .thumb{width:36vw; height:36vw;}

            .sub_business .thumb_info .title:after{margin:31px 0;}
        }
        @media screen and (max-width:860px){
            .sub_business .prod_wrap{flex-wrap: wrap; flex-direction: column; gap:40px;}
            .sub_business .thumbSwiper{width:100%; max-width: 550px; margin:0 auto;}
            .sub_business .thumb_info{width:100%; padding-left: 0;}
            .sub_business .thumb_info .desc + .desc{margin-top: 16px;}

            .sub_business .table_list{flex-direction: column;}
            .sub_business .table_list > li{width: 100%;}
            .sub_business .prod_table, .sub_business .prod_table table{height:auto;}
            .sub_business .scroll_wrap{width:calc(100% + 30px); margin-left:-15px; overflow-x:auto;}
            .sub_business .scroll_wrap .prod_table{width:860px; padding:0 15px; box-sizing: border-box;}
            .sub_business .table_list .bullet_list > li{width:100%; padding-right: 0;}
            .sub_business .prod_table tbody td p + p{margin-top:7px;}

            .sub_business .prod_list > li{padding:30px 40px;}
            .sub_business .thumb_info .title:after{margin:26px 0; width:35px;}
        }
        @media screen and (max-width:640px){
            .sub_business .prod_wrap{gap:30px;}
            .sub_business .thumbSwiper .swiper-pagination{bottom:25px;}
            .sub_business .thumbSwiper .swiper-pagination span{width:8px; height:8px;}
            .sub_business .thumbSwiper .swiper-pagination .swiper-pagination-bullet-active{width:28px;}
            .sub_business .thumb_info .desc + .desc{margin-top: 16px;}

            .sub_business .prod_wrap + .table_list{margin-top:40px;}
            .sub_business .table_list + .sub_title{margin-top:70px;}
            .sub_business .table_list + .prod_wrap{margin-top:70px;}
            .sub_business .prod_table thead th{padding:11px 15px;}
            .sub_business .prod_table tbody :where(th,td){padding:15px;}

            .sub_business .prod_list > li{padding:30px;}
            .sub_business .prod_list .info{width:100%; padding-right:0;}
            .sub_business .prod_list .thumb{width:100%; height:80vw; min-height: 300px;}

            .sub_business .thumb_info .title:after{margin:21px 0; width:30px;}
        }
        @media screen and (max-width:479px){
            .sub_business .prod_wrap{gap:25px;}
            .sub_business .thumbSwiper .swiper-pagination{bottom:20px;}

            .sub_business .prod_wrap + .table_list{margin-top:30px;}
            .sub_business .table_list + .sub_title{margin-top:50px;}
            .sub_business .table_list + .prod_wrap{margin-top:50px;}
        }
        @media screen and (max-width:320px){
            .sub_business .scroll_wrap{width:calc(100% + 20px); margin-left:-10px; overflow-x:auto;}
            .sub_business .scroll_wrap .prod_table{padding:0 10px;}
        }

    /* 정전척 */
        .sub_business .prod_wrap + .sub_title{margin-top:58px;}
        .sub_title{position: relative; box-sizing: border-box; font-size: var(--title-20);}
            .sub_title + .table_list{margin-top:14px;}
        .sub_title h5{font-size: 120%; font-weight: bold; color: var(--black-color01); line-height: 1.35;}
            .sub_title h5.dots{margin-bottom: 26px;}
            .sub_title h5.dots:before{display: inline-block; content:''; width:8px; height:8px; background: var(--point-color01); border-radius: 100%; vertical-align: text-top; }
            .sub_title h5.dots span{display:inline-block; width:calc(100% - 11px); padding-left:10px; box-sizing: border-box; vertical-align: top;}
            .sub_title h5.dots span small{display: block; font-size: 66.6%; font-weight: 500; color: var(--black-color06); margin-top:14px;}
            .sub_title h5 + h6{margin-top: 26px;}
        .sub_title h6{font-weight: bold; color: var(--black-color01); line-height: 1.4;}
        .sub_title h6:has(small){display: flex; flex-wrap: wrap; gap:14px; align-items: center;}
        .sub_title h6 small{font-size: 80%; font-weight: 500; color: var(--black-color06);}

        .sub_title + .border_box{margin-top:12px;}
        .border_box{border:8px solid var(--border-color03); padding:20px 22px; box-sizing: border-box;}
        .border_box .bullet_list.flex{display: flex; flex-wrap:wrap; gap:5px 0;}
            .border_box .bullet_list.flex > li{width:50%; padding-right:15px; margin:0;}
        .border_box .bullet_list > li{font-size: 90%; font-weight: 500;}
            .border_box .bullet_list > li:before{background: var(--black-color03);}
        .border_box .bullet_list > li > span{ padding-left: 9px; color: var(--black-color03);}
        .border_box + .img_box{margin-top:50px;}
        .border_box + .imgExp_list{margin-top:50px;}
        .border_box + .table_list{margin-top:30px;}
        .img_box{font-size:0;}
        .imgExp_list{display: flex; flex-wrap:wrap; gap:30px;}
            .imgExp_list + .imgExp_list{margin-top:30px;}
            .table_list + .imgExp_list{margin-top:50px;}
            .imgExp_list + .table_list{margin-top:30px;}
            .sub_title + .imgExp_list{margin-top:15px;}
            .imgExp_list + .sub_title{margin-top:97px;}
        .imgExp_list > li{width:calc(100% / 2 - 15px); box-sizing: border-box; text-align: center;}
            .imgExp_list.line_01 > li{width:100%;}
            .imgExp_list.line_03 > li{width:calc(100% / 3 - 20px);}
        .imgExp_list .desc{font-size: var(--title-20);}
        .imgExp_list .desc dt{display:flex; align-items: center; justify-content: center; text-align: center; font-size: 90%; font-weight: bold; color: var(--point-white); background: var(--point-color01); padding:18px 10px; box-sizing: border-box;}
        .imgExp_list .desc dd{position:relative; border: 1px solid var(--border-color01); padding:50px 20px; box-sizing: border-box; border-top:0; overflow: hidden;}
            .imgExp_list .desc dd.pd_none{padding:0; border:0;}
            .imgExp_list .desc dd:has(.arw){display:flex; align-items: center; justify-content: center; gap:80px;}
            .imgExp_list .desc .arw{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 80%;font-weight: 500;color: var(--point-white);background: var(--point-color01);padding:0 31px 0 22px;height: 68px;display: flex;align-items: center;justify-content: center;text-align: center;box-sizing: border-box;clip-path: polygon(0% 13px, calc(100% - 31px) 13px, calc(100% - 31px) 0, 100% 50%, calc(100% - 31px) 100%, calc(100% - 31px) calc(100% - 13px), 0% calc(100% - 13px));}
        .imgExp_list .desc .thumb{font-size: 0; display: block;}
        .imgExp_list .desc .thumb img{object-fit: cover;}
        .imgExp_list .desc .txtBg{display: flex; align-items: center; justify-content: center; width:240px; height:60px; background: var(--black-color03); font-size: 90%; font-weight: 500; color: var(--point-white); padding:0 10px; box-sizing: border-box; margin:27px auto 0;}
        .imgExp_list .bullet_list{margin-top:17px;}
        .imgExp_list .bullet_list > li{text-align: left;}
            .imgExp_list .bullet_list > li:before{width:3px; height:3px; background: var(--black-color06);}
        .imgExp_list .bullet_list > li > span{width:calc(100% - 6px); padding-left: 9px;}

        .imgExp_list + .border_imgbox{margin-top:30px;}

        .imgExp_noti{font-size: var(--title-20); margin-top:17px;}
            .imgExp_noti + .imgExp_list{margin-top:47px;}
        .imgExp_noti p{font-size: 80%; font-weight: 500; color: var(--black-color06); line-height: 1.5;}
        .border_imgbox{border:1px solid var(--border-color01); padding:50px 20px; text-align: center;}
        .border_imgbox + .table_list{margin-top:50px;}

        @media screen and (max-width:1200px){
            .imgExp_list{gap:20px;}
                .imgExp_list + .imgExp_list{margin-top:20px;}
            .imgExp_list > li{width:calc(100% / 2 - 10px);}
            .imgExp_list.line_03 > li{width:calc(100% / 3 - 13.34px);}
            .imgExp_list + .border_imgbox{margin-top:20px;}
            .border_box + .table_list{margin-top:20px;}
        }
        @media screen and (max-width:1023px){
            .sub_business .prod_wrap + .sub_title{margin-top:53px;}

            .border_box + .imgExp_list{margin-top:45px;}
            .imgExp_list{gap:15px;}
                .imgExp_list + .imgExp_list{margin-top:15px;}
                .table_list + .imgExp_list{margin-top:45px;}
            .imgExp_list > li{width:calc(100% / 2 - 7.5px);}
            .imgExp_list.line_03 > li{width:calc(100% / 3 - 10px);}
            .imgExp_list .desc dd{padding:45px 20px;}
                .imgExp_list .desc dd:has(.arw){gap:60px;}
            .imgExp_list .desc .txtBg{width:220px; height:55px; margin-top:22px;}
            .border_imgbox{padding:45px 20px;}
            .imgExp_list + .border_imgbox{margin-top:15px;}
            .border_box + .img_box{margin-top:45px;}
            .border_box + .table_list{margin-top:15px;}
            .border_box .bullet_list > li br{display: none;}

            .border_imgbox + .table_list{margin-top:45px;}
        }
        @media screen and (max-width:860px){
            .sub_business .prod_wrap + .sub_title{margin-top:48px;}
            .border_box + .imgExp_list{margin-top:40px;}
            .table_list + .imgExp_list{margin-top:40px;}
            .border_box .bullet_list.flex > li{width:100%;}
            .imgExp_list > li{width:calc(100% / 2 - 7.5px);}
            .imgExp_list.line_03 > li{width:calc(100% / 3 - 10px);}
            .imgExp_list .desc dd{padding:40px 20px;}
                .imgExp_list .desc dd:has(.arw){gap:40px;}
            .imgExp_list .desc .arw{padding:0 25px 0 15px; height:65px; clip-path: polygon(0% 13px, calc(100% - 25px) 13px, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, calc(100% - 25px) calc(100% - 13px), 0% calc(100% - 13px));}
            .imgExp_list .desc .txtBg{width:200px; height:50px; margin-top:17px;}
            .border_imgbox{padding:40px 20px;}
            .border_box + .img_box{margin-top:40px;}
            .border_imgbox + .table_list{margin-top:40px;}
        }
        @media screen and (max-width:767px){
            .imgExp_list.line_03 > li{width:calc(100% / 2 - 7.5px);}
        }
        @media screen and (max-width:640px){
            .sub_business .prod_wrap + .sub_title{margin-top:43px;}
            .imgExp_list + .sub_title{margin-top:70px;}
            .sub_title h5.dots{margin-bottom: 20px;}
            .sub_title h5 + h6{margin-top:20px;}
            .sub_title h5.dots:before{width:6px; height:6px;}
            .sub_title h5.dots span{width:calc(100% - 9px); padding-left: 8px;}
            .border_box + .imgExp_list{margin-top:35px;}
            .table_list + .imgExp_list{margin-top:35px;}
            .border_box{border-width: 4px;}
            .imgExp_list .desc dd{padding:35px 20px;}
            .imgExp_list .desc .txtBg{width:180px; height:45px; }
            .border_imgbox{padding:35px 20px;}
            .border_box + .img_box{margin-top:35px;}
            .imgExp_noti + .imgExp_list{margin-top:40px;}
            .imgExp_noti{margin-top:12px;}
            .imgExp_list .bullet_list{margin-top:12px;}
            .border_imgbox + .table_list{margin-top:35px;}
        }
        @media screen and (max-width:479px){
            .imgExp_list + .sub_title{margin-top:50px;}
            .sub_title h5.dots{margin-bottom: 15px;}
            .sub_title h5 + h6{margin-top:15px;}
            .sub_business .prod_wrap + .sub_title{margin-top:38px;}
            .border_box + .imgExp_list{margin-top:30px;}
            .table_list + .imgExp_list{margin-top:30px;}
            .imgExp_list > li{width:100% !important;}
            .imgExp_list .desc .arw{padding:0 20px 0 15px; height:60px; clip-path: polygon(0% 13px, calc(100% - 20px) 13px, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, calc(100% - 20px) calc(100% - 13px), 0% calc(100% - 13px));}
            .imgExp_list .desc dd.pd_none .thumb img{width: 100%;}
            .border_imgbox{padding:30px 20px;}
            .border_box + .img_box{margin-top:30px;}
            .border_imgbox + .table_list{margin-top:30px;}
        }
    
    /* 세정 기술 */
        .sub_cleaning .imgExp_list > li:nth-child(1){width:calc(40% - 15px);}
        .sub_cleaning .imgExp_list > li:nth-child(2){width:calc(60% - 15px);}
        .sub_cleaning .imgExp_list .desc{height:100%;}
        .sub_cleaning .imgExp_list .desc dd{height:calc(100% - 61px);}

        @media screen and (max-width:640px){
            .sub_cleaning .imgExp_list > :is(li:nth-child(1),li:nth-child(2)){width:100%;}
            .sub_cleaning .imgExp_list .desc{height:auto;}
            .sub_cleaning .imgExp_list .desc dd{height:auto;}
        }

    /* Thermal Spray */
        .sub_business.sub_thermal .prod_table:has(.diagonal) thead th{padding-top:6px; padding-bottom:6px;}