@charset "utf-8";

/* .text-effect-box {
	overflow: hidden;
	position: relative;
	display: block;
}
.text-effect-box .text-effect {
	display: block;
	transform: translateY(100%);
	opacity: 0;
	transition: all 1.2s ease-in-out;
}
.text-effect-box.visible .text-effect {
	transform: translateY(0%);
	opacity: 1;
} */

.k_container {font-family: 'Wanted Sans Variable';}
.sub_contents {width:100%;   color:#5f5f5f;  font-size:1.8rem;  overflow:hidden;  padding-top: 8rem; line-height:1.4;}
.sub_content2 {width:100%;   color:#5f5f5f;  font-size:1.8rem;   }
.sec_tltle1 {font-size: 3.8rem; font-weight: 600; color: #000;}
.sec_tltle2 {font-size: 2.6rem; font-weight: 600; color: var(--main-color); font-family: 'Wanted Sans Variable';}
@media( max-width:768px) {
	.sec_tltle1 {font-size: 3.2rem;}
}
@media( max-width:768px) {
	.sec_tltle1 {font-size: 2.8rem;}
	.sec_tltle2 {font-size: 2.2rem;}
}

.wid_1700 {width:100%; position:relative; max-width:1700px; margin:auto; }
.wid_1600 {width:100%; position:relative; max-width:1600px; margin:0 auto}
.wid_1500 {width:100%; position:relative; max-width:1530px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}

/* .grey_bg {background:#f2f5f9;} */
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}
.txt_b {font-weight: 600 !important;}
.txt_sb {font-weight: 700 !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

.only_pc2 {display:block;}
.only_mob2 {display:none;}

@media( max-width:1700px) {
	.side_pd {padding-left: 40px !important; padding-right: 40px !important;}
	.sub_contents {overflow:hidden; }
	.sub_content2 { }
	.sub_content3 {overflow-x:hidden; }
}

@media( max-width:1024px) {
	.side_pd {padding-left: 24px !important; padding-right: 24px !important;}
	.only_pc {display:none;}
	.only_mob {display:block;}
}

@media( max-width:768px) {
	.div_scroll2 table {width:760px; font-size:15px;}
	.div_scroll2 img {max-width:1024px !important;}
	.only_pc2 {display:none;}
	.only_mob2 {display:block;}
	.sub_contents {padding-top:4rem }
}

@media( max-width:600px) {
	.div_scroll table {width:600px; font-size:15px;}
	.div_scroll img {max-width:768px !important;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}
.mg_b110{margin-bottom:11.0rem!important;}
.mg_b120{margin-bottom:12.0rem!important;}
.mg_b150{margin-bottom:15.0rem!important;}
.mg_b200{margin-bottom:20.0rem!important;}

.sec_mb {margin-bottom: 18rem;}

.pd_t100 {padding-top:10.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}

.br_12 {border-radius: 1.2rem; overflow: hidden;}
.br_25 {border-radius: 2.5rem; overflow: hidden;}
.br_35 {border-radius: 3.5rem; overflow: hidden;}
@media( max-width: 1400px ) {
	/* .mg_b110{margin-bottom:9.0rem!important;} */
	/* .mg_b120{margin-bottom:10.0rem!important;}
	.mg_b150{margin-bottom:12.5rem!important;} */
	
}
@media( max-width: 1024px ) {
	.mg_b30{margin-bottom:2.4rem!important;}
	.mg_b110{margin-bottom: 10.0rem!important;}
	.mg_b150{margin-bottom:12.0rem!important;}
	.mg_b200{margin-bottom: 18.0rem!important;}

	.sec_mb {margin-bottom: 18rem;}

	.br_25 {border-radius: 2rem;}
	.br_35 {border-radius: 2.8em; }
}
@media( max-width: 768px ) {
	.mg_b110{margin-bottom: 9.0rem!important;}
	.mg_b150{margin-bottom: 10.0rem!important;}
	.mg_b200{margin-bottom: 14.0rem!important;}
	
	.sec_mb {margin-bottom: 12rem;}
	.br_25 {border-radius: 1.6rem;}
	.br_35 {border-radius: 2.4em; }
}



.flex_box {display:flex; flex-wrap:wrap;}
.fw_w { flex-wrap: wrap; }
.jc_sb {justify-content: space-between;}
.jc_c { justify-content: center; }
.ai_s { align-items: start; }
.ai_c { align-items: center; }
.ai_st { align-items: stretch; }

.grid { display: grid; }
.cols_2 { grid-template-columns: repeat(2, 1fr); }
.cols_3 { grid-template-columns: repeat(3, 1fr); }
.cols_4 { grid-template-columns: repeat(4, 1fr); }
.cols_5 { grid-template-columns: repeat(5, 1fr); }
.cols_6 { grid-template-columns: repeat(6, 1fr); }

@media( max-width: 1400px ) {
    .cols_5 { grid-template-columns: repeat(4, 1fr); }
    .cols_6 { grid-template-columns: repeat(4, 1fr); }
}
@media( max-width: 1024px ) {
	.cols_3 { grid-template-columns: repeat(2, 1fr); }
    .cols_4 { grid-template-columns: repeat(2, 1fr); }
    .cols_5 { grid-template-columns: repeat(3, 1fr); }
    .cols_6 { grid-template-columns: repeat(3, 1fr); }
}
@media( max-width: 768px ) {
    .cols_2 { grid-template-columns: repeat(1, 1fr); }
    .cols_3 { grid-template-columns: repeat(1, 1fr); }
    .cols_4 { grid-template-columns: repeat(1, 1fr); }
    .cols_5 { grid-template-columns: repeat(2, 1fr); }
    .cols_6 { grid-template-columns: repeat(2, 1fr); }
}

.gap_16 { gap: 1.6rem; }
.gap_24 { gap: 2.4rem; }
.gap_32 { gap: 3.2rem; }
.gap_40 { gap: 4rem; }
.gap_56 { gap: 5.6rem; }
.gap_70 { gap: 7rem; }
@media( max-width: 1400px ) {
	.gap_32 { gap: 2.8rem; }
	.gap_40 { gap: 3.6rem; }
	.gap_70 { gap: 5.5rem; }
}
@media( max-width: 1024px ) {
	.gap_16 { gap: 1.2rem; }
	.gap_24 { gap: 1.6rem; }
	.gap_32 { gap: 2.4rem; }
	.gap_40 { gap: 3.2rem; }
	.gap_56 { gap: 4.8rem; }
	.gap_70 { gap: 5.8rem; }
}





/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 500;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}


.table tfoot {background:#f8f8f8; }
.table tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table tfoot th:first-child {border-left: 0;}

.bor_right {border-right:1px solid #bebebe;}
.table_bg {background:#f8f8f8;}

.table2 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45; border-top: 3px solid #2a303a;}
.table2 thead {  background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 2.0rem;color: #000;  vertical-align: middle;  font-weight: 500;}
.table2 tbody td {border-bottom: 1px solid #bebebe; /*border-left: 1px solid #bebebe;*/ padding: 2.0rem; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}



.table3 {width:100%;   position:relative; font-size: 1.8rem; background:#fff;; line-height:1.65; }
.table3 thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table3 thead th{ border-bottom: 1px solid #2a303a; text-align:center;     border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table3 thead th:first-child {border-left: 0;}
.table3 .le_line { border-left: 1px solid #2a303a !important;}
.table3 .le_line2 { border-left: 1px solid #bebebe !important;}

.table3 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 500; text-align:center;  }
.table3 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table3 tbody td:first-child {border-left: 0; text-align:center; }

.table3 tbody td strong {color:#000;}

.table3 tfoot {background:#f8f8f8; }
.table3 tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table3 tfoot th:first-child {border-left: 0;}




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

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

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

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

}


.product_table { justify-content: space-between; margin-top:6.0rem; }
.product_table .table_50 {width:49%;  }
.product_table .table_50 h3 {text-align:left; font-size:2.4rem; position:relative; padding-left:2.0rem;}
.product_table .table_50 h3:before {content:''; width:6px; height:70%; background:#d01c39; left:0; top:10%; position:absolute; }
.product_table .table_50 table {margin-top:1.5rem; }
@media screen and (max-width: 1400px){
.product_table .table_50 {width:100%;  }
.product_table .table_50:nth-child(2n) {margin-top:8.0rem;}
}







/* 회사개요 */
.company .sec1 .head .title {
	font-size: 4.2rem;
	color: #000;
	font-weight: 600;
}
.company .sec1 .factory .name {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 1.6rem;
	font-size: 3.2rem;
	color: #000;
}
.company .sec1 .factory .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.company .sec1 .factory .info {
	border: 1px solid #ccc;
	padding: 7.2rem;
}
.company .sec1 .factory.fac1 .info {
	display: flex;
	justify-content: start;
	align-items: center;
}
.company .sec1 .factory.fac2 .info {
	padding: 4.4rem 7.2rem;
}
.company .sec1 .factory .info li {
	display: flex;
	justify-content: start;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.company .sec1 .factory .info li:last-child {
	margin-bottom: 0;
}
.company .sec1 .factory .info li .label {
	min-width: 12rem;
}
.company .sec1 .factory .info li .desc {
	color: #000;
}

.company .sec2 .wrap {
	padding: 11rem 0;
}
.company .sec2 .head {
	text-align: center;
}
.company .sec2 .head .sec_tltle2 {
	margin-bottom: .4rem;
}
.company .sec2 .head .sec_tltle1 {
	font-size: 4.2rem;
}
.company .sec2 .head .sec_tltle1 {
	margin-bottom: 1.2rem;
}
.company .sec2 .head .txt {
	font-size: 2.4rem;
}
/* 지도 */
.company .sec2 .map {
    position: relative;
    padding: 4rem 0;
}

/* 지도 배경 */
.company .sec2 .map .map_bg {
    width: 100%;
    padding: 0 11rem;
}
.company .sec2 .map .map_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company .sec2 .map .mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.company .sec2 .map .mark > div {
    position: absolute;
    text-align: center;
    cursor: pointer;
}
.company .sec2 .map .mark .ko {
    left: 36.8%;
    top: 38.2%;
}
.company .sec2 .map .mark .vina {
    left: 31.49%;
    top: 46.78%;
}
.company .sec2 .map .mark .rus {
    left: 16.2%;
    top: 30.8%;
}
.company .sec2 .map .mark .icon {
    margin-bottom: 1.2rem;
}
.company .sec2 .map .mark .label {
    padding: .7rem 2.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all .6s ease;
}
.company .sec2 .map .mark > div:hover .label {
    color: #fff;
    background-color: var(--main-color);
}
.company .sec2 .map .mark > div.active .label {
    color: #fff;
    background-color: var(--main-color);
}

/* 마크에서 브런치로 연결선 */
.company .sec2 .map .mark > div.active::after {
    content: '';
    position: absolute;
    top: 44%;
    left: 54%;
    width: 300px;
    height: 2px;
    background-color: var(--main-color);
}
.company .sec2 .map .mark > .rus.active::after {
    width: 460px;
}

/* 브런치 */
.company .sec2 .map .branch {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(60%, -50%);
    z-index: 10;
    width: 560px;
    background-color: #fff;
    border: 1px solid var(--main-color);
    padding: 4rem;
    box-shadow: 0 0 1.6rem 1rem rgba(167, 23, 46, 0.35);
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-out;
}
.company .sec2 .map .rus .branch {
	/* 세영 루스 브런치 위치 */
    transform: translate(90%, -50%);
}
.company .sec2 .map .mark > div.active .branch {
	opacity: 1;
	visibility: visible;
}

.company .sec2 .map .branch .br {
    display: flex;
    justify-content: start;
    gap: 2.4rem;
}
.company .sec2 .map .branch .br.bb {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
}
.company .sec2 .map .branch .br .info .name {
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 1.2rem;
}
.company .sec2 .map .branch .br .info .detail li {
    margin-bottom: 1rem;
}
.company .sec2 .map .branch .br .info .detail li:last-child {
    margin-bottom: 0;
}
.company .sec2 .map .branch .br .info .detail p {
    padding-left: 1.8rem;
}
.company .sec2 .map .branch .br .info .detail .t {
    color: #000;
    position: relative;
    margin-bottom: .4rem;
}
.company .sec2 .map .branch .br .info .detail .t::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    aspect-ratio: 1;
    background-color: var(--main-color);
}

.branch_popup {
    display: none;
}
@media (max-width: 1600px) {
	.company .sec2 .map .branch {
		transform: translate(40%, -50%);
	}
	.company .sec2 .map .mark .ko {
		left: 36.2%;
		top: 35.2%;
	}
	.company .sec2 .map .mark .vina {
		left: 30.49%;
		top: 47.78%;
	} 
	.company .sec2 .map .mark .rus {
		left: 16.2%;
		top: 28.8%;
	}
	.company .sec2 .map .map_bg {
		padding: 0 8rem;
	}
}
@media (max-width: 1400px) {
	.company .sec1 .head .title {
		font-size: 3.6rem;
	}
	.company .sec1 .head .logo {
		max-width: 30%;
	}
	.company .sec1 .factory .name {
		font-size: 2.8rem;
	}
	.company .sec1 .factory .icon {
		max-width: 36px;
	}
	.company .sec1 .factory .info {
		padding: 5rem 4rem;
	}
	.company .sec1 .factory.fac2 .info {
		padding: 4rem;
	}
	.company .sec1 .factory .info li .label {
		min-width: 10rem;
	}


	.company .sec2 .map  {
		min-height: 523px;
	}
	.company .sec2 .map .mark > div {
		position: absolute;
		text-align: center;
		cursor: pointer;
	}
	.company .sec2 .map .mark .ko {
		left: 34.8%;
        top: 33.2%;
	}
	.company .sec2 .map .mark .vina {
		left: 27.49%;
        top: 42.78%;
	}
	.company .sec2 .map .mark .rus {
		left: 13.2%;
        top: 25.8%;
	}
	.company .sec2 .map .map_bg {
		padding: 0 5rem;
	}

	/* PC용 branch 숨김 */
	.company .sec2 .map .branch {
		display: none;
	}
	.company .sec2 .map .mark > div .icon::after {
		display: none !important;
	}
	.company .sec2 .map .mark > div .label {
		transition: none;
	}

	/* 1400px branch 팝업 */
	.branch_popup {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
	}
	.branch_popup.active {
		display: block;
	}
	.branch_popup_dim {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	.branch_popup_inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		max-width: 600px;
		max-height: 85vh;
		overflow-y: auto;
		background: #fff;
		border: 1px solid var(--main-color);
		padding: 4rem 3rem;
		box-shadow: 0 0 1.6rem 1rem rgba(167, 23, 46, 0.35);
	}
	.branch_popup_close {
		position: absolute;
		top: 1.5rem;
		right: 1.5rem;
		cursor: pointer;
		z-index: 10;
	}
	.branch_popup_inner .br_group {
		display: none;
	}
	.branch_popup_inner .br_group.active {
		display: block;
	}
	.branch_popup_inner .br {
		display: flex;
		gap: 2.4rem;
	}
	.branch_popup_inner .br.bb {
		border-bottom: 1px solid #ccc;
		margin-bottom: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.branch_popup_inner .br .info .name {
		font-size: 2.2rem;
		font-weight: 600;
		color: var(--main-color);
		margin-bottom: 1.6rem;
	}
	.branch_popup_inner .br .info .detail li {
		margin-bottom: 1.2rem;
	}
	.branch_popup_inner .br .info .detail li:last-child {
		margin-bottom: 0;
	}
	.branch_popup_inner .br .info .detail p {
		padding-left: 1.8rem;
		color: #5f5f5f ;
	}
	.branch_popup_inner .br .info .detail .t {
		color: #000;
		position: relative;
		margin-bottom: .4rem;
	}
	.branch_popup_inner .br .info .detail .t::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 5px;
		aspect-ratio: 1;
		background-color: var(--main-color);
	}
}
@media screen and (max-width: 1024px){
	.company .sec1 .factory .info {
		padding: 3.2rem ;
	}
	.company .sec1 .factory.fac2 .info {
		padding: 3.2rem;
	}
	.company .sec1 .factory .info li {
		font-size: 1.8rem;
	}

	.company .sec2 .map {
		min-height: 295px;
        padding: 0;
    }
	.company .sec2 .map .mark .rus {
        left: 13.2%;
        top: 13.8%;
    }
	.company .sec2 .map .mark .ko {
        left: 34.8%;
        top: 23.2%;
    }
	.company .sec2 .map .mark .vina {
        left: 26.49%;
        top: 42.78%;
    }
	
}
@media screen and (max-width: 768px){
	.company .sec1 .head {
		flex-direction: column-reverse;
		text-align: center;
	}
	.company .sec1 .head.mg_b110 {
		margin-bottom: 10rem !important;
	}
	.company .sec1 .head .title {
        font-size: 2.9rem;
		font-weight: 600;
		margin-top: 3.2rem;
    }
	.company .sec1 .head .logo {
		max-width: 55%;
		padding-right: 2rem;
	}
	.company .sec1 .factory .icon {
        max-width: 28px;
    }
	.company .sec1 .factory.fac2 .gap_40 {
		gap: 0;
	}
	.company .sec1 .factory.fac2 .gap_40 .box {
        margin-bottom: 8rem;
    }
	.company .sec1 .factory.fac2 .gap_40 .box:last-child {
        margin-bottom: 0;
    }

	.company .sec2 .wrap {
		padding: 12rem 0;
	}
    .company .sec2 .map {
        min-height: 257px;
        padding: 0;
    }
	.company .sec2 .map .mark > div {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.company .sec2 .map .mark .rus {
        left: 14.2%;
        top: 27.8%;
    }    
	.company .sec2 .map .mark .ko {
        left: 59.8%;
        top: 27.2%;
    }
	.company .sec2 .map .mark .vina {
        left: 43.49%;
        top: 54.78%;
    }
	.company .sec2 .map .mark .label {
		padding: .4rem 1.8rem;
		font-size: 1.8rem;
	}
	.company .sec2 .map .mark .icon {
		max-width: 24px;
	}
	.company .sec2 .map .map_bg {
		padding: 0;
	}

	
	/* branch 팝업 */
	.branch_popup_inner {
        max-height: 80vh;
		padding: 6rem 3rem;
	}
	.branch_popup_inner .br {
		display: block;
	}
	.branch_popup_inner .br .thumb {
        max-width: 100%;
        height: 150px;
        overflow: hidden;
        margin-bottom: 2rem;
    }
	.branch_popup_inner .br .thumb img {
		object-fit: cover;
		width: 100%;
	}
}



/* 인사말 */
/* 인사말 */
.greetings {
	color: #000;
}
.greetings .sec1 {
}
.greetings .sec1 .left {
	flex: 1;
}
.greetings .sec1 .left .tit {
	font-size: 4rem;
	font-weight: 600;
	margin-bottom: 5.2rem;
}
.greetings .sec1 .left .subTit {
	font-size: 2.6rem;
	font-weight: 600;
	margin-bottom: 3rem;
}
.greetings .sec1 .left .txt {
	font-size: 1.8rem;
}
.greetings .sec1 .right {
	width: 45%;
	position: relative;
}
.greetings .sec1 .right .ceo {
    background-color: var(--main-color);
    text-align: right;
    padding-left: 3.3%;
}
.greetings .sec1 .right .ceo .image {
    overflow: hidden;
}
.greetings .sec1 .right .ceo .image img {
    transition: transform 0.3s ease-out;
    will-change: transform;
}
.greetings .sec1 .right .sign_wrap {
	transform: translateY(-50%);
}
.greetings .sec1 .right .sign {
	width: calc(100% - 26%);
	flex-wrap: nowrap;
	margin-left: auto;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 8.5rem 0 0 0;
	padding: 1.6rem;
	box-sizing: border-box;
	gap: 1.6rem;
}
.greetings .sec1 .right .sign .p1 {
	padding-left: 4rem;
	font-size: 2.4rem;
}
.greetings .sec1 .right .sign .p2 {
	font-size: 3.2rem;
	font-weight: 600;
}
.greetings .sec1 .right .sign .p3 {
	min-width: 8rem;
}

@media( max-width: 1400px ) {
	.greetings .sec1 {
		display: block;
	}
	.greetings .sec1 .left {
		margin-bottom: 6rem;
	}
	.greetings .sec1 .right {
		width: 61%;
		margin-left: auto;
	}
	.greetings .sec1 .right .ceo {
		max-height: 70rem;
		overflow: hidden;
	}
	.greetings .sec1 .right .ceo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.greetings .sec1 .right .sign {
		width: calc(100% - 10%);
		border-radius: 5.5rem 0 0 0;
	}
}
@media( max-width: 1024px ) {
	.greetings .sec1 .right {
		width: 75%;
		margin-left: auto;
	}
	.greetings .sec1 .right .ceo {
		max-height: 70rem;
	}
	.greetings .sec1 .right .sign {
		width: calc(100% - 10%);
	}
	.greetings .sec1 .right .sign .p1 {
		padding-left: 3rem;
	}
	.greetings .sec1 .right .sign .p3 {
		max-width: 14rem;
	}
}
@media( max-width: 768px ) {
	.greetings .sec1 .left .tit {
		font-size: 3rem;
		margin-bottom: 3rem;
	}
	.greetings .sec1 .left .subTit {
		font-size: 2.2rem;
	}

	.greetings .sec1 .right {
		width: 100%;
	}
	.greetings .sec1 .right .sign {
		width: calc(100% - 30px);
	}
	.greetings .sec1 .right .sign .p1 {
		padding-left: 2rem;
		font-size: 1.6rem;
	}
	.greetings .sec1 .right .sign .p2 {
		font-size: 2.6rem;
	}
	.greetings .sec1 .right .sign .p3 {
        max-width: 10rem;
    }
}













/* 연혁 */
/* 연혁 */
/* 연혁 */
.history {
	color: #000;
}
.history .sec1 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15rem;
	padding-bottom: 6rem;
}
.history .sec1 .tit {
	font-size: 3.8rem;
	font-weight: 500;
}
.history .sec1 .tit .txt_b {
	font-weight: 700 !important;
}

.history .sec2 .box {
	gap: 4rem;
}
.history .sec2 .box .wrap {
    align-items: stretch;
}
.history .sec2 .box .label {
	font-size: 3rem;
	font-weight: 700;
}
.history .sec2 .box .left {
	max-width: 57.2rem;
}
.history .sec2 .box .left .year {
	font-size: 6rem;
	display: flex;
	justify-content: start;
	gap: 1.6rem;
	margin-bottom: 1.6rem;
	font-weight: 700;
}
.history .sec2 .box .left .year .y1,
.history .sec2 .box .left .year .line {
	color: #777;
}
.history .sec2 .box .left .text {
	font-size: 2.8rem;
	font-weight: 600;
	margin-bottom: 5rem;
}
.history .sec2 .box .left .image {
    overflow: hidden;
}
.history .sec2 .box .left .image img {
    transition: transform 0.3s ease-out;
    will-change: transform;
}
.history .sec2 .box .right {
	min-width: 49.8%;
	max-width: 79.8rem;
}
.history .sec2 .box .right .item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 3.6rem;
	padding-bottom: 3.6rem;
	display: flex;
	justify-content: start;
	gap: 8.2rem;
}
.history .sec2 .box .right .item .year {
	font-size: 3rem;
	font-weight: 700;
	font-family: 'Wanted Sans Variable';
	min-width: 7.8rem;
}
.history .sec2 .box .right .item .cont p {
	font-size: 2rem;
	margin-bottom: 1.4rem;
}
.history .sec2 .box .right .item .cont p:last-child {
	margin-bottom: 0;
}

@media( max-width:1400px) {
	.history .sec1 .tit {
		font-size: 3.2rem;
	}
	.history .sec2 .box .label {
		font-size: 2.6rem;
	}
	.history .sec2 .box .wrap {
		gap: 3.2rem;
	}

	.history .sec2 .box .left {
		flex: 1;
	}
	.history .sec2 .box .left .text {
		font-size: 2.4rem;
	}
	.history .sec2 .box .left .year {
		font-size: 4.8rem;
		gap: 1.6rem;
	}

	.history .sec2 .box .right {
		min-width: 52%;
	}
	.history .sec2 .box .right .item {
		border-bottom: 1px solid #ddd;
		margin-bottom: 3.6rem;
		padding-bottom: 3.6rem;
		gap: 6rem;
	}
}
@media( max-width:1024px) {
	.history .sec2 .box .wrap {
        gap: 4rem;
    }
	.history .sec2 .box .left,
	.history .sec2 .box .right {
		width: 100%;
		max-width: 100%;
	}
	.history .sec2 .box .left .image img {
		width: 100%;
		max-height: 30rem;
		object-fit: cover;
	}
}
@media( max-width:768px) {
    .history .sec1 .tit {
        font-size: 2.8rem;
    }
	.history .sec2 .box .right .item .year {
		font-size: 2.8rem;
	}
	.history .sec2 .box .right .item .cont p {
		margin-bottom: .4rem;
	}
	.history .sec2 .box .left .image img {
        max-height: 24rem;
    }
}





/* 조직도 */
/* 조직도 */
/* 조직도 */
.organization .sec1 {
	position: relative;
	z-index: 3;
}
.organization .sec1 .head {
	text-align: center;
}
.organization .sec1 .head .sec_tltle2 {
	margin-bottom: 3rem;
}
.organization .sec1 .head .sec_tltle1 {
	font-weight: 500;
}
.organization .sec1 .map_bg {
	width: 100%;
	position: absolute;
	top: 3.5%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
@media( max-width:1400px) {
	.organization .sec1 .head .sec_tltle2 {
		margin-bottom: 1rem;
	}
	.organization .sec1 .head .sec_tltle1 {
		font-size: 3.2rem;
	}
	.organization .sec1 .map_bg {
		top: 8%;
	}
}
@media( max-width:768px) {
	.organization .sec1 .head .sec_tltle1 {
		font-size: 2.8rem;
	}
	.organization .sec1 .map_bg {
		top: 3%;
	}
}







/* 비전 */
/* 비전 */
/* 비전 */
.vision .sec1 .head {
	text-align: center;
}
.vision .sec1 .head .sec_tltle1 {
	margin-bottom: 1.6rem;
}
.vision .sec1 .head .txt {
	font-size: 2.4rem;
}
.vision .sec1 .cont1 {
	flex-wrap: nowrap;
}
.vision .sec1 .cont1 .circle {
	position: relative;
	width: 730px;
	max-width: 54.5%;
	aspect-ratio: 1;
	margin: 20px;
}
.vision .sec1 .cont1 .circle_dashed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vision .sec1 .cont1 .circle_red {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 644px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
	/* height: 644px; */
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: linear-gradient(to bottom right, var(--main-color) 0%, var(--main-color) 50%, #726f6e 100%);
}
.vision .sec1 .cont1 .circle_red .txt {
	width: 80%;
    height: 80%;
	display: flex;
	flex-direction: column;
}
.vision .sec1 .cont1 .circle_red .txt p {
	height: 30%;
	font-size: 3.5rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border: 1px dashed #fff;
	border-radius: 50%;
	margin: 0 auto 1.6rem;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s, transform 0.8s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.vision .sec1 .cont1 .circle_red .txt p.aos-animate {
    opacity: 1;
    transform: translateY(0);
}
.vision .sec1 .cont1 .circle_red .txt p:nth-child(1) {
	width: 90%;
	padding: 4.8rem;
}	
.vision .sec1 .cont1 .circle_red .txt p:nth-child(2) {
	width: 100%;
	padding: 5.8rem;
}	
.vision .sec1 .cont1 .circle_red .txt p:nth-child(3) {
	width: 90%;
	padding: 4.8rem;
	margin-bottom: 0;
}
.vision .sec1 .cont1 .circle_dots {
	position: absolute;
	top: -6px;
	left: -6px;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	animation: orbitRotate 10s ease-in-out infinite;
}
@keyframes orbitRotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(160deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.vision .sec1 .cont1 .circle_dots .dot {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.vision .sec1 .cont1 .circle_dots .dot1 {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: var(--main-color);
}
.vision .sec1 .cont1 .circle_dots .dot2 {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #999;
}

.vision .sec1 .cont1 .right {
	width: 45.5%;
	max-height: 730px;
	padding: 8rem 6.7rem 4.5rem 6.7rem;
	background-color: #e1e0e0;
} 
.vision .sec1 .cont1 .right .tit {
	font-size: 3.5rem;
	font-weight: 700;
	margin-bottom: 3rem;
}
.vision .sec1 .cont1 .right .list li {
	background-color: #fff;
	border-radius: 1.2rem;
	padding: 2.2rem;
	margin-bottom: 1.8rem;
	color: #000;
	font-size: 2rem;
	font-weight: 500;
}
.vision .sec1 .cont1 .right .list li:last-child {
	margin-bottom: 0;
}
.vision .sec1 .cont1 .right .list li .icon {
	margin-right: 1.6rem;
}

.vision .sec1 .cont2 {
	flex-wrap: nowrap;
}
.vision .sec1 .cont2 .box {
	width: 33%;
	text-align: center;
}
.vision .sec1 .cont2 .box .tit {
	border: 1px solid var(--main-color);
	padding: 2.4rem;
	font-size: 2.8rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.vision .sec1 .cont2 .box .inbox {
	padding: 2.4rem;
	background-color: #e1e0e0;
	display: flex;
	justify-content: space-between;
	gap: 1.6rem;
}
.vision .sec1 .cont2 .box .inbox p {
	width: 100%;
	background-color: #fff;
	border-radius: 1.2rem;
	min-height: 10.7rem;
	color: #000;
	font-size: 2rem;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1400px){
	.vision .sec1 .cont1 .circle {
		max-width: 50%;
	}
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(1),
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(3) {
		width: 85%;
		padding: 3.8rem;
	}	
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(2) {
		padding: 3.8rem;
	}	
	.vision .sec1 .cont1 .circle_red .txt p {
		height: 30%;
		font-size: 2.8rem;
	}

	.vision .sec1 .cont1 .right {
		padding: 6rem 3.7rem 2.5rem 3.7rem;
	}
	.vision .sec1 .cont1 .right .tit {
		font-size: 2.8rem;
		margin-bottom: 2.4rem;
	}
	.vision .sec1 .cont1 .right .list li {
		padding: 1.2rem 1.6rem;
		margin-bottom: 1.2rem;
		font-size: 1.8rem;
	}

	.vision .sec1 .cont2 {
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.vision .sec1 .cont2 .box .tit {
		font-size: 2.4rem;
	}
	.vision .sec1 .cont2 .box {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.vision .sec1 .cont2 .box .inbox {
		flex: 1;
	}
	.vision .sec1 .cont2 .box .inbox p {
		font-size: 1.8rem;
	}
	.vision .sec1 .cont2 .box .inbox {
		display: block;
	}
	.vision .sec1 .cont2 .box .inbox p {
		min-height: unset;
		padding: 1.6rem;
		margin-bottom: 1.2rem;
	}
	.vision .sec1 .cont2 .box .inbox p:last-child {
		margin-bottom: 0;
	}
	.vision .sec1 .cont2 .box .inbox .hide {
		display: none;
	}
}
@media screen and (max-width: 1024px){
	.vision .sec1 .cont1.flex_box {
		display: block;
	}
	.vision .sec1 .cont1 .circle {
		max-width: 75%;
		margin: 0 auto;
        margin-bottom: 10.0rem;
	}
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(1),
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(3),
	.vision .sec1 .cont1 .circle_red .txt p:nth-child(2) {
		padding: 2.4rem;
	}
	.vision .sec1 .cont1 .right {
		width: 100%;
	}
	.vision .sec1 .cont1 .right .list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.2rem;
	}
	.vision .sec1 .cont1 .right .list li {
		margin-bottom: 0;
	}

	.vision .sec1 .cont2 {
        display: block;
    }
	.vision .sec1 .cont2 .box {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		width: 100%;
		gap: 2rem;
		margin-bottom: 2.4rem;
	}
	.vision .sec1 .cont2 .box .tit {
		padding: 2rem;
		width: 25%;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.vision .sec1 .cont2 .box .inbox {
        display: flex;
    }
	.vision .sec1 .cont2 .box .inbox p {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px){
	.vision .sec1 .cont1 .circle {
        max-width: calc(100% - 20px);
	}
	.vision .sec1 .cont1 .circle_red .txt {
		gap: 1.2rem;
		align-items: center;
	}
	.vision .sec1 .cont1 .circle_red .txt p {
		margin: 0 auto;
		font-size: 2.4rem;
	}
	.vision .sec1 .cont1 .right {
        padding: 3.2rem;
    }
	.vision .sec1 .cont1 .right .list {
        display: grid;
        grid-template-columns: 1fr;
	}
	.vision .sec1 .cont2 .box {
        display: block;
		margin-bottom: 4rem;
	}
	.vision .sec1 .cont2 .box .tit {
		width: 100%;
		margin-bottom: 1.6rem;
	}
	.vision .sec1 .cont2 .box .inbox {
		padding: 2rem;
	}
	.vision .sec1 .cont2 .box .inbox p {
        padding: 2rem 1.2rem;
        margin-bottom: 0;
    }
}

.vision .sec2 {
	padding: 13rem 0;
	text-align: center;
}
.vision .sec2 .tit {
	margin-bottom: 3.8rem;
}
.vision .sec2 .txt {
	margin-bottom: 10rem;
}
.vision .sec2 .list {
	width: 100%;
	display: flex;
	padding: 0 5rem;
}
.vision .sec2 .list .li {
	width: 33%;
	height: 50%;
	min-height: 53.2rem;
	color: #fff;
	padding: 6rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.vision .sec2 .list .li:nth-child(1) {
	background-image: url("../../pages/images/vision_img_01.jpg");
	margin-top: 8%;
}
.vision .sec2 .list .li:nth-child(2) {
	background-image: url("../../pages/images/vision_img_02.jpg");
}
.vision .sec2 .list .li:nth-child(3) {
	background-image: url("../../pages/images/vision_img_03.jpg");
	margin-top: 8%;
}
.vision .sec2 .list .li .txt1 {
	font-size: 4rem;
	font-weight: 800;
	text-transform: uppercase;
}
.vision .sec2 .list .li .txt2 {
	font-size: 2.8rem;
	font-weight: 500;
	margin-bottom: 1.6rem;
}
.vision .sec2 .tit .visible {
	display: none;
}
@media screen and (max-width: 1400px){
	.vision .sec2 .list {
		padding: 0;
	}
	.vision .sec2 .list.gap {
		gap: 2rem;
	}
	.vision .sec2 .list .li {
		height: 50%;
		min-height: 40rem;
		padding: 3.2rem;
	}
	.vision .sec2 .list .li .txt1 {
		font-size: 3.2rem;
	}
	.vision .sec2 .list .li .txt2 {
		font-size: 2.4rem;
	}
}
@media screen and (max-width: 1024px){
	.vision .sec2 .tit .visible {
		display: block;
	}
	.vision .sec2 .list .li {
		min-height: 35rem;
        padding: 3.2rem;
    }
}
@media screen and (max-width: 768px){
	.vision .sec2 .tit {
        font-size: 2.6rem;
		margin-bottom: 2.4rem;
	}
	.vision .sec2 .tit .small {
		font-size: 2.3rem;
		line-height: 3;
	}
	.vision .sec2 .tit .visible {
		display: none;
	}
	.vision .sec2 .txt {
		margin-bottom: 6rem;
	}
	.vision .sec2 .list {
		display: block;
	}
	.vision .sec2 .list .li {
		width: 100%;
		min-height: 20rem;
		justify-content: center;
		margin-top: 0 !important;
		margin-bottom: 2.4rem;
	}
	.vision .sec2 .list .li .txt2 {
		font-size: 2.4rem;
		margin-bottom: 0;
	}
}










/* 세영 1공장 */
/* 세영 1공장 */
/* 세영 1공장 */
.factory  .f_label {
	width: fit-content;
	font-size: 2.4rem;
	font-weight: 600;
	padding: 1.2rem 3rem;
	border-radius: 999px;
	color: #fff;
	background-color: var(--main-color);
	margin-bottom: 4.8rem;
}
.factory .sec1 .head .tit2 {
	text-align: center;
	font-size: 2.4rem;
	color: #4a4a4a;
	margin-bottom: 6.8rem;
}
.factory .sec1 .intro .thumb {
	width: 50%;
	max-width: 79.3rem;
}
.factory .sec1 .intro .info {
	flex: 1;
}
.factory .sec1 .intro .info .details {
	border-top: 1px solid #000;
}
.factory .sec1 .intro .info .details li {
	padding: 2.4rem 2.8rem;
	border-bottom: 1px solid #dddddd;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 2.4rem;
	font-size: 2rem;
	font-weight: 500;
}
.factory .sec1 .intro .info .details li .icon {
	width: 36px;
	text-align: center;
}
.factory .sec1 .intro .info .details li .txt1 {
	min-width: 8rem;
}
.factory .sec1 .intro .info .details li .txt2 {
	color: #777;
	flex: 1;
}

.factory .sec2 {
	flex-wrap: nowrap;
}
.factory .sec2 .right {
	width: 100%;
	max-width: 127rem;
}
.factory .sec2 .right .product {
	background-color: #f8f8f8;
	padding: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	min-height: 33rem;
	gap: 1.6rem;
}
.factory .sec2 .right .product .image {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.factory .sec2 .right .product .name {
	font-size: 2rem;
}
.factory .sec1 .intro > .f_label {
	display: none;
}
@media screen and (max-width: 1400px){
	.factory .f_label {
		font-size: 2.2rem;
		padding: 1rem 2.4rem;
		margin-bottom: 3.6rem;
	}
	.factory .sec1 .intro .info .details li {
		padding: 2rem 2.2rem;
	}
	.factory .sec1 .intro .info .details li .txt1 {
		min-width: 7rem;
	}
}
@media screen and (max-width: 1024px){
	.factory .sec2 {
		display: block;
	}
	.factory .sec1 .intro{
		display: block;
	}
	.factory .sec1 .intro .f_label {
		display: block;
	}
	.factory .sec1 .intro .info .f_label {
		display: none;
	}
	.factory .sec1 .intro .thumb {
		width: 100%;
		max-width: 100%;
		margin-bottom: 4.2rem;
	}
	.factory .sec1 .intro .thumb img {
		width: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 768px){
	.factory .f_label {
		font-size: 2.2rem;
		padding: 1rem 2.2rem;
		margin-bottom: 2.4rem;
	}
	.factory .sec1 .head .tit2 {
		font-size: 2.2rem;
	}
	.factory .sec1 .intro .thumb {
		margin-bottom: 2.4rem;
	}
	.factory .sec1 .intro .info .details li {
		padding: 1.6rem 1.2rem;
	}
	.factory .sec1 .intro .info .details li .icon {
		width: 26px;
	}
	.factory .sec2.flex_box {
		display: block;
	}
	.factory .sec2 .right .product .image {
		padding: 0 2rem;
	}
	.factory .sec3 .list .image img {
		width: 100%;
	}
}





/* 품질방침 */
/* 품질방침 */
/* 품질방침 */
.quality {
	text-align: center;
}
.quality .sec_tltle2 {
	margin-bottom: 1.4rem;
}
.quality .sec1 .head .tit2 {
	text-align: center;
	font-size: 2.4rem;
	color: #4a4a4a;
	margin-bottom: 6.8rem;
}
.quality .sec1 .mission {
	background-image: url("../../pages/images/quility_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 14.2rem 0;
}
.quality .sec1 .mission .sec_tltle1 {
	color: #fff;
}
.quality .sec2 {
	padding: 13rem 0;
}
.quality .sec2 .head {
	margin-bottom: 6.5rem;
}
.quality .sec2 .list {
	display: flex;
	justify-content: center;
	align-items: center;
}
.quality .sec2 .list .box {
	width: 33.3%;
	position: relative;
}
.quality .sec2 .list .box:nth-child(1) {
	right: -5%;
	z-index: 3;
}
.quality .sec2 .list .box:nth-child(2) {
	z-index: 2;
}
.quality .sec2 .list .box:nth-child(3) {
	left: -5%;
	z-index: 3;
}
.quality .sec2 .list .box .cont {
	padding: 5rem 0;
}
.quality .sec2 .list .box .cont .icon {
	margin-bottom: 3rem;
}
.quality .sec2 .list .box .cont .txt {
	font-size: 2.4rem;
	font-weight: 600;
	color: #000;
}
.quality .sec2 .list .box .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 15px solid var(--main-color);
	border-radius: 999px;
	z-index: -1;
	opacity: 0.6;
}
.quality .sec2 .list .box:nth-child(2) .bg {
	border-color: #726f6e;
}

.quality .sec3 .head {
	margin-bottom: 6.5rem;
}
.quality .sec3 .list {
	flex-wrap: nowrap;
}
.quality .sec3 .list .card {
	border: 1px solid var(--main-color);
	padding: 4.6rem 4rem;
	width: calc((100% - 6.4rem) / 3);
}
.quality .sec3 .list .card .head {
	padding: 1.2rem;
	font-size: 2.8rem;
	font-weight: 500;
	color: #fff;
	background-color: var(--main-color);
	border-radius: 999px;
	margin-bottom: 4.8rem;
}
.quality .sec3 .list .card .item {
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 3.6rem;
	margin-bottom: 3.6rem;
}
.quality .sec3 .list .card .item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.quality .sec3 .list .card .item .tit {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 1rem;
}
.quality .sec3 .list .card .item .tit .num {
	width: 3.6rem;
	aspect-ratio: 1;
	border-radius: 999px;
	background-color: var(--main-color);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 600;
	font-family: "Wanted Sans Variable";
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 2rem;
}
.quality .sec3 .list .card .item .tit .txt {
	flex: 1;
	font-size: 2.2rem;
	font-weight: 600;
	color: #000;
}
.quality .sec3 .list .card .item .cont {
	margin-left: 5.6rem;
}
.quality .sec2 .list .box .cont .icon .visible {
	display: none;
}
@media screen and (max-width: 1400px){
	.quality .sec2 .list .box .cont {
		padding: 4rem 0;
	}
	.quality .sec2 .list .box .cont .icon {
		height: 64px;
		margin-bottom: 2rem;
	}
	.quality .sec2 .list .box .cont .icon img {
		height: 100%;
		object-fit: contain;
	}
	.quality .sec2 .list .box .cont .txt {
		font-size: 2rem;
	}
	.quality .sec2 .list .box .bg {
		width: 107%;
		border: 12px solid var(--main-color);
	}
	.quality .sec2 .list .box:nth-child(1) {
		right: -2%;
	}
	.quality .sec2 .list .box:nth-child(3) {
		left: -2%;
	}

	.quality .sec3 .list {
		flex-wrap: wrap;
	}
	.quality .sec3 .list .card {
		width: calc((100% - 3.2rem) / 2);
		margin-bottom: 3.2rem;
	}
}
@media screen and (max-width: 1024px){
	.quality .sec1 .mission {
		padding: 10rem 0;
	}
	.quality .sec2 .list .box {
		aspect-ratio: 1;
	}
	.quality .sec2 .list .box .cont {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.quality .sec2 .list .box .cont .visible {
		display: block;
	}
	.quality .sec2 .list .box .bg {
		width: 100%;
	}
	.quality .sec2 .list .box:nth-child(1) {
		right: -5%;
    }
	.quality .sec2 .list .box:nth-child(3) {
		left: -5%;
    }
	
	.quality .sec3 .list .card {
		padding: 3.2rem 3rem;
	}
	.quality .sec3 .list .card .head {
        font-size: 2.2rem;
    }
	.quality .sec3 .list .card .head {
		font-size: 2.4rem;
	}
	.quality .sec3 .list .card .item {
		padding-bottom: 3rem;
		margin-bottom: 3rem;
	}
	.quality .sec3 .list .card .item .tit .num {
		width: 3.2rem;
		font-size: 1.7rem;
		margin-right: 1.2rem;
	}
	.quality .sec3 .list .card .item .tit .txt {
		font-size: 2.2rem;
	}
}
@media screen and (max-width: 768px){
	.quality .sec1 .head .tit2 {
		font-size: 2.2rem;
	}
	.quality .sec1 .mission {
        padding: 5rem 0;
    }
	.quality .sec2 {
		padding: 10rem 0 3.6rem;
	}
	.quality .sec2 .head {
		margin-bottom: 4rem;
	}
	.quality .sec2 .list {
		display: block;
	}
	.quality .sec2 .list .box {
		width: 75%;
		max-width: 400px;
        right: 0 !important;
		left: 0 !important;
		margin: 0 auto;
    }
	.quality .sec2 .list .box:nth-child(2) {
		top: -30px;
	}
	.quality .sec2 .list .box:nth-child(3) {
        top: -64px;
    }
	.quality .sec2 .list .box .cont .icon {
        height: 76px;
	}
	.quality .sec2 .list .box .bg {
        border: 10px solid var(--main-color);
    }

	.quality .sec3 .list {
		display: block;
	}
	.quality .sec3 .list .card {
		width: 100%;
	}
}









/*인증현황*/
.certification_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -30px 0 0; overflow:hidden;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:18px; font-weight:500; line-height:1.4; }

.certification_wrap .cert_box .cert_img2 {background:#fff;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box .cert_img2 img {width:100%; max-width:218px; }

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

.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
}


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}
.certification_wrap .cert_box .cert_txt {font-size:16px;}


}


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  }
.certification_wrap .cert_box .cert_img2 {height:38.0rem;}
.certification_wrap .cert_box .cert_img {height:38.0rem;}

}



/* 고객지원 */
/*CONTACT US*/
.location_wrap01 {border-top:2px solid #222; }
.location_wrap {background:#fff; border-bottom:1px solid #ddd;   }
.location_wrap .tit {display:flex;  justify-content: space-between;  font-size:2.4rem; color:#000; font-weight:600; cursor:pointer; padding:2.5rem 5.0rem;}
.location_wrap .tit span {font-size:4.0rem;}
.location_wrap .cont {display:none; background:#fff; padding:0 5.0rem 4.5rem 5.0rem;}

.location_wrap .cont .loc_wrap {gap:5%}
.location_wrap .cont .loc_map {width:45%; }
.location_wrap .cont .loc_map .map_height {height:40.0rem; width:100%;}
.location_wrap .cont .loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.location_wrap .cont .loc_map iframe {width:100%; height:40.0rem;}

.location_wrap .cont .loc_txt {width:50%;  }
.location_wrap .cont .loc_txt .table5 {margin-top:5.0rem;}
.location_wrap .cont .loc_txt2 {width:40%;}
.location_wrap .cont .loc_txt2 .table5 {margin-top:0rem; }

.location_wrap .tit span {transform: rotate(0deg); transition: all 0.6s;}
.location_wrap .tit span.active {transform: rotate(180deg);  transition: all 0.6s;}

.map_name {padding:5px; font-size:15px; font-weight:600; height:35px;}
.map_name2   {padding:5px; font-size:15px; font-weight:600; height:35px;}


.table5 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45; border-top:2px solid #222;}
.table5 thead {border-top: 2px solid #2a303a; background:#62885b;  color:#fff;  }
.table5 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; font-weight: 500;  padding: 20px 12px; }
.table5 thead th:first-child {border-left: 0;}
.table5 .le_line { border-left: 1px solid #2a303a !important;}
.table5 .le_line2 { border-left: 1px solid #bebebe !important;}

.table5 tbody th {border-bottom: 1px solid #ddd;  border-left: 0px solid #ddd !important; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table5 tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 20px;  vertical-align: middle;  text-align:left;  }
.table5 tbody td:first-child {border-left: 0;}
.table5 tbody td strong {color:#000;}
.table5 .no_left {border-left: 0!important;}
.table5 .le_line { border-left: 1px solid #2a303a !important;}
.table5 .le_line2 { border-left: 1px solid #bebebe !important;}



@media screen and (max-width: 1024px){
.location_wrap .tit {padding:2.5rem 3.0rem;}
.location_wrap .cont {padding:0 3.0rem 4.5rem 3.0rem;}
.location_wrap .cont .loc_map {width:100%;}
.location_wrap .cont .loc_txt {width:100%; }
.location_wrap .cont .loc_txt2 {width:100%;}
.location_wrap .cont .loc_txt2 .table5 {margin-top:5.0rem; }
}



/* 윤리감사실 */
/* 윤리감사실 */
/* 윤리감사실 */
.ethics > div .label {
	background-color: var(--main-color);
	border-radius: 999px;
	padding: 1.2rem 2.4rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	width: fit-content;
}
.ethics > div .left {
	width: 16%;
	min-width: 24.7rem;
	margin-right: 6.7rem;
}
.ethics > div .right {
	flex: 1;
}
.ethics .sec1 {
	margin-bottom: 8.5rem;
}
.ethics .sec1 .right .list {
	border-top: 2px solid #000;
	border-bottom: 1px solid #b2b2b2;
	padding: 5rem 3.8rem;
	font-size: 1.8rem;
	color: #717171;
}
.ethics .sec1 .right .list li {
	margin-bottom: 1rem;
}

.ethics .sec2 {
	margin-bottom: 8.5rem;
}
.ethics .sec2 .right .text {
	padding: 1.2rem 0;
	margin-bottom: 5rem;
	font-size: 2.2rem;
	color: #000;
}
.ethics .sec2 .right .box {
	width: calc((100% - 6rem) / 3);
	padding: 5.2rem 1.6rem;
	border: 1px solid #ddd;
	text-align: center;
}
.ethics .sec2 .right .box .icon {
	margin-bottom: 3.6rem;
}
.ethics .sec2 .right .box .ti {
	font-size: 2.6rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 2.4rem;
}
.ethics .sec2 .right .box .tx {
	font-size: 1.8rem;
	font-weight: 500;
	color: #717171;
}
.ethics .button {
	width: 100%;
	max-width: 45rem;
	margin: 0 auto;
}
.ethics .button a {
	display: block;
	width: 100%;
	padding: 2.4rem;
	background-color: #000;
	color: #fff;
	border-radius: 1.6rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 700;
	transition: all .4s ease-out;
}
.ethics .button a:hover {
	background-color: var(--main-color);
}

@media screen and (max-width: 1400px){
	.ethics > div .left {
		width: 100%;
		margin-bottom: 3.2rem;
	}
	.ethics .sec2 .right .text {
		padding: 0;
	}
}
@media screen and (max-width: 1024px){
	.ethics .sec1 .right .list {
		padding: 4rem 2.8rem;
	}
	.ethics .sec2 .right .box .icon {
		max-width: 70%;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (max-width: 768px){
	.ethics .sec1 .right .list {
		padding: 3.2rem 1.2rem;
	}
	.ethics .sec2 {
		margin-bottom: 7rem !important;
	}
	.ethics .sec2 .right .program {
		gap: 2rem;
	}
	.ethics .sec2 .right .box {
		width: 100%;
		padding: 2.4rem;
		text-align: left;
	}
	.ethics .sec2 .right .box .icon {
		max-width: 60px;
		margin: 0 0 2.8rem 0;
	}
	.ethics .sec2 .right .box .ti {
		margin-bottom: 1.6rem;
	}
}