.bt_mg {margin-bottom: 200px;}
.sub_title {margin-top: 120px; position: relative; }
.sub_title .title_wrap {position: absolute; top: 50%; left: 220px; transform: translateY(-60%); }
.sub_title .title_wrap .f90 {margin-bottom: 18px; overflow: hidden; text-transform: uppercase;}
.sub_title .title_wrap .f90 span {display: inline-block; font-family: 'Nanum Myeongjo', serif; color: #fff;}
.sub_title .title_wrap .f18 {overflow: hidden;}
.sub_title .title_wrap .f18 span {display: inline-block; color: #fff;}
.sub_title .title_wrap .f90 span, .sub_title .title_wrap .f18 span {-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.sub_title .title_wrap .f90 span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.sub_title .title_wrap .f18 span {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(70px); transform: translateY(70px);}
	to {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}
.sub_title .top_bg {width: 100%; z-index: -1; padding: 0 80px 50px; }
.sub_title .top_bg .image {overflow: hidden;}
.sub_title .top_bg .image img {width: 100%; display: flex; transform: scale(1.3,1.3); transition: transform 7000ms ease-in-out;}
.sub_title .top_bg.aos-animate .image img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.sub_title .sub_navi {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 230px;}
.sub_title .sub_navi .box {background: #8a2332; display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 0 80px 0 60px;}
.sub_title .sub_navi .title {color: #fff; font-weight: 600;}
.sub_title .sub_navi ul {display: flex;}
.sub_title .sub_navi ul li {margin: 0 40px;}
.sub_title .sub_navi ul li:first-child {margin-left: 0;}
.sub_title .sub_navi ul li:last-child {margin-right: 0;}
.sub_title .sub_navi ul li a {color: rgb(255,255,255,0.5); font-weight: 400; transition: all 0.2s;}
.sub_title .sub_navi ul li a:hover {color: #fff; transition: all 0.2s;}
.sub_title .sub_navi ul li a.active {font-weight: 700; color: #fff;}
.sec_title {text-align: center; margin: 120px 0 80px;}
.sec_title .f20 {font-family: 'Nanum Myeongjo', serif; font-weight: 900; color: #8a2332;}
.sec_title .f66 {font-family: 'Nanum Myeongjo', serif; margin-top: 40px;}
.sec_title .f66 span {font-family: 'Nanum Myeongjo', serif; display: block; margin-bottom: 15px;}
.sec_title .f66 span:last-child {margin-bottom: 0;}
.sec_title .f26 {color: #000; margin-top: 40px; font-weight: 400; letter-spacing: -0.5px;}
.sec_title .f18 {color: #666; margin-top: 35px;}
.sec_title .f18 span {display: block;}
.sec_title2 {text-align: center; margin: 140px 0 60px;}
.sec_title2 .f20 {font-family: 'Nanum Myeongjo', serif; font-weight: 900; color: #8a2332;}
.sec_title2 .f52 {font-family: 'Nanum Myeongjo', serif; margin-top: 14px;}
.sec_title2 .f52 span {font-family: 'Nanum Myeongjo', serif; display: block; margin-bottom: 10px;}
.sec_title2 .f52 span:last-child {margin-bottom: 0;}
.sec_title2 .f48 {font-family: 'Nanum Myeongjo', serif; margin-top: 15px;}
.sec_title2 .f18 {color: #666; margin-top: 35px;}


.map_pop{
	display: none; 
	background:#fff; 
	width: 1200px; 
	box-sizing:content-box;
}

.map_pop .top_info{
	border-bottom:1px solid #dddddd;
	min-height:135px;
	padding-top:25px;
}

.map_pop .top_info .location_info{
	width:auto !important;
	padding-top:8px;
	float:left;
}

.map_pop .top_info .location_info h2{
	font-size:34px;
	font-weight:500;
	color:#222222;
	text-align:center;
	padding:0 15px;
}

.map_pop .top_info .location_info h2::after{
	width:1px;
	height:73px;
	background:#ff7e00;
	content:"";
	display:block;
	float:right;
	margin-left:15px;
}

.map_pop .top_info .location_text {
	margin-left:25px;
	display:inline-block;
}

.map_pop .top_info .location_text ul li{
	font-size:18px;
	font-weight:400;
	color:#222222;
	margin-bottom:2px;
	display:block;
}

.map_pop #btn_close{
	position:absolute;
	top:13px;
	right:15px;
	background:none;
	border:0;
	z-index:999;
}

.map_pop label{
	font-weight:bold;
	font-size:14px;
}

.map_pop #btn_close i{
	font-size:25px;
	color:#525252;
}

.map_pop .card{
	margin-bottom:0;
}

.map_pop .location_map{
	background:#eeeeee;
	padding:18px;
	margin-top:20px;
}




/** 회사소개 - 대표 인사말 **/
.greetings .greetings_wrap {display: flex;}
.greetings .greetings_wrap .left {width: 50%;}
.greetings .greetings_wrap .left .image {width: 100%; max-width: 710px; display: flex;}
.greetings .greetings_wrap .left .image img {width: 100%;}
.greetings .greetings_wrap .right {width: 50%; padding: 50px 0 0 52px;}
.greetings .greetings_wrap .right .title {margin-bottom: 40px;}
.greetings .greetings_wrap .right .title .f40 {margin-bottom: 8px; font-weight: 400;}
.greetings .greetings_wrap .right .title .f40 span {color: #8a2332; font-weight: 700;}
.greetings .greetings_wrap .right .txt .f20 {color: #444; margin-bottom: 30px;}
.greetings .greetings_wrap .right .txt .f20 span {display: block;}
.greetings .greetings_wrap .right .txt .f20:last-child {margin-bottom: 0;}
.greetings .greetings_wrap .right .signature {display: flex; justify-content: flex-end; align-items: center; margin-top: 40px;}
.greetings .greetings_wrap .right .signature .f18 {color: #999; font-weight: 300; margin-right: 30px;}
.greetings .greetings_wrap .right .signature .sign img {width: 100%; max-width: 85px;}
.greetings .sec3 {margin-top: 180px;}
.greetings .key_certificate_wrap {background: #ddd8d4 url('../images/about_key_certificate_bg.jpg') no-repeat right bottom / cover; padding: 100px 0 85px;}
.greetings .key_certificate_wrap .sec_title2 {margin: 0 0 35px;}
.greetings .key_certificate_wrap .img_wrap {display: flex; justify-content: center;}
.greetings .key_certificate_wrap .img_wrap .loop {display: flex; justify-content: center; 
-webkit-animation: certificate_loop 75s infinite linear; 
animation: certificate_loop 75s infinite linear;}
.greetings .key_certificate_wrap .img_wrap .image {box-shadow: 4px 5px 12px rgb(0 0 0 / 20%); display: flex; margin: 0 10px;}
.greetings .key_certificate_wrap .img_wrap .image img {width: 217px;}
@keyframes certificate_loop {
	100% {-webkit-transform: translateX(100%); transform: translateX(100%);}
}

.greetings .certificate_board {display: flex; flex-flow: wrap;}
.greetings .certificate_board .item {flex: 0 1 calc(25% - 44px); margin: 0 29px 80px;}
.greetings .certificate_board .item:first-child {margin-left: 0;}
.greetings .certificate_board .item:nth-child(4n+1) {margin-left: 0;}
.greetings .certificate_board .item:nth-child(4n) {margin-right: 0;}
.greetings .certificate_board .item:nth-last-child(-n+4) {margin-bottom: 0;}
.greetings .certificate_board .item .image {border: 1px solid #e5e5e5;}
.greetings .certificate_board .item .image img {width: 100%; height: 21.7vw; max-height: 418px; object-fit: contain;}
.greetings .certificate_board .item .txt {text-align: center; margin-top: 25px;}
.greetings .certificate_board .item .txt .f16 {font-weight: 500;}
.greetings .certificate_board .item .txt .f20 {font-weight: 600; line-height: 30px;}
.greetings .certificate_board .item .txt .f14 {font-weight: 300; color: #bbb; margin-top: 6px;}
.greetings .pagination {margin-top: 100px;}


/** 회사소개 - 회사 소개 **/
.company .logo_detail_wrap {background: #f9f9f9; padding: 90px 0;}
.company .logo_detail_wrap .wrapper {display: flex; align-items: center;}
.company .logo_detail_wrap .logo {width: 28%; flex-shrink: 0; display: flex; justify-content: center; padding: 0 60px;}
.company .logo_detail_wrap .logo img {width: 100%; max-width: 215px;}
.company .logo_detail_wrap .text_wrap {width: 72%; padding-left: 95px;  border-left: 1px solid #e0e0e0;}
.company .logo_detail_wrap .text_wrap .title .f40 {color: #8a2332; font-weight: 600;}
.company .logo_detail_wrap .text_wrap .txt {margin-top: 25px;}
.company .logo_detail_wrap .text_wrap .txt .f16 {color: #444; margin-bottom: 25px;}
.company .logo_detail_wrap .text_wrap .txt .f16:last-child {margin-bottom: 0;}
.company .logo_detail_wrap .text_wrap .txt .f16 span {display: block;}
.company .logo_detail_wrap .text_wrap .grounds {display: flex; margin-top: 35px;}
.company .logo_detail_wrap .text_wrap .grounds .f13 {color: #888;}
.company .logo_detail_wrap .text_wrap .grounds .left {padding-right: 10px;}
.company .logo_detail_wrap .text_wrap .grounds .right span {display: block;}
.company .process_wrap .img_wrap img {width: 100%;}


/** 회사소개 - 협력사 소개 **/
.quotation_wrap {background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 100px top / 599px 338px; padding: 100px 0;}
.quotation_wrap .box .txt {text-align: center; }
.quotation_wrap .box .txt .f42 {color: #8a2332; font-weight: 700;}
.quotation_wrap .box .txt .f48 {color: #8a2332; font-weight: 700; margin-bottom: 60px;}
.quotation_wrap .box .txt .f20 {margin: 40px 0;}
.quotation_wrap .box .txt .f20 span {display: block; color: #444; margin-bottom: 4px;}
.quotation_wrap .box .txt .f22 {margin: 40px 0; letter-spacing: -0.5px;}
.quotation_wrap .box .txt .f22 span {display: block; color: #444; margin-bottom: 8px;}
.quotation_wrap .box .txt .f22 strong {font-weight: 500; color: #8a2332;}
.quotation_wrap .box .line_btn2 {margin: 0 auto;}
.supplier .process_wrap .list_wrap {border-top: 1px solid #000;}
.supplier .process_wrap .item {display: flex; align-items: center; padding: 55px 0; border-bottom: 1px solid #ddd;}
.supplier .process_wrap .item .logo {width: 26%; display: flex; justify-content: center; flex-shrink: 0; padding: 0 50px;}
.supplier .process_wrap .item .logo img {width: 100%; max-width: 163px; }
.supplier .process_wrap .item .box {width: 100%; display: flex; justify-content: space-between; align-items: center; border-left: 1px solid #e5e5e5;}
.supplier .process_wrap .item .box .txt {padding: 0 85px;}
.supplier .process_wrap .item .box .txt .f28 {margin-bottom: 15px;}
.supplier .process_wrap .item .box .txt ul li {display: flex; margin-bottom: 10px;}
.supplier .process_wrap .item .box .txt ul li:last-child {margin-bottom: 0;}
.supplier .process_wrap .item .box .txt ul li .icon {display: inline-block; width: 18px; height: 20px; margin-top: 3px; margin-right: 8px; flex-shrink: 0;}
.supplier .process_wrap .item .box .txt ul li .icon.location {background: url('../images/ic_location.png') no-repeat center / cover;}
.supplier .process_wrap .item .box .txt ul li .icon.call {background: url('../images/ic_call.png') no-repeat center / cover;}
.supplier .process_wrap .item .box .txt ul li .icon.email {background: url('../images/ic_email.png') no-repeat center / cover;}
.supplier .process_wrap .item .box .txt ul li .f16 {color: #666;}
.supplier .process_wrap .item .box .txt .line_btn {margin-top: 25px; height: 56px; font-size: 14px;}
.supplier .process_wrap .item .box .image img {width: 100%; max-width: 400px;}


/** 맞춤형 컨설팅 - 경영 컨설팅 **/
.consulting_icon_box {border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;  display: flex; flex-wrap: wrap; margin-bottom: 180px;}
.consulting_icon_box li {display: flex; flex: 0 1 50%; justify-content: space-between; align-items: center; padding: 50px 50px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.consulting_icon_box li .txt .f24 {color: #8a2332; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.consulting_icon_box li .txt .f18 {color: #666;}
.consulting_icon_box li .txt .f18 span {display: block;}
.consulting_icon_box li .txt .f18 .s_txt {font-size: 14px;}
.consulting_icon_box li .icon {width: 89px; height: 91px; margin-left: 30px; flex-shrink: 0;}
.consulting_icon_box .box1 .icon {background: url('../images/management_icon1_1.png') no-repeat center / cover;}
.consulting_icon_box .box2 .icon {background: url('../images/management_icon1_2.png') no-repeat center / cover;}
.consulting_icon_box .box3 .icon {background: url('../images/management_icon1_3.png') no-repeat center / cover;}
.consulting_icon_box .box4 .icon {background: url('../images/management_icon1_4.png') no-repeat center / cover;}
.consulting_icon_box .box5 .icon {background: url('../images/management_icon1_5.png') no-repeat center / cover;}
.consulting_icon_box .box6 .icon {background: url('../images/management_icon1_6.png') no-repeat center / cover;}
.consulting_icon_box .box7 .icon {background: url('../images/management_icon1_7.png') no-repeat center / cover;}
.consulting_icon_box .box8 .icon {background: url('../images/management_icon1_12.png') no-repeat center / cover;}
.consulting_icon_box .box9 .icon {background: url('../images/management_icon1_9.png') no-repeat center / cover;}
.consulting_icon_box .box10 .icon {background: url('../images/management_icon1_10.png') no-repeat center / cover;}
.consulting_icon_box .box11 .icon {background: url('../images/management_icon1_11.png') no-repeat center / cover;}
.consulting_icon_box .box12 .icon {background: url('../images/management_icon1_12.png') no-repeat center / cover;}
.consulting_icon_box .box13 .icon {background: url('../images/management_icon1_13.png') no-repeat center / cover;}
.management .sec3 {background: #f9f9f9; padding: 160px 0 210px;}
.management .sec3 .sec_title2 {margin-top: 0;}
.management .step_wrap .process_wrap {display: flex; justify-content: space-between; z-index: 1; position: relative;}
.management .step_wrap .process_wrap .box .circle {width: 200px; height: 200px; border: 1px solid #ddd; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center;}
.management .step_wrap .step_icon {width: 86px; height: 80px;}
.management .step_wrap .step_icon.icon1 {background: url('../images/management_icon2_1.png') no-repeat center / cover;}
.management .step_wrap .step_icon.icon2 {background: url('../images/management_icon2_2.png') no-repeat center / cover;}
.management .step_wrap .step_icon.icon3 {background: url('../images/management_icon2_3.png') no-repeat center / cover;}
.management .step_wrap .step_icon.icon4 {background: url('../images/management_icon2_4.png') no-repeat center / cover;}
.management .step_wrap .step_icon.icon5 {background: url('../images/management_icon2_5.png') no-repeat center / cover;}
.management .step_wrap .process_wrap .arrow {background: #ccc; width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-top: 85px;}
.management .step_wrap .process_wrap .arrow .ic {font-size: 16px; font-weight: 700; color: #fff;}
.management .step_wrap .process_wrap .box .text {text-align: center; margin-top: 35px;}
.management .step_wrap .process_wrap .box .text .bullet span {display: inline-block; width: 8px; height: 8px; background: #8a2332; border-radius: 50%; position: relative;}
.management .step_wrap .process_wrap .box .text .bullet span::after {content: ''; display: inline-block; width: 312px; border-style: dashed; border-width: thin; border-color: #ccc; position: absolute; top: 3px; left: 0; z-index: -1;}
.management .step_wrap .process_wrap .box:last-child .text .bullet span::after {display: none;}
.management .step_wrap .process_wrap .box .text .f20 {font-weight: 600; color: #8a2332; margin-top: 2px;}
.management .step_wrap .process_wrap .box .text .f22 {color: #222; font-weight: 700; margin: 8px 0 4px;}
.management .step_wrap .process_wrap .box .text .f18 {color: #666; font-weight: 400;}
.management .step_wrap .detail_wrap {border-top: 1px solid #000; margin-top: 110px;}
.management .step_wrap .detail_wrap .box {border-bottom: 1px solid #dbdbdb; display: flex; align-items: center; padding: 60px 0;}
.management .step_wrap .detail_wrap .box .step_icon {margin: 0 80px; flex-shrink: 0;}
.management .step_wrap .detail_wrap .box .title {width: 320px; flex-shrink: 0;}
.management .step_wrap .detail_wrap .box .title .f20 {color: #8a2332; font-weight: 600;}
.management .step_wrap .detail_wrap .box .title .f24 {color: #222; font-weight: 700;}
.management .step_wrap .detail_wrap .box .text {padding-right: 8vw;}
.management .step_wrap .detail_wrap .box .text ul li {display: flex; position: relative; padding-left: 10px; margin-bottom: 8px;}
.management .step_wrap .detail_wrap .box .text ul li:last-child {margin-bottom: 0;}
.management .step_wrap .detail_wrap .box .text ul li::before {content: ''; width: 2px; height: 2px; display: inline-block; background: #333; position: absolute; left: 0; top: 13px;}
.management .step_wrap .detail_wrap .box .text ul li .f18 {color: #333;}
.management .step_wrap .detail_wrap .box .text ul li .cate {font-weight: 700; width: 125px; flex-shrink: 0;}


/** 맞춤형 컨설팅 - 기술 컨설팅 **/
.technology .consulting_icon_box .box1 .icon {background: url('../images/technology_icon1_1.png') no-repeat center / cover;}
.technology .consulting_icon_box .box2 .icon {background: url('../images/technology_icon1_2.png') no-repeat center / cover;}
.technology .consulting_icon_box .box3 .icon {background: url('../images/technology_icon1_3.png') no-repeat center / cover;}
.technology .consulting_icon_box .box4 .icon {background: url('../images/technology_icon1_4.png') no-repeat center / cover;}
.technology .consulting_icon_box .box5 .icon {background: url('../images/technology_icon1_5.png') no-repeat center / cover;}
.technology .consulting_icon_box .box6 .icon {background: url('../images/technology_icon1_6.png') no-repeat center / cover;}
.technology .consulting_icon_box .box7 .icon {background: url('../images/technology_icon1_7.png') no-repeat center / cover;}
.technology .sec3 {background: #f9f9f9; padding: 130px 0 200px;}
.technology .sec3 .sec_title2 {margin: 0;}
.technology_slider {position: relative; display: flex; margin-top: 80px;}
.technology_slider .swiper-wrapper {display: flex; align-items: center;}
.technology_slider .technology_item {opacity: 0.4;}
.technology_slider .technology_item.swiper-slide-active {opacity: 1;}
.technology_slider .technology_item.swiper-slide-prev {opacity: 0;}
.technology_slider .technology_item .image {overflow: hidden; display: flex; box-shadow: 0px 10px 28px rgb(0 0 0 / 25%);}
.technology_slider .technology_item .image img {-webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition:transform 2000ms  ease-in-out ; transition:transform 2000ms ease-in-out; width: 100%;}
.technology_slider .technology_item.swiper-slide-active .image img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.technology_slider .technology_item .text {text-align: center; margin-top: 40px;}
.technology_slider .technology_item .text .f20 {font-weight: 700; color: #8a2332; margin-bottom: 18px;}
.technology_slider .technology_item .text .f26 {font-weight: 700;}
.technology_slider .technology_item .text .f26 span {display: block; margin-bottom: 4px;}
.technology_slider .controller {margin-right: 50px; z-index: 2; padding-top: 5vw;}
.technology_slider .swiper-button-next, .technology_slider .swiper-button-prev {position: static; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #8a2332; margin: 0 auto 10px;}
.technology_slider .swiper-button-next::after, .technology_slider .swiper-button-prev::after {display: none;}
.technology_slider .swiper-button-next:hover, .technology_slider .swiper-button-prev:hover {background: #8a2332;}
.technology_slider .swiper-button-next i, .technology_slider .swiper-button-prev i {color: #8a2332; font-size: 24px;}
.technology_slider .swiper-button-next:hover i, .technology_slider .swiper-button-prev:hover i {color: #fff;}
.technology_slider .swiper-button-next.swiper-button-disabled, .technology_slider .swiper-button-prev.swiper-button-disabled {opacity: .35;}
.technology_slider .swiper-button-prev {margin-bottom: 0;}
.technology_slider .swiper-pagination {position: static; margin-top: 35px; font-size: 32px; color: #c1c1c1; display: flex; align-items: flex-end;}
.technology_slider .swiper-pagination .swiper-pagination-current {color: #8a2332; font-size: 50px; font-weight: 600; line-height: 50px; margin-right: 10px;}
.technology_slider .swiper-pagination .swiper-pagination-total {margin-left: 6px; font-weight: 500;}


/** 맞춤형 컨설팅 - 인증 컨설팅 **/
.certification .line_btn2 {letter-spacing: -1px !important;}
.certification .process_wrap {display: flex; flex-flow: column; align-items: center;}
.certification .process_wrap .title_box {width: 300px; height: 300px; background: #8a2332; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.certification .process_wrap .title_box .f26 {color: #fff;}
.certification .process_wrap .title_box .f26 span {display: block; text-align: center;}
.certification .process_wrap .divider_line {margin-top: 20px;}
.certification .process_wrap .divider_line img {width: 1px;}
.certification .detail {width: 100%; padding: 0 180px; margin-top: 55px;}
.certification .detail > li {display: flex; width: 100%; }
.certification .detail > li .left {border-top: 4px solid #8a2332; width: 260px; padding: 38px 20px 90px;}
.certification .detail > li .left .f30 {color:#666; font-weight: 500;}
.certification .detail > li .left .title {color:#8a2332; margin-top: 2px;}
.certification .detail > li .right {border-top: 2px solid #cbcbcb; width: calc(100% - 260px); padding: 38px 100px;}
.certification .detail > li .right .f22 {color: #333; font-weight: 600; margin-bottom: 6px;}
.certification .detail > li .right ul {}
.certification .detail > li .right ul .f18 {color: #888; position: relative; padding-left: 14px; margin-bottom: 2px;}
.certification .detail > li .right ul .f18::before {content: ''; width: 6px; height: 1px; background: #888; position: absolute; top: 15px; left: 0;}


/** 맞춤형 컨설팅 - 교육 컨설팅 **/
.education .education_wrap {display: flex; justify-content: center; margin-left: 90px;}
.education .education_wrap .box {width: 348px; height: 348px; border: 1px solid #8a2332; border-radius: 50%; display: flex; justify-content: center; align-items: flex-start; padding: 80px 20px 95px; position: relative; background: #fff;}
.education .education_wrap .box:nth-child(2) {left: -30px;}
.education .education_wrap .box:nth-child(3) {left: -60px;}
.education .education_wrap .box:nth-child(4) {left: -90px;}
.education .education_wrap .box .txt {display: flex; flex-flow: column; justify-content: space-between; height: 100%;}
.education .education_wrap .box .f20 {color: #8a2332; text-align: center; font-weight: 600;}
.education .education_wrap .box .f26 {text-align: center; margin-bottom: 20px;}
.education .education_wrap .box .f26 span {display: block; margin-bottom: 3px;}
.education .education_wrap .box:nth-child(4) .f26 {margin-bottom: 0;}
.education .large_txt {display: flex; clear: both; font-weight: 600; white-space:nowrap; z-index: 2;}
.education .large_txt span {display: inline-block; color: #f7f7f7; font-size: 200px; font-weight: 900; line-height: 150px; font-family: 'Nanum Myeongjo', serif; text-transform: uppercase; margin-right: 25px; -webkit-animation: loop 25s infinite linear; animation: loop 25s infinite linear; }
@keyframes loop {
	100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
}


/** 맞춤형 컨설팅 - 기타 컨설팅 **/
.etc .sec3 {background: #f9f9f9; padding: 140px 0 200px;}
.etc .sec3 .wrapper {display: flex; justify-content: center;}
.etc .etc_wrap .row {display: flex;}
.etc .etc_wrap .row .circle {position: relative; display: flex; flex-flow: column; align-items: center;}
.etc .etc_wrap .row .circle .inner {display: flex; justify-content: center; align-items: center;}
.etc .etc_wrap .row .circle .bg {overflow: hidden; width: 264px; height: 264px; border-radius: 50%; isolation: isolate;}
.etc .etc_wrap .row .circle .bg img {width:100%; height:100%; background-size:cover !important; -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); -webkit-transition:transform 5000ms  ease-in-out ; transition:transform 5000ms ease-in-out ;}
.etc .etc_wrap .row .circle .txt {position: absolute; text-align: center;}
.etc .etc_wrap .row .circle .txt .f18 {background: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 500; margin: 0 auto;}
.etc .etc_wrap .row .circle .txt .f26 {color: #fff; font-weight: 700; margin-top: 12px;}
.etc .etc_wrap .row .right_text {display: flex; margin-left: 55px; margin-top: 90px;}
.etc .etc_wrap .row .right_text .f26 {color: #8a2332; font-weight: 600; width: 75px; flex-shrink: 0;}
.etc .etc_wrap .row .right_text .f32 {font-weight: 700; }
.etc .etc_wrap .row .right_text .f32 span {display: block; margin-bottom: 12px;}
.etc .etc_wrap .row .right_text .f32 span:last-child {margin-bottom: 0;}
.etc .etc_wrap .row .line {height: 80px; width: 1px; display: inline-block; background: transparent; border-style: dashed; border-width: thin; border-color: #999; margin: 20px 0;}
.etc .etc_wrap .row:last-child .line {display: none;}
.etc .etc_wrap .row.aos-animate .circle .bg img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}


/** 지원사업안내 - 목록 **/
.support_list .support_business_wrap {display: flex; flex-flow: wrap;}
.support_list .support_business_wrap .box {display: flex; justify-content: space-between; align-items: center; border: 1px solid #000; padding: 65px 60px; flex: 1 1 calc(50% - 10px); margin: 0 10px 18px; transition: all 0.2s;}
.support_list .support_business_wrap .box:nth-child(odd) {margin-left: 0;}
.support_list .support_business_wrap .box:nth-child(even) {margin-right: 0;}
.support_list .support_business_wrap .box .text .f18 {font-weight: 400; color: #000; margin-bottom: 2px; transition: all 0.2s;}
.support_list .support_business_wrap .box .text .f28 {font-weight: 600; color: #000; transition: all 0.2s;}
.support_list .support_business_wrap .box .arrow {width: 65px; height: 65px; border-radius: 50%; border: 1px solid #000; display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-left: 20px;}
.support_list .support_business_wrap .box .arrow i {color: #000; font-size: 20px;}
.support_list .support_business_wrap .box.emphasis {border: 1px solid #8a2332; background: #f6f2f3;}
.support_list .support_business_wrap .box.emphasis .text .f28 {color: #8a2332;}
.support_list .support_business_wrap .box.emphasis .arrow {border: 1px solid #8a2332;}
.support_list .support_business_wrap .box.emphasis .arrow i {color: #8a2332;}
.support_list .support_business_wrap .box:hover {border: 1px solid #8a2332; background: #8a2332; box-shadow: 8px 9px 20px rgb(112 12 27 / 25%); transition: all 0.3s;}
.support_list .support_business_wrap .box:hover .text .f18 {color: #fff;  transition: all 0.3s;}
.support_list .support_business_wrap .box:hover .text .f28 {color: #fff;  transition: all 0.3s;}
.support_list .support_business_wrap .box:hover .arrow {border: 1px solid #fff; transition: all 0.3s;}
.support_list .support_business_wrap .box:hover .arrow i {color: #fff;  transition: all 0.3s;}
.support_list .sec3 {background: #f9f9f9; padding: 130px 0 180px; margin-top: 200px;}
.support_list .sec3 .sec_title2 {margin-top: 0;}
.board_list {border-top: 1px solid #000;}
.board_list li {border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
.board_list li a {display: flex; align-items: center; justify-content: space-between; padding: 40px 65px;}
.board_list li .date {width: 25%; max-width: 170px; flex-shrink: 0;}
.board_list li .date .f12 {background: #c0c0c0; display: flex; justify-content: center; align-items: center; color: #fff; width: 50px; height: 20px; border-radius: 50px;}
.board_list li .date .f26 {display: inline-block; color: #c0c0c0; font-weight: 700; text-align: center;}
.board_list li .date .f26 span {display: block;}
.board_list li .date .f26 .divider {line-height: 20px;}
.board_list li .text {padding: 0 5vw; width: calc(100% - 410px);}
.board_list li .text .f20 {color: #000; font-weight: 700; margin-bottom: 10px;  display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s;}
.board_list li .text .f16 {color: #999;    width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_list li .image {display: flex; width: 25%; max-width: 240px; flex-shrink: 0; box-shadow: 4px 6px 12px rgb(0 0 0 / 22%);}
.board_list li .image img {width: 100%;}
.board_list li:hover {border-top: 1px solid #8a2332; border-bottom: 1px solid #8a2332; background: #f6f2f3; transition: all 0.3s;}
.board_list li:hover .date .f12 {background: #8a2332; transition: all 0.3s;}
.board_list li:hover .date .f26 {color: #8a2332; transition: all 0.3s;}
.board_list_pagination {margin-top: 60px;}


/** 인증사업안내 - 목록 **/
.certification_list .sec3 {background: #f9f9f9; padding: 130px 0 180px;}
.certification_list .sec3 .sec_title2 {margin-top: 0;}
.verification_site_wrap {display: flex; flex-wrap: wrap;}
.verification_site_wrap .box {border: 1px solid #000; background: #fff; display: flex; flex-flow: column; align-items: center; justify-content: center; height: 260px; flex: 0 1 calc(33.3% - 27px); margin: 0 20px 40px; padding: 0 30px; transition: all 0.2s;}
.verification_site_wrap .box:first-child, .verification_site_wrap .box:nth-child(3n+1) {margin-left: 0;}
.verification_site_wrap .box:nth-child(3n) {margin-right: 0;}
.verification_site_wrap .box .text {text-align: center;}
.verification_site_wrap .box .text .f18 {color: #8a2332; font-family: 'Nanum Myeongjo', serif; font-weight: 800; margin-bottom: 12px; transition: all 0.2s;}
.verification_site_wrap .box .text .f28 {color: #000; font-weight: 600; transition: all 0.2s;}
.verification_site_wrap .box .text .f28 span {display: block; margin-bottom: 2px; transition: all 0.2s;}
.verification_site_wrap .box .text .f28 span.f22 {font-weight: 500; transition: all 0.2s;}
.verification_site_wrap .box .arrow {width: 0; height: 0; border: 1px solid #fff; border-radius: 50%; margin-top: 20px; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.2s;}
.verification_site_wrap .box .arrow i {color: #fff; font-weight: 400; font-size: 0; transition: all 0.2s;}
.verification_site_wrap .box:hover {background: #8a2332; transition: all 0.3s;}
.verification_site_wrap .box:hover .text .f18 {color: #fff; margin-bottom: 5px; transition: all 0.3s;}
.verification_site_wrap .box:hover .text .f28 {color: #fff; transition: all 0.2s;}
.verification_site_wrap .box:hover .text .f28 span {margin-bottom: 0; transition: all 0.2;}
.verification_site_wrap .box:hover .text .f28 span.f22 {color: #fff; transition: all 0.2s;}
.verification_site_wrap .box:hover .arrow {opacity: 1; width: 65px; height: 65px; transition: all 0.5s;}
.verification_site_wrap .box:hover .arrow i {font-size: 16px; transition: all 0.2s;}


/** 인증사업안내 - 상세 **/
.certification_detail .sub_title .sub_navi {position: static; width: 100%; max-width: 1492px; padding: 0 16px; margin: 0 auto;}
.board_detail .title {margin: 90px 0 70px; text-align: center;}
.board_detail .title .f20 {color: #8a2332; font-family: 'Nanum Myeongjo', serif; font-weight: 900;}
.board_detail .title .f50 {color: #000; font-weight: 700; margin: 15px 0 20px;}
.board_detail .title .f18 {color: #666; font-weight: 400;}
.board_detail .detail_con {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 40px 0 100px;}
.board_detail .detail_con .attachment {background: #fafafa; border-radius: 10px; padding: 35px 40px; margin-bottom: 40px;}
.board_detail .detail_con .attachment .item {margin-bottom: 5px;}
.board_detail .detail_con .attachment .item:last-child {margin-bottom: 0;}
.board_detail .detail_con .attachment .item .icon {width: 26px; height: 26px; background: #000; border-radius: 50%; margin-right: 12px; margin-top: 4px; float: left; position: relative;}
.board_detail .detail_con .attachment .item .icon i {color: #fff; font-size: 16px; font-weight: 500; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.board_detail .detail_con .attachment .item .f20 {font-weight: 600; color: #000; display: inline-block;}
.board_detail .detail_con .attachment .item a:hover .f20 {text-decoration: underline;}
.board_detail .detail_con .inner {padding: 30px 65px 0;}
.board_detail .detail_con .inner .image {margin-bottom: 60px; display: flex;}
.board_detail .detail_con .inner .image img {width: 100%;}
.board_detail .detail_con .inner .text .f20 {margin-bottom: 40px;}
.board_detail .detail_con .inner .text .f20:last-child {margin-bottom: 0;}
.board_detail .control_btn {display: flex; align-items: center; justify-content: space-between; padding: 35px 10px;}
.board_detail .control_btn .move {display: flex; align-items: center; width: 35%;}
.board_detail .control_btn .move .arrow {margin: 0 12px;}
.board_detail .control_btn .move .arrow i {font-size: 26px; color: #000;}
.board_detail .control_btn .move .txt {display: inline-block; font-weight: 600; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s;}
.board_detail .control_btn .list_btn {width: 30%; text-align: center; color: #000; font-size: 26px;}
.board_detail .control_btn .list_btn:hover {color: #666;}
.board_detail .control_btn .move:hover .txt {text-decoration: underline; color: #666;}
.board_detail .control_btn .move.disabled .txt {color: #b9b9b9; text-decoration: none;}
.board_detail .control_btn .move.disabled .arrow i {color: #b9b9b9;}


/** 상담문의 - 상담문의 **/
.form_wrap {margin-top: 10px;}
.form_wrap .info_txt {text-align: right; color: #000; font-weight: 500; margin-bottom: 15px;}
.form_wrap .info_txt span {color: #8a2332; font-weight: 700;}
.form_wrap .row {display: flex;}
.form_wrap .row_bb {display: flex;}
.form_wrap .item {display: flex; align-items: center; width: 100%; margin: 0 30px; padding: 0 20px; background: #fafafa; border-radius: 8px;}
.form_wrap .item:nth-child(odd) {margin-left: 0;}
.form_wrap .item:nth-child(even) {margin-right: 0;}
.form_wrap .item.full {margin-right: 0; margin-left: 0;}
.form_wrap .item .f16.cate {width: 160px; text-align: left; font-weight: 700; padding-right: 30px; letter-spacing: -1px; flex-shrink: 0;}
.form_wrap .item .f16.cate .essential {font-size: 16px; color: #8a2332; position: relative; top: 0;}
.form_wrap .radio_box {display: flex; height: 60px; align-items: center;}
.form_wrap .item .radio_box label {margin-right: 50px;}
.form_wrap .item .radio_box label:last-child {margin-right: 0;}
.form_wrap .item .radio_box input[type="radio"] {width: 22px; height: 22px; margin-right: 10px;}
.form_wrap input, .form_wrap textarea {border: none; background: none;}
.form_wrap select {border: none; width: 100%; padding: 0; color: #bbb;}
.form_wrap select option {color: #000;}
.form_wrap .item input {width: calc(100% - 160px); font-size: 16px;}
.form_wrap .item input textarea {}
.form_wrap .item .email_wrap {width: calc(100% - 160px); display: flex; align-items: center;}
.form_wrap .item .email_wrap input {}
.form_wrap .item .email_wrap .f16 {margin: 0 10px; font-weight: 700;}
.form_wrap .item .email_wrap select {width: 100%;}
.form_wrap .item.textarea {align-items: flex-start; padding: 18px 20px;}
.form_wrap .item.textarea textarea {width: calc(100% - 160px); border: 0; padding: 6px 0 0; height: 250px;}
.form_wrap .mg_bt {margin-bottom: 20px;}
.form_wrap button {margin: 40px auto 0; font-weight: 500;     letter-spacing: 0 !important;}
.form_wrap .row.three .item, .form_wrap .row.three .item:nth-child(odd), .form_wrap .row.three .item:nth-child(even) {margin: 0 8px;}
.form_wrap .row.three .item:first-child {margin-left: 0;}
.form_wrap .row.three .item:last-child {margin-right: 0;}
.form_wrap .row.two .item, .form_wrap .row.two .item:nth-child(odd), .form_wrap .row.two .item:nth-child(even) {margin: 0 8px;}
.form_wrap .row.two .item:first-child {margin-left: 0;}
.form_wrap .row.two .item:last-child {margin-right: 0;}

.form_wrap .row_bb.three .item, .form_wrap .row_bb.three .item:nth-child(odd), .form_wrap .row_bb.three .item:nth-child(even) {margin: 0 8px;}
.form_wrap .row_bb.three .item:first-child {margin-left: 0;}
.form_wrap .row_bb.three .item:last-child {margin-right: 0;}
.form_wrap .row_bb.two .item, .form_wrap .row_bb.two .item:nth-child(odd), .form_wrap .row_bb.two .item:nth-child(even) {margin: 0 8px;}
.form_wrap .row_bb.two .item:first-child {margin-left: 0;}
.form_wrap .row_bb.two .item:last-child {margin-right: 0;}

.form_wrap .item input.additional {width: 100%; border-bottom: 1px solid #ccc; margin-left: 10px; height: 32px; border-radius: 0; padding: 0 4px;}
.form_wrap .item .radio_box label .case {display: flex; align-items: center;}
.form_wrap .item .radio_box label .case .additional {width: 40px;}
.form_wrap .item .radio_box label .case .f16 {}
.form_wrap .check_wrap {display: flex; flex-flow: wrap; padding: 17px 0;}
.form_wrap .check_wrap .ck_box {margin-right: 30px;}
.form_wrap .check_wrap .f16 {white-space : nowrap;}


/** 가족회원제도 - 가족회원제란 **/
.family_membership .infographic {display: flex; align-items: center; justify-content: center;}
.family_membership .infographic .txt_box {width: 333px; height: 333px; border-radius: 50%; display: flex; flex-flow: column; justify-content: space-between; align-items: center; padding: 55px 30px;}
.family_membership .infographic .txt_box.left {background: #22a2d7; box-shadow: 8px 9px 20px rgb(34 162 215 / 25%);}
.family_membership .infographic .txt_box.right {background: #8a2332; box-shadow: 8px 9px 20px rgb(112 12 27 / 25%);}
.family_membership .infographic .txt_box .f14 {color: rgb(255,255,255,0.2); text-align: center;}
.family_membership .infographic .txt_box .f45 {color: #fff; font-weight: 600;}
.family_membership .infographic .txt_box .f20 {color: #fff;}
.family_membership .infographic .connect {display: flex; align-items: center;}
.family_membership .infographic .connect .line {height: 1px; width: 7vw; display: inline-block; background: transparent; border-style: dashed; border-width: thin; margin: 0 10px;}
.family_membership .infographic .connect .line.blue {border-color: #22a2d7;}
.family_membership .infographic .connect .line.red {border-color: #8a2332}
.family_membership .infographic .connect .icon {display: inline-block; background: url('../images/family_membership_infographic.png') no-repeat center / cover; width: 96px; height: 96px;}
.family_membership .sec3 {margin: 140px 0;}
.family_membership .quotation_wrap .box .line_btn2 {margin-top: 70px;}
.family_membership .info_wrap {position: relative;}
.family_membership .info_wrap .bg {border-radius: 50px; overflow: hidden; display: flex; box-shadow: 8px 9px 20px rgb(0 0 0 / 25%); isolation: isolate;}
.family_membership .info_wrap .bg img {width: 100%; -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); -webkit-transition:transform 5000ms  ease-in-out ; transition:transform 5000ms ease-in-out;}
.family_membership .info_wrap.aos-animate .bg img  {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.family_membership .info_wrap .box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 30px 40px;}
.family_membership .info_wrap .box .logo {margin-bottom: 35px;}
.family_membership .info_wrap .box .logo img {width: 100%; max-width: 211px;}
.family_membership .info_wrap .box .txt {display: inline-block; border-top: 1px solid rgb(255,255,255,0.2); padding-top: 50px;}
.family_membership .info_wrap .box .txt .quotes_box {display: flex; justify-content: center;}
.family_membership .info_wrap .box .txt .quotes_box .quotes img {width: 22px;}
.family_membership .info_wrap .box .txt .quotes_box .f22 {color: #fff; margin: 8px 30px 20px;}
.family_membership .info_wrap .box .txt .quotes_box .f22 span {display: block; margin-bottom: 4px;}
.family_membership .info_wrap .box .txt .f14 {color: rgb(255,255,255,0.5); font-weight: 300;}


/** 가족회원제도 - 가입창 **/
.join .sec_title2 {margin-bottom: 30px;}
.join .sec_title2 .f18 {margin-top: 15px;}
.join .form_wrap .item .email_wrap input {width: calc(45% - 40px);}
.join .form_wrap .item .email_wrap select {width: 55%;}
.join .form_wrap .item .email_wrap .f18 {width: 80px; text-align: center; flex-shrink: 0;}
.join .form_wrap .item .filebox {display: flex; width: 100%;}
.join .form_wrap .item .filebox .upload-name {display: inline-block; width: calc(100% - 240px);}
.join .form_wrap .item .filebox .btn {display: flex;border-radius: 10px;}
.join .form_wrap .item .filebox label {display: flex; align-items: center; justify-content: center; padding: 10px 20px; color: #fff; vertical-align: middle; background: #111; cursor: pointer; height: 60px; width: 240px; border-radius: 8px; font-weight: 700;}
.join .form_wrap .item .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.join .upload_wrap {padding-right: 0;}
.join .btn_wrap {display: flex; justify-content: center; margin-top: 70px;}
.join .btn_wrap button {margin: 0 5px;}
.join .policy_box {font-size: 16px; color: #bbb; width: 100%;}
.join .policy_box ul {padding: 24px 0;}
.join .policy_box ul li {margin-bottom: 6px;}
.join .policy_box ul li:last-child {margin-bottom: 0;}
.join .layer_popup {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.7); display: none;}
.join .layer_popup .inner {display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 16px;}
.join .layer_popup .box {width: 100%; max-width: 930px; background: #fff; border-radius: 20px; text-align: center; position: relative; padding: 90px 20px;}
.join .layer_popup .box .close {position: absolute; top: 40px; right: 55px; cursor: pointer;}
.join .layer_popup .box .close i {font-size: 26px; font-weight: 600;}
.join .layer_popup .box .text {}
.join .layer_popup .box .text .f18 {color: #666;}
.join .layer_popup .box .text .f18 span {display: block;}
.join .layer_popup .box .text .top {color: #8a2332; font-family: 'Nanum Myeongjo', serif; font-weight: 800; letter-spacing: 0; margin-bottom: 10px;}
.join .layer_popup .box .text .f38 {font-weight: 700;}
.join .layer_popup .box .text .f38 span {display: block; margin-bottom: 8px;}
.join .layer_popup .box .text .f38 span:last-child {margin-bottom: 0;}
.join .layer_popup .box .text .icon {margin: 35px 0 40px;}
.join .layer_popup .box .text .icon img {width: 100%; max-width: 170px;}










@media (max-width: 1600px) {
	.bt_mg {margin-bottom: 160px;}
	.sec_title .f66 {margin-top: 20px;}
	.sub_title .top_bg {padding: 0 16px 50px;}
	.sub_title .sub_navi {padding:  0 80px;}
	.sub_title .title_wrap {left: 10vw;}
	.greetings .certificate_board .item {margin: 0 29px 60px;}
	.greetings .certificate_board .item .image img {height: 26vw;}
	.quotation_wrap {background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 100px top / 450px 280px;}
	.certification .detail {padding: 0 6vw;}
	.certification .detail > li .right {padding: 38px 40px;}
	.education .education_wrap .box {width: 300px; height: 300px; padding: 60px 10px 90px;}
	.education .education_wrap .box .f26 {font-size: 22px; line-height: 32px;}
	.education .education_wrap .box .f26 span {margin-bottom: 0;}
	.support_list .sec3 {margin-top: 140px; padding: 110px 0 140px;}
	.certification_list .sec3 {padding: 110px 0 140px;}
	.board_list li a {padding: 30px 40px;}
	.board_list li .image {max-width: 220px;}
	.board_list li .text {width: calc(100% - 390px);}
	.verification_site_wrap .box {flex: 0 1 calc(33.3% - 13px); margin: 0 10px 20px;}
	.form_wrap .item {margin: 0 5px;}
	.form_wrap .mg_bt {margin-bottom: 10px;}
}


@media (max-width: 1440px) { 
	.sub_title {margin-top: 90px;}
	.sec_title {margin: 100px 0 60px;}
	.sec_title .f66 {margin-top: 14px;}
	.sec_title .f66 span {margin-bottom: 5px;}
	.sec_title .f26 {margin-top: 20px;}
	.sec_title .f18 {margin-top: 20px;}
	.sub_title .sub_navi ul li {margin: 0 20px;}
	.sec_title2 {margin: 100px 0 50px;}
	.sec_title2 .f48 {margin-top: 5px;}
	.sec_title2 .f18 {margin-top: 20px;}
	.greetings .greetings_wrap .right {padding: 0 0 0 52px;}
	.greetings .greetings_wrap .right .title .f40 {margin-bottom: 4px;}
	.greetings .greetings_wrap .right .txt .f20 {margin-bottom: 24px;}
	.greetings .greetings_wrap .right .txt .f20 span {display: inline;}
	.greetings .sec3 {margin-top: 120px;}
	.greetings .pagination {margin-top: 60px;}
	.company .logo_detail_wrap .text_wrap {padding-left: 60px;}
	.company .logo_detail_wrap .text_wrap .txt .f16 {margin-bottom: 18px;}
	.company .logo_detail_wrap .text_wrap .txt .f16 span {display: inline;}
	.quotation_wrap {padding: 80px 0; background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 50px top / 400px 250px;}
	.supplier .process_wrap .item .box .txt {padding: 0 5vw;}
	.consulting_icon_box {margin-bottom: 120px;}
	.management .sec3, .technology .sec3, .etc .sec3 {padding: 100px 0 160px;}
	.management .step_wrap .step_icon {width: 69px; height: 64px;}
	.management .step_wrap .process_wrap .box .circle {width: 150px; height: 150px;}
	.management .step_wrap .process_wrap .arrow {width: 25px; height: 25px; margin-top: 65px;}
	.management .step_wrap .process_wrap .arrow .ic {font-size: 13px;}
	.management .step_wrap .process_wrap .box .text .bullet span::after {width: 21vw;}
	.management .step_wrap .process_wrap .box .text .f20 {font-size: 16px;}
	.management .step_wrap .detail_wrap {margin-top: 80px;}
	.management .step_wrap .detail_wrap .box .step_icon {margin: 0 60px;}
	.management .step_wrap .detail_wrap .box .title {width: 250px;}
	.management .step_wrap .detail_wrap .box {padding: 40px 0;}
	.management .step_wrap .detail_wrap .box .text {padding-right: 2vw;}
	.technology_slider {margin-top: 50px;}
	.technology_slider .technology_item .text {margin-top: 30px;}
	.technology_slider .technology_item .text .f20 {margin-bottom: 10px;}
	.certification .process_wrap .divider_line img {height: 8vw;}
	.education .education_wrap .box {width: 260px; height: 260px; padding: 60px 10px 70px;}
	.education .education_wrap .box .f26 {font-size: 18px; line-height: 28px;}
	.education .large_txt span {font-size: 150px; line-height: 120px;}
	.etc .etc_wrap .row .circle .bg {width: 220px; height: 220px;}
	.etc .etc_wrap .row .right_text {margin-top: 80px;}
	.etc .etc_wrap .row .right_text .f26 {width: 60px;}
	.etc .etc_wrap .row .line {height: 5vw;}
	.support_list .support_business_wrap .box {padding: 50px 40px;}
	.board_list_pagination {margin-top: 40px;}
	.verification_site_wrap .box {height: 220px;}
	.verification_site_wrap .box:hover .arrow {width: 45px; height: 45px;}
	.verification_site_wrap .box .text .f18 {font-size: 16px; line-height: 24px;}
	.verification_site_wrap .box .arrow {margin-top: 10px;}
	.board_detail .title {margin: 90px 0 50px;}
	.board_detail .title .f50 {margin: 10px 0 14px;}
	.board_detail .detail_con .inner {padding: 10px 0 0;}
	.board_detail .detail_con .inner .image {margin-bottom: 40px;}
	.board_detail .detail_con .inner .text .f20 {margin-bottom: 25px;}
	.join .layer_popup .box {padding: 70px 20px;}
	.join .layer_popup .box .text .icon img {max-width: 150px;}
	.quotation_wrap .box .txt .f48 {margin-bottom: 0;}
	.family_membership .info_wrap .box .logo img {max-width: 160px;}
	.family_membership .info_wrap .bg img {height: 580px; object-fit: cover;}

	.board_list li .image img{height:auto !important;}

	
	.map_pop{
		max-width: 1200px; 
		width:90%;
	}

	.map_pop .top_info{
		border-bottom:1px solid #dddddd;
		min-height:135px;
		padding-top:25px;
	}

	.map_pop .top_info .location_info{
		width:auto !important;
		padding-top:8px;
		float:left;
	}

	.map_pop .top_info .location_info h2{
		font-size:34px;
		font-weight:500;
		color:#222222;
		text-align:center;
		padding:0 15px;
	}

	.map_pop .top_info .location_info h2::after{
		width:1px;
		height:73px;
		background:#ff7e00;
		content:"";
		display:block;
		float:right;
		margin-left:15px;
	}

	.map_pop .top_info .location_text {
		margin-left:25px;
		display:inline-block;
	}

	.map_pop .top_info .location_text ul li{
		font-size:18px;
		font-weight:400;
		color:#222222;
		margin-bottom:2px;
		display:block;
	}

	.map_pop #btn_close{
		position:absolute;
		top:13px;
		right:15px;
		background:none;
		border:0;
		z-index:999;
	}

	.map_pop label{
		font-weight:bold;
		font-size:14px;
	}

	.map_pop #btn_close i{
		font-size:25px;
		color:#525252;
	}

	.map_pop .card{
		margin-bottom:0;
	}

	.map_pop .location_map{
		background:#eeeeee;
		padding:18px;
		margin-top:20px;
	}


}


@media (max-width: 1199px) { 
	.bt_mg {margin-bottom: 120px;}
	.sub_title {margin-top: 70px;}
	.sub_title .top_bg {padding: 0 16px 40px;}
	.sub_title .sub_navi .box {height: 80px; padding: 0 40px;}
	.sec_title2 {margin: 80px 0 50px;}
	.sec_title2 .f52 {margin-top: 10px;}
	.sec_title2 .f52 span {margin-bottom: 4px;}
	.greetings .greetings_wrap .right {padding: 0 0 0 40px;}
	.greetings .greetings_wrap .right .title {margin-bottom: 20px;}
	.greetings .greetings_wrap .right .title .f40 {margin-bottom: 0;}
	.greetings .greetings_wrap .right .txt .f20 {margin-bottom: 18px;}
	.greetings .greetings_wrap .right .signature {margin-top: 28px;}
	.greetings .certificate_board .item {margin: 0 20px 50px; flex: 0 1 calc(25% - 30px);}
	.greetings .certificate_board .item .txt {margin-top: 15px;}
	.greetings .certificate_board .item .txt .f20 {line-height: 28px;}
	.greetings .pagination {margin-top: 50px;}
	.quotation_wrap .box .txt .f20 {margin: 20px 0 35px;}
	.quotation_wrap .box .txt .f22 {margin: 25px 0;}
	.supplier .process_wrap .item {padding: 45px 0;}
	.consulting_icon_box li {padding: 40px 30px;}
	.consulting_icon_box li .icon {width: 68px; height: 71px;}
	.consulting_icon_box li .txt .f24 {margin-bottom: 6px;}
	.consulting_icon_box li .txt .f18 {line-height: 28px;}
	.management .step_wrap .process_wrap .box .text {margin-top: 20px;}
	.technology_slider .swiper-button-next, .technology_slider .swiper-button-prev {width: 45px; height: 45px;}
	.technology_slider .swiper-pagination {font-size: 20px; margin-top: 25px;}
	.technology_slider .swiper-pagination .swiper-pagination-current {font-size: 32px; line-height: 32px;}
	.certification .process_wrap .title_box {width: 260px; height: 260px;}
	.certification .detail {padding: 0;}
	.certification .detail > li .left {padding: 30px 20px 60px;}
	.certification .detail > li .right {padding: 30px 30px;}
	.education .education_wrap {margin-left: 30px;}
	.education .education_wrap .box {width: 240px; height: 240px; padding: 50px 10px 60px;}
	.education .education_wrap .box:nth-child(2) {left: -10px;}
	.education .education_wrap .box:nth-child(3) {left: -20px;}
	.education .education_wrap .box:nth-child(4) {left: -30px;}
	.education .education_wrap .box .f20 {font-size: 16px;}
	.education .education_wrap .box .f26 {font-size: 18px; line-height: 28px;}
	.etc .etc_wrap .row .right_text .f32 span {margin-bottom: 6px;}
	.support_list .sec3 {margin-top: 100px; padding: 90px 0 120px;}
	.certification_list .sec3 {padding: 90px 0 120px;}
	.support_list .support_business_wrap .box {padding: 40px 30px;}
	.board_list li .text {width: calc(100% - 320px); padding: 0 3vw;}
	.board_list li .date {max-width: 140px;}
	.board_list li .date .f26 {font-size: 20px; line-height: 30px;}
	.board_list li .image {max-width: 170px;}
	.board_detail .detail_con {padding: 20px 0 80px;}
	.board_detail .detail_con .attachment {padding: 25px 30px;}
	.board_detail .detail_con .attachment .item .icon {margin-top: 1px;}
	.board_detail .control_btn {padding: 25px 10px;}
	.form_wrap .item .email_wrap select {width: 60%;}
	.form_wrap .check_wrap {padding: 14px 0;}
	.form_wrap .certification_status {padding: 0;}
	.join .sec_title2 .f18 {margin-top: 8px;}
	.join .layer_popup .box {padding: 60px 20px;}
	.join .layer_popup .box .text .icon {margin: 25px 0;}
	.join .layer_popup .box .text .icon img {max-width: 120px;}
	.join .layer_popup .box .text .f38 span {margin-bottom: 2px;}
	.family_membership .infographic .txt_box {width: 280px; height: 280px;}
	.family_membership .sec3 {margin: 100px 0;}
	.family_membership .quotation_wrap .box .line_btn2 {margin-top: 50px;}
}


@media (max-width: 1024px) { 
	.sec_title {margin: 80px 0 50px;}
	.sub_title .top_bg {padding: 0;}
	.sub_title .sub_navi {padding: 0; position: static;}
	.sub_title .sub_navi .title { width: 120px;}
	.sub_title .sub_navi .box {height: 70px; padding: 0 16px;}
	.sub_title .sub_navi ul li {margin: 0 20px; white-space: nowrap;}
	.sub_title .top_bg .image img {height: 350px; object-fit: cover;}
	.sub_title .title_wrap {transform: translateY(-80%);}
	.sub_title .title_wrap .f90 {margin-bottom: 10px;}
	.sec_title .f18 {margin-top: 15px;}
	.sec_title2 {margin: 80px 0 40px;}
	.sec_title2 .f52 span {margin-bottom: 0;}
	.sec_title2 .f18 {margin-top: 15px;}
	.greetings .sec3 {margin-top: 100px;}
	.greetings .certificate_board .item {margin: 0 8px 50px; flex: 0 1 calc(25% - 12px);}
	.greetings .certificate_board .item .image img {height: 29.5vw;}
	.greetings .certificate_board .item .txt .f16 {font-size: 14px; margin-bottom: 2px; line-height: 22px;}
	.greetings .certificate_board .item .txt .f20 {font-size: 16px; line-height: 24px;}
	.greetings .certificate_board .item .txt .f14 {margin-top: 4px;}
	.company .logo_detail_wrap .logo {padding: 0 40px;}
	.quotation_wrap {background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 50px top / 300px 200px;}
	.quotation_wrap .box .txt .f22 span {margin-bottom: 2px;}
	.supplier .process_wrap .item {padding: 40px 0;}
	.supplier .process_wrap .item .logo {padding: 0 4.5vw;}
	.consulting_icon_box li {padding: 30px 25px;}
	.consulting_icon_box li .txt .f18 {line-height: 26px;}
	.consulting_icon_box li .txt .f18 span {display: inline;}
	.consulting_icon_box li .txt .f18 .s_txt {line-height: 20px; display: block;}
	.consulting_icon_box {margin-bottom: 100px;}
	.management .sec3, .etc .sec3 {padding: 80px 0 120px;}
	.technology .sec3 {padding: 80px 0 100px;}
	.management .step_wrap .detail_wrap {margin-top: 40px;}
	.management .step_wrap .step_icon {width: 52px; height: 48px;}
	.management .step_wrap .process_wrap .arrow {display: none;}
	.management .step_wrap .process_wrap .box {flex: 1 1 20%; padding: 0 10px;}
	.management .step_wrap .process_wrap .box .circle {width: 110px; height: 110px; margin: 0 auto;}
	.management .step_wrap .process_wrap .box .text .bullet span::after {width: 19vw;}
	.management .step_wrap .detail_wrap .box .step_icon {margin: 0 20px;}
	.management .step_wrap .detail_wrap .box .title {width: 200px;}
	.management .step_wrap .detail_wrap .box .text ul li {margin-bottom: 6px;}
	.management .step_wrap .detail_wrap .box .text ul li .cate {width: 110px;}
	.certification .process_wrap .title_box {width: 220px; height: 220px;}
	.certification .detail {margin-top: 30px;}
	.certification .detail > li .left {width: 200px; padding: 20px 16px 60px;}
	.certification .detail > li .right {padding: 20px 20px; width: calc(100% - 200px);}
	.certification .detail > li .right ul .f18::before {top: 11px;}
	.certification .detail > li .right .f22 {margin: 2px 0 6px;}
	.certification .process_wrap .divider_line {margin-top: 14px;}
	.certification .process_wrap .divider_line img {height: 6vw;}
	.education .education_wrap .box {width: 220px; height: 220px; padding: 50px 10px 60px;}
	.education .education_wrap .box .f20 {font-size: 16px;}
	.education .education_wrap .box .f26 {font-size: 17px; line-height: 25px;}
	.education .large_txt span {font-size: 100px; line-height: 80px;}
	.etc .etc_wrap .row .circle .bg {width: 180px; height: 180px;}
	.etc .etc_wrap .row .circle .txt .f18 {width: 30px; height: 30px; font-size: 14px;}
	.etc .etc_wrap .row .circle .txt .f26 {margin-top: 8px; ;}
	.etc .etc_wrap .row .right_text {margin-top: 70px;}
	.etc .etc_wrap .row .right_text .f32 span {margin-bottom: 4px;}
	.etc .etc_wrap .row .right_text .f26 {width: 50px}
	.support_list .sec3 {margin-top: 90px; padding: 80px 0 100px;}
	.certification_list .sec3 {padding: 80px 0 100px;}
	.support_list .support_business_wrap .box {padding: 25px 20px; flex: 1 1 calc(50% - 5px); margin: 0 5px 10px;}
	.support_list .support_business_wrap .box .arrow {width: 50px; height: 50px;}
	.board_list li a {padding: 25px 20px;}
	.board_list li .date {max-width: 120px;}
	.board_list li .date .f26 {font-size: 18px; line-height: 28px;}
	.board_list li .date .f26 .divider {line-height: 14px;}
	.board_list li .image {max-width: 150px;}
	.board_list li .text {width: calc(100% - 270px);}
	.verification_site_wrap .box {height: 180px;}
	.verification_site_wrap .box, .verification_site_wrap .box:nth-child(3n), .verification_site_wrap .box:first-child, .verification_site_wrap .box:nth-child(3n+1) {flex: 0 1 calc(50% - 5px); margin: 0 5px 10px;}
	.verification_site_wrap .box:nth-child(odd) {margin-left: 0;}
	.verification_site_wrap .box:nth-child(even) {margin-right: 0;}
	.certification_detail .sub_title .sub_navi  {padding: 0;}
	.board_detail .detail_con {padding: 20px 0 60px;}
	.board_detail .detail_con .inner .image {margin-bottom: 30px;}
	.board_detail .detail_con .inner .text .f20 {margin-bottom: 15px;}
	.board_detail .detail_con .attachment {padding: 20px 25px;}
	.board_detail .detail_con .attachment .item .icon {margin-top: 2px; width: 20px; height: 20px;}
	.board_detail .detail_con .attachment .item .icon i {font-size: 12px;}
	.board_detail .detail_con .inner {padding: 0;}
	.board_detail .title {margin: 70px 0 40px;}
	.board_detail .title .f50 {margin: 4px 0 8px;}
	.board_detail .control_btn {padding: 15px 0;}
	.board_detail .control_btn .move .arrow {margin: 0;}
	.board_detail .control_btn .move .txt {margin: 0 10px;}
	.form_wrap .row {flex-flow: column;}
	.form_wrap .item {margin: 0 0 10px;}
	.form_wrap .item:nth-child(2) {margin: 0;}
	.form_wrap .row.three .item {margin: 0 0 10px !important;}
	.form_wrap .row.two .item {margin: 0 0 10px !important;}
	.form_wrap .row.two .item:last-child {margin-bottom: 0 !important;}
	.form_wrap .radio_box {flex-flow: wrap;}
	.form_wrap .item.rd_box {height: auto; padding: 12px 14px;}
	.join .form_wrap .item .filebox .upload-name {width: calc(100% - 140px);}
	.join .form_wrap .item .filebox label {width: 140px;}
	.join .btn_wrap  {margin-top: 50px;}
	.join .layer_popup .box .close {top: 22px; right: 25px;}
	.join .layer_popup .box .text .icon {margin: 18px 0;}
	.join .layer_popup .box .text .icon img {max-width: 90px;}
	.family_membership .infographic .txt_box {width: 220px; height: 220px;}
	.family_membership .infographic .connect .icon {width: 70px; height: 70px;}
	.family_membership .info_wrap .box .logo img {max-width: 120px;}
	.family_membership .info_wrap .box .txt {padding-top: 30px;}
	.family_membership .info_wrap .box .txt .quotes_box .f22 {margin: 8px 15px 16px;}
	.family_membership .info_wrap .bg img {height: 460px;}
	
}


@media (max-width: 959px) { 
	.sec_title2 .f52 {margin-top: 6px;}
	.greetings .greetings_wrap .left {width: 40%;}
	.greetings .greetings_wrap .right {width: 60%;}
	.greetings .key_certificate_wrap {padding: 80px 0;}
	.quotation_wrap {padding: 70px 0;}
	.quotation_wrap .box .txt .f20 {margin: 15px 0 30px;}
	.quotation_wrap .box .txt .f20 span {display: inline; margin-bottom: 0; font-size: 16px;}
	.quotation_wrap .box .txt .f22 {margin: 15px 0;}
	.quotation_wrap .box .txt .f22 span {display: inline; margin-bottom: 0; font-size: 16px;}
	.education .education_wrap {flex-flow: wrap; margin: 0 18vw;}
	.education .education_wrap .box {flex: 1 1 50%; max-width: 220px;}
	.education .education_wrap .box:nth-child(1) {right: -10px;}
	.education .education_wrap .box:nth-child(2) {left: -10px;}
	.education .education_wrap .box:nth-child(3) {top: -20px; right: -10px; left: auto;}
	.education .education_wrap .box:nth-child(4) {top: -20px; left: -10px;}
	.etc .etc_wrap .row .right_text {margin-left: 40px;}
	.form_wrap .item.rd_box {height: auto; padding: 12px 14px;}
	.family_membership .quotation_wrap .box .line_btn2 {margin-top: 40px;}
	.family_membership .sec3 {margin: 90px 0;}
}


@media (max-width: 768px) {
	.bt_mg {margin-bottom: 100px;}
	.sec_title {margin: 80px 0 40px;}
	.sec_title .f66 {margin-top: 10px;}
	.sec_title .f66 span {margin-bottom: 0;}
	.sec_title .f26 {margin-top: 16px;}
	.sub_title .top_bg .image img {height: 300px;}
	.sub_title .sub_navi .box {height: 60px; padding: 0 16px;}
	.sub_title .sub_navi .title {display: none;}
	.sec_title .f18 span {display: inline;}
	.sec_title2 .f20 {font-size: 16px;}
	.greetings .greetings_wrap {flex-flow: column;}
	.greetings .greetings_wrap .left {width: 100%; margin-bottom: 30px;}
	.greetings .greetings_wrap .left .image {max-width: 500px; margin: 0 auto;}
	.greetings .greetings_wrap .right {width: 100%; padding: 0;}
	.greetings .greetings_wrap .right .title .f40 {display: inline;}
	.greetings .greetings_wrap .right .title .f40:nth-child(1) {width: 100%; display: inline-block;}
	.greetings .greetings_wrap .right .txt .f20 {font-size: 16px; line-height: 26px;}
	.greetings .key_certificate_wrap {padding: 70px 0;}
	.greetings .certificate_board .item, .greetings .certificate_board .item:nth-child(4n+1), .greetings .certificate_board .item:nth-child(4n) {flex: 0 1 calc(33.3% - 12px); margin: 0 8px 50px;}
	.greetings .certificate_board .item:nth-child(3n+1) {margin-left: 0;}
	.greetings .certificate_board .item:nth-child(3n) {margin-right: 0;}
	.greetings .certificate_board .item:nth-last-child(-n+3) {margin-bottom: 0;}
	.greetings .certificate_board .item .image img {height: 39vw;}
	.company .logo_detail_wrap {padding: 80px 0;}
	.company .logo_detail_wrap .wrapper {flex-flow: column;}
	.company .logo_detail_wrap .logo {width: 100%; max-width: 160px; padding: 0; margin-bottom: 30px;}
	.company .logo_detail_wrap .text_wrap {width: 100%; padding: 0; border: none;}
	.company .logo_detail_wrap .text_wrap .txt {margin-top: 20px;}
	.company .logo_detail_wrap .text_wrap .grounds {margin-top: 25px;}
	.supplier .process_wrap .item .box .txt .f28 {margin-bottom: 10px;}
	.supplier .process_wrap .item .box .txt ul li {margin-bottom: 6px;}
	.supplier .process_wrap .item .box .txt .line_btn {height: 48px; font-size: 12px;}
	.consulting_icon_box {margin-bottom: 80px;}
	.consulting_icon_box li {flex: 1 1 100%;}
	.consulting_icon_box li .icon {width: 55px; height: 58px;}
	.management .step_wrap .process_wrap {flex-flow: wrap;}
	.management .step_wrap .process_wrap .box {flex: 1 1 33.3%; margin-bottom: 20px;}
	.management .step_wrap .process_wrap .box .circle {width: 100px; height: 100px;}
	.management .step_wrap .process_wrap .box .text {margin-top: 10px;}
	.management .step_wrap .process_wrap .box .text .bullet {display: none;}
	.management .step_wrap .process_wrap .box .text .bullet span::after {display: none;}
	.management .step_wrap .process_wrap .box .text .f22 {margin: 5px 0 2px;}
	.management .step_wrap .detail_wrap {margin-top: 20px;}
	.management .step_wrap .detail_wrap .box {flex-flow: wrap; padding: 30px 16px;}
	.management .step_wrap .detail_wrap .box .title {width: calc(100% - 72px);}
	.management .step_wrap .detail_wrap .box .step_icon {margin: 0; margin-right: 20px;}
	.management .step_wrap .detail_wrap .box .text {padding: 0; margin-top: 16px;}
	.management .step_wrap .detail_wrap .box .text ul li .cate {width: auto; margin-right: 20px;}
	.technology_slider {flex-flow: column; margin-top: 20px;}
	.technology_slider .controller {display: flex; align-items: center; margin-right: 0; padding-top: 0; margin-bottom: 12px;}
	.technology_slider .controller .btn_wrap {display: flex; order: 2;}
	.technology_slider .swiper-button-next, .technology_slider .swiper-button-prev {margin: 0;}
	.technology_slider .swiper-wrapper {align-items: flex-start;}
	.technology_slider .swiper-button-next {order: 2; margin-left: 8px;}
	.technology_slider .swiper-button-prev {order: 1;}
	.technology_slider .swiper-pagination {margin-top: 0; order: 1; justify-content: flex-end; margin-right: 20px;}
	.technology_slider .swiper-pagination {font-size: 14px;}
	.technology_slider .swiper-pagination .swiper-pagination-current {font-size: 19px; line-height: 19px; margin-right: 6px;}
	.technology_slider .swiper-button-next i, .technology_slider .swiper-button-prev i {font-size: 20px;}
	.technology_slider .swiper-button-next, .technology_slider .swiper-button-prev {width: 40px; height: 40px;}
	.technology_slider .technology_item .text {margin-top: 20px;}
	.technology_slider .technology_item .text .f20 {margin-bottom: 6px;}
	.technology_slider .technology_item .text .f26 {font-size: 16px;}
	.technology_slider .technology_item .text .f26 span {margin-bottom: 0;}
	.certification .detail {margin-top: 20px;}
	.certification .detail > li .left {width: 140px; padding: 20px 16px 40px;}
	.certification .detail > li .right {padding: 20px 20px; width: calc(100% - 140px);}
	.certification .process_wrap .title_box {width: 180px; height: 180px;}
	.education .education_wrap {margin: 0 10vw;}
	.etc .etc_wrap .row .circle .bg {width: 160px; height: 160px;}
	.etc .etc_wrap .row .right_text {margin-top: 55px;}
	.etc .etc_wrap .row .right_text .f26 {width: 40px;}
	.support_list .sec3, .certification_list .sec3 {padding: 70px 0 90px;}
	.support_list .support_business_wrap .box .text .f28 {font-size: 17px;}
	.support_list .support_business_wrap .box .arrow {width: 45px; height: 45px;}
	.board_list li .date .f26 {font-size: 16px; line-height: 26px;}
	.board_list li .date .f26 .divider {line-height: 10px;}
	.board_list li .text {padding: 0 20px 0 0;}
	.board_list li .text .f20 {margin-bottom: 2px;}
	.board_list li .image {max-width: 120px;}
	.board_list_pagination {margin-top: 30px;}
	.verification_site_wrap .box .text .f18 {font-size: 14px; line-height: 22px; margin-bottom: 8px}
	.verification_site_wrap .box .text .f28 {font-size: 18px; line-height: 26px;}
	.verification_site_wrap .box .text .f28 span {margin-bottom: 0;}
	.board_detail .detail_con .inner {padding: 0;}
	.board_detail .detail_con .inner .image {margin-bottom: 20px;}
	.board_detail .detail_con .inner .text .f20 {font-size: 15px; line-height: 25px;}
	.board_detail .detail_con .attachment {margin-bottom: 30px;}
	.board_detail .detail_con .attachment .item .f20 {font-size: 16px; line-height: 26px;}
	.board_detail .detail_con .attachment .item .icon {margin-top: 3px;}
	.board_detail .title {margin: 60px 0 30px;} 
	.form_wrap .item {padding: 0 14px;}
	.form_wrap .item .f16.cate {width: 106px; line-height: 20px; padding-right: 20px;}
	.form_wrap .item .email_wrap {width: calc(100% - 110px);}
	.form_wrap .item.textarea {padding: 18px 14px;}
	.form_wrap .item.textarea textarea {width: calc(100% - 130px); padding: 0;}
	.form_wrap .item.textarea .f16.cate {padding: 0 0 16px;}
	.join .form_wrap .item .email_wrap .f18 {width: 40px;}
	.join .form_wrap .item .email_wrap input {width: calc(50% - 40px);}
	.join .form_wrap .item .email_wrap select {width: 50%;}
	.join .layer_popup .box {padding: 40px 20px;}
	.form_wrap .item input, .form_wrap .item .email_wrap {width: calc(100% - 110px);}
	.join .sec_title2 {margin-bottom: 20px;}
	.join .upload_wrap {padding-right: 0;}
	.join .form_wrap .item .filebox label {width: 100px; padding: 0 10px;}
	.join .form_wrap .item .filebox .upload-name {width: calc(100% - 100px);}
	.join .sec_title2 .f18 {margin-top: 5px;}
	.family_membership .infographic .txt_box {width: 180px; height: 180px; padding: 30px 20px;}
	.family_membership .infographic .connect .icon {width: 50px; height: 50px;}
	.family_membership .sec3 {margin: 80px 0;}
}


@media (max-width: 640px) {
	
	.bbs_box_view{padding: 8rem 16px !important}
	
	
	.sub_title .sub_navi {display: flex; width: 100%;}
	.sub_title .sub_navi .box {display: block; height: auto; width: 100%; text-align: center; padding: 0 16px;}
	.sub_title .title_wrap {left: 0; padding: 0 20px; top: 40%; transform: translateY(-50%);}
	.sub_title .top_bg .image img {height: 250px;}
	.sub_title .sub_navi ul {align-items: center; width: 100%; overflow-x: auto; height: 60px;}
	.sub_title .sub_navi ul li {margin: 0 14px;}
	.sub_title .sub_navi ul li a {font-size: 15px;}
	.greetings .key_certificate_wrap .img_wrap {flex-flow: wrap;}
	.greetings .key_certificate_wrap .img_wrap .image {flex: 0 1 calc(50% - 10px); max-width: 220px; margin: 0 5px 10px;}
	.greetings .key_certificate_wrap .img_wrap .image:nth-child(odd) {}
	.greetings .key_certificate_wrap .img_wrap .image:nth-child(even) {}
	.greetings .certificate_board .item, .greetings .certificate_board .item:nth-child(4n+1), .greetings .certificate_board .item:nth-child(4n), .greetings .certificate_board .item:nth-child(3n+1), .greetings .certificate_board .item:nth-child(3n) {flex: 1 1 calc(50% - 10px); margin: 0 5px 40px;}
	.greetings .certificate_board .item:nth-child(odd) {margin-left: 0;}
	.greetings .certificate_board .item:nth-child(even) {margin-right: 0;}
	.greetings .certificate_board .item:nth-last-child(-n+2) {margin-bottom: 0;}
	.greetings .certificate_board .item .image img {height: 50vw;}
	.quotation_wrap {background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 20px top / 200px 120px;}
	.supplier .process_wrap .item {align-items: flex-start;}
	.supplier .process_wrap .item .logo {border: 1px solid #e5e5e5; padding: 4vw;}
	.supplier .process_wrap .item .box {flex-flow: column; justify-content: flex-start; align-items: flex-start; border-left: 0; padding-left: 24px;}
	.supplier .process_wrap .item .box .txt {padding: 0;}
	.supplier .process_wrap .item .box .txt .line_btn {margin-top: 15px;}
	.supplier .process_wrap .item .box .image {margin-top: 20px;}
	.supplier .process_wrap .item .box .txt ul li .icon {width: 14px; height: 16px;}
	.technology_slider .technology_item .text .f26 {font-size: 16px; line-height: 24px;}
	.technology_slider .technology_item .text .f26 span {display: inline;}
	.certification .process_wrap .title_box {width: 160px; height: 160px;}
	.education .education_wrap {margin: 0;}
	.education .large_txt span {font-size: 80px; line-height: 60px;}
	.etc .sec3 {padding: 60px 0 100px;}
	.etc .etc_wrap .row .right_text {margin-top: 0; margin-bottom: 15vw; margin-left: 30px; flex-flow: column; justify-content: center; }
	.etc .etc_wrap .row:last-child .right_text {margin-bottom: 0;}
	.etc .etc_wrap .row .right_text .f26 {font-size: 15px; margin-bottom: 4px;}
	.etc .etc_wrap .row .right_text .f32{font-size: 16px; line-height: 24px;}
	.etc .etc_wrap .row .right_text .f32 span {margin-bottom: 2px;}
	.support_list .support_business_wrap .box {flex: 1 1 100%; margin: 0 0 6px; padding: 22px 16px;}
	.support_list .support_business_wrap .box .text .f18 {font-size: 15px; line-height: 23px;}
	.support_list .support_business_wrap .box .text .f28 {font-size: 16px; line-height: 26px;}
	.board_list li a {flex-flow: column; align-items: flex-start; padding: 20px 10px 25px;}
	.board_list li .text {width: 100%; padding: 0;}
	.board_list li .text .f20 {margin-bottom: 0;}
	.board_list li .date {width: 100%; max-width: 100%; display: flex; margin-bottom: 2px;}
	.board_list li .date .f12 {margin-top: 2px; width: auto; padding: 0 6px; margin-right: 6px;}
	.board_list li .date .f26 {display: flex; align-items: center;}
	.board_list li .date .f26 .divider {display: inline-block; margin: 0 6px;}
	.board_list li .image {width: 100%; max-width: 500px; margin: 10px auto 0;}
	.verification_site_wrap .box .arrow {margin: 0; display: none;}
	.verification_site_wrap .box:hover .arrow {display: none;}
	.verification_site_wrap .box .text .f18 {margin-bottom: 5px;}
	.verification_site_wrap .box .text .f28 span {margin-bottom: 0;}
	.verification_site_wrap {flex-flow: column;}
	.verification_site_wrap .box {flex: 1 1 100% !important; margin: 0 0 8px !important; padding: 20px 15px;}
	.board_detail .detail_con {padding: 20px 0 40px;}
	.board_detail .control_btn .move .txt {font-size: 14px; line-height: 22px;}
	.join .policy_box {}

	.join .layer_popup .box .text .f18 span {display: inline;}
	.family_membership .infographic {flex-flow: column;}
	.family_membership .infographic .connect {flex-flow: column;}
	.family_membership .infographic .connect .line {height: 7vw; width: 1px; margin: 10px 0;}
	.family_membership .infographic .txt_box {width: 240px; height: 240px; justify-content: center; }
	.family_membership .infographic .txt_box .f45 {margin: 10px 0;}
	.family_membership .info_wrap .bg {border-radius: 30px;}
	.family_membership .info_wrap .bg img {height: 420px;}
	.family_membership .info_wrap .box .logo {margin-bottom: 25px;}
	.family_membership .info_wrap .box .logo img {max-width: 90px;}
	.family_membership .info_wrap .box .txt .quotes_box .f22 {margin: 4px 15px 12px;}
	.family_membership .info_wrap .box .txt .quotes_box .f22 span {display: inline;}
	.family_membership .info_wrap .box .txt .quotes_box .quotes img {width: 16px;}

}


@media (max-width: 479px) {
	.sec_title {margin: 60px 0 35px;}
	.sec_title .f20 {font-size: 15px;}
	.sec_title .f66 {margin-top: 6px;}
	.sec_title .f66 span {display: inline;}
	.sub_title .top_bg .image img {height: 220px;}
	.greetings .certificate_board .item .txt .f20 {font-size: 14px; line-height: 22px;}
	.greetings .certificate_board .item .txt .f14 {font-size: 13px; line-height: 19px;}
	.greetings .pagination {margin-top: 40px;}
	.company .logo_detail_wrap .logo {max-width: 120px;}
	.quotation_wrap {background: #f6f6f6 url('../images/supplier_bg.jpg') no-repeat right 20px top / 150px 90px;}
	.supplier .process_wrap .item .box .txt .line_btn {width: 100%;}
	.consulting_icon_box li {padding: 25px 16px;}
	.management .step_wrap .detail_wrap .box {padding: 25px 16px;}
	.management .step_wrap .detail_wrap .box .text ul li {flex-flow: column;}
	.certification .detail {border-top: 4px solid #8a2332;}
	.certification .detail > li {flex-flow: column; padding: 20px 16px; border-bottom: 1px solid #ddd; padding: 20px 6px;}
	.certification .detail > li .left, .certification .detail > li .right {width: 100%; padding: 0; border: none;}
	.certification .detail > li .right {}
	.certification .detail > li .left {display: flex;}
	.certification .detail > li .left .title {margin-left: 6px; margin-top: 0;}
	.education .bt_mg {margin-bottom: 0;}
	.education .education_wrap {flex-flow: column; align-items: center;}
	.education .education_wrap .box {flex: auto; width: 240px; max-width: 240px; height: 240px;}
	.education .education_wrap .box:nth-child(1) {right: auto;}
	.education .education_wrap .box:nth-child(2) {left: auto; top: -30px;}
	.education .education_wrap .box:nth-child(3) {right: auto; left: auto; top: -60px;}
	.education .education_wrap .box:nth-child(4) {left: auto; top: -90px;}
	.education .education_wrap .box .txt {justify-content: center;}
	.education .education_wrap .box .f20 {margin-bottom: 10px;}
	.education .large_txt span {font-size: 70px; line-height: 60px;}
	.etc .etc_wrap .row .right_text {margin-left: 25px; margin-bottom: 11vw;}
	.etc .etc_wrap .row .circle .bg {width: 130px; height: 130px;}
	.etc .etc_wrap .row .circle .txt .f18 {width: 24px; height: 24px; font-size: 12px;}
	.etc .etc_wrap .row .line {margin: 10px 0; height: 6vw;}
	.etc .etc_wrap .row .circle .txt .f26 {font-size: 15px; line-height: 21px;}
	.board_list li .date .f26 {font-size: 14px; line-height: 24px;}
	.board_detail .title .f20 {font-size: 15px; line-height: 23px;}
	.board_detail .title .f50 {font-size: 20px; line-height: 28px;}
	.board_detail .detail_con .attachment {padding: 15px 20px;}
	.board_detail .detail_con .attachment .item a {display: flex;}
	.board_detail .detail_con .attachment .item .icon {flex-shrink: 0;}
	.board_detail .control_btn .move .txt {margin: 0 6px;}
	.form_wrap .item {flex-flow: column; align-items: flex-start; padding: 20px 14px 5px;}
	.form_wrap .item .f16.cate {width: 100%; padding: 0;}
	.form_wrap .item.rd_box .f16.cate {padding-bottom: 6px;}
	.form_wrap .item.rd_box .radio_box {height: auto;}
	.join .form_wrap .item .filebox label {height: 52px;}
	.form_wrap .item input, .form_wrap .item .email_wrap {width: 100%;}
	.form_wrap .item.textarea textarea {width: 100%;}
	.form_wrap .item .email_wrap input {width: 50%;}
	.join .btn_wrap {padding: 0 5px;}
	.join .layer_popup .box .close {top: 14px;right: 16px;}
	.join .layer_popup .box .text .icon img {max-width: 70px;}
	.join .layer_popup .box .text .icon {margin: 14px 0;}
	.family_membership .info_wrap .box {padding: 30px 16px;}
	.family_membership .info_wrap .bg img {height: 460px;}

}


@media (max-width: 375px) {
	.etc .etc_wrap .row .circle .bg {width: 120px; height: 120px;}
	.etc .etc_wrap .row .right_text {margin-left: 15px;}
	.etc .etc_wrap .row .right_text .f26 {font-size: 13px; margin-bottom: 2px;}
	.etc .etc_wrap .row .right_text .f32 {font-size: 14px; line-height: 20px;}
	.family_membership .infographic .txt_box {width: 210px; height: 210px;}
	.family_membership .info_wrap .bg img {height: 500px;}

}