@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
───────────────────────────────────────────────────────────*/
    /* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;box-sizing: border-box;border-radius: 100px;font-weight: 500;border: 1px solid;}
		.btn {width: 160px;height: 60px;font-size: var(--title-20);}
		#wrap .btn_point{border-color:var(--black-color12); background: var(--black-color12); color: var(--point-white);font-weight: 400;}
        #wrap .btn_point.bl{background: var(--point-color01); border-color: var(--point-color01);}
		#wrap .btn_point.bd{background: none; border-color: var(--point-color01); color:var(--point-color01); font-weight: 500;}
		.btn_wrap {margin:0;padding:76px 0 0;font-size:0;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0;top:0;}

	@media screen and (max-width:1023px) {
        .btn_wrap {padding-top: clamp(30px, 7.6vw, 76px);}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0;top:0;}
	}
    @media screen and (max-width:860px) {
        .btn {width: 140px;height: 55px;}
	}
    @media screen and (max-width:640px) {
        .btn {width: 130px;height: 50px;}
	}
    @media screen and (max-width:479px) {
        .btn {width: 100px;height: 45px;}
	}


    
/*───────────────────────────────────────────────────────────
	SUB TOP
───────────────────────────────────────────────────────────*/
    /* NAV */
    .nav_wrap { height: max(380px, 25vw); display: flex; flex-direction: column; justify-content: end; border-bottom: 1px solid var(--border-color01); box-sizing: border-box; margin-bottom: max(50px, 5.2083333vw);}
        .nav_wrap .nav_box .nav_inner h2 { color: var(--black-color02); font-weight: 600; letter-spacing: -0.09px; font-size: max(50px, 4.1667vw); z-index: 1; position: relative; left: 2px; font-family: var(--font-type01); line-height: 1.2125; display: block; margin-bottom: 58px;}
        .nav_wrap .nav_box .nav_inner .desc { margin-top: auto; margin-bottom: 30px; flex-shrink: 0; margin-right: 2px; padding: 3px 0;}
        .nav_wrap .nav_box .nav_inner .desc > * { display: flex; align-items: center; }
        .nav_wrap .nav_box .nav_inner .desc > *:not(:last-child)::after { content: ""; width: 3px; height: 3px; border-radius: 10px; background: rgba(24,24,24,0.5); display: inline-flex; margin: 0 max(8px, 0.8333vw); margin-top: -2px; }
        .nav_wrap .nav_box .nav_inner .desc { display: flex; align-items: center; }
        .nav_wrap .nav_box .nav_inner .desc img { display: block; }
        .nav_wrap .nav_box .nav_inner .desc dd { font-size: var(--title-18); color: rgba(24,24,24,0.7); letter-spacing: -0.6px; font-weight: 500; line-height: 1; }
        .nav_wrap .nav_box .nav_inner .desc dd :is(span, br){display: none;}
        .nav_wrap .nav_box .nav_inner .desc dd:not(:last-of-type) { font-family: var(--font-type01) }
        .nav_wrap .nav_box .nav_inner .desc dd:last-of-type { font-size: var(--title-18); color: var(--black-color02); letter-spacing: -0.54px; font-weight: 700; line-height: 1;}

    /* SUB MENU */
    .nav_wrap .nav_box .nav_inner .sub_menu { font-family: var(--font-type02); position: relative; top: 2px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dl { display: flex; align-items: center; gap: 60px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dt { display: none; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd { font-size: var(--title-20); font-weight: 500; color: var(--black-color10); letter-spacing: -0.6px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd:where(.on, [selected]) { color: var(--point-color01); font-weight: 500; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd a { display: inline-flex; height: 58px; align-items: baseline; box-sizing: border-box; position: relative; transition: all 300ms; text-align: center;}
    .nav_wrap .nav_box .nav_inner .sub_menu dd a::after  { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: width 500ms ease; background: var(--point-color01); height: 3px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd:where(.on, [selected]) a::after { width: 100%;  }
    .nav_wrap .nav_box .nav_inner .sub_menu dd a :is(span, br){display: none;}


    
/*───────────────────────────────────────────────────────────
	sub page 공통영역
───────────────────────────────────────────────────────────*/
.sec_tit { position: relative; }
.sec_tit h3 { font-size: max(36px, 2.6042vw); font-weight: 600; font-family: var(--font-type02); letter-spacing: -0.036em; color: var(--black-color02); line-height: 1.36;}
.sec_tit h3 strong { color: var(--point-color01); font-weight: 600; }
.sec_tit:has(.sec_obj) h3 { width: calc(100% - max(400px, 26.0417vw));  }
.sec_tit .sec_obj { position: absolute; right: 0px; top: -14px; width: max(350px, 25.3125vw);}
.sec_tit .sec_obj svg { overflow: visible; }
.sec_tit .sec_obj img { width: 100%; max-width:max(100px, 8.6458vw); position: absolute; left: 49%; transform: translate(-50%, -50%); top: 48%; }

.sub_about .sub_about_txt h4 { font-size: var(--title-40); font-weight: 500; line-height: 1.4; letter-spacing: -1.48px; color: var(--black-color02); font-family: var(--font-type02); margin: max(20px, 3.025vw) 0 max(20px, 1.6666667vw); word-break: keep-all; text-wrap: balance;}
.sub_about .sub_about_txt h4 > span { color: var(--point-color01); }
.sub_about .sub_about_txt p { color: var(--black-color05); letter-spacing: -0.66px; line-height: 1.63; font-size: var(--title-22) ; line-height: 1.63636; font-family: var(--font-type01); }
.sub_about .sub_about_txt p:not(:last-of-type) { margin-bottom: 24px; }
.sub_about .sub_about_img { width: 100%; border-radius: 80px 0; aspect-ratio: 1/0.3; overflow: hidden; background: url(../images/sub/sub_about_img.jpg) no-repeat 0 0 / cover; margin-top: max(25px, 5.5729167vw);}


.sub_location .sub_location_info { display: flex; }
.sub_location .sub_location_info dl { display: flex; align-items: center; width: 100%; margin-top: max(30px, 3.125vw); gap: 30px max(60px, 8.3333333vw); flex-wrap: wrap; justify-content: space-between;}
.sub_location .sub_location_info dl dt { }
.sub_location .sub_location_info dl dt .lc_logo { max-width: 191px; width: 100%; margin-left: 20px;}
.sub_location .sub_location_info dl ul { display: flex; gap: max(40px, 4.1666667vw); }
.sub_location .sub_location_info ul li { display: flex; gap: 30px; align-items: center; }
.sub_location .sub_location_info ul li::before { content: ""; width: 82px; height: 82px; display: block; }
.sub_location .sub_location_info ul li p { letter-spacing: -0.54px; color: var(--black-color06); font-family: var(--font-type02); font-weight: 400; font-size: var(--title-18);  }
.sub_location .sub_location_info ul li p span { display: block; color: var(--black-color02); font-size: var(--title-24); letter-spacing: -0.72px; font-weight: 600; font-family: var(--font-type01); margin-bottom: 9px; }
.sub_location .sub_location_info ul li.map1 { transition-delay: 0.1s; }
.sub_location .sub_location_info ul li.map2 { transition-delay: 0.2s; font-family: var(--font-type01); }
.sub_location .sub_location_info ul li.map2 p,
.sub_location .sub_location_info ul li.map3 p { font-family: var(--font-type01); }
.sub_location .sub_location_info ul li.map3 { transition-delay: 0.3s; }
.sub_location .sub_location_info ul li.map1::before { background: url(../images/sub/location_ico01.svg) no-repeat center / contain; }
.sub_location .sub_location_info ul li.map2::before { background: url(../images/sub/location_ico02.svg) no-repeat center / contain; }
.sub_location .sub_location_info ul li.map3::before { background: url(../images/sub/location_ico03.svg) no-repeat center / contain; }
.map_box { height: 620px; overflow: hidden; border-radius: 40px;}
.map_box iframe { height: 620px; width: 100%; }
@media screen and (min-width:1024px) {
    .nav_wrap .nav_box .nav_inner .sub_menu dd a:hover { color: var(--point-color01); font-weight: 600; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd:hover a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: width 500ms ease; background: var(--point-color01); height: 3px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd:hover a { color: var(--point-color01); font-weight: 600; }
    .nav_wrap .nav_box .nav_inner .sub_menu dd.on:hover a::after { width: 100%; }
}
@media screen and (max-width:1024px) {
    .nav_wrap { height: max(350px, 25vw); }
    .nav_wrap .nav_box .nav_inner h2 { font-size: max(44px, 6vw); margin-bottom: 35px; }
    .nav_wrap .nav_box .nav_inner .sub_menu dl { gap: 30px; }
    .nav_wrap .nav_box .nav_inner .desc { margin-bottom: 15px; }
    .nav_wrap .nav_box .nav_inner .desc dt a { width: var(--title-18); }
    
    .nav_wrap .nav_box .nav_inner .sub_menu dd a { height: 40px; }
    .sec_tit:has(.sec_obj) { display: flex; flex-direction: column-reverse; align-items: center; }
    .sec_tit:has(.sec_obj) h3 { width: 100%; text-align: center; }
    .sec_tit .sec_obj { position: relative; max-width: 350px; right: unset; top: unset; margin-bottom: 20px; }
    .map_box { border-radius: 20px; }
    .map_box, .map_box iframe { height: 500px; }
    /* sub_about */
    .sub_about .sub_about_txt h4 { margin-top: 20px; margin-bottom: 8px; }
    .sub_about .sub_about_img { aspect-ratio: unset; height: max(220px, 32vw); border-radius: 30px 0; margin-top: 30px; }
    
    /* location */
    .sub_location .sub_location_info ul li { gap: 15px; }
    .sub_location .sub_location_info ul li p span { margin-bottom: 5px; }
    .sub_location .sub_location_info dl dt .lc_logo { max-width: 120px; margin-left: 0; }
    .sub_location .sub_location_info ul li::before { width: 70px; height: 70px; flex-shrink: 0; }
    .sub_location .sub_location_info dl ul { flex-direction: column; gap: 25px; }
    .sub_location .sub_location_info dl {flex-direction: column; gap: 20px 40px;  align-items: baseline;}
}
@media screen and (max-width:720px) {
    .nav_wrap .nav_box .nav_inner .sub_menu dl { gap: 20px; }
    .sec_tit .sec_obj { max-width: 280px; }
    .map_box, .map_box iframe { height: 420px; }
    .sub_about .sub_about_txt p:not(:last-of-type) { margin-bottom: 12px; }
}
@media screen and (max-width:640px) {
	.nav_wrap .nav_box .nav_inner .sub_menu dl{white-space:nowrap;overflow-x:auto;}
}
@media screen and (max-width:580px) {
    .sub_location .sub_location_info dl dt .lc_logo { max-width: 100px; }
    .nav_wrap { height: max(280px, 25vw); }
    /* 공통 */
    .sec_tit h3 { font-size: max(30px, 1.875vw); }
    /* sub_about */
    .sub_about .sub_about_img { margin-top: 25px; }
    .sub_about .sub_about_txt h4 { font-size: max(26px, 1.5625vw); margin-bottom: 5px; }
    .sub_about .sub_about_txt p { font-size: 16px; text-wrap: pretty; word-break: keep-all; }
    .sub_about .sub_about_txt p:not(:last-of-type) { margin-bottom: 6px; }
    /* location */
    .map_box, .map_box iframe { height: 280px; }
    .sub_location .sub_location_info dl ul{ gap: 15px; }
    .sub_location .sub_location_info dl { gap: 15px 30px; }
}


/* 테이블 */
    .info_table{position: relative;}
    .info_table table{position: relative; width: 100%; font-size: var(--title-20); line-height: 1.3; text-align: center; border-radius: 10px; overflow: hidden; table-layout: auto;}
    .info_table table:before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);border-radius: inherit; pointer-events: none;}
    .info_table :where(th, td){box-shadow: inset -1px -1px 0 var(--border-color01);padding:20px;letter-spacing: 0;}
        .info_table :where(th, td).left{text-align: left;}
    .info_table th{font-size: inherit;font-weight: 600;color: var(--point-white);background: var(--point-color01);}
    .info_table td{font-size: 90%;font-weight: 400;color: var(--black-color03);}
    .info_table td strong {display: inline-block; font-weight: 500; color:var(--black-color01); margin-bottom: 6px;} 
	.info_table tbody th{min-width: 80px;}
    .info_table tbody th small{font-size: inherit; font-weight: 400;}
	
	.source_info {position: relative; font-size: var(--title-20); margin-top: 20px;}
	.source_info p {font-size: 90%; font-weight: 400; color: var(--black-color08); letter-spacing: -0.03em; text-wrap: auto;}
	.source_info p small {font-size: max(13px, 88.8%); display: block; line-height: 1.4;}
	.source_info p em {font-weight: inherit;}
	.source_info p em a {font-weight: 500;}
	
    @media (max-width:1023px) {
        .source_info {margin-top: clamp(15px, 1.5vw, 20px);}
    }
    @media (max-width:860px) {
		.info_table :where(th, td){padding: clamp(15px, 2.5vw, 20px) clamp(10px, 2vw, 15px);}
        .scrBox{overflow: hidden; overflow-x: auto; width: calc(100% + 30px); margin-left: -15px; }
        .scrBox .info_table{width: 860px; padding-inline: 15px;}
    }
    @media (max-width:479px) {
        .info_table th{font-size: 90%;}
        .info_table td{font-size: 85%;}
    }
	
/*───────────────────────────────────────────────────────────

	사업분야
	
───────────────────────────────────────────────────────────*/
	.sub_business .business_cont{}
	.sub_business .business_cont + .business_cont{margin-top:160px;background: #FAFAFA;box-sizing:border-box;padding:160px 0;}
	.sub_business .business_cont .title_box{display: flex;flex-wrap:wrap;align-items: center;}
	.sub_business .business_cont .title_box > div{box-sizing:border-box;}
	.sub_business .business_cont .title_box .img{width:43.3%;border-radius:0 60px 0 60px;overflow:hidden;position: relative;}
	.sub_business .business_cont .title_box .img img{width:100%;height:100%;object-fit:cover;}
	.sub_business .business_cont .title_box .txt_box{width:56.7%;padding-left:100px;}
	.sub_business .business_cont .title_box .txt_box h3{font-size:var(--title-50);color:var(--point-color01);font-weight:600;}
	.sub_business .business_cont .title_box .txt_box h3 small{font-size:96%;color:inherit;font-weight:inherit;}
	.sub_business .business_cont .title_box .txt_box strong{display: block;font-size:var(--title-30);color:var(--black-color03);font-weight:500;margin:54px 0 30px;}
	.sub_business .business_cont .title_box .txt_box strong small{font-size:92%;color:inherit;font-weight:inherit;}
	.sub_business .business_cont .title_box .txt_box p{font-size:var(--title-20);color:var(--black-color05);font-weight:400;line-height:1.7;margin-bottom:60px;letter-spacing:-0.04em;}
	.sub_business .business_cont .title_box .txt_box .name_box{display:inline-flex;align-items: center;justify-content: center;box-sizing:border-box;border-radius:180px;padding:16px 40px;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:300;font-family:var(--font-type02);}
	.sub_business .business_cont .title_box .txt_box .name_box dt{font-size:inherit;color:inherit;font-weight:400;}
	.sub_business .business_cont .title_box .txt_box .name_box dd{font-size:89%;color:rgba(255,255,255,0.8);font-weight:inherit;position: relative;display: flex;align-items: center;}
	.sub_business .business_cont .title_box .txt_box .name_box dd:before{width:1px;height:16px;content:"";background:rgba(255,255,255,0.2);display: inline-block;margin:0 30px;}
	
	.sub_business .business_cont .feature_box{margin-top:105px;}
	.sub_business .business_cont .feature_box	h3{font-size:var(--title-40);color:var(--black-color02);font-weight:600;border-bottom:2px solid var(--black-color02);letter-spacing:-0.03em;padding-bottom:27px;}
	.sub_business .business_cont .feature_box ul li{box-sizing:border-box;padding:40px 40px;border-bottom:1px solid var(--border-color01);}
	.sub_business .business_cont .feature_box ul li dl{display: flex;flex-wrap:wrap;align-items: center;}
	.sub_business .business_cont .feature_box ul li dl dt{display: flex;align-items: center;flex-wrap:wrap;gap:30px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;width:370px;}
	.sub_business .business_cont .feature_box ul li dl dt .icon{width:60px;display: flex;align-items: center;justify-content: center;}
	.sub_business .business_cont .feature_box ul li dl dt .icon 	img{}
	.sub_business .business_cont .feature_box ul li dl dt span{font-size:120%;color:inherit;font-weight:inherit;letter-spacing:-0.03em;}
	.sub_business .business_cont .feature_box ul li dl dd{font-size:var(--title-20);color:var(--black-color06);font-weight:400;font-family:var(--font-type02);width:calc(100% - 370px);box-sizing:border-box;padding-left:100px;}
	.sub_business .business_cont .feature_box ul li dl dd p{font-size:89%;color:inherit;font-weight:inherit;font-family:inherit;line-height:1.8;letter-spacing:-0.04em;}	
	
	@media screen and (max-width:1500px) {
		.sub_business .business_cont .title_box .txt_box p br{display: none;}
		
		.sub_business .business_cont .feature_box ul li dl dd p br{display: none;}
	}
	@media screen and (max-width:1024px) {
		.sub_business .business_cont + .business_cont{margin-top:100px;padding:100px 0;}
		.sub_business .business_cont .title_box .img{width:50%;}
		.sub_business .business_cont .title_box .txt_box{width:50%;padding-left:30px;}
		.sub_business .business_cont .title_box .txt_box strong{margin:30px 0 20px;}
		.sub_business .business_cont .title_box .txt_box p{margin-bottom:40px;}
		
		.sub_business .business_cont .feature_box ul li dl dt{gap:15px;width:38%;}
		.sub_business .business_cont .feature_box ul li dl dt span{display: block;width:calc(100% - 75px);}
		.sub_business .business_cont .feature_box ul li dl dd{padding-left:20px;width:62%;}
	}
	@media screen and (max-width:860px) {
		.sub_business .business_cont + .business_cont{margin-top:80px;padding:80px 0;}
		.sub_business .business_cont .title_box .img{width:65%;}
		.sub_business .business_cont .title_box .txt_box{padding:50px 0 0 0;width:100%;}
		
		.sub_business .business_cont .feature_box{margin-top:70px;}
		.sub_business .business_cont .feature_box h3{padding-bottom:10px;}
		.sub_business .business_cont .feature_box ul li{padding:30px 20px;}
		.sub_business .business_cont .feature_box ul li dl dt .icon{width:50px;}
		.sub_business .business_cont .feature_box ul li dl dt span{width:calc(100% - 65px);}
	}
	@media screen and (max-width:640px) {
		.sub_business .business_cont + .business_cont{margin-top:60px;padding:60px 0;}
		.sub_business .business_cont .feature_box ul li dl dt{width:100%;}
		.sub_business .business_cont .feature_box ul li dl dd{width:100%;padding:15px 0 0 0;}
	}
	@media screen and (max-width:479px) {
		.sub_business .business_cont .title_box .img{width:100%;border-radius:0 30px 0 30px;}
		.sub_business .business_cont .title_box .txt_box{padding-top:30px;}
		.sub_business .business_cont .title_box .txt_box strong{margin:15px 0 10px;}
		.sub_business .business_cont .title_box .txt_box p{margin-bottom:30px;}
		.sub_business .business_cont .title_box .txt_box .name_box{padding:13px 20px;;}
		.sub_business .business_cont .title_box .txt_box .name_box dd:before{height:12px;margin:0 15px;}
		.sub_business .business_cont .feature_box ul li dl dt .icon{width:50px;}
		
		.sub_business .business_cont .feature_box{margin-top:50px;}
		.sub_business .business_cont .feature_box ul li{padding:20px 15px;}
		.sub_business .business_cont .feature_box ul li dl dt{gap:10px;}
		.sub_business .business_cont .feature_box ul li dl dt .icon{width:38px;}
		.sub_business .business_cont .feature_box ul li dl dt span{width:calc(100% - 48px);}
		.sub_business .business_cont .feature_box ul li dl dd{padding-top:10px;}
	}
	
/*───────────────────────────────────────────────────────────

	솔루션
	
───────────────────────────────────────────────────────────*/
	.sub_solution #contents_wrap{width:100%;max-width:100%;padding-bottom:0;}
	.sub_solution_wrap{box-sizing:border-box;padding-bottom:200px;background:url('../images/sub/solution_bg.png')no-repeat bottom center;}
	
	.solution_title{display: flex;box-sizing:border-box;border-radius:180px;background:var(--point-color01);flex-wrap:wrap;padding:10px 10px;gap:30px;align-items: center;}
	.solution_title .icon{width:60px;height:60px;box-sizing:border-box;display: inline-flex;align-items: center;justify-content: center;border-radius:100%;background:var(--point-white);}
	.solution_title dl{width:calc(100% - 90px);display: flex;align-items: center;gap:24px;}
	.solution_title dl	 dt{font-size:var(--title-30);color:var(--point-white);font-weight:500;}
	.solution_title dl	 dd{font-size:var(--title-20);color:rgba(255,255,255,0.8);font-weight:300;font-family:var(--font-type02);letter-spacing:-0.04em;}
	
	#wrap .solution_bnr_box{box-sizing:border-box;border-radius:40px;padding:80px 60px 70px 120px;display: flex;background:var(--point-color03);margin-top:40px;flex-wrap:wrap;}
	.solution_bnr_box > div{box-sizing:border-box;}
	.solution_bnr_box .img{width:43.3%;}
	.solution_bnr_box .txt{width:56.7%;padding-left:63px;font-size:var(--title-20);color:var(--black-color05);font-weight:400;padding-top:55px;}
	.solution_bnr_box .txt p{margin-top:62px;font-size:107%;color:inherit;font-weight:inherit;font-family:var(--font-type02);line-height:1.67;}
	.solution_bnr_box .txt strong + p {margin-top: 40px;}
	.solution_bnr_box .btn_wrap {display: flex; gap: 10px; padding-top: 60px;}
	.solution_bnr_box .btn_wrap .btn {width: auto; box-sizing: border-box; padding: 0 30px;}
	
	.sub_solution_title{font-size:var(--title-40);color:var(--black-color02);font-weight:600;margin-bottom:28px;}
	.sub_solution_title.nomg {margin-bottom: 0 !important;}
	
	
	#wrap .solution_content{margin-top:100px;}
	
	/*기능 구성도*/
	.solution_diagram{}
	.solution_diagram .diagram_box{position: relative;margin-top:30px;}
	.solution_diagram .center{position: absolute;left:50%;top:52%;transform:translate(-50%, -50%);width:620px;display: flex;aspect-ratio:1;box-sizing:border-box;border-radius:100%;border:1px dashed var(--black-color10);align-items: center;justify-content: center;}
	.solution_diagram .center:before{width:calc(100% - 118px);aspect-ratio:1;content:"";border-radius:100%;background:var(--point-white);border:40px solid var(--point-color04);position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-sizing:border-box;}
	.solution_diagram .center .logo{width:calc(100% - 258px);aspect-ratio:1;display: flex;align-items: center;justify-content: center;border-radius:100%;box-shadow: 10px 10px 20px 0px rgba(23, 55, 145, 0.10);position: relative;}
	
	.solution_diagram .list{display: flex;justify-content:center;flex-wrap:wrap;gap:20px;}
	.solution_diagram .list > li{width:calc(50% - 10px);display: flex;position: relative;}
	.solution_diagram .list > li:nth-of-type(2n){justify-content:flex-end;}
	.solution_diagram .list > li .diagram_cont{box-sizing:border-box;border-radius:20px;border:1px solid var(--border-color01);position: relative;font-size:var(--title-20);background:var(--point-white);width:340px;}
	.solution_diagram .list > li .arw{position: absolute;left:100%;width:205px;top:48%;}
	.solution_diagram .list > li .arw:before{width:10px;height:10px;content:"";background:var(--point-color01);box-sizing:border-box;border-radius:100%;box-shadow:0 0 0 6px rgba(23, 55, 145, 0.20);position: absolute;right:-3px;bottom:5px;}
	.solution_diagram .list > li .arw svg{width:100%;}
	.solution_diagram .list > li .arw:after{content:"";background:var(--point-color01);position: absolute;top:50%;left:0;width:100%;}
	.solution_diagram .list > li:nth-of-type(2n) .arw{left:auto;right:100%;transform:scaleX(-1);}
	.solution_diagram .list > li dl{position: relative;box-sizing:border-box;padding:30px 30px;}
	.solution_diagram .list > li dl dt{font-size:110%;color:var(--point-color01);font-weight:700;line-height:1.6;}
	.solution_diagram .list > li dl dd{margin-top:12px;}
	.solution_diagram .list .bullet_list > li{line-height:1.55;color:var(--black-color03);}
	.solution_diagram .list .bullet_list > li + li{margin-top:5px;}
	.solution_diagram .list .bullet_list > li:before{background:var(--black-color05);}
	
	/*plus*/
	.solution_diagram .plus_diagram .list > li:nth-child(3) .arw:after,
	.solution_diagram .plus_diagram .list > li:nth-child(4) .arw:after{width:100px;height:1px;}
	.solution_diagram .list > li:nth-child(3) .arw:before,
	.solution_diagram .list > li:nth-child(4) .arw:before{right:100px;bottom:calc(50% - 5px);}
	.solution_diagram .list > li:nth-child(5) .arw,
	.solution_diagram .list > li:nth-child(6) .arw{top:32%;}
	.solution_diagram .list > li:nth-child(5) .arw:before,
	.solution_diagram .list > li:nth-child(6) .arw:before{bottom:auto;top:-5px;}
	
	/*plm*/
	.plm_list_box{display: flex;flex-wrap:wrap;justify-content: space-between;}
	.solution_diagram .plm_diagram .center{top:54%;}
	.solution_diagram .plm_diagram .center:before{background:url('../images/sub/plm_circle.png')no-repeat center;background-size:cover;border:none;}
	.plm_list_box > dl{width:380px;box-sizing:border-box;background:rgba(243, 244, 248, 0.5);font-size:var(--title-20);border-radius:0 0 20px 20px;}
	.plm_list_box > dl > dt{box-sizing:border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;width:100%;height:70px;border-radius:10px;font-size:130%;color:var(--point-white);font-weight:700;background:var(--point-color05);}
	.plm_list_box > dl > dd{box-sizing:border-box;padding:30px 30px;border-radius:0 0 20px 20px;}
	.solution_diagram .plm_list_box .list{gap:10px;}
	.solution_diagram .plm_list_box .list > li{width:100%;}
	.solution_diagram .plm_list_box .list > li:nth-of-type(2n) .arw{transform:none;}
	.solution_diagram .plm_list_box .list > li:nth-child(1){height:270px;}
	.solution_diagram .plm_list_box .list > li:nth-child(2){height:280px;}
	.solution_diagram .plm_list_box .list > li:nth-child(3){height:240px;}
	.solution_diagram .plm_list_box .list > li .diagram_cont{width:100%;}
	.solution_diagram .list_pdm .list > li dl dt{color:var(--point-color05);}
	.solution_diagram .plm_list_box .list > li .arw{width:173px;z-index:-1;left:calc(100% - 20px);}
	.solution_diagram .list_pdm .list > li .arw:before{background:var(--point-color05);box-shadow:0 0 0 6px rgba(106, 73, 158, 0.2);}
	.solution_diagram .plm_list_box .list > li:nth-child(2) .arw{width:108px;}
	.solution_diagram .plm_list_box .list > li:nth-child(2) .arw:before{right:-7px;bottom:-5px;z-index:3;}
	.solution_diagram .plm_list_box .list > li:nth-child(2) .arw:after{height:1px;background:var(--border-color02);}
	.solution_diagram .plm_list_box .list > li:nth-child(3) .arw{top:11%;}
	.solution_diagram .plm_list_box .list > li:nth-child(3) .arw:before{right:-6px;bottom:auto;top:-7px;}
		
		/*pms*/
		.plm_list_box > dl.list_pms > dt{background:var(--point-color01);}
		.plm_list_box > dl.list_pms .arw{transform:scaleX(-1) !important;}
		.solution_diagram .plm_list_box dl.list_pms .list > li .arw{left:auto;right:calc(100% - 20px);}
		
	/*plm 주요 기능*/
	.plm_function .function_box{display: flex;flex-wrap:wrap;gap:40px;}
	.plm_function .function_box dl{width:calc(50% - 20px);}
	.plm_function .function_box dl dt{box-sizing:border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;width:100%;height:70px;border-radius:10px;font-size:130%;color:var(--point-white);font-weight:700;background:var(--point-color05);}
	.plm_function .function_box dl dd{box-sizing:border-box;border-radius:0 0 10px 10px;border:1px solid var(--border-color01);padding:50px 0 40px;margin-top:-10px;}
	.plm_function .function_box dl + dl dt{background:var(--point-color01);}
	
	/*주요기능*/
	.solution_function > ul{display: flex;flex-wrap:wrap;}
	.solution_function ul + ul{margin-top:40px;}
	.solution_function ul.line1{gap:40px 40px;}
	.solution_function ul.line2{gap:40px 40px;}
	.solution_function ul.line3{gap:30px 30px;}
	.solution_function ul.line4{gap:30px 30px;}
	.solution_function > ul > li{box-sizing:border-box;border-radius:10px;border:1px solid var(--border-color01);counter-increment:funcNum;padding:29px 40px 40px;background:var(--point-white);}
	.solution_function ul.line1 li{width:100%;padding:40px 40px;}
	.solution_function ul.line2 > li{width:calc(50% - 20px);}
	.solution_function ul.line3 li{width:calc(100% / 3 - 20px);padding-top:40px;padding-bottom:60px;}
	.solution_function ul.line4 li{width:calc(25% - 22.5px);padding:41px 30px 60px;}
	.solution_function ul li .txt_box{}
	.solution_function ul li .txt_box > span{display: inline-block;font-size:var(--title-20);color:var(--point-color01);font-weight:600;line-height:1;}
	.solution_function ul li .txt_box dl{text-align: center;}
	.solution_function ul li.col_box .txt_box{font-size:var(--title-30);color:var(--black-color03);font-weight:500;}
	.solution_function ul li.col_box .txt_box > span{font-size:var(--title-22);}
	.solution_function ul li.col_box .txt_box dl{margin-top:13px;}
	.solution_function ul li.col_box .txt_box dt{font-size:104%;color:inherit;font-weight:inherit;}
	.solution_function ul li.col_box .txt_box dd{font-size:var(--title-20);color:var(--black-color06);font-weight:400;margin-top:22px;}
	.solution_function ul li.col_box .txt_box dd p{font-size:107%;color:inherit;font-weight:inherit;}
	.solution_function ul li.col_box .img{margin-top:30px;}
	
	.solution_function ul li.icon_box .icon{height:70px;display: flex;align-items: center;justify-content: center;margin-top:16px;}
	.solution_function ul li.icon_box .icon img{max-height:100%;}
	.solution_function ul li.icon_box .txt{text-align: center;font-size:var(--title-20);color:var(--black-color03);font-weight:500;margin-top:28px;}
	.solution_function ul li.icon_box .txt dt{font-size:120%;color:inherit;font-weight:inherit;font-family:var(--font-type02);}
	.solution_function ul li.icon_box .txt dd{font-size:89%;color:var(--black-color06);font-weight:400;font-family:var(--font-type02);line-height:1.77;margin-top:14px;}
	
	.solution_function ul.line4 li .txt_box > span{display: block;margin-left:10px;}
	
	.solution_function ul li.row_box{display: flex;flex-wrap:wrap;align-items: center;}
	.solution_function ul li.row_box > div{box-sizing:border-box;}
	.solution_function ul li.row_box .img{width:44.4%;}
	.solution_function ul li.row_box .txt_box{width:55.6%;padding-left:80px;font-size:var(--title-30);color:var(--black-color03);font-weight:500;padding-bottom:27px;}
	.solution_function ul li.row_box .txt_box > span{font-size:var(--title-22);}
	.solution_function ul li.row_box .txt_box dl{text-align:left;margin-top:28px;}
	.solution_function ul li.row_box .txt_box dt{font-size:104%;color:inherit;font-weight:inherit;}
	.solution_function ul li.row_box .txt_box dd{font-size:var(--title-20);color:var(--black-color06);font-weight:400;margin-top:22px;}
	.solution_function ul li.row_box .txt_box dd p{font-size:107%;color:inherit;font-weight:inherit;}
	
	/*주요이점*/
	#wrap .solution_adv{margin-top:104px;}
	#wrap .solution_adv ul{box-sizing:border-box;border-top:2px solid var(--black-color02);}
	#wrap .solution_adv ul li{box-sizing:border-box;border-bottom:1px solid var(--border-color01);display: flex;flex-wrap:wrap;padding:40px 40px 39px;}
	#wrap .solution_adv ul li .adv_box{box-sizing:border-box;width:50%;padding-right:10px;display: flex;flex-wrap:wrap;align-items: center;}
	#wrap .solution_adv ul li .adv_box .icon{width:60px;display: flex;align-items: center;justify-content: center;}
	#wrap .solution_adv ul li .adv_box dl{width: calc(100% - 60px);box-sizing:border-box;padding-left:30px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;font-family:var(--font-type02);}
	#wrap .solution_adv ul li .adv_box dl dt{font-size:120%;color:inherit;font-weight:inherit;line-height:1.66;font-family:inherit;}
	#wrap .solution_adv ul li .adv_box dl dd{font-size:89%;color:var(--black-color06);font-weight:400;line-height:1.77;margin-top:5px;letter-spacing:-0.04em;}
	
	#wrap .solution_adv ul.adv_line1 li .adv_box{width:100%;padding:0;}
	#wrap .solution_adv ul.adv_line1 li .adv_box dl{display: flex;flex-wrap:wrap;align-items: center;}
	#wrap .solution_adv ul.adv_line1 li .adv_box dl dt{width:214px;}
	#wrap .solution_adv ul.adv_line1 li .adv_box dl dd{box-sizing:border-box;width:calc(100% - 214px);padding-left:140px;}
	
	/*cad*/
		/*bnr*/
		#wrap .solution_bnr_box.cad_bnr{padding:60px 60px 100px;gap:65px;background:var(--point-color03) url('../images/sub/cad_bnr_bg.png')no-repeat center;background-size:cover;}
		#wrap .cad_bnr .bnr_title{font-size:var(--title-20);width:250px;}
		#wrap .cad_bnr .bnr_title h3{font-size:250%;color:var(--black-color03);font-weight:700;line-height:1;}
		#wrap .cad_bnr .bnr_title .tab{display: flex;flex-direction: column;gap:20px;margin-top:60px;}
		#wrap .cad_bnr .bnr_title .tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content:space-between;width: 220px;height:60px;gap:25px;font-size:var(--title-20);color:var(--black-color03);font-weight:400;background:var(--point-white);transition:all 0.4s;border-radius:30px;padding:0 20px 0 30px;font-family:var(--font-type03);}
		#wrap .cad_bnr .bnr_title .tab a.on{background:var(--point-color01);color:var(--point-white);box-shadow: 6px 11px 10.5px 0px rgba(0, 0, 0, 0.15);}
		#wrap .cad_bnr .bnr_title .tab a span{font-size:inherit;color:inherit;font-weight:inherit;}
		#wrap .cad_bnr .bnr_title .tab a:after{content:"";display: inline-block;width:20px;height:14px;background:url('../images/skin/main_solution_arw.svg') no-repeat center / 100% auto;transition:all 0.4s;opacity:0;}
		#wrap .cad_bnr .bnr_title .tab a.on:after{filter:var(--filter-white);opacity:1;}
		
		#wrap .cad_tab_box{box-sizing:border-box;width:calc(100% - 315px);}
		#wrap .cad_tab_box .tab_cont_box{display: none;}
		#wrap .cad_tab_box .tab_cont_box.on{display: block;}
		#wrap .cad_tab_box .tab_cont_box .logo{display: flex;justify-content: flex-end;}
		#wrap .cad_tab_box .tab_cont{display: flex;flex-wrap:wrap;gap:13px;margin-top:48px;align-items: center;}
		#wrap .cad_tab_box .tab_cont .img{width:53.2%;}
		#wrap .cad_tab_box .tab_cont .txt{font-size:var(--title-20);padding:0;width:calc(46.8% - 13px);}
		#wrap .cad_tab_box .tab_cont .txt dt{font-size:200%;color:var(--black-color02);font-weight:700;font-family:var(--font-type02);line-height:1.4;}
		#wrap .cad_tab_box .tab_cont .txt dd{margin-top:30px;font-size:90%;color:var(--black-color05);font-weight:400;font-family:var(--font-type02);line-height:1.77;}
		
		.solution_diagram .cad_diagram .list{gap:120px 20px;}
		.solution_diagram .cad_diagram .list > li .arw{width:193px;top:46%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw{top:47%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw:before, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw:before{top:2px;right:3px;bottom:auto;}
		
	/*tp*/
	.solution_function.tp_function .bullet_list{margin-top:22px;}
	.solution_function.tp_function .bullet_list li{font-size:110%;color:var(--black-color03);font-weight:500;font-family:var(--font-type02);}
	.solution_function.tp_function .bullet_list li:before{width:5px;height:5px;background:var(--point-color01);}
	.solution_function.tp_function .img img{border-radius:10px;}
	
	/* smart */
		#wrap .solution_bnr_box.smart {align-items: center;}
		.solution_bnr_box.smart .img {border-radius: 10px; overflow: hidden;}
		.solution_bnr_box.smart .img img {width: 100%; object-fit: cover;}
		.solution_bnr_box.smart .txt {padding-top: 0;}
		
	@media screen and (min-width:1024px) {
		#wrap .cad_bnr .bnr_title .tab a:hover:after{opacity:1;}
	}	
	
	@media screen and (max-width:1650px) {
		.solution_diagram .center{width:45%;}
		.solution_diagram .plus_diagram .list > li .diagram_cont{width:50%;}
		.solution_diagram .plus_diagram .list > li .arw{width:42%;top:28%;}
		.solution_diagram .plus_diagram .list > li:nth-child(3) .arw,
		.solution_diagram .plus_diagram .list > li:nth-child(4) .arw{top:50%;width:10%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw,
		.solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:46%;}
		.solution_diagram .list > li .arw:before{right:-5px;bottom:10px;}
		.solution_diagram .plus_diagram .list > li:nth-child(3) .arw:before, .solution_diagram .plus_diagram .list > li:nth-child(4) .arw:before{right:-10px;bottom:calc(50% - 5px);}
		.solution_diagram .plus_diagram .list > li:nth-child(3) .arw:after, .solution_diagram .plus_diagram .list > li:nth-child(4) .arw:after{width:100%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw:before, .solution_diagram .list > li:nth-child(6) .arw:before{top:2px;}
		.solution_diagram .plus_diagram .list > li dl{padding:25px 20px;}
		.solution_diagram .plus_diagram .list > li dl dt{font-size:90%;}
		.solution_diagram .plus_diagram .list .bullet_list > li{font-size:79%;}
		
		/*plm*/
		.plm_list_box > dl{width:23%;}
		.solution_diagram .plm_list_box .list > li .arw{top:53%;width:60%;}
		.solution_diagram .plm_list_box .list > li:nth-child(2) .arw{left:calc(100% - 5px);width:36%;}
		.solution_diagram .plm_list_box .list > li:nth-child(3) .arw{top:6%;}
		.solution_diagram .plm_list_box .list > li .arw:before{right:0;bottom:10px;}
		
		.solution_diagram .plm_list_box dl.list_pms .list > li:nth-child(2) .arw{right:calc(100% - 5px);}
		
		/*cad*/
		.solution_diagram .cad_diagram .list > li .diagram_cont{width:46%;}
		.solution_diagram .cad_diagram .list > li .arw{width:47%;}
		
	}
	@media screen and (max-width:1600px) {
		.solution_bnr_box .txt p br{display: none;}
	}
	@media screen and (max-width:1550px) {
		.solution_diagram .plus_diagram .list > li .arw{top:40%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw,
		.solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:37%;}
		
		/*plm*/
		.solution_diagram .plm_list_box .list > li .arw{left:calc(100% - 8px);}
		.solution_diagram .plm_list_box .list > li .arw:before{bottom:14px;}
		.solution_diagram .plm_list_box dl.list_pms .list > li .arw{right:calc(100% - 8px);}
		
		/*cad*/
		.solution_diagram .cad_diagram .list > li .arw{width:50%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw:before, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw:before{top:6px;}
	}
	@media screen and (max-width:1450px) {
		.solution_diagram .center .logo img{max-width:50%;}
		
		.solution_diagram .plus_diagram .list > li .arw{top:42%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw,
		.solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:36%;}
		
		/*plm*/
		.solution_diagram .plm_list_box .list > li .arw{left:100%;width:63%;}
		.solution_diagram .plm_list_box .list > li:nth-child(2) .arw{width:38%;left:100%;}
		.solution_diagram .plm_list_box dl.list_pms .list > li .arw{right:100%;}
		.solution_diagram .plm_list_box dl.list_pms .list > li:nth-child(2) .arw{right:100%;}
		
		/*cad*/
		.solution_diagram .cad_diagram .list > li dl{padding:20px 20px;}
		.solution_diagram .cad_diagram .list > li .arw{top:49%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw{top:43%;}
	}
	@media screen and (max-width:1300px) {
		#wrap .solution_bnr_box{padding:80px 60px;}
		
		.solution_diagram .plus_diagram .list .bullet_list > li{font-size:72%;}
		.solution_diagram .plus_diagram .list > li .arw{top:45%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw, .solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:30%;}
		
		/*plm*/
		.solution_diagram .plm_list_box .list > li .arw{width:68%;}
		.solution_diagram .plm_list_box .list > li:nth-child(2) .arw{width:40%;}
		.solution_diagram .plm_list_box .list > li .arw:before{right:-2px;bottom:14px;}
		.solution_diagram .plm_list_box .list > li:nth-child(3) .arw{top:2%;}
		.solution_diagram .plm_list_box .list > li:nth-child(3) .arw:before{right:-5px;top:-1px;}
				
		/*주요기능*/
		.solution_function ul li.icon_box .txt dd br{display: none;}
		
		/*주요이점*/
		#wrap .solution_adv ul.adv_line1 li .adv_box dl dd{padding-left:50px;}
		
		/*cad*/
		#wrap .solution_bnr_box.cad_bnr{padding:50px 40px 80px;gap:30px;}
		#wrap .cad_tab_box{width:calc(100% - 280px);}
		
		.solution_diagram .cad_diagram .list > li .arw{width:60%;;}
		.solution_diagram .cad_diagram .list > li .arw:before{right:-3px;bottom:7px;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw{top:50%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw:before, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw:before{top:3px;right:0;}
	}
	@media screen and (max-width:1250px) {
		/*cad*/
		.solution_diagram .cad_diagram .list > li .arw{top:59%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw{top:47%;}
	}
	@media screen and (max-width:1200px) {
		.solution_diagram .plus_diagram .list > li .arw{top:55%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw, .solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:21%;}
		.solution_diagram .plus_diagram .list > li .arw:before{right:-4px;bottom:16px;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw:before, .solution_diagram .list > li:nth-child(6) .arw:before{top:5px;}
		
		/*plm*/
		.solution_diagram .plm_list_box .list > li .arw{top:63%;width:55%;}
		.solution_diagram .plm_list_box .list > li .arw:before{right:-5px;}
		.solution_diagram .plm_list_box .list > li:nth-child(2) .arw{top:50%;width:33%;}
		.solution_diagram .plm_list_box .list > li:nth-child(3) .arw{top:-11%;}
		.solution_diagram .plm_list_box .list > li:nth-child(3) .arw:before{right:-4px;top:4px;}
		
		.plm_list_box > dl > dd{padding:20px 20px;}
		.solution_diagram .plm_list_box .list > li dl{padding:15px 15px;}
	}
	@media screen and (max-width:1100px) {
		.solution_diagram .plus_diagram .list > li .arw{top:62%;}
		.solution_diagram .plus_diagram .list > li:nth-child(5) .arw, .solution_diagram .plus_diagram .list > li:nth-child(6) .arw{top:13%;}
		.solution_diagram .plus_diagram .list .bullet_list > li{font-size:65%;}
		.solution_diagram .plus_diagram .list .bullet_list > li:before{transform:translateY(-3px);}
		
		/*plm*/
		.solution_diagram .plm_list_box .list > li .arw{width:62%;}
		
		/*cad*/
		.solution_diagram .cad_diagram .list > li .arw{top:67%;}
		.solution_diagram .cad_diagram .list > li:nth-child(3) .arw, .solution_diagram .cad_diagram .list > li:nth-child(4) .arw{top:40%;}
	}
	@media screen and (max-width:1024px) {
		.sub_solution_wrap{padding-bottom:150px;}
		#wrap .solution_bnr_box{padding:60px 30px;}		
		.solution_bnr_box .txt{padding-left: 20px;padding-top:30px;}
		.solution_bnr_box .txt .logo img{height:45px;}
		.solution_bnr_box .txt p{margin-top:30px;}
		.solution_bnr_box .txt strong + p {margin-top: 20px;}
		.solution_bnr_box .btn_wrap {padding-top: 45px;}
		
		.sub_solution_title{margin-bottom:20px;}
		
		/*기능구성도*/
		#wrap .solution_diagram .center{position: relative;top:0;left:0;transform:none;margin:0 auto;width:450px;}
		#wrap .solution_diagram .center:before{width:calc(100% - 60px);border-width:25px;}
		#wrap .solution_diagram .center .logo{width:calc(100% - 160px);}
		#wrap .solution_diagram .list{margin-top:40px;}
		#wrap .solution_diagram .list > li .diagram_cont{width:100%;}
		#wrap .solution_diagram .list > li dl dt{font-size:110%;}
		#wrap .solution_diagram .list .bullet_list > li{font-size:90%;}
		#wrap .solution_diagram .list .bullet_list > li:before{transform:translateY(-6px);}
		#wrap .solution_diagram .list > li .arw{display: none;}
		
		#wrap .solution_content{margin-top:clamp(60px, 11vw, 100px);}
		
		/*plm*/
		.plm_list_box{margin-top:40px;gap:30px;}
		.plm_list_box > dl{width:100%;}
		#wrap .solution_diagram .plm_list_box .list{gap:21px;margin-top:0;}
		.solution_diagram .plm_list_box .list > li dl{padding:20px 20px;}
		.solution_diagram .plm_list_box .list > li{height:auto !important;width:calc(100% / 3 - 14px);}
				
		/*주요기능*/
		.solution_function ul.line1{gap:30px 30px;}
		.solution_function ul.line2{gap:30px 30px;}
		.solution_function ul.line3{gap:20px 18px;}
		.solution_function ul.line4{gap:20px 20px;}
		.solution_function > ul > li{padding:20px 20px 30px;}
		.solution_function ul.line1 li{padding:30px 20px;}
		.solution_function ul.line2 > li{width:calc(50% - 15px);}
		.solution_function ul.line3 li{width:calc(100% / 3 - 12px);padding-top:25px;padding-bottom:30px;}
		.solution_function ul.line4 li{width:calc(50% - 10px);}
		.solution_function ul li.icon_box .txt{margin-top:15px;}
		.solution_function ul li.icon_box .txt dd{line-height:1.5;margin-top:10px;}
		
		.solution_function ul li.row_box .txt_box{padding-left:30px;}
		
		/*plm 주요 기능*/
		.plm_function .function_box{gap:30px;}
		.plm_function .function_box dl{width:calc(50% - 15px);}
		.plm_function .function_box dl dt{height:60px;}
		
		/*주요 이점*/
		#wrap .solution_adv{margin-top:80px;}
		#wrap .solution_adv ul li{padding:30px 20px;}
		#wrap .solution_adv ul li .adv_box dl{padding-left:15px;}
		
		/*cad*/
		#wrap .cad_bnr .bnr_title{width:100%;}
		#wrap .cad_bnr .bnr_title .tab{margin-top:40px;flex-direction: row;flex-wrap:wrap;gap:8px 15px;}
		#wrap .cad_bnr .bnr_title .tab a{width:auto;height:50px;justify-content: center;padding:0 20px;}
		#wrap .cad_bnr .bnr_title .tab a:after{display: none;}
		
		#wrap .cad_tab_box{width:100%;}
		#wrap .cad_tab_box .tab_cont_box .logo img{max-height:50px;}
		#wrap .cad_tab_box .tab_cont{margin-top:30px;}	
		#wrap .cad_tab_box .tab_cont .txt dt{font-size:180%;}
		#wrap .cad_tab_box .tab_cont .txt dd{margin-top:20px;}
		
		/*cad*/
		.solution_diagram .cad_diagram .list{gap:20px 20px;}
		
		#wrap .solution_bnr_box.smart .img, .solution_bnr_box.smart .txt {width: 100%;}
		.solution_bnr_box.smart .img img {max-height: 440px;}
		.solution_bnr_box.smart .txt {padding-top: 40px; padding-left: 0;}
	}
	@media screen and (max-width:860px) {
		/*주요이점*/
		#wrap .solution_adv ul.adv_line1 li .adv_box dl dd{padding-left:30px;}
	}
	@media screen and (max-width:767px) {
		.solution_bnr_box .img{width:100%;}
		.solution_bnr_box .txt{width:100%;padding:30px 0 0 0;}
	}
	@media screen and (max-width:640px) {
		.sub_solution_wrap{background-size:250% auto;}
		.solution_title{gap:15px;}
		.solution_title .icon{width:50px;height:50px;}
		.solution_title .icon img{max-height:45%;}
		.solution_title dl{gap:15px;width:calc(100% - 65px);}
				
		#wrap .solution_bnr_box{padding:50px 20px;}
		
		
		/*기능구성도*/
		#wrap .solution_diagram .center{width:calc(100% - 30px);}
		
		/*plm*/
		.plm_list_box > dl > dt{height:60px;}
		.solution_diagram .plm_list_box .list > li{width:100%;}
		
		/*plm 주요 기능*/
		.plm_function .function_box dl{width:100%;}
		.plm_function .function_box dl dt{height:50px;}
		.plm_function .function_box dl dd{padding:40px 0 30px;}
		
		/*주요기능*/
		.solution_function ul + ul{margin-top:30px;}
		.solution_function ul.line2 > li{width:100%;}
		.solution_function ul.line3 li{width:calc(50% - 9px);}
		.solution_function ul.line4 li{padding:25px 20px 35px;}
		
		.solution_function ul li.col_box .txt_box dd{margin-top:10px;}
		.solution_function ul li.col_box .img{margin-top:20px;}
		
		.solution_function ul li.icon_box .icon{height:60px;margin-top:10px;}
		.solution_function ul li.icon_box .txt{margin-top:10px;}
		
		.solution_function ul.line4 li .txt_box > span{margin:0;}
		
		.solution_function ul li.row_box .img,
		.solution_function ul li.row_box .txt_box{width:100%;}
		.solution_function ul li.row_box .txt_box{padding:20px 0 0 0;}
		.solution_function ul li.row_box .txt_box dl{margin-top:10px;}
		.solution_function ul li.row_box .txt_box dd{margin-top:6px;}
		
		/*주요 이점*/
		#wrap .solution_adv ul li{padding:0;border:none;}
		#wrap .solution_adv ul li .adv_box{width:100%;padding:30px 20px;border-bottom:1px solid var(--border-color01);}
		
		#wrap .solution_adv ul.adv_line1 li .adv_box{padding:30px 20px;}
		#wrap .solution_adv ul.adv_line1 li .adv_box dl{display: block;}
		#wrap .solution_adv ul.adv_line1 li .adv_box dl dt{width:100%;}
		#wrap .solution_adv ul.adv_line1 li .adv_box dl dd{width:100%;padding:0;}
		
		/*cad*/
		#wrap .solution_bnr_box.cad_bnr{padding:35px 20px 60px;}
		#wrap .cad_bnr .bnr_title .tab{margin-top:25px;}
		#wrap .cad_bnr .bnr_title .tab a{height:44px;}
		#wrap .cad_bnr .bnr_title .tab a.on{box-shadow:2px 5px 5px 0px rgba(0, 0, 0, 0.15);}
		
		#wrap .cad_tab_box .tab_cont_box .logo img{max-height:40px;}
		#wrap .cad_tab_box .tab_cont .img{width:100%;}
		#wrap .cad_tab_box .tab_cont .txt{width:100%;}
		#wrap .cad_tab_box .tab_cont .txt dt br{display: none;}
		
		/*tp*/
		.solution_function.tp_function .bullet_list{margin-top:10px;}
		.solution_function.tp_function .bullet_list li:before{width:3px;height:3px;}
		.solution_function.tp_function .img img{border-radius:5px;}
	}
	@media screen and (max-width:479px) {
		.sub_solution_wrap{padding-bottom:100px;background-size:330% auto;}
	
		.solution_title .icon{width:44px;height:44px;}
		.solution_title dl{width:calc(100% - 59px);}
		
		#wrap .solution_bnr_box{border-radius:20px;margin-top:30px;padding:40px 20px;}
		.solution_bnr_box .txt{padding-top:20px;}
		.solution_bnr_box .txt .logo img{height:38px;}
		.solution_bnr_box .txt p{margin-top:14px;}
		.solution_bnr_box .txt strong + p {margin-top: 10px;}
		.solution_bnr_box .btn_wrap {flex-direction: column; padding-top: 30px;}
		
		.sub_solution_title{margin-bottom:10px;}
		
		/*기능 구성도*/
		.solution_diagram .list > li{width:100%;}
		.solution_diagram .list > li .diagram_cont{border-radius:10px;}
		.solution_diagram .list > li dl dd{margin-top:6px;}
		#wrap .solution_diagram .list .bullet_list > li:before{transform:translateY(-3px);}
		
		/*plm*/
		.plm_list_box{margin-top:30px;gap:25px;}
		.plm_list_box > dl{border-radius:0 0 10px 10px;}
		.plm_list_box > dl > dt{border-radius:5px;height:50px;}
		#wrap .solution_diagram .plm_list_box .list .bullet_list > li:before{transform:translateY(-5px);}
		
		/*plm 주요 기능*/
		.plm_function .function_box dl dt{border-radius:5px;}
		.plm_function .function_box dl dd{border-radius:0 0 5px 5px;padding:30px 0 20px;}
		
		
		/*주요기능*/
		#wrap .solution_function{margin-top:60px;}
		.solution_function ul + ul{margin-top:20px;}
		.solution_function ul.line1{gap:20px;}
		.solution_function ul.line2{gap:20px 20px;}
		
		.solution_function > ul > li{border-radius:5px;padding:15px 20px 20px;}
		.solution_function ul.line3 li{width:100%;}
		.solution_function ul.line4 li{width:100%;}
		
		.solution_function ul li.icon_box .icon{height:50px;}
		
		/*주요 이점*/
		#wrap .solution_adv{margin-top:60px;}
		#wrap .solution_adv ul li .adv_box{padding:20px 15px;}
		#wrap .solution_adv ul li .adv_box .icon{width:48px;}
		#wrap .solution_adv ul li .adv_box dl{width:calc(100% - 48px);}
		#wrap .solution_adv ul li .adv_box dl dt{line-height:1.5;}
		#wrap .solution_adv ul li .adv_box dl dd{line-height:1.5;}
	}

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

	board
	
───────────────────────────────────────────────────────────*/
    /* 포트폴리오 리스트 */
        #wrap:has(.list_portfolio) .search_wrap{display: none;}
        #wrap .list_portfolio{display: flex; flex-wrap: wrap; gap: 20px;}
            #wrap .list_portfolio.no_data{justify-content: center;}
        #wrap .list_portfolio > li{position: relative; width: calc(100% / 5 - 16px); box-sizing: border-box; pointer-events: none;}
        #wrap .list_portfolio > li:has([target="_blank"]){pointer-events: auto;}
        #wrap .list_portfolio .thumb{display: flex;align-items: center;justify-content: center;width: 100%;height: auto;aspect-ratio: auto 3.733;padding:20px 30px;overflow: hidden;box-shadow: inset 0 0 0 1px var(--border-color01);box-sizing: border-box; border-radius: 6px;}
        #wrap .list_portfolio .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5;}

        #wrap .paging {position:relative;padding: 80px 0 0;line-height:normal;font-size:0;margin:0;box-sizing:border-box;display:flex;align-items: center;justify-content: center;font-size: var(--title-20);gap:10px;}
        #wrap .paging span {display:inline-block;vertical-align:top;}
        #wrap .paging a {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 35px;border-radius:100%;line-height: 1;min-width: auto;background:none;font-size: 85%;font-weight: 400;letter-spacing: -0.02em;box-sizing: border-box;border:0;padding:0 5px;}
        #wrap .paging :is(.on a,a.on){background: var(--point-color01);font-weight: 500;color: var(--point-white);}
        #wrap .paging .arrow a {font-size:0; background:no-repeat center;}
        #wrap .paging :is(.arrow.first, .arrow.last) a{background-image: url('../images/sub/paging_first.svg');}
        #wrap .paging :is(.arrow.prev, .arrow.next) a{background-image: url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow.next a {transform: scale(-1,-1);}
        #wrap .paging .arrow.last a {transform: scale(-1,-1);}

        @media screen and (max-width:1200px){
            #wrap .list_portfolio{gap: 15px;}
            #wrap .list_portfolio > li{width: calc(100% / 5 - 12px);}
        }
        @media screen and (max-width:1023px){
            #wrap .list_portfolio > li{width: calc(100% / 3 - 10px);}
            #wrap .paging{padding-top: clamp(40px, 8vw, 80px);}
        }
        @media screen and (max-width:640px){
            #wrap .list_portfolio > li{width: calc(100% / 2 - 7.5px);}
            #wrap .paging a{width: 32px; height: 32px;}
        }
        @media screen and (max-width:479px){
            #wrap .list_portfolio .thumb{padding:15px 20px;}
            #wrap .paging a{width: 30px; height: 30px;}
        }
        @media screen and (max-width:360px){
            #wrap .list_portfolio{gap: 10px;}
            #wrap .list_portfolio > li{width: calc(100% / 2 - 5px);}
            #wrap .list_portfolio .thumb{padding:10px 15px;}
        }

    /* 뷰 */
        #wrap .bbs_view .view_tit {padding: 30px 20px 27px;border-top:2px solid var(--black-color11);border-bottom:1px solid var(--border-color01);background:none;margin:0;width:100%;box-sizing:border-box;text-align:left;font-size: var(--title-20);}
            #wrap .bbs_view .view_tit:after {display:none;}
        #wrap .bbs_view .view_tit > h3 {font-size: 150%;width: 100%;color: var(--black-color03);font-weight: 500;text-align: inherit;line-height: 1.35;letter-spacing: -0.08em;}
        #wrap .bbs_view .view_tit .exp{margin-top: 21px;}
        #wrap .bbs_view .view_tit dl{display: flex; gap: 10px; }
        #wrap .bbs_view .view_tit dl :where(dt, dd){font-size: 85%;font-weight: 400;color: var(--black-color08);}
        #wrap .bbs_view .view_tit dl dt{flex-shrink: 0;color: var(--black-color03);}
        #wrap .bbs_view .view_cont {padding: 43px 20px;font-size: var(--title-18);line-height: 1.6;color: var(--black-color05);min-height:300px;border-bottom: 1px solid var(--border-color01);margin: 0;width:100%;box-sizing:border-box;text-align:left;word-break:break-all;}
		#wrap .bbs_view .view_cont .thumb_img_wrap {padding-bottom: 50px;text-align: inherit;}
		#wrap .bbs_view .view_cont .thumb_img_wrap img {margin:0 auto;}
		#wrap .bbs_view .view_cont .thumb_img_wrap img + img {margin-top:12px;}

        #wrap .bbs_view .extra_editor_wrap {display: flex;width:100%;margin:0;margin-top: 0;border-top: 0;border-bottom: 1px solid var(--border-color01);align-items: center;}
        #wrap .bbs_view .extra_editor_wrap h4 {position: relative;background: none;width: 140px;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);text-align: center;padding: 20px 15px;flex-shrink: 0;}
        #wrap .bbs_view .extra_editor_wrap h4:after{position: absolute;content:'';top:50%;right:0;width: 1px;height: 10px;background: var(--border-color01);margin-top: -5px;}
        #wrap .bbs_view .extra_editor_wrap .extra_cont {width: auto;padding: 22px 44px; display: flex; flex-wrap: wrap; gap:15px;}
        #wrap .bbs_view .extra_editor_wrap .extra_cont > span {font-size: var(--title-17);font-weight: 400;color: var(--black-color08);display:block;margin:0;word-break: break-all;}
        #wrap .bbs_view .extra_editor_wrap .extra_cont a{color: inherit !important;}

        @media screen and (max-width:860px){
            #wrap .bbs_view .view_tit{padding:25px 15px 22px;}
            #wrap .bbs_view .view_tit .exp{margin-top: 16px;}
            #wrap .bbs_view .view_cont{padding:38px 15px;}
            #wrap .bbs_view .extra_editor_wrap h4{width: 120px;}
            #wrap .bbs_view .extra_editor_wrap .extra_cont{padding:20px 40px;}
        }
        @media screen and (max-width:479px){
            #wrap .bbs_view .view_tit{padding:20px 15px 17px;}
            #wrap .bbs_view .view_tit > h3{font-size: 130%;}
            #wrap .bbs_view .view_tit .exp{margin-top: 12px;}
            #wrap .bbs_view .view_cont{padding:30px 15px;}
            #wrap .bbs_view .extra_editor_wrap h4{width: 100px;}
            #wrap .bbs_view .extra_editor_wrap .extra_cont{padding:20px 30px;}
        }

    /* 리스트 상단 */
        #wrap .sel_desc{position: relative; width: 160px; box-sizing: border-box; z-index: 6;}
        #wrap .sel_desc select{display: none;}
        #wrap .sel_desc dl{position: relative; font-size: var(--title-20);}
        #wrap .sel_desc dl dt span{position: relative;display: flex;align-items: center;width: 100%;height: 50px;border:1px solid var(--border-color01);padding: 0 45px 0 20px;box-sizing: border-box;background: var(--point-white);font-size: 90%;font-weight: 400;color: var(--black-color06);letter-spacing: -0.03em;cursor: pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
            #wrap .sel_desc dl dt span:before{position: absolute;content:'';width: 8px;height: 8px;border:solid var(--black-color08);border-width: 0 1px 1px 0;top: 45%;right:20px;transform: translateY(-50%) rotate(45deg);box-sizing: border-box;transition: all 0.4s; }
            #wrap .sel_desc dl dt.on span:before{top:55%; transform: translateY(-50%) rotate(45deg) scale(-1, -1);}
        #wrap .sel_desc dl dd{position: absolute; top:calc(100% - 1px); left:0; width: 100%; padding: 10px 0; background: var(--point-white); border:1px solid var(--border-color01); box-sizing: border-box; font-size: var(--title-20); opacity: 0; pointer-events: none; transition: all 0.4s;}
            #wrap .sel_desc dl dt.on + dd{opacity: 1; pointer-events: all;}
        #wrap .sel_desc dl dd a{display: block; font-size: 75%; font-weight: 400; color: var(--black-color08); padding:7px 20px;}

        #wrap input:where([type='text'], [type='password'], [type='number']){border:1px solid var(--border-color01);height: 50px;padding: 0 20px;font-size: var(--title-18);font-weight: 400;color: var(--black-color03); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

        #wrap .search_wrap{position: relative;padding:40px;background: var(--gray-bg01);box-sizing: border-box;margin-bottom: 96px;}
        #wrap .search_wrap fieldset{display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;}
        #wrap .search_wrap .sel_desc{width: 160px;}
        #wrap .search_wrap .inp_wrap{width: 360px; display: flex;}
        #wrap .search_wrap .inp_wrap input[type='text']{width: 100%; border-right: 0;}
        #wrap .search_wrap .inp_wrap .submit_btn{width: 50px; height: 50px; background: var(--point-color01) url('../images/sub/search_btn.svg') no-repeat center; border:0; font-size: 0; flex-shrink: 0; border-radius: 0;}

        @media screen and (max-width:1023px){
            #wrap .search_wrap{margin-bottom: clamp(30px, 9.4vw, 94px);}
        }
        @media screen and (max-width:860px){
            #wrap .sel_desc dl dt span{padding:0 40px 0 15px;}
            #wrap .sel_desc dl dt span:before{right:15px;}
            #wrap .sel_desc dl dd a{padding:6px 15px;}

            #wrap input:where([type='text'], [type='password'], [type='number']){padding:0 15px;}

            #wrap .search_wrap{padding:35px;}
            #wrap .search_wrap .sel_desc{width: 140px;}
            #wrap .search_wrap .inp_wrap{width: 320px;}
        }
        @media screen and (max-width:640px){
            #wrap .sel_desc dl dt span{height: 45px;}

            #wrap input:where([type='text'], [type='password'], [type='number']){height: 45px;}
            
            #wrap .search_wrap{padding:30px;}
            #wrap .search_wrap .sel_desc{width: 120px;}
            #wrap .search_wrap .inp_wrap{width: calc(100% - 130px);}
            #wrap .search_wrap .inp_wrap .submit_btn{width: 45px; height: 45px;}
        }
        @media screen and (max-width:479px){
            #wrap .sel_desc dl dt span{height: 42px;}

            #wrap input:where([type='text'], [type='password'], [type='number']){height: 42px;}
            
            #wrap .search_wrap{padding:25px;}
            #wrap .search_wrap .sel_desc{width: 100px;}
            #wrap .search_wrap .inp_wrap{width: calc(100% - 110px);}
            #wrap .search_wrap .inp_wrap .submit_btn{width: 42px; height: 42px; background-size: 20px auto;}
        }
        @media screen and (max-width:360px){
            #wrap .search_wrap{padding:20px;}
            #wrap .search_wrap .sel_desc{width: 100%;}
            #wrap .search_wrap .inp_wrap{width: 100%;}
        }

    /* 일반 게시글 */
        #wrap table.bbs_list {border-top:2px solid var(--black-color01);border-bottom:0;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
        #wrap table.bbs_list tr{border-bottom: 1px solid var(--border-color01);}
        #wrap table.bbs_list :where(th, td){font-size: var(--title-18);line-height: 1.4;text-align: center;border: 0; min-width: 120px;}
        #wrap table.bbs_list th{font-weight: 500;color: var(--black-color00);padding: 19px 5px;letter-spacing: -0.085em; min-width: 80px;}
            #wrap table.bbs_list th:first-child{font-weight: 400;}
        #wrap table.bbs_list td{font-weight: 300;color: var(--black-color05);padding: 22px 5px;}
        #wrap table.bbs_list td.left{text-align: left;padding-left: 15px;padding-right: 15px;}
        #wrap table.bbs_list .board_ico{display: none;}
        #wrap table.bbs_list .board_tit{font-weight: 400;letter-spacing: -0.08em; }
        #wrap table.bbs_list .board_tit a{display: block; }
        #wrap table.bbs_list .board_tit :where(h3, strong){font-size: inherit; font-weight: inherit; color: inherit; width: 100%; max-width: none;}
        #wrap table.bbs_list .board_tit strong{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

        @media screen and (max-width:860px){
            #wrap table.bbs_list.list_default col:nth-child(3){width: 100px;}
        }
        @media screen and (max-width:640px){
            #wrap table.bbs_list.list_default :where(col, th, td):nth-child(1){display: none;}
            #wrap table.bbs_list.list_default col:nth-child(3){width: 90px;}
        }
        @media screen and (max-width:479px){
            #wrap table.bbs_list th{padding: 15px 5px;}
            #wrap table.bbs_list td{padding: 17px 5px;}
        }
        @media screen and (max-width:360px){
            #wrap table.bbs_list.list_default :where(col, th, td):nth-child(3){display: none;}
        }

    /* FAQ */
        #wrap:has(.faq_list) .search_wrap{display: none;}
        #wrap .board_title{position: relative; font-size: var(--title-20); margin-bottom: 27px;}
        #wrap .board_title h3{font-size: 200%;font-weight: 600;color: var(--black-color02);line-height: 1.4;letter-spacing: -0.04em;}
        #wrap .faq_list{border-top: 2px solid var(--black-color11);}
        #wrap .faq_list > li{position: relative;border-bottom: 1px solid var(--border-color01);padding: 40px 80px 40px 0;box-sizing: border-box;}
        #wrap .faq_list .desc{font-size: var(--title-20); line-height: 1.6; display: flex; flex-direction: column;}
        #wrap .faq_list .desc dt{font-weight: 600; color: var(--black-color00); cursor: pointer;}
            #wrap .faq_list .desc dt + dd{margin-top: 20px;}
            #wrap .faq_list .desc dt:after{position: absolute;content:'';width: 20px;height: 20px;border:solid var(--point-color01);border-width: 0 3px 3px 0;top:50%;right:20px;transform: translateY(-50%) rotate(45deg);box-sizing: border-box;border-radius: 2px; transition: all 0.4s;} 
            #wrap .faq_list .desc dt.on:after{top:55%; transform: translateY(-50%) rotate(45deg) scale(-1, -1);}
        #wrap .faq_list .desc dd{display: none; font-size: 90%; font-weight: 400; color: var(--black-color06); }
        #wrap .faq_list .desc .item{display: flex; align-items: baseline; gap: 20px;}
            #wrap .faq_list .desc .item:before{display: inline-flex;content:'Q';width: 50px;height: 50px;align-items: center;justify-content: center;text-align: center;border-radius: 100%;background: var(--point-color01);border:1px solid var(--point-color01);box-sizing: border-box;font-size: var(--title-20);font-weight: 500;color: var(--point-white); flex-shrink: 0;}
            #wrap .faq_list .desc dd .item:before{content:'A'; background: var(--point-white); font-weight: 600; color: var(--point-color01);}

        @media screen and (max-width:1023px){
            #wrap .board_title{margin-bottom:clamp(15px, 2.7vw, 27px);}
            #wrap .faq_list > li{padding: 35px 80px 35px 0;}
            #wrap .faq_list .desc .item:before{width: 45px; height: 45px;}
        }
        @media screen and (max-width:860px){
            #wrap .faq_list > li{padding: 30px 75px 30px 0;}
            #wrap .faq_list .desc dt:after{width: 18px; height: 18px; right:15px;}
            #wrap .faq_list .desc dt + dd{margin-top: 15px;}
            #wrap .faq_list .desc .item{gap: 15px;}
            #wrap .faq_list .desc .item:before{width: 40px; height: 40px;}
        }
        @media screen and (max-width:640px){
            #wrap .board_title h3{font-size: 180%;}
            #wrap .faq_list > li{padding: 25px 65px 25px 0;}
            #wrap .faq_list .desc dt:after{width: 16px; height: 16px; }
            #wrap .faq_list .desc .item:before{width: 35px; height: 35px;}
        }
        @media screen and (max-width:479px){
            #wrap .board_title h3{font-size: 160%;}
            #wrap .faq_list > li{padding: 20px 55px 20px 0;}
            #wrap .faq_list .desc dt{font-size: 90%;}
            #wrap .faq_list .desc dt:after{width: 14px; height: 14px;}
            #wrap .faq_list .desc dd{font-size: 80%;}
            #wrap .faq_list .desc .item:before{width: 35px; height: 35px;}
        }
    
    /* 문의하기 */
        #wrap table.bbs_write{position: relative; display: block; width: 100%; border:0; box-sizing: border-box; padding:40px clamp(18px, 6.5vw, 122px) 40px 18px; border-bottom: 1px solid var(--border-color01);}
            #wrap table.bbs_write.bbs_title{border-top: 2px solid var(--black-color01); }
        #wrap table.bbs_write :where(tbody, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box; background: none; border:0; padding:0; line-height: normal;}
        #wrap table.bbs_write tbody{display: flex; flex-wrap: wrap; gap: 20px 100px;}
        #wrap table.bbs_write tr{display: flex;align-items: center;flex-wrap: wrap;width: calc(100% / 2 - 50px);font-size: var(--title-20);gap: 10px 0;}
            #wrap table.bbs_write tr:has(.edit-box){width: 100%; align-items: flex-start;}
            #wrap table.bbs_write tr:has(.edit-box) th{padding-top: 10px;}
        #wrap table.bbs_write :where(th, td){font-size: inherit; font-weight: 500; color: var(--black-color03);}
        #wrap table.bbs_write th{width: 150px; padding-right: 15px;}
        #wrap table.bbs_write th em{font-weight: inherit; color: var(--point-color01);}
        #wrap table.bbs_write td{width: calc(100% - 150px);}
        #wrap table.bbs_write input:where([type='text'], [type='password'], [type='number']), #wrap table.bbs_write .sel_desc dl dt span{width: 100%;height: 60px;border-radius: 4px;min-width: auto;margin: 0;}
        #wrap table.bbs_write textarea{height: 200px; border-radius: 4px;}
        #wrap table.bbs_write .sel_desc{width: 100%;}
        #wrap table.bbs_write .captcha_wrap{display: flex;gap: 10px;}
        #wrap table.bbs_write .captcha_wrap .img_box{padding: 10px;box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: 4px;box-sizing: border-box;display: flex;gap: 10px;flex-shrink: 0;}
        #wrap table.bbs_write #captcha_box{margin:0;width: 155px;height: 40px;border: 1px solid var(--border-color01);border-radius: 4px;overflow: hidden;box-sizing: border-box;}
        #wrap table.bbs_write #captcha_box img{width: 100% !important;height: calc(100% + 4px) !important;object-fit: cover;max-height: none; transform: translateY(-2px);}
        #wrap table.bbs_write #refreshCode{font-size: 0;width: 40px;height: 40px;border:1px solid var(--border-color01);border-radius: 4px;background:var(--point-white) url('../images/sub/refreshCode.svg') no-repeat center;box-sizing: border-box;cursor: pointer;}
        #wrap .policy_cont{margin: 40px 0 0; padding:0 0 40px; border-bottom: 1px solid var(--border-color01);}
        #wrap .policy_cont .area_wrap{line-height: normal; margin-top: 20px;}

        #wrap textarea{font-size: var(--title-18); font-weight: 400; line-height: 1.88; padding:10px 20px; box-sizing: border-box; resize: none; box-sizing: border-box;}
            #wrap textarea::placeholder{color: var(--black-color08);}
        #wrap .area_wrap{border:1px solid var(--border-color01); border-radius: 4px; width: 100%; height: 160px; padding: 10px; box-sizing: border-box;}
        #wrap .area_wrap textarea{width: 100%; height: 100%; padding:10px; border:0; font-size: var(--title-15); font-weight: 400; color: var(--black-color07); line-height: 1.73;}
            #wrap .area_wrap textarea::-webkit-scrollbar { width: 4px;}
            #wrap .area_wrap textarea::-webkit-scrollbar-thumb {border-radius: 10px; background: var(--black-color10);}
            #wrap .area_wrap textarea::-webkit-scrollbar-track {border-radius: 10px; background:var(--border-color01);}

        #wrap input[type="checkbox"]{display: none;}
        #wrap input[type="checkbox"] + label{display: flex;margin: 0;cursor: pointer;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);line-height: 25px;gap: 11px;}
            #wrap input[type="checkbox"] + label:before{display: inline-flex;content: '';width: 25px;height: 25px;background: url('../images/sub/chk_box.svg') no-repeat center / 100% auto;margin:0;flex-shrink: 0; transition: all 0.4s;}
            #wrap input[type="checkbox"]:checked + label:before{background-image: url('../images/sub/chk_box_on.svg')}
        #wrap input[type="checkbox"] + label em{font-weight: inherit; color: var(--point-color01); display: contents;}

        @media screen and (max-width:1023px){
            #wrap table.bbs_write tr{width: 100%;}
        }
        @media screen and (max-width:860px){
            #wrap table.bbs_write{padding:35px 15px;}
            #wrap table.bbs_write input:where([type='text'], [type='password'], [type='number']), #wrap table.bbs_write .sel_desc dl dt span{height: 55px;}
            #wrap table.bbs_write th{width: 140px;}
            #wrap table.bbs_write textarea{height: 180px;}
            #wrap table.bbs_write #captcha_box{width: 150px; height: 35px;}
            #wrap table.bbs_write #refreshCode{width: 35px; height: 35px;}
            #wrap .policy_cont{margin-top: 35px; padding-bottom: 35px;}
            #wrap .policy_cont .area_wrap{margin-top: 15px;}

            #wrap textarea{padding:10px 15px;}
            #wrap .area_wrap{height: 140px;}
            #wrap .area_wrap textarea{padding:5px;}
        }
        @media screen and (max-width:640px){
            #wrap table.bbs_write{padding:30px 15px;}
            #wrap table.bbs_write input:where([type='text'], [type='password'], [type='number']), #wrap table.bbs_write .sel_desc dl dt span{height: 50px;}
            #wrap table.bbs_write :is(th, td){width: 100%;}
            #wrap table.bbs_write textarea{height: 160px;}
            #wrap table.bbs_write tr:has(.edit-box) th{padding-top: 0;}
            #wrap table.bbs_write .captcha_wrap .img_box{gap: 5px;}
            #wrap table.bbs_write #captcha_box{width: 140px; height: 30px;}
            #wrap table.bbs_write #refreshCode{width: 30px; height: 30px; background-size: 12px auto;}
            #wrap .policy_cont{margin-top: 30px; padding-bottom: 30px;}
            #wrap .area_wrap{height: 120px;}

            #wrap input[type="checkbox"] + label{line-height: 20px; gap: 8px;}
            #wrap input[type="checkbox"] + label:before{width: 20px; height: 20px;}
        }
        @media screen and (max-width:479px){
            #wrap table.bbs_write{padding:25px 15px;}
            #wrap table.bbs_write tbody{gap: 15px;}
            #wrap .policy_cont{margin-top: 25px; padding-bottom: 25px;}
        }
        @media screen and (max-width:360px){
            #wrap table.bbs_write .captcha_wrap{flex-wrap: wrap;}
        }


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

	recrult
	
───────────────────────────────────────────────────────────*/
    /* 인재채용 */
        .sub_employment .exp_thumb{font-size: 0;padding: 0 0 65px;text-align: center;margin-top: -0.6vw;}
        .sub_employment .step_list{display: flex; flex-wrap: wrap; gap: 30px; counter-reset: stepList; font-size: var(--title-20);} 
        .sub_employment .step_list > li{position: relative;padding: 57px 40px 118px;border:1px solid var(--border-color01);border-radius: 20px;box-sizing: border-box;width: calc(100% / 3 - 20px);}
        .sub_employment .step_list > li:before{position: absolute; content: counter(stepList, decimal-leading-zero); counter-increment: stepList; font-size: 400%; font-weight: 600; color: var(--border-color01); line-height: 1; right:40px; bottom:30px;}
        .sub_employment .step_list .desc dt{font-size: 150%;font-weight: 600;color: var(--point-color01);line-height: 1.3;letter-spacing: -0.06em;}
            .sub_employment .step_list .desc dt + dd{margin-top: 15px;padding-left: 17px;}

        .bullet_list{font-size: var(--title-20);}
        .bullet_list > li{position: relative;display: flex;font-size: 90%;font-weight: 400;color: var(--black-color00);line-height: 1.66;gap: 10px;align-items: baseline;letter-spacing: -0.06em;}
            .bullet_list > li:before{display: inline-flex;content:'';width: 3px;height: 3px;border-radius: 100%;background: var(--black-color00);flex-shrink: 0;transform: translateY(-6px);}
            .bullet_list > li.blank + li{margin-top: 10px;}

        @media screen and (max-width:1200px){
            .sub_employment .step_list{gap: 20px;}
            .sub_employment .step_list > li{width: calc(100% / 3 - 13.34px); padding:50px 35px 110px;}
            .sub_employment .step_list > li:before{right:35px;}
        }
        @media screen and (max-width:1023px){
            .sub_employment .exp_thumb{padding-bottom: clamp(30px, 6.5vw, 65px);}
            .sub_employment .step_list{gap: 15px;}
            .sub_employment .step_list > li{width: calc(100% / 2 - 7.5px); padding:45px 30px 110px;}
            .sub_employment .step_list > li:before{right:30px; bottom:25px;}
        }
        @media screen and (max-width:860px){
            .sub_employment .step_list > li{width: calc(100% / 2 - 7.5px); padding:40px 30px 100px;}
        }
        @media screen and (max-width:640px){
            .sub_employment .step_list > li{width: 100%; padding:35px 30px 110px; border-radius: 10px;}
            .sub_employment .step_list > li:before{font-size: 360%;}
            .sub_employment .step_list .desc dt + dd{margin-top: 10px; padding-left: 12px;}
        }
        @media screen and (max-width:479px){
            .sub_employment .step_list > li{padding:30px 25px 90px; }
            .sub_employment .step_list > li:before{right:25px; bottom:20px; font-size: 320%;}
        }