@charset "utf-8";

/*───────────────────────────────────────────────────────────
	sub_top common
───────────────────────────────────────────────────────────*/
    .sub_top {position:relative; background:url('../images/sub/sub_visual.jpg') no-repeat center / cover;height:400px;}
    .sub_top .sub_top_title {position: relative;font-size: var(--title-20);height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .sub_top .sub_top_title h2 {font-size:50px;color:var(--point-white);}
    .sub_top .sub_top_title h4{font-size: 150%;font-weight: 400;color: var(--point-white);line-height: 1.4;}
    .sub_top .sub_top_title h4 em{font-weight: inherit;color: var(--point-color02);}

    body:has(.sv_cs, .sub_board) .sub_top{background-image: url('../images/sub/sv_cs.jpg');}
    body:has(.sv_biz) .sub_top{background-image: url('../images/sub/sv_biz.jpg');}
    body:has(.sv_rnd) .sub_top{background-image: url('../images/sub/sv_rnd.jpg');}
    body:has(.sv_pdct) .sub_top{background-image: url('../images/sub/sv_pdct.jpg');}

    body:has(.sv_biz) .sub_top.sub_bot { background-image: url('../images/sub/sv_cs.jpg'); }

    @media (max-width:1023px) {
        .sub_top {height: clamp(280px, 40vw, 400px);}
        .sub_top .sub_top_title{padding-top: 80px;}
        .sub_top .sub_top_title h2{font-size: clamp(25px, 5vw, 50px);}

        .sub_top.sub_bot { height: clamp(350px, 42vw, 400px);  }
        .sub_top .sub_top_title{padding-top: clamp(20px, 4vw, 40px);}
        .sub_top.sub_bot .sub_top_title { padding-top: 0; }
    }
    @media (max-width: 860px) {
        .sub_top .sub_top_title h4 { font-size: 130%; }
    }
	@media (max-width:640px) {
        .sub_top.sub_bot {min-height: clamp(280px, 40vw, 400px);height:auto;}
		.sub_top.sub_bot .sub_top_title{padding-bottom:60px;padding-top:60px;}
    }

    .thirdCategory{display: flex;justify-content: center;flex-wrap: wrap;font-size: var(--title-20);gap: 15px;margin-bottom: 70px;}
    .thirdCategory a{display: flex;align-items: center;justify-content: center;text-align: center;width: 200px;padding: 16px 15px;border: 1px solid var(--border-color01);background: var(--point-white);}
	.thirdCategory a.on{border-color: var(--point-color01);background: var(--point-color01);color: var(--point-white);}

    .tabCont > .item{transition: all 0.4s;}
    .tabCont > .item:not(.on){height: 0; overflow: hidden; opacity: 0;}

    @media (max-width:1023px) {
		.thirdCategory{margin-bottom: clamp(40px, 7vw, 70px);}
        .thirdCategory a{width: clamp(125px, 21vw, 200px);padding-block: clamp(13px, 2.1vw, 16px);}
    }

/*───────────────────────────────────────────────────────────
	side box common
───────────────────────────────────────────────────────────*/
/* slide toggle */
#side_box {position:relative;z-index: 5;}
#side_box:after {content:'';display:block;width:100%;height:1px;background:#ddd;position:absolute;left:0;bottom:0;z-index:-1;}
#side_box .sub_menu {position: relative;width: 100%;max-width: 1200px;z-index: 5; margin-inline: auto;}
#side_box .sub_menu:after{content:"";display:block;clear:both;}
#side_box .sub_menu h2 {font-size:0;float:left;}
#side_box .sub_menu h2 a {display:inline-block;width:60px;height:60px;background:var(--point-color01) url('../images/sub/ico_navi_home.png') no-repeat 50% 50%;font-size:0;}
#side_box .sub_menu dl {float:left;font-size:0;vertical-align:top;height:60px;line-height:60px;box-sizing:border-box;text-align:left;font-size:0;font-weight:500;}
#side_box .sub_menu dt,
#side_box .sub_menu dd {display:inline-block;vertical-align:top;height:inherit;line-height:inherit;text-align: left;color:#333;box-sizing:border-box;border-right:1px solid #ddd;font-weight:inherit;width: 240px;font-size:15px;padding: 0 40px 0 20px;}
#side_box .sub_menu dt {cursor:default;}
#side_box .sub_menu dd {position:relative;z-index: 5;}
#side_box .sub_menu dd strong {display:block;cursor:pointer;box-sizing:border-box;font-size:inherit;font-weight:inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#side_box .sub_menu dd strong:after {content:'';display:block;width: 7px;height: 7px;border-top:1px solid #666;border-left:1px solid #666;position: absolute;right: 20px;top: 50%;margin-top: -12px;transform: rotate(225deg);transform-origin:bottom;transition: all .2s;}
#side_box .sub_menu dd strong.on:after {transform: rotate(45deg);border-top: 1px solid;border-left: 1px solid;border-color: var(--point-color01);margin-top: -2px;right: 25px;}
#side_box .sub_menu dd strong img{padding-left:5px;}
#side_box .sub_menu dd ul {display:none;position:absolute;left: -1px;top: calc(100% - 1px);width: calc(100% + 2px);z-index:5;overflow:hidden;border: 1px solid #ddd;background:#fff;box-sizing: border-box;text-align: left;}
#side_box .sub_menu dd ul li:nth-of-type(1) {margin-top:10px;}
#side_box .sub_menu dd ul li:last-of-type {margin-bottom:10px;}
#side_box .sub_menu dd ul li {background:#fff;border-top:0;font-weight: 400;font-size: 15px;color: #333;height: 2.8em;line-height: 2.8;}
#side_box .sub_menu dd ul li + li {}
#side_box .sub_menu dd ul li a {padding: 0 20px;display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:400;font-size: 15px;color: #333;width:100%;text-align: left; transition: all 0.4s;}
#side_box .sub_menu dd ul li.on a{color: var(--point-color02);font-weight:600;}

    @media (hover:hover) and (pointer:fine) {
        #side_box .sub_menu dd ul li:hover a {color: var(--point-color02);}
    }

@media only screen and (max-width:1023px) {
}

@media only screen and (max-width:860px) {
	#side_box .sub_menu h2 a {width:50px;height:50px;background-size:auto 16px;}
	#side_box .sub_menu dl {line-height:50px;height:50px;width: calc(100% - 50px);}
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {width: 40%;font-size: 14px;}
	#side_box .sub_menu dd {padding:0 18px;}
	#side_box .sub_menu dd ul li a {font-size:14px;padding:0 18px;}
}

@media only screen and (max-width:767px) {
}

@media only screen and (max-width:640px) {
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {width:50%;}
}

@media only screen and (max-width:479px) {
	#side_box .sub_menu h2 a {width:40px;height:40px;}
	#side_box .sub_menu dl {line-height:40px;height:40px;width:calc(100% - 40px);}
	#side_box .sub_menu dt {display:none;}
	#side_box .sub_menu dd {padding:0 14px;width:100%;font-size: 13px;border-right: 0;}
	#side_box .sub_menu dd ul li a {font-size:13px;line-height:2.3;padding:0 18px;}
}

/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
.nav_wrap {}
.nav_wrap .nav_box {border:0;margin:0;padding-bottom: 80px;position:relative;}
.nav_wrap .nav_box h2 {font-size:40px;line-height: 1.1;padding:0;margin:0;text-align:center;color: #303030;font-weight:600;}
.nav_wrap .nav_box h2 em{font-weight: inherit; color: var(--point-color02);}
.nav_wrap .nav_box p {font-size: 18px;line-height: 1.44;padding: 1.5em 0 0 0;color:#666;font-weight:400;text-align:center;}



	@media only screen and (max-width:1217px) {
		.nav_wrap .nav_box h2{font-size:41px;}
	}
	@media only screen and (max-width:1023px) {
        .nav_wrap .nav_box{padding-bottom: clamp(40px, 8vw, 80px);}
		.nav_wrap .nav_box h2{font-size:38px;}
	}
	@media only screen and (max-width: 860px) {
		.nav_wrap .nav_box h2{font-size:35px;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box h2{font-size:32px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box h2{font-size:29px;}
	}
	@media only screen and (max-width:431px) {
		.nav_wrap .nav_box h2{font-size:26px;}
	}


/*───────────────────────────────────────────────────────────
    COMPANY
───────────────────────────────────────────────────────────*/

.company_about #contents_wrap {width:100%;padding-bottom:0;padding-left:0 !important;padding-right:0 !important;}

/*** company/index (회사소개) ***/
.sub_about {}
.sub_about .sub_about_img {max-width: 100%;height:400px;background:url('../images/sub/sub_company_img.jpg') no-repeat center;background-size:cover;}
.sub_about .sub_about_txt {padding:54px 0 120px;}
.sub_about .sub_about_txt strong {display:block;color:#333;font-size:36px;line-height:1.30;font-weight:500;}
.sub_about .sub_about_txt strong b {color:var(--point-color02);font-size:inherit;line-height:inherit;font-weight:800;}
.sub_about .sub_about_txt > div {padding-left:100px;box-sizing:border-box;position:relative;}
.sub_about .sub_about_txt > div:before {content:'';display:inline-block;background:#333;position:absolute;left:50px;top:7px;width:1px;height:80px;}
.sub_about .sub_about_txt p {color:#666;font-size:18px;line-height:1.77;margin-top:2em;}
.sub_about .sub_about_txt p + p {margin-top:1.72em;}
.sub_about .sub_about_txt .sign{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 15px 20px;margin-top: clamp(30px, 4vw, 60px);font-size: var(--title-20);}
.sub_about .sub_about_txt .sign dt{font-size: 100%;font-weight: 400;color: var(--black-color03);line-height: 1.4;}
.sub_about .sub_about_txt .sign dd{font-size: 160%;font-weight: 700;color: var(--black-color03);line-height: 1.3;}
.sub_about .sub_about_list {background:#fafafa;width: calc(100% + 57px);margin-left: -57px;padding: 125px 0;}
.sub_about .sub_about_list ul {font-size:0;}
.sub_about .sub_about_list ul li {display:inline-block;vertical-align:top;width:calc(33.3% - 57px);margin-left:57px;}
.sub_about .sub_about_list ul li strong {display:block;color:#333;font-size:32px;line-height:1.28;font-weight: 500;}
.sub_about .sub_about_list ul li span {display:block;color:#333;box-sizing:border-box;position:relative;font-size:19px;line-height:1.36;margin-top:8px;}
.sub_about .sub_about_list ul li span em {background: #fafafa;display:inline-block;box-sizing:border-box;position: relative;z-index: 1;line-height:inherit;font-size:inherit;color:inherit;padding-right:14px;font-weight: 500;}
.sub_about .sub_about_list ul li span:after {content:'';display:inline-block;width:100%;height:1px;background:#333;position:absolute;right:0;top:50%;}
.sub_about .sub_about_list ul li p {color:#666;font-size:16px;line-height:1.625;margin-top:1.8125em;letter-spacing: -0.5px;}


@media only screen and (max-width:1217px) {
	/*** company/index (회사소개) ***/
	.sub_about {}
	.sub_about .sub_about_img {height: auto;padding-bottom: 32.7%;}
	.sub_about .sub_about_txt {padding: 50px 0 100px;}
	.sub_about .sub_about_txt strong {font-size: 33px;}
	.sub_about .sub_about_txt > div {padding-left:70px;}
	.sub_about .sub_about_txt > div:before {left:35px;}
	.sub_about .sub_about_txt p {font-size: 17px;} 
	.sub_about .sub_about_txt p + p {margin-top:1.46em;}
	.sub_about .sub_about_list {width: calc(100% + 40px);margin-left: -40px;padding: 80px 0;}
	.sub_about .sub_about_list ul li {width: calc(33.3% - 40px);margin-left: 40px;}
	.sub_about .sub_about_list ul li strong {font-size: 28px;}
	.sub_about .sub_about_list ul li span {font-size: 18px;}
	.sub_about .sub_about_list ul li p {}
	
}
@media only screen and (max-width:1023px) {
	.sub_about .sub_about_txt p br,
	.sub_about .sub_about_list ul li p br {display:none;}
}
@media only screen and (max-width:860px) {
	.sub_about {}
	.sub_about .sub_about_img {height: auto;padding-bottom: 46.5%;}
	.sub_about .sub_about_txt {padding: 45px 0 70px;}
	.sub_about .sub_about_txt strong {font-size: 30px;}
	.sub_about .sub_about_txt > div {padding-left:50px;}
	.sub_about .sub_about_txt > div:before {left:25px;}
	.sub_about .sub_about_txt p {} 
	.sub_about .sub_about_txt p + p {}
	.sub_about .sub_about_list {width: calc(100% + 30px);margin-left: -30px;}
	.sub_about .sub_about_list ul li {width: calc(33.3% - 30px);margin-left: 30px;}
	.sub_about .sub_about_list ul li strong {font-size: 24px;}
	.sub_about .sub_about_list ul li span {font-size: 17px;}
	.sub_about .sub_about_list ul li p {font-size: 15px;}
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:670px) {
	.sub_about .sub_about_list {width:100%;margin-left:0;padding:42px 0 60px;}
	.sub_about .sub_about_list ul li {width:100%;margin-left:0;}
	.sub_about .sub_about_list ul li + li {margin-top:45px;}

}
@media only screen and (max-width: 479px) {
	.sub_about {}
	.sub_about .sub_about_img {height:145px;padding-bottom: 0;}
	.sub_about .sub_about_txt {padding: 35px 0 40px;}
	.sub_about .sub_about_txt strong {font-size:25px;line-height: 1.34;}
	.sub_about .sub_about_txt > div {padding-left:0;}
	.sub_about .sub_about_txt > div:before {display:none;}
	.sub_about .sub_about_txt p {font-size:15px;line-height:1.53;margin-top:1.46em;} 
	.sub_about .sub_about_txt p + p {margin-top:1.46em;}
	.sub_about .sub_about_list ul li + li {margin-top:32px;}
	.sub_about .sub_about_list ul li strong {font-size:20px;line-height:1.3;}
	.sub_about .sub_about_list ul li span {font-size:14px;line-height:1.21;margin-top:4.5px;}
	.sub_about .sub_about_list ul li p {font-size:13px;line-height:1.53;margin-top:1.3em;}
}



/*** company/history (연혁) ***/
.sub_history {padding-top:0%;box-sizing:border-box;}
.sub_history div, 
.sub_history p, 
.sub_history span, 
.sub_history em, 
.sub_history strong, 
.sub_history dt, 
.sub_history dd, 
.sub_history dl, 
.sub_history li, 
.sub_history ul {transition:all 0.2s;}
.sub_history div, 
.sub_history p, 
.sub_history li, 
.sub_history dt, 
.sub_history dd, 
.sub_history th, 
.sub_history td {word-break:keep-all;word-wrap:break-word;}

.sub_history .history_box .his_year .year strong {}

.sub_history .history_wrap {position:relative;width:100%;z-index:1;box-sizing:border-box;margin-top:2%;}
.sub_history .history_wrap:before {content:"";display:none;width:1px;height:100%;position:absolute;left:50%;top:0;background:#ddd;}
	/* 내용 */
.sub_history .history_box {display:block;position:relative;width:100%;z-index:1;box-sizing:border-box;font-size: 0;}
.sub_history .history_box:after {clear:both;content:"";display:block;}
.sub_history .history_box + .history_box {}
.sub_history .history_box .his_year,
.sub_history .history_box .his_detail {width:50%;display:block;box-sizing:border-box;vertical-align:top;}
.sub_history .history_box + .history_box .his_year,
.sub_history .history_box + .history_box .his_detail {}
	/* 연도 */
.sub_history .history_box .his_year {}
.sub_history .history_box .his_year .year {position:relative;z-index: 99;box-sizing:border-box;}
.sub_history .history_box .his_year .year strong {margin:0;position: relative;font-size: 30px;line-height: 0.9;color: var(--point-color01);z-index: 5;}
.sub_history .history_box .his_year .year::before,
.sub_history .history_box .his_year .year strong::after {top:50%;content:"";position:absolute;z-index:10;width: 45px;height: 1px;background: var(--point-color01);z-index: -1;}
	/* 원 */
.sub_history .history_box .his_year .year::before {width:10px;height:10px;border-radius:100%;;box-shadow:0 0 0 4px rgba(255, 255, 255, 1);}
.sub_history .history_box .his_year .year::before,
.sub_history .history_box .his_year .year::after {content:'';display:inline-block;}
.sub_history .history_box .his_year .year::before {width: 20px;height: 22px;border: 3px solid var(--point-color01);box-sizing: border-box;opacity: .2;z-index: 1;}
.sub_history .history_box .his_year .year::after {background: var(--point-color01);width: 30px;height: 30px;opacity: 0.1;position:absolute;top: -1px;border-radius: 100%;} 
.sub_history .history_box .his_year .year strong:before {content:'';display:block;position: absolute;z-index: 10;border-radius: 100%;background-color: #fff;width: 14px;height: 14px;border: 3px solid var(--point-color01);box-sizing: border-box;}

	/* 세부내역 */
.sub_history .history_box .his_detail {box-sizing:border-box;position:relative;padding-bottom: 88px;}
.sub_history .history_box .his_detail:before {content:'';display:block;width:1px;height:100%;background:#ddd;top: 10px;position:absolute;}
.sub_history .history_box .his_detail .detailYear {width:auto;position:relative;box-sizing:border-box;}
.sub_history .history_box .his_detail .detailYear:after {clear:both;content:"";display:block;}
.sub_history .history_box .his_detail .detailYear + .detailYear {padding-top:2%;}
.sub_history .history_box .his_detail .detailYear dt,
.sub_history .history_box .his_detail .detailYear dd {display:inline-block;box-sizing:border-box;}
.sub_history .history_box .his_detail .detailYear dt {width:8%;line-height: 1.35;font-size: 20px;font-weight: 500;color: #333;}
.sub_history .history_box .his_detail .detailYear dd {width:92%;color:#666;}
.sub_history .history_box .his_detail .detailYear dd ul {}
.sub_history .history_box .his_detail .detailYear dd li {padding:0;line-height: 1.6875;font-size:16px;vertical-align:middle;box-sizing:border-box;}
.sub_history .history_box .his_detail .detailYear dd li::before {line-height:inherit;font-size:inherit;vertical-align:middle;}
.sub_history .history_box .his_detail .detailYear dd li + li {margin-top: 0.81em;}
.sub_history .history_box:last-of-type .his_detail:before {display:none;}

	/* 홀수일때-좌측정렬 */
.sub_history .history_box:nth-of-type(even) {}
.sub_history .history_box:nth-of-type(even) .his_year {float:right;text-align:left;}
.sub_history .history_box:nth-of-type(even) .his_detail {float:left;text-align:right;}
.sub_history .history_box:nth-of-type(even) .his_year,
.sub_history .history_box:nth-of-type(even) .his_detail {}
.sub_history .history_box:nth-of-type(even) .his_detail:before {right: -1px;}
.sub_history .history_box:nth-of-type(even) .his_year .year {/* padding-left:11.5%; */}
.sub_history .history_box:nth-of-type(even) .his_year .year::before {left: -10px;top: 3px;}
.sub_history .history_box:nth-of-type(even) .his_year .year::after {left: -15px;}
.sub_history .history_box:nth-of-type(even) .his_year .year strong {padding-left: 11.5%;}
.sub_history .history_box:nth-of-type(even) .his_year .year strong:before {left: -7px;top: 12px;}
.sub_history .history_box:nth-of-type(even) .his_year .year strong::after {left: 4px;}
.sub_history .history_box:nth-of-type(even) .his_detail .detailYear {margin-right: 11.5%;text-align:right;}
.sub_history .history_box:nth-of-type(even) .his_detail .detailYear dt {float:right;}
.sub_history .history_box:nth-of-type(even) .his_detail .detailYear dd {float:left;}
	/* 짝수일때-우측정렬 */
.sub_history .history_box:nth-of-type(odd) {}
.sub_history .history_box:nth-of-type(odd) .his_year {float:left;text-align:right;}
.sub_history .history_box:nth-of-type(odd) .his_detail {float:right;text-align:left;}
.sub_history .history_box:nth-of-type(odd) .his_year,
.sub_history .history_box:nth-of-type(odd) .his_detail {}
.sub_history .history_box:nth-of-type(odd) .his_detail:before {left:0;}
.sub_history .history_box:nth-of-type(odd) .his_year .year {}
.sub_history .history_box:nth-of-type(odd) .his_year .year::after {right: -15px;top: -3px;}
.sub_history .history_box:nth-of-type(odd) .his_year .year::before {right: -10px;top: 1px;}
.sub_history .history_box:nth-of-type(odd) .his_year .year strong {padding-right: 11.5%;}
.sub_history .history_box:nth-of-type(odd) .his_year .year strong:before {right: -7px;top: 10px;}
.sub_history .history_box:nth-of-type(odd) .his_year .year strong::after {right: 4px;margin-top: -2px;}
.sub_history .history_box:nth-of-type(odd) .his_detail .detailYear {margin-left: 11.5%;text-align:left;}
.sub_history .history_box:nth-of-type(odd) .his_detail .detailYear dt {float:left;}
.sub_history .history_box:nth-of-type(odd) .his_detail .detailYear dd {float:right;}

@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {

}
@media only screen and (max-width: 860px) {
	.sub_history .history_box .his_year .year strong::after {width:30px;}
	.sub_history .history_box .his_year .year strong {font-size:25px;}
	.sub_history .history_box .his_detail {padding-bottom:80px;}
	.sub_history .history_box .his_detail .detailYear + .detailYear {padding-top:5%;}
	.sub_history .history_box .his_detail .detailYear dt {font-size:18px;width: 30px;}
    .sub_history .history_box .his_detail .detailYear dd {width: calc(100% - 30px);}
	.sub_history .history_box .his_detail .detailYear dd li {font-size:14px;}

	.sub_history .history_box:nth-of-type(odd) .his_year .year strong:before {top: 9px;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year::after {top: -3px;}
	.sub_history .history_box:nth-of-type(even) .his_year .year strong:before {top: 9px;}
	.sub_history .history_box:nth-of-type(even) .his_year .year::after {top: -3px;}

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width: 640px) {
	.sub_history .history_box .his_year .year strong {font-size:20px;line-height: 1;}
    .sub_history .history_box .his_year .year strong:before {width:10px;height:10px;border: 2px solid var(--point-color01);}
	.sub_history .history_box:nth-of-type(odd) .his_year,
	.sub_history .history_box:nth-of-type(even) .his_year {float:inherit;display: inline-block;vertical-align: top;width: 120px;padding-left: 0;text-align: left;}
	.sub_history .history_box:nth-of-type(odd) .his_detail,
	.sub_history .history_box:nth-of-type(even) .his_detail {float:inherit;display: inline-block;vertical-align: top;width: calc(100% - 120px);padding-left: 20px;text-align: left;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year strong,
	.sub_history .history_box:nth-of-type(even) .his_year .year strong {padding-left: 44px;padding-right:0;}
    .sub_history .history_box:nth-of-type(odd) .his_year .year strong:before,
    .sub_history .history_box:nth-of-type(even) .his_year .year strong:before {top: 4px;left: 4px;right: inherit;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year strong::after,
	.sub_history .history_box:nth-of-type(even) .his_year .year strong::after{margin-top:-3px;}
    .sub_history .history_box:nth-of-type(odd) .his_detail:before,
    .sub_history .history_box:nth-of-type(even) .his_detail:before {left: -112px;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year::before,
	.sub_history .history_box:nth-of-type(even) .his_year .year::before {left: 1px;width: 15px;height: 15px;border: 3px solid var(--point-color01);right: inherit;top: 0px;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year::after, 
	.sub_history .history_box:nth-of-type(even) .his_year .year::after {width: 21px;height: 21px;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year strong::after,
	.sub_history .history_box:nth-of-type(even) .his_year .year strong::after {left: 13px;right: inherit;width: 20px;}
	.sub_history .history_box:nth-of-type(odd) .his_detail .detailYear,
	.sub_history .history_box:nth-of-type(even) .his_detail .detailYear {text-align:left;margin-left: 0;}
	.sub_history .history_box:nth-of-type(odd) .his_year .year::after,
	.sub_history .history_box:nth-of-type(even) .his_year .year::after {right:inherit;left: -2px;top: -3px;}
	.sub_history .history_box .his_year {width:23%}
	.sub_history .history_box .his_detail {padding-bottom:50px;width:calc(100% - 23%)}
	.sub_history .history_box .his_detail:before {top: 10px;}
	.sub_history .history_box .his_detail .detailYear {width:93.6%;}
	.sub_history .history_box .his_detail .detailYear + .detailYear {padding-top:2%;}
	.sub_history .history_box .his_detail .detailYear dt {width:28px;line-height:1.32;font-size:15px;}
	.sub_history .history_box .his_detail .detailYear dd {width:calc(100% - 28px);}
	.sub_history .history_box .his_detail .detailYear dd ul {}
	.sub_history .history_box .his_detail .detailYear dd li {line-height:1.42;font-size:15px;}
	.sub_history .history_box .his_detail .detailYear dd li + li {margin-top:3.8em;}
	.sub_history .history_box:nth-of-type(even) .his_detail .detailYear dt {float:left;}
	.sub_history .history_box:nth-of-type(even) .his_detail .detailYear dd {float:right;}

}

@media only screen and (max-width: 479px) {
	.sub_history .history_box:nth-of-type(odd) .his_year,
	.sub_history .history_box:nth-of-type(even) .his_year {width: 105px;}
	.sub_history .history_box .his_year .year strong {font-size:18px;}
	.sub_history .history_box .his_detail .detailYear dt {font-size:13px;}
	.sub_history .history_box .his_detail .detailYear dd li {font-size:13px;}
	.sub_history .history_box:nth-of-type(odd) .his_detail,
	.sub_history .history_box:nth-of-type(even) .his_detail {width: calc(100% - 105px);}
	.sub_history .history_box:nth-of-type(odd) .his_detail:before, 
	.sub_history .history_box:nth-of-type(even) .his_detail:before {left: -96px;}
	.sub_history .history_box .his_detail {padding-bottom:39px;}

}

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

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


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

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

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

        .ciExp_list .desc dt{font-size: 110%;}
    }
    @media (max-width:360px){
        .ciExp_list .desc{flex-wrap: wrap;}
        .ciExp_list .desc dt{width: 100%; flex-shrink: unset;}
        .ciExp_list .desc dd{text-align: left;}
    }
    

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

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


/*** company/location (오시는길) ***/
.sub_location {}
.sub_location div, 
.sub_location ul, 
.sub_location li, 
.sub_location dl, 
.sub_location dt, 
.sub_location dd, 
.sub_location p, 
.sub_location span {transition:all 0.3s;}
.sub_location_map {position:relative;height:0;padding: 0 0 46.7% 0;}
.sub_location_map .map_box {position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_location_map .root_daum_roughmap{width: 100%;height: 100%;}
.sub_location_map .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}
.sub_location_map .root_daum_roughmap .map_border{display: none;}
.sub_location_map iframe {float:none; height:100% !important; box-sizing:border-box;}
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl {text-align:center;}
.sub_location_info dt {margin: 40px auto 23px;font-size: 20px;font-weight: 500;color: #333;}
.sub_location_info dd ul li {font-size:16px;line-height:1.6875;color:#333;position:relative;vertical-align:top;}
.sub_location_info dd ul li + li {margin-top:9px;display:inline-block;vertical-align:middle;}
.sub_location_info dd ul li + li + li:before {content:'';display:inline-block;vertical-align:middle;margin:0 26px;width:1px;height:12px;background:#ddd;}
.sub_location_info dd ul li span,
.sub_location_info dd ul li p {font-size:inherit;line-height:inherit;color:inherit;display:inline-block;vertical-align:middle;}
.sub_location_info dd ul li span {font-weight:600;padding-right:4px;}
.sub_location_info dd ul li p {word-break:keep-all;}

@media only screen and (max-width:1200px) {
	.sub_location_info dt {margin:35px 0 20px;height:24px;}
	.sub_location_info dd ul li {font-size:15px;}
	.sub_location_info dd ul li + li + li:before {margin:0 23px;}
}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:860px) {
	.sub_location_info dt {margin:30px 0 20px;height:22px;}
	.sub_location_info dd ul li + li + li:before {margin:0 20px;height:10px;}
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:640px) {
	.sub_location_map {padding:0;height:200px;}
}
@media only screen and (max-width:479px) {
	.sub_location_info dt {margin:20px 0 18px;height:17.5px;}
	.sub_location_info dd ul li {font-size:14px;line-height:1.6;}
	.sub_location_info dd ul li + li + li:before {margin:0 15px;height:9px;}
}
@media only screen and (max-width:380px) {
	.sub_location_info dd ul li {font-size:13px;}
	.sub_location_info dd ul li + li + li:before {margin:0 10px;}
}

@media only screen and (max-width:350px) {
	.sub_location_info dd ul li,
	.sub_location_info dd ul li + li {margin-top:9px;display:block;}
	.sub_location_info dd ul li + li + li:before {display:none;}
}

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

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

/* proceExp_list */
    .proceExp_list{display:flex;justify-content: center;flex-wrap: wrap;gap: 60px 30px;}
    .proceExp_list > li{text-align:center;width:100%;box-sizing:border-box;width: calc(100% / 5 - 24px);}
    .proceExp_list .icon{position:relative;display:block;border: 1px dashed var(--black-color10);width: calc(100% - 2px);border-radius:100%;padding-bottom: calc(100% - 4px);box-sizing:border-box;margin: 0 auto;}
        .proceExp_list .icon + dl{margin-top: 19px;}
    .proceExp_list .icon em{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 34px);height: calc(100% - 34px);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);border-radius:100%;display:flex;align-items:center;justify-content:center;background:var(--point-white);padding: clamp(35px, 2.1vw, 40px);box-sizing:border-box;}
    .proceExp_list dl{font-size:var(--title-20);}
    .proceExp_list dl dt{font-size:90%;font-weight:bold;color: var(--black-color03);line-height:1.5;letter-spacing:-0.02em;font-family: var(--font-family-type02);}
        .proceExp_list dl dt + dd{margin-top: 5px;}
    .proceExp_list dl dd{font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.62;letter-spacing:-0.02em;}

        .proceExp_list > li.pt01 .icon{border-color: var(--point-color01);}
        .proceExp_list > li.pt01 .icon em{background: var(--point-color01);}
		.proceExp_list > li.pt01 .icon em img{filter: var(--filter-white);}

    
    @media (min-width:1024px) {
        .proceExp_list.array06 > li{width: calc(100% / 6 - 25px);}
    }

    @media screen and (max-width:1023px){
        .proceExp_list{gap:clamp(40px, 6vw, 60px) 20px;}
        .proceExp_list > li{width: calc(100% / 4 - 15px);}
        .proceExp_list .icon em{width:calc(100% - 30px); height:calc(100% - 30px);}
    }
    @media screen and (max-width:860px){
        .proceExp_list .icon + dl{margin-top:15px;}
    }
    @media screen and (max-width:767px){
        .proceExp_list .icon em{width:calc(100% - 25px);height:calc(100% - 25px);}
        .proceExp_list{flex-wrap:wrap; column-gap: 15px;}
        .proceExp_list > li{width:calc(100% / 3 - 10px);}
    }
    @media screen and (max-width:640px){
        
    }
    @media screen and (max-width:479px){
        .proceExp_list > li{width:calc(100% / 2 - 7.5px);}
        .proceExp_list .icon + dl{margin-top:12px;}
    }

/* 파트너사 */
    .partner_list{display: grid;gap: clamp(15px, 1.6vw, 20px);grid-template: auto / repeat(5, 1fr);}
    .partner_list > li{position: relative;border-radius: var(--radius-10);aspect-ratio: auto 2.24;}
    .partner_list > li:before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit; pointer-events: none;}

    @media (max-width:860px) {
        .partner_list{grid-template: auto / repeat(4, 1fr);}
    }
    @media (max-width:640px) {
        .partner_list{grid-template: auto / repeat(3, 1fr);}
    }
    @media (max-width:479px) {
        .partner_list{grid-template: auto / repeat(2, 1fr);}
    }

/* about_greeting */
    .about_greeting{position: relative;}
	.about_greeting .title{font-size:var(--title-20);color:var(--black-color00);font-weight:600;display: flex;flex-direction: column;gap: 22px;}
	.about_greeting .title span{font-size:89%;color:var(--point-color01);font-weight:inherit;}
	.about_greeting .title h3{font-size: 200%;letter-spacing:-0.03em;line-height: 1.4;}
	.about_greeting .cont{box-sizing:border-box;border-top:1px solid #ddd;display: flex;flex-wrap:wrap;margin-top:69px;padding-top:70px;}
	.about_greeting .cont .txt{width:59.4%;padding-right:50px;font-size: var(--title-20);}
	.about_greeting .cont .txt p{font-size: inherit;color:var(--black-color06);font-weight:400;line-height:1.6;letter-spacing:-0.03em;}
	.about_greeting .cont .txt p + p{margin-top:24px;}
    .about_greeting .cont .txt p em{font-weight: inherit; color: var(--point-color02);}
	.about_greeting .cont .img{width:40.6%;height:0;padding-bottom:45.6%;box-sizing:border-box;overflow:hidden;border-radius:20px;position: relative;}
	.about_greeting .cont .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:initial;}

	@media only screen and (max-width:1023px) {
		.about_greeting .title{gap: clamp(10px, 2.2vw, 22px);}
        .about_greeting .title h3{font-size: 180%;}
		.about_greeting .cont{margin-top:50px;padding-top:50px;}
	}
	@media only screen and (max-width:860px) {
		.about_greeting .cont{flex-direction: column-reverse;}
		.about_greeting .cont .txt{width:100%;padding:40px 0 0 0;}
		.about_greeting .cont .img{width:70%;padding-bottom:75%;}
	}
	@media only screen and (max-width:640px) {
		.about_greeting .title h3{font-size: 160%;}
	}
	@media only screen and (max-width:479px) {
        .about_greeting .title h3{font-size: 140%;}
		.about_greeting .cont{margin-top:30px;padding-top:30px;}
		.about_greeting .cont .txt{padding-top:20px;}
		.about_greeting .cont .txt p + p{margin-top:10px;}
		.about_greeting .cont .img{width:100%;padding-bottom:110%;border-radius:10px;}
	}

/* grBg */
    .grBg{position: relative; background: var(--gray-bg02); margin-top: 140px; padding-bottom: 140px;}
        .grBg.pT{padding-top: 140px;}

    @media (max-width:1023px) {
        .grBg{padding-bottom: clamp(80px, 14vw, 140px);margin-top: clamp(80px, 14vw, 140px);}
            .grBg.pT{padding-top: clamp(80px, 14vw, 140px);}
	}

/* philList */
    .philList{display:flex;gap: 30px;font-size: var(--title-20);}
	.philList > li{position:relative;width:100%;font-size:var(--title-20);line-height:1.4;border: 1px solid var(--border-color01);box-sizing:border-box;background:var(--point-white);padding: 25px 30px 30px;}
	.philList .step{font-size: 110%;font-weight:bold;color: var(--point-color02);letter-spacing:-0.02em;}
		.philList .step + dl{margin-top: 18px;}
	.philList .icon{position:absolute; top:30px; right:30px; font-size:0; display:flex; height:48px; align-items:center;}
	.philList dl{}
	.philList dl dt{font-size: 105%;font-weight:bold;color: var(--black-color01);}
		.philList dl dt + dd{margin-top: 14px;}
	.philList dl dd{}


	@media screen and (max-width:1200px){
        .philList{gap:20px;}
    }
	@media screen and (max-width:1023px){
		.philList{gap:15px;}
        .philList{flex-wrap:wrap; }
		.philList > li{width:calc(100% / 2 - 7.5px);}
	}
	@media screen and (max-width:860px){
		
	}
    @media (max-width: 640px) {
        .philList > li{width:100%;}
    }
	@media screen and (max-width:479px){
		
	}

/* researSwiper */
    .researSwiper{overflow: hidden;}
    .researSwiper .swiper-slide{position: relative; height: auto; aspect-ratio: auto 1.42; border-radius: var(--radius-10); overflow: hidden;}
    .researSwiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
    #wrap .researSwiper .swiper-pagination{position: relative;inset: auto;font-size: 0;margin-top: 20px;}
    #wrap .researSwiper .swiper-pagination-bullet{transition: all 0.4s;opacity: 1;background: var(--border-color01);}
    #wrap .researSwiper .swiper-pagination-bullet-active{background: var(--point-color01);}

    @media (max-width:479px) {
        .researSwiper{overflow: visible;}
    }

/* techExp */
    .techExp{display: flex; align-items: center; gap: 60px; }
    .techExp .thumb{width: 48%;text-align: center;flex-shrink: 0;}
    .techExp .sub_title{width: 100%;}
    .techExp .pt_list{display: grid;font-size: var(--title-20);gap: 15px;margin-top: 20px;}
    .techExp .pt_list > li{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;padding: 16px 15px;border: 1px solid var(--point-color01);font-size: 90%;font-weight: 400;background: var(--point-color01);color: var(--point-white);}

    @media (max-width:1023px) {
        .techExp{flex-wrap: wrap; gap: clamp(35px, 6vw, 60px);}
        .techExp .thumb{width: 100%;}
        .techExp .pt_list > li{padding-block: clamp(13px, 2.1vw, 16px);}
    }

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

        .about_list > li:nth-child(2n){flex-direction: row-reverse;}

        .about_list.type02 .sub_title h3{font-size: 170%;}
        .about_list.type02 .sub_title h3 + h6{border-top: 0; padding-top: 0; margin-top: 10px;}

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

    #wrap label:has([type="checkbox"]){display: flex;align-items: flex-start;gap: 9px;font-size: 14px;font-weight: 400;color: var(--black-color03);line-height: 22px; cursor: pointer;}
    #wrap label [type="checkbox"]{display: flex;width: 22px;height: 22px;background: url('../images/sub/icon_chk.png') no-repeat center / 100% auto;flex-shrink: 0; cursor: pointer;}
    #wrap label [type="checkbox"]:checked{background-image: url('../images/sub/icon_chk_on.png');}
    #wrap label:has([type="checkbox"]) em{font-weight: 500; color: var(--point-color02); display: contents;}

    #wrap .policy_wrap{border: 1px solid var(--border-color01); padding:20px; margin-top: 30px; display: grid; gap: 15px;}
    #wrap .policy_wrap textarea{width: 100%; height: 120px; background: var(--gray-bg01); border:0; resize: none; padding:15px; font-size: 12px; line-height: 1.5;}

    @media (max-width:1023px) {
        #wrap label [type="checkbox"]{width: clamp(20px, 2.7vw, 22px); height: clamp(20px, 2.7vw, 22px);}
        #wrap label:has([type="checkbox"]){line-height: clamp(20px, 2.7vw, 22px);}

        #wrap .policy_wrap{padding: clamp(15px, 2vw, 20px);gap: clamp(10px, 1.5vw, 15px);}
    }

    #wrap .bbs_write{position: relative;display: block;width: 100%;border-top: 1px solid var(--black-color03);border-bottom: 1px solid var(--border-color01);padding: 20px 0;}
    #wrap .bbs_write :where(tbody, tr, th, td){display: block; width: 100%; border:0; background: none; background: none; padding:0;}
    #wrap .bbs_write tbody{display: flex;flex-wrap: wrap;gap: 20px;}
    #wrap .bbs_write tr{display: flex;align-items: baseline;gap: 10px;}
    
    #wrap .bbs_write :where(th, td){padding-inline: clamp(20px, 1.6vw, 30px); font-size: var(--title-16);font-weight: 400;color: var(--black-color04); line-height: 1.6;}
    #wrap .bbs_write th{width: clamp(150px, 9.5vw, 180px);flex-shrink: 0;}
    #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color02);}
    #wrap .bbs_write td{width: 100%;}
    #wrap .bbs_write :where([type="text"], [type="password"]){width: 100%;height: 40px;border: 1px solid var(--border-color02);vertical-align: middle;max-width: 320px;min-width: auto;font-size: inherit;font-weight: inherit;color: inherit;padding: 0 15px;}
    #wrap .bbs_write :where([type="text"], [type="password"]):focus{border-color: var(--black-color01);}
    #wrap .bbs_write #refreshCode{display: inline-block;background: url('../images/common/icon_btn_reset.gif') no-repeat center;font-size: 0;width: 40px;height: 40px;cursor: pointer;border: 1px solid var(--black-color10);}
    #wrap .bbs_write input#title{max-width: 100%;}
    #wrap .bbs_write tr.add_field{width: calc(100% / 2 - 10px);}
    #wrap .bbs_write tr:has(#captcha_box){border-top: 1px solid var(--border-color01);padding-top: 20px;}
    #wrap .bbs_write tr:has(#captcha_box) td{display: flex; flex-wrap: wrap; gap: 10px;}
    #wrap .bbs_write input#captcha{max-width: 180px;margin: 0;}
    #wrap .bbs_write #captcha_box{display: inline-block; margin:0;}
    #wrap .bbs_write textarea{padding:15px; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}

    #wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { width: 22px; height: 22px; }

    @media (max-width:1023px) {
        #wrap .bbs_write tr.add_field{width: 100%;}
        #wrap .bbs_write :where(th, td){padding-inline: clamp(15px, 2vw, 20px);}
        #wrap .bbs_write th{width: clamp(130px, 17vw, 150px);}
    }
    @media (max-width:860px) {
        #wrap .bbs_write #captcha_box{display: block;width: 100%;}
    }
    @media (max-width:479px) {
        #wrap .bbs_write {padding-inline: 15px;}
        #wrap .bbs_write tr{flex-wrap: wrap;}
        #wrap .bbs_write :where(th, td){padding-inline: 0;}
        #wrap .bbs_write th{width: 100%; flex-shrink: unset;}
        #wrap .bbs_write :where([type="text"], [type="password"]){max-width: 100%;}
    }

    /* 검색 */
    #wrap .board_search {line-height:40px;margin:15px 0;text-align:right;font-size:0;width:100%;padding: 0;background: none; overflow: hidden;}
    #wrap .board_search .bbs_num {float:left;font-size:14px;line-height: 40px;font-weight: 500;color:#555;}
    #wrap .board_search .bbs_num strong {color:var(--point-color01);}
    #wrap .board_search .bbs_search {float:right;}
    #wrap .board_search fieldset {line-height:inherit;font-size:0;}
    #wrap .board_search select,
    #wrap .board_search input,
    #wrap .board_search span,
    #wrap .board_search label {vertical-align:top;font-size:14px;height:40px;color:#555;line-height:inherit;border-color: #ccc;}
    #wrap .board_search select {width:120px;margin-right:10px;}
    #wrap .board_search input {border-right:0;}
    #wrap .board_search select,
    #wrap .board_search input.input_text {background-color:#fff;color:#666;}
    #wrap .board_search input.input_text {width:220px;margin: 0;}
    #wrap .board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}
    #wrap .board_search .btn_search {background:#444 url('../images/sub/ico_bbs_search.png') no-repeat center;font-size: 0;width: 40px;aspect-ratio: auto 1;border: 0;display: inline-block;}
        /* 일반형 총 게시글수 */
    #wrap .bbs_num {padding:0 0 8px 0;line-height:20px;font-size:13px;color:#333;}
    #wrap .bbs_num strong {font-weight:700;}
        /* 일반형 목록 */
    #wrap table.bbs_list {border-top:1px solid #333333;border-bottom:1px solid #bbb;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
    #wrap table.bbs_list tr.board_notice td {background:#f4f4f4;}
    #wrap table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:500;}
    #wrap table.bbs_list th,
    #wrap table.bbs_list td {padding-left:12px;padding-right:12px;font-size: 15px;line-height:20px;font-weight:400;color: #888;text-align:center;vertical-align:middle;}
    #wrap table.bbs_list td a,
    #wrap table.bbs_list td em,
    #wrap table.bbs_list td strong,
    #wrap table.bbs_list td span {font-size:inherit;line-height:inherit;}
    #wrap table.bbs_list th {padding-top: 18px;padding-bottom: 18px;border-bottom: 1px solid #ccc;color:#333;font-size: 16px;font-weight: 400;}
    #wrap table.bbs_list td {padding-top: 18px;padding-bottom: 18px;}
    #wrap table.bbs_list td .board_tit {}
    #wrap table.bbs_list td .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
    #wrap table.bbs_list td .board_tit .board_ico,
    #wrap table.bbs_list td .board_tit img,
    #wrap table.bbs_list td .board_tit h3,
    #wrap table.bbs_list td .board_tit span {display:inline-block;vertical-align: middle;}
    #wrap table.bbs_list td .board_tit .ico_reply {margin-top: -4px;}
    #wrap table.bbs_list td .board_tit h3 .board_ico {font-size:0;margin-bottom: 2px;margin-left: 5px;}
    #wrap table.bbs_list td .board_tit img {margin-right: 5px;}
    #wrap table.bbs_list td .board_tit h3 {font-weight: 400;font-size:14px;color: #222;display: inline-block;vertical-align: middle;width: calc(100% - 105px);max-width: 680px;}
    #wrap table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: calc(100% - 80px);font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
    

    #wrap table.bbs_list td a {}
    #wrap table.bbs_list .m_non,
    #wrap table.bbs_list .m_non {display:table-cell;}
    #wrap table.bbs_list td.left {text-align:left;}
    #wrap table.bbs_list td img{display:inline-block;vertical-align:middle;}
    #wrap table.bbs_list td img + img {margin-left:4px;}
    #wrap table.bbs_list tr + tr td {border-top:1px #ddd solid;}

	/* 추가필드 */
	.sub_board {position:relative;}
	.sub_board .bbs_view .extra_editor_wrap {display:table;width:100%;margin:0;table-layout:fixed;border-collapse:collapse;margin-top:-1px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
	.sub_board .bbs_view .extra_editor_wrap > h4, 
	.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 20px 30px;display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
	.sub_board .bbs_view .extra_editor_wrap > h4 {width: 156px;color: #333;position: relative;}
	.sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:12px;background:#ccc;position: absolute;right: 0;top: 50%;margin-top: -6px;}
	.sub_board .bbs_view .extra_editor_wrap div.view_cont.extra_cont {width: calc(100% - 141px);}
	.sub_board .bbs_view .extra_editor_wrap div.img_cont {}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size:12px;color:#888;vertical-align:middle;display:block;}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-weight: 400;font-size: 14px;color: #444 !important;}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont a.icon_down {font-size:0;background:url(../images/common/icon_download.png) no-repeat 0 0;display:inline-block;width:15px;height:15px;background-size:100% auto;margin:0 0 0 5px;padding:0;vertical-align:middle;}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}
		/* 비디오 ifame 수정 */
		.view_video_wrap {position:relative !important;height:0 !important;padding-bottom:56.28% !important;margin:0 auto !important;text-align:center !important;max-width:100% !important;}
		.view_video_wrap > iframe {position:absolute;width:100%;height:100%;left:0;top:0;}

    #wrap .bbs_view {text-align:left;position:relative;z-index:1;margin-top:50px;}
	/* 제목.작성자.작성일 */
    #wrap .bbs_view div.view_tit {padding: 20px;border-bottom: 1px solid #aaa;border-top:1px solid #333333;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;background: none;}
    #wrap .bbs_view div.view_tit:after {clear:both;content:"";display:block;}
    #wrap .bbs_view div.view_tit > h3,
    #wrap .bbs_view div.view_tit > p {margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;font-size:0;}
    #wrap .bbs_view div.view_tit > p span {display:inline-block;vertical-align:middle;color:#888;font-size: inherit;line-height:1.8;}
    #wrap .bbs_view div.view_tit > p span + span {}
    #wrap .bbs_view div.view_tit > p span + span:before {content:'';display:inline-block;vertical-align:middle;background:#ccc;width:1px;height:12px;margin:0 13px;}
    #wrap .bbs_view div.view_tit > h3 {font-size: 17px;line-height: 1.588;width:80%;color:#222222;font-weight: 500;text-align:left;}
    #wrap .bbs_view div.view_tit > p {font-size: 15px;width:20%;line-height:inherit;color:#666666;text-align:right;}
        /* 모바일.메일 */
    #wrap .bbs_view div.view_etc {padding:1.2% 30px;border-bottom:1px solid #bbbbbb;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
    #wrap .bbs_view div.view_etc:after {clear:both;content:"";display:block;}
    #wrap .bbs_view div.view_etc span {line-height:20px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
    #wrap .bbs_view div.view_etc span + span {margin-left:60px;}
    #wrap .bbs_view div.view_etc span em {padding:0 10px 0 0;color:#222;font-weight:700;font-size:inherit;line-height:inherit;display:inline-block;vertical-align:middle;}
    #wrap .bbs_view div.view_etc span em:after {width:1px;height:10px;margin:0;margin-left:10px;background:#ccc;vertical-align:middle;content:"";display:inline-block;}
        /* 내용 */
    #wrap .bbs_view div.view_cont {padding: 20px 23px;font-size:13px;line-height:25px;min-height:300px;border-bottom:1px solid #bbbbbb;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;word-break:break-all;}
    #wrap .bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.2%;text-align:center;}
    #wrap .bbs_view div.view_cont .thumb_img_wrap img {margin:0 auto;}
    #wrap .bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
        /* 비디오 */
    #wrap .bbs_view div.view_cont .view_video {position:relative;width:100%;height:0;padding-top:56.25%;}
    #wrap .bbs_view div.view_cont .view_video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
        /* 첨부파일 */
    #wrap .bbs_view h4 {border-bottom:1px solid #bbbbbb;padding:17px 30px;font-size: 15px;font-weight: 500;color:#666666;}
    #wrap .bbs_view h4.thumb_wrap {padding-bottom:7px;}
    #wrap .bbs_view h4 span {display:inline-block;color:#444;font-weight:600;padding-right:0;margin-right:0;}
    #wrap .bbs_view h4 span:after {display:inline-block;width:1px;height:10px;background:#d3d3d3;vertical-align:middle;margin:0 15px;padding:0;content:"";}
    #wrap .bbs_view h4 a {display:inline-block;}
    #wrap .bbs_view h4 a + a {margin-left:20px;}
        /* 답변 내용 */
    #wrap .bbs_view + .bbs_view {margin-top:2.4%;z-index:5;}
    #wrap .bbs_view + .bbs_view div.view_tit {}
    #wrap .bbs_view + .bbs_view div.view_tit > h3 {font-size:14px;}
        /* 버튼 */
    #wrap .bbs_view + .view_btn {}
    #wrap .bbs_view + .view_btn:after {clear:both;content:"";display:block;}
    #wrap .view_btn{position: relative; text-align: center;}


	/*** 특허증 게시판 - 목록 ***/
	#wrap.sub_achievement ul.bbs_gallery {display:flex; flex-wrap:wrap;}
	#wrap.sub_achievement ul.bbs_gallery li{margin-right:30px; width:calc(100% / 4 - 22.5px);text-align:center;}
	#wrap.sub_achievement ul.bbs_gallery li:nth-child(4n){margin-right:0;}
	#wrap.sub_achievement ul.bbs_gallery li .thumb {position:relative;border: 10px solid #ddd;box-sizing:border-box;padding:0;height:fit-content;overflow:visible;}
	#wrap.sub_achievement ul.bbs_gallery li .thumb img {position:static;z-index:1;transform:none;}
		#wrap.sub_achievement ul.bbs_gallery li .thumb:before{position:absolute;content:'';top: -10px;left: -10px;width: calc(100% + 20px);height: calc(100% + 20px);box-sizing:border-box;border: 11px solid #fff0;border-right-color:#eee;border-bottom-color: #eee;z-index:1;}
		#wrap.sub_achievement ul.bbs_gallery li .txt_info {margin-top: 18px;padding-top:0}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info .board_tit {font-size:18px;font-weight:400;color:#333;line-height: 145%;letter-spacing: -0.04em;padding:0;}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info .board_tit h3 strong {font-size:18px;}
	#wrap.sub_achievement ul.bbs_gallery li p, #wrap.sub_achievement ul.bbs_gallery li .board_ico {display:none;}


@media only screen and (max-width: 1217px) {
		/*** 특허증 게시판 - 목록 ***/
	#wrap.sub_achievement ul.bbs_gallery li {margin-right:25px; width:calc(100% / 4 - 18.75px);}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info .board_tit h3 strong {font-size:17px;}
}
@media only screen and (max-width:1200px) {
		/* 게시판 소타이틀 */
	.bbs_write + .bbs_write_title {padding-top:2.2%;}
		/* 게시판 설명글 */
	.bbs_write_info {padding-top:2.0%;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	#wrap .bbs_view div.view_tit {padding:1.2% 20px;}
		/* 모바일.메일 */
	#wrap .bbs_view div.view_etc {padding:1.2% 20px;}
		/* 내용 */
	#wrap .bbs_view div.view_cont {padding:1.2% 20px;}
		/* 댓글 폼 */
	.board_comment {padding:1.2% 20px;margin:2.4% auto 0;}
		/* 댓글 목록 */
	.board_comment_list .comment {padding:1.2% 20px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
}
@media only screen and (max-width:1023px) {
		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write colgroup col:first-of-type {width:20%;}
	table.bbs_write th,
	table.bbs_write td {padding-left:12px;padding-right:12px;}
	table.bbs_write th {padding-left:20px;padding-right:20px;}

	div.bbs_write .tr .th {width:20%;}
	div.bbs_write .tr .td {width:80%;}
	div.bbs_write .th,
	div.bbs_write .td {padding-left:12px;padding-right:12px;}
	div.bbs_write .th {padding-left:20px;padding-right:20px;}

		/*** TABLE view ( board/board_view ) ***/
	#wrap .bbs_view {margin-top:30px;}
		/* 제목.작성자.작성일 */
	#wrap .bbs_view div.view_tit > h3 {font-size:14px;}
	#wrap .bbs_view div.view_tit > p {font-size:12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 일반형 목록 */
	#wrap table.bbs_list th,
	#wrap table.bbs_list td {padding-top:13px;padding-bottom:13px;padding-left:12px;padding-right:12px;}
	
		/* 추가필드 */
	.sub_board .bbs_view .extra_editor_wrap > h4 {width:100px;}

		/*** 특허증 게시판 - 목록 ***/
	#wrap.sub_achievement ul.bbs_gallery li{margin-right:15px; width:calc(100% / 4 - 11.25px);}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info {margin-top:13px;}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info .board_tit h3 strong {font-size:16px;}
}
@media only screen and (max-width: 860px) {
		/*** TABLE view ( board/board_view ) ***/
	#wrap .bbs_view {margin-top:20px;}
		/* 제목.작성자.작성일 */
	#wrap .bbs_view div.view_tit {padding:1.6% 12px;}
	#wrap .bbs_view div.view_tit > h3 {width:76%;}
	#wrap .bbs_view div.view_tit > p {width:24%;}
		/* 모바일.메일 */
	#wrap .bbs_view div.view_etc {padding:1.6% 12px;}
	#wrap .bbs_view div.view_etc span + span {margin-left:40px;}
		/* 내용 */
	#wrap .bbs_view div.view_cont {padding:1.6% 12px;font-size:12px;line-height:21px;min-height:240px;}
	#wrap .bbs_view div.view_cont .view_video {padding-bottom:1.6%;}
	#wrap .bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.6%;}
	#wrap .bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
		/* 답변 내용 */
	#wrap .bbs_view + .bbs_view {margin-top:4.6%;}
		/* 댓글 폼 */
	.board_comment {padding:1.6% 12px;margin:4.6% auto 0;}
	.board_comment .comment_name {font-size:12px;}
	.board_comment .comment_memo {padding:1.6% 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:4.6% auto 0;}
	.board_comment_list .comment_title {font-size:12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	#wrap .board_search {line-height:36px;}
	#wrap .board_search .bbs_num {line-height:36px;font-size:13px;}
	#wrap .board_search select, 
	#wrap .board_search input, 
	#wrap .board_search span, 
	#wrap .board_search label {height:36px;font-size:13px;}
	#wrap .board_search select {width:100px;}
	#wrap .board_search input.input_text {width:200px;}
	#wrap .board_search .btn_search {width:35px;}
		/* 일반형 목록 */
	#wrap table.bbs_list {}
	#wrap table.bbs_list tr {}
	#wrap table.bbs_list th,
	#wrap table.bbs_list td {padding-top:1.6%;padding-bottom:1.6%;font-size:12px;}
	#wrap table.bbs_list td .board_tit h3 {font-size:13px;}
	#wrap table.bbs_list th {font-size:13px;}

		/* 게시판 개인정보취급 */
	.policy_cont {margin-top:20px;padding: 18px;}

			/*** 특허증 게시판 - 목록 ***/
	#wrap.sub_achievement ul.bbs_gallery li{width:calc(100% / 3 - 10px);}
	#wrap.sub_achievement ul.bbs_gallery li:nth-child(4n){margin-right:15px;}
	#wrap.sub_achievement ul.bbs_gallery li:nth-child(3n){margin-right:0;}
}
@media only screen and (max-width:767px) {
	.bbs_title_box {margin-bottom:10px;}
		/* 게시판 소타이틀 */
	.bbs_write_title {display:none;}
	.bbs_write + .bbs_write_title + .bbs_write {margin-top:6.8%;}
		/* 게시판 설명글 */
	.bbs_write_info {font-size:13px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
		/* 일반형 목록 */
	#wrap table.bbs_list .td_wide {display:none;}
	#wrap table.bbs_list col:first-child,
	#wrap table.bbs_list col:first-child {width:10%;}
}
@media only screen and (max-width: 640px) {
	
		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
		/* 제목.작성자.작성일 */
	#wrap .bbs_view div.view_tit {padding:2.4% 12px;}
	#wrap .bbs_view div.view_tit > h3,
	#wrap .bbs_view div.view_tit > p {line-height:22px;}
	#wrap .bbs_view div.view_tit > h3 {font-size:13px;width:100%;}
	#wrap .bbs_view div.view_tit > p {width:100%;padding-top:6px;text-align:left;}
    #wrap .bbs_view div.view_tit > p span {font-size:12px;}
    #wrap .bbs_view div.view_tit > p span + span:before {height:8px;}
		/* 모바일.메일 */
	#wrap .bbs_view div.view_etc {padding:2.4% 12px;}
	#wrap .bbs_view div.view_etc span + span {margin-left:20px;}
	#wrap .bbs_view div.view_etc span em {padding:0 8px 0 0;}
	#wrap .bbs_view div.view_etc span em:after {margin-left:8px;}
		/* 내용 */
	#wrap .bbs_view div.view_cont {padding:2.4% 12px;font-size:12px;line-height:21px;min-height:200px;}
	#wrap .bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
	#wrap .bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	#wrap .bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
		/* 답변 내용 */
	#wrap .bbs_view + .bbs_view {margin-top:6.4%;}
	#wrap .bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 12px;margin:6.4% auto 0;}
	.board_comment .comment_memo {padding:2.4% 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:6.4% auto 0;}
	.board_comment_list .comment {padding:2.4% 12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	#wrap .board_search {line-height:32px;}
	#wrap .board_search .bbs_num {line-height:32px;font-size:12px;}
	#wrap .board_search select, 
	#wrap .board_search input, 
	#wrap .board_search span, 
	#wrap .board_search label {font-size:12px;}
	#wrap .board_search select {width:100px;margin-right:6px;}
	#wrap .board_search input.input_text {}
	#wrap .board_search .btn_search {}
		/* 일반형 총 게시글수 */
	#wrap .bbs_num {padding:0 0 8px 0;font-size:12px;}
		/* 일반형 목록 */
	#wrap table.bbs_list {table-layout:inherit;}
	#wrap table.bbs_list th,
	#wrap table.bbs_list td {padding-top:2.4%;padding-bottom:2.4%;}
	#wrap table.bbs_list col:first-child,
	#wrap table.bbs_list col:first-child {width:14%;}
	#wrap table.bbs_list td .board_tit .board_ico {}
	#wrap table.bbs_list td .board_tit .board_ico img {height: 13px;}
	#wrap table.bbs_list td .board_tit h3 {font-size:12px;width: calc(100% - 25px);max-width: 400px;}
	#wrap table.bbs_list td .board_tit h3 strong {max-width:calc(100% - 50px);}
    #wrap table.bbs_list td .board_tit .ico_reply {height: 7px;}
   	#wrap table.bbs_list th:nth-of-type(2),
   	#wrap table.bbs_list td:nth-of-type(2) {width:calc(100% - 8.8%);}
   	#wrap table.bbs_list th:nth-of-type(3),
   	#wrap table.bbs_list td:nth-of-type(3) {display:none;}

		/* 추가필드 */
		.sub_board .bbs_view .extra_editor_wrap > h4 {font-size:12px;}
		.sub_board .bbs_view .extra_editor_wrap > h4,
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding:10px;}
}

@media only screen and (max-width: 530px) {
		/* 검색 */
	#wrap .board_search {line-height:30px;}
	#wrap .board_search .bbs_num {line-height:30px;}
	#wrap .board_search select, 
	#wrap .board_search input, 
	#wrap .board_search span, 
	#wrap .board_search label {height:30px;}
	#wrap .board_search select {width:80px;margin-right:6px;}
	#wrap .board_search input.input_text {width:150px;}
	#wrap .board_search .btn_search {}
		/* 일반형 목록 */
   	#wrap table.bbs_list th:nth-of-type(1),
   	#wrap table.bbs_list td:nth-of-type(1) {min-width: 30px;}
	#wrap table.bbs_list td .board_tit h3 {max-width: 300px;}

		/* 게시판 개인정보취급 */
	.policy_cont {margin-top: 10px;padding: 15px;}

}

@media only screen and (max-width: 479px) {
		/* 게시판 설명글 */
	.bbs_write_info {font-size:12px;line-height:18px;padding-top:2.0%;}
	

		/*** TABLE view ( board/board_view ) ***/
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 12px;}
	.bbs_view div.view_etc span {line-height:20px;}
	.bbs_view div.view_etc span + span {margin-left:20px;}
	.bbs_view div.view_etc span em {padding:0 8px 0 0;}
	.bbs_view div.view_etc span em:after {margin-left:8px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:2.4% 12px;font-size:12px;line-height:20px;min-height:180px;}
	.bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:9.6%;}
	.bbs_view + .bbs_view div.view_tit {}
	.bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
		/* 버튼 */
	.bbs_view + .view_btn {}
		/* 게시판 개인정보취급 */
	.policy_cont {}
	.policy_cont > div {padding:0 0 4px;line-height:30px;}
	.policy_cont > div input[type=checkbox] {}
	.policy_cont > div label {margin-right:12px;}
	.policy_cont > textarea {height:70px !important;line-height:20px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 12px;margin:9.6% auto 0;}
	.board_comment .comment_name {font-size:0;}
	.board_comment .comment_name span {display:inline-block;width: calc(40% - 4px);font-size:12px;line-height:30px;}
	.board_comment .comment_name span input {width:100%;}
	.board_comment .comment_name span + span {}
	.board_comment .comment_name span + span input {}
	.board_comment .comment_memo {padding:1.2% 0 2.4%;}
	.board_comment .comment_memo textarea {width: calc(100% - 100px);height: 54px;}
		/* 댓글 목록 */
	.board_comment_list {margin:9.6% auto 0;}
	.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
	.board_comment_list .comment {padding:2.4% 12px;}
	.board_comment_list .comment .comment_writer,
	.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
	.board_comment_list .comment span.board_line {margin:0 8px;}
	.board_comment_list .comment .com_txt,
	.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
	.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
	.board_comment_list .comment .com_modify {margin:8px 0 0;}
	.board_comment_list .comment .com_modify textarea {width: calc(100% - 76px);height:72px;}
		/* 댓글 비번 레이어 */
	.board_comment_list .comment .comment_password {right:12px;width:300px;border-radius:8px;padding:8px;}
	.board_comment_list .comment .comment_password input {width:158px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	#wrap .board_search {}
	#wrap .board_search .bbs_num,
	#wrap .board_search .bbs_search {float:inherit;width:100%;text-align:left;}
	#wrap .board_search select, 
	#wrap .board_search input, 
	#wrap .board_search span, 
	#wrap .board_search label {height:35px;}
	#wrap .board_search select {width:40%;max-width:120px;}
	#wrap .board_search .board_search_sel {width:100%;margin-bottom:6px;}
	#wrap .board_search input.input_text {width:calc(100% - 35px);}
	#wrap .board_search .btn_search {}

		/* 일반형 목록 */
	#wrap table.bbs_list {}
	#wrap table.bbs_list tr {}
	#wrap table.bbs_list th,
	#wrap table.bbs_list td {padding-top:12px;padding-bottom:12px;padding-left:8px;padding-right:8px;}
	#wrap table.bbs_list th {}
	#wrap table.bbs_list td {}
	#wrap table.bbs_list td .board_tit h3 {max-width: 330px;}

		/*** 특허증 게시판 - 목록 ***/
	#wrap.sub_achievement ul.bbs_gallery li{width:calc(100% / 2 - 7.5px);}
	#wrap.sub_achievement ul.bbs_gallery li:nth-child(3n){margin-right:15px;}
	#wrap.sub_achievement ul.bbs_gallery li:nth-child(2n){margin-right:0;}
	#wrap.sub_achievement ul.bbs_gallery li .thumb{border-width:5px;}
	#wrap.sub_achievement ul.bbs_gallery li .thumb:before{border-width:6px; width:calc(100% + 12px); height:calc(100% + 12px); top:-6px; left:-6px;}
	#wrap.sub_achievement ul.bbs_gallery li .txt_info .board_tit h3 strong {font-size:15px;}
}

@media only screen and (max-width:390px) {
		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	#wrap .board_search select {width:calc(50% - 3px);max-width: inherit;}
	#wrap .board_search select:last-of-type {margin-right:0;}
		/* 일반형 목록 */
	#wrap table.bbs_list td .board_tit h3 {max-width: 270px;}
}
@media only screen and (max-width:320px) {
	/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:2.4% 8px;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 8px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:2.4% 8px;min-height:160px;}
		/* 썸네일 */
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:4px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:9.6%;}
		/* 게시판 개인정보취급 */
	.policy_cont > div {padding:0 0 4px;line-height:30px;}
	.policy_cont > div input[type=checkbox] {}
	.policy_cont > div label {margin-right:8px;}
	.policy_cont > textarea {height:70px !important;line-height:20px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 8px;margin:9.6% auto 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:9.6% auto 0;}
	.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
	.board_comment_list .comment {padding:2.4% 8px;}
	.board_comment_list .comment .comment_writer,
	.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
	.board_comment_list .comment span.board_line {margin:0 8px;}
	.board_comment_list .comment .com_txt,
	.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
	.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
	.board_comment_list .comment .com_modify {margin:8px 0 0;}
	.board_comment_list .comment .com_modify textarea {width: calc(100% - 76px);height:72px;}
		/* 댓글 비번 레이어 */
	.board_comment_list .comment .comment_password {right:8px;top:50%;width:276px;line-height:30px;font-size:12px;border-radius:8px;padding:8px;}
	.board_comment_list .comment .comment_password input {width:138px;}

}


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
/* custom button type */
	/* button 공통 요소 */
#wrap .btn, 
#wrap .btn_xs,
#wrap .btn_lg, 
#wrap .btn_sm, 
#wrap .btn_md {font-weight:400;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;transition:all .2s;}
	/* button 크기별 */
#wrap .btn_xs {width:auto;height:40px;line-height:40px;font-size:13px;padding:0 1em;font-weight:500;background:#aaa;border:1px solid #aaa;color:#fff;} /* 테이블 내부 버튼 */
#wrap .btn_sm {width:75px;height:50px;line-height:50px;font-size:16px;}
#wrap .btn_md {width:120px;height:50px;line-height:50px;font-size:16px;}
#wrap .btn_lg {width:140px;height:50px;line-height:50px;font-size:18px;}

#wrap .sub_board_list .btn_md {height:45px;line-height:45px;}

	/* button 색상별 */
#wrap .btn_point, 
#wrap .btn_point:hover {border-color:var(--point-color01) !important;background-color:var(--point-color01) !important;color:#fff !important;}
#wrap .btn_line, 
#wrap .btn_line:hover {background-color:#fff !important;color:#555 !important;}
#wrap .btn_line {border-color:#aaa !important;}
#wrap .btn_line:hover {border-color:#333 !important;}
#wrap .btn_basic, 
#wrap .btn_basic:hover {border-color:#444 !important;background-color:#444 !important;color:#fff !important;}
#wrap .btn_info, 
#wrap .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
#wrap .btn_reset, 
#wrap .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 */
#wrap .btn_wrap {margin:0 auto;padding:0;padding-top: 4.2%;font-size:0;vertical-align:top;display:inline-block;}
#wrap .btn_wrap.ta_center {width:100%;}
#wrap .btn_wrap a + a,
#wrap .btn_wrap button + button,
#wrap .btn_wrap a + button,
#wrap .btn_wrap button + a {margin-left: 20px;vertical-align:top;}
#wrap .btn_wrap .btn_sm + .btn_sm {margin-left:10px;}
#wrap .btn_wrap button > a, 
#wrap .btn_wrap a > a{margin-left:0;}
#wrap .view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

@media only screen and (max-width:1200px) {
		/* button wrapper */
	#wrap .btn_wrap {padding-top:3.8%;}
}
@media only screen and (max-width:1023px) {
		/* button 크기별 */
	#wrap .btn_sm {width:70px;height:45px;line-height:45px;font-size:15px;}
	#wrap .btn_md {width:110px;height:40px;line-height:40px;font-size:15px;}
	#wrap .btn_lg {width:130px;height:45px;line-height:45px;font-size:17px;}
	
	#wrap .sub_board_list .btn_md {height:40px;line-height:40px;}

		/* button wrapper */
	#wrap .btn_wrap {padding-top:4.2%;}
	#wrap .view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
}
@media only screen and (max-width:860px) {
	#wrap .btn_xs {height:35px;line-height:35px;font-size:12px;padding: 0 0.8em;} /* 테이블 내부 버튼 */

}
@media only screen and (max-width:640px) {
		/* button 크기별 */
	#wrap .btn_sm {width:65px;height:40px;line-height:40px;font-size:13px;}
	#wrap .btn_md {width: 100px;height:40px;line-height:40px;font-size:13px;}
	#wrap .btn_lg {width:100px;height:40px;line-height:40px;font-size:15px;}

		/* button wrapper */
	#wrap .btn_wrap {padding-top:5%;}
	#wrap .btn_wrap a + a,
	#wrap .btn_wrap button + button,
	#wrap .btn_wrap a + button,
	#wrap .btn_wrap button + a {margin-left: 12px;}
	#wrap .view_btn .paging + .btn_wrap.ta_right {top: -10px;}
}
@media only screen and (max-width:479px) {
		/* button 크기별 */
	#wrap .btn_sm {width:50px;height:35px;line-height:35px;;}
	#wrap .btn_md {width: 90px;height:35px;line-height:35px;}
	#wrap .btn_lg {width:90px;height:35px;line-height:35px;font-size:14px;}

	#wrap .sub_board_list .btn_md {height:35px;line-height:35px;}

		/* button wrapper */
	#wrap .btn_wrap {padding-top:8%;}
	#wrap .btn_wrap .btn_sm + .btn_sm,
	#wrap .btn_wrap a + a,
	#wrap .btn_wrap button + button,
	#wrap .btn_wrap a + button,
	#wrap .btn_wrap button + a {margin-left:6px;}
	#wrap .view_btn .paging {width:100%;min-height:87px;}
}
@media only screen and (max-width:400px) {
	#wrap .view_btn .paging + .btn_wrap.ta_right {top:40px;}
}