@charset "UTF-8";

/* reset : normalize or reset */
@import url(_base.css);
@import url(lib/aos.css);
@import url(lib/circle.css);
@import url(lib/swiper.min.css);
/* library
@import url(lib/jquery-ui.min.css);
@import url(lib/jquery-ui-custom.css);*/
@import url(lib/jquery-ui.css);
@import url(_datepicker-custom.css);
@import url(lib/swiper-custom.css);
@import url(_font.css);
@import url(_layout.css);
@import url(_button.css);
@import url(_form.css);
@import url(_global.css);
@import url(event.css);
@import url(lib/jquery.mCustomScrollbar.min.css);

/* 개발 임시 수정 */
/*.p-menu{display: none !important;}
.nomove {color: #999 !important;}*/

/* defult */
html, body{width:100%;height:100%;background-color: #fafafa;}

/*MAIN*/
.main.intro .content-primary{padding-top: 0;padding-bottom: 0;}

/* 220823 수정 */
/* LOGIN, JOIN 공통 */
.login.intro .sns-btn-wrap .btn.small,
.join.intro .sns-btn-wrap .btn.small{ overflow: hidden;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	max-width: 25rem; height: 2.5rem; line-height: calc(2.75rem - 2px); margin: 0 auto; border-radius: 0.25rem; font-size: 0.875rem;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.login.intro .sns-btn-wrap .btn.small + .btn.small,
.login.intro .sns-btn-wrap div + .btn.small,
.login.intro .sns-btn-wrap .btn.small + div,
.join.intro .sns-btn-wrap .btn.small + .btn.small,
.join.intro .sns-btn-wrap div + .btn.small,
.join.intro .sns-btn-wrap .btn.small + div{margin-top: 0.625rem;}
/* // LOGIN, JOIN 공통 */
/* google 버튼 공통 */
.login.intro .sns-btn-wrap .googleCover,
.join.intro .sns-btn-wrap .googleCover{
	position: relative; width: 400px; margin: 0 auto; height: 40px; overflow: hidden; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; 
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.login.intro .sns-btn-wrap .googleCover:hover::after,
.login.intro .sns-btn-wrap .googleCover.click-effect::after,
.login.intro .sns-btn-wrap .googleCover:hover::before,
.login.intro .sns-btn-wrap .googleCover.click-effect::before,
.join.intro .sns-btn-wrap .googleCover:hover::after,
.join.intro .sns-btn-wrap .googleCover.click-effect::after,
.join.intro .sns-btn-wrap .googleCover:hover::before,
.join.intro .sns-btn-wrap .googleCover.click-effect::before{display: none; border: none;}

.login.intro .sns-btn-wrap .googleCover::after,
.join.intro .sns-btn-wrap .googleCover::after{
	content: "Google 계정으로 로그인"; position: absolute; top: 1px; left: 0; 
	display: -webkit-box;display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100%; height: 100%; background: #fff; z-index: 1; text-align: center; padding-left: 36px; 
	font-size: 14px; font-family: 'Red Hat Display','Roboto', sans-serif; font-weight: 500; letter-spacing: 0.31px; text-indent: -8.2px;
}
.login.intro .sns-btn-wrap .googleCover::before,
.join.intro .sns-btn-wrap .googleCover::before{
	content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 100%; 
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
	background: transparent url('../images/sns/ico_google.png') 50% 50% no-repeat; width: 36px; height: 36px;  background-size: cover; left: calc(100% - 75%); z-index: 2;}
@media all and (max-width:768px) {
	.login.intro .sns-btn-wrap .googleCover,
	.join.intro .sns-btn-wrap .googleCover{width: 344px;}
	.login.intro .sns-btn-wrap .googleCover::before,
	.join.intro .sns-btn-wrap .googleCover::before{left: calc(100% - 79.3%);}
}
/* // google 버튼 공통 */
/* // 220823 수정 */

/* LOGIN */
.login{background-color: #fafafa;}
.login.intro .content-primary .primary-wrap{max-width: 600px;}
.login.intro .input-wrap + .btn-area{width: 100%;}
.login.intro .input-wrap + .btn-area .btn.large{width: 100%;}
.login.intro .content-primary .text-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;padding-top: 1.25rem;padding-bottom: 3.438rem;}
.login.password .content-primary .primary-wrap{max-width: 600px;}


.join.intro .content-primary .primary-wrap{max-width: 600px;}
.join.intro .text-join{margin-top: 3.125rem;padding-top: 3.125rem;padding-bottom: 1.875rem;font-size: 1rem;line-height: 1.44; letter-spacing: -0.025rem; text-align: center; color: #111;border-top: 1px solid #e2e2e2;}
.rule-popup .popup .popup-body .btn-area{padding: 2.5rem 0 1.5rem;text-align: center;}
.rule-popup .popup .popup-body .btn.medium{display: inline-block;width: 48%;margin: .875rem 0;border: 2px solid #111; color: #111; background-color: #fff;}
.rule-popup .popup .popup-body .btn.medium + .btn.medium{margin-left: 0;border: 2px solid #55B59A; color: #55B59A;}

@media all and (min-width:769px){
	.login.intro .content-primary{padding-top: 6.25rem;}

	/* 220721 수정 */
	.login.intro div + .btn-area,
	.login.intro .input-text + .btn-area,
	.login.intro .input-wrap + .btn-area{padding-top: 2.5rem;}
	/* // 220721 수정 */

	.login.join .content-primary {padding-top: 6.25rem;}

	.login.password .input-text + .btn-area {padding-top: 1.25rem;}

	.join.intro .content-primary{padding-top: 6.25rem;}
	.rule-popup .popup .popup-body .btn-area{display: flex;justify-content: space-between;}
}

@media all and (max-width:768px){
	.login.intro .content-primary{padding-top: 2.5rem;}
	/* 220721 수정 */
	.login.intro div + .btn-area,
	.login.intro .input-text + .btn-area,
	.login.intro .input-wrap + .btn-area{padding-top: 1.25rem;}
	/* // 220721 수정 */
	.login.intro .text-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-top: 1.375rem; padding-bottom: 2.5rem;}
	.login.intro .text-wrap .aside-text .fs-16 {font-size: .875rem;}

	/* 220714 구글 로그인 커스컴 */
	.login.intro #customBtn span.buttonText { font-size: 0.875rem;}
	/* // 220714 구글 로그인 커스컴 */

	.join.intro .content-primary{padding-top: 2.5rem;}
	.join.intro .text-join {margin-top: 2.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; font-size: .875rem;}

	.rule-popup .popup .popup-body .btn.medium{width: 100%;margin-left: 0;margin-right: 0;}
	.rule-popup .popup .popup-body .btn.medium + .btn.medium{margin-left: 0;}
}

/* detail 페이지 공통 */
/* 220610 수정 */
/* .container.detail .company-info .data-list-wrap{margin-top: 2.125rem;}
.container.detail .btn.detail{margin-top: 1.938rem;} */
/* // 220610 수정 */
.container.detail .portfolio-section .slider-partner{overflow: hidden;}
.container.detail .portfolio-section .title-wrap .title{line-height: 1.4; letter-spacing: -0.05rem;}
.container.detail .item-list.portfolio .item .text-wrap{text-align: left;}
.container.detail .portfolio-section .swiper-scrollbar{margin-right: 1.25rem}
@media all and (max-width:768px) {
	.container.detail .company-info .data-list-wrap,
	.container.detail .btn.detail{margin-top: 1.5rem;}
	.container.detail .portfolio-section .title-wrap .title{font-size: 2.125rem; line-height: 1.35; letter-spacing: -0.043rem;}
	.container.detail .portfolio-section .swiper-container{overflow: visible; padding-top: 0;}
	.container.detail .portfolio-section .tag-wrap .tag.text{font-size: 0.875rem;}
	.container.detail .portfolio-section .swiper-slide{margin-bottom: 0 !important;}
	.container.detail .portfolio-section .swiper-scrollbar{margin-right: 1rem;}
}
/* detail 페이지 공통 포트폴리오 슬라이드 */
.slider-partner .item-list.portfolio {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.slider-partner .item-list.portfolio > div { width: 372px !important; height: 396px; text-align: center;
}
.slider-partner .portfolio-detail .item-list.portfolio > div{height: 358px;}
@media all and (min-width:769px) {
	.slider-partner .item-list.portfolio {padding-bottom: 2.688rem;}
	.slider-partner .item-list.portfolio > div + div{margin-left: 2.625rem;}
}
@media all and (max-width:768px) {
	.slider-partner .item-list.portfolio {padding-bottom: 1.875rem;}
	.slider-partner .item-list.portfolio > div {width: 287px !important; height: 330px;}
	.slider-partner .item-list.portfolio > div + div{margin-left: 1.25rem;}
	.slider-partner .portfolio-detail .item-list.portfolio > div{height: 275px;}
}


/* PARTNER */
.container.partner {}
.partner.detail .content-primary {background-color: #fff; padding-bottom: 0; }/* 220615 content-praimary 여백이 생겨 margin-bottom: 8.75rem; 제거 */
.company-info-wrap.partner{margin-top: 5rem;}
.company-info-wrap.partner .company-info .data-list-wrap dt {color: #999;}
/* .company-info-wrap.partner .company-info .btn.detail {margin-top: 7.5rem;} */
.company-info-wrap.partner .company-detail .title {font-size: 1.875rem; font-weight: bold;}
.company-info-wrap.partner .company-detail .title span{font-weight: 500;font-size: 1.275rem;}
.company-info-wrap.partner .company-detail .description {font-size: 1.125rem; word-break: break-all;}
.partner.detail .portfolio-section {margin-top: 8.75rem; padding-top: 8.125rem; padding-bottom: 8.75rem; background-color: #fafafa;}
.partner.detail .portfolio-section .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.partner.detail .portfolio-section .title-wrap .title {font-size: 2.5rem; font-weight: 700;}
.partner.detail .portfolio-section .tabs.x-small li:first-child a {margin-left: 0;}
.partner.detail .portfolio-section .tabs.x-small li:last-child a {margin-right: 0;}
.partner.detail .portfolio-section .item-list.portfolio {margin-top: 2.813rem;}

.portfolio-section .btn-wrap .btn.normal{background-color: transparent;}
.partner.detail .portfolio-section .item .text-wrap .store{letter-spacing: -0.023rem; color: #111; font-weight: 500;}
.partner.detail .portfolio-section .swiper-util{ margin-top: 3.125rem;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
/* 220919 추가 */
.partner.detail .content-primary .main-banner-wrap .img-area{height: 34.375rem;}
/* // 220919 추가 */

@media all and (min-width:769px) {
	/* .partner.detail .company-info .data-list-wrap{margin-top: 2.5rem;} */
	/* .partner.detail .company-info .btn.detail{margin-top: 2.813rem ;} */
	/* 220615 위에 공통으로 들어가 있는 부분있어 주석 */
	/* .partner.detail .portfolio-section{padding-bottom: 8.75rem;} */
	/* // 220615 주석 */
	.partner.detail .portfolio-section .item .text-wrap .store{font-size: 1.125rem; }
	.partner.detail .portfolio-section .item .text-wrap .store + h4{margin-top: 0.125rem;}

	.partner.detail .portfolio-section .swiper-util{ margin-top: 3.125rem;}
	.partner.detail .portfolio-section .swiper-scrollbar{margin-right: 1.25rem;}
	.partner.detail .portfolio-section ul.item-list + .btn-wrap{margin-top: 1rem;} /* 220615 ul.item-list 추가, 부품업체와 파트너 뷰의 769이상 일때 값이 다름 */
	/* 220615 추가 */
	.partner.detail .portfolio-section .slider-partner + .btn-wrap{margin-top: 4.688rem;}
	/* // 220615 추가 */

	.company-info-wrap.partner .company-info .data-list-wrap dt {width: 11.4375rem;}
}


@media all and (max-width:768px) {
	.container.partner .sort-area {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; padding-top: 2.5rem;}
	.container.partner .sort-area .result-text {font-size: 1rem; line-height: 1.63;}
	.container.partner .sort-area .select-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	.container.partner .sort-area .select-wrap .select {width: 49%;}
	.container.partner .sort-area + .item-wrap.partner {padding-top: 2.5rem;}

	.company-info-wrap.partner .company-info .btn.detail {margin-top: 1.875rem;}
	.company-info-wrap.partner .company-info .btn.detail .ico.arrow {margin-left: 4.875rem;}
	.company-info-wrap.partner .company-detail .title {font-size: 1.375rem;}
    .company-info-wrap.partner .company-detail .title span{font-size: 1.075rem;}
	.company-info-wrap.partner .company-detail .description {margin-top: 1.375rem; font-size: 1rem;}
	/* 220615 수정 */
	/* .partner.detail .content-primary {margin-bottom: 3.75rem;} */
	/* // 220615 수정 */
	.partner.detail .portfolio-section {margin-top: 3.75rem; padding-top: 3.75rem; padding-bottom: 3.75rem;}
	.partner.detail .portfolio-section .title-wrap {display: block;}
	.partner.detail .portfolio-section .title-wrap .title {font-size: 2.125rem; line-height: 1.35; letter-spacing: -0.043rem;}
	.partner.detail .portfolio-section .item-list.portfolio {margin-top: 2.5rem;}
	.partner.detail .portfolio-section .item-list.portfolio li {width: 100%; margin-bottom: 2.5rem;}
	/* 220615 수정 */
	/* .partner.detail .portfolio-section .btn-wrap {margin-top: 2.188rem;} */
	.partner.detail .portfolio-section ul.item-list + .btn-wrap,
	.partner.detail .portfolio-section .slider-partner + .btn-wrap{margin-top: 2.188rem;}
	/* // 220615 수정 */

	.company-info-wrap.partner .company-info .data-list-wrap dt{width: 30%;}
	.company-info-wrap.partner .company-info .data-list-wrap dd{width: 70%;}
}


/* REQUEST */
.request.intro{}
.request.intro .content-header{background-color: #fafafa;}
.request.intro .content-header .header-wrap{}
.request.intro .item-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.request.intro .item-wrap .item {width: calc( (100% - 20px) / 2 ); text-align: center;}
.request.intro .item-wrap .link-area {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; padding: 8.3125rem 2.625rem 6.25rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
.request.intro .item-wrap .h3 {margin-top: 3.75rem; font-size: 2.125rem; font-weight: 700;}
.request.intro .item-wrap .img-area {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; height: 10.0625rem; margin: 0 auto;}
.request.intro .item-wrap .img-area img {display: block; max-width: 100%; max-height: 100%;}
.request.intro .item-wrap .info-area {margin-top: 2.5rem; font-size: 1.125rem; font-weight: 500; color: #999;}
.request.intro .item-wrap .btn-text {display: block; margin-top: 3.75rem; font-size: 1.25rem; font-weight: 700; line-height: 3.375rem; border: 1px solid #e5e5e5; color: #999;}
@media all and (min-width: 769px) {
	.request.intro .item-wrap .link-area:hover::after {display: block; position: absolute; content: ''; top: 0; left: 0; width: 100%;height: 100%; border: 1px solid #55B59A;}
	.request.intro .item-wrap .link-area:hover .btn-text {color: #fff; border-color: #55B59A; background-color: #55B59A;}
}
@media all and (max-width: 768px) {
	.request .tabs .only-pc {display: none;}
	.request.intro .item-wrap {display: block;}
	.request.intro .item-wrap .item {width: 100%;}
	.request.intro .item-wrap .item ~ .item {margin-top: 1.25rem;}
	.request.intro .item-wrap .link-area {padding: 5rem 1.25rem 3.75rem;}
	.request.intro .item-wrap .img-area {max-width: 9.25rem; height: auto;}
	.request.intro .item-wrap .h3 {margin-top: 2.5rem; font-size: 1.875rem;}
	.request.intro .item-wrap .info-area {margin-top: 1.25rem; font-size: 1rem;}
	.request.intro .item-wrap .info-area .info + .info {margin-top: 1.25rem;}
	.request.intro .item-wrap .btn-text {margin-top: 2.5rem; font-size: 1rem; line-height: 3.3125rem;}
}

.request.custom .choice-wrap.both {padding-top: 1.25rem; padding-bottom: 1.25rem;}
.request.custom .choice-wrap.both::after {display: table; content: ''; clear: both;}
.request.custom .choice-wrap.both .choice-area {float: left; width: 50%; font-size: 1rem;}
.request.custom .choice-wrap.both .choice-area:nth-child(2n-1) {clear: both;}
.request.custom .choice-wrap.both .choice-area:nth-child(n+3) {margin-top: 1.25rem; padding-top: 1.25rem;}
.request.custom .choice-wrap.both .choice-area:nth-child(2n+3) {position: relative;}
.request.custom .choice-wrap.both .choice-area:nth-child(2n+3)::before {display: inline-block; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 200%; height: 1px; background-color: rgba(17,17,17,0.1);}

.request.custom .textarea {min-height: 16.25rem;}

@media all and (max-width: 768px) {
	.request.custom .choice-wrap.both {padding-top: .625rem;}
	.request.custom .choice-wrap.both .choice-area {float: none; width: 100%;}
	.request.custom .choice-wrap.both .choice-area ~ .choice-area {margin-top: 1.25rem; border-top: 1px solid rgba(17, 17, 17, 0.1); padding-top: 1.25rem;}
	.request.custom .choice-wrap.both .choice-area:nth-child(2n+3)::before {display: none;}
	.request.custom .textarea {min-height: 11.875rem;}
}

/*CUSTOMER*/
.customer.faq .data-list.accordion{padding-top: 3.125rem;}
.customer.faq .faq-btn {margin-top: 3.75rem; text-align: center;}

@media all and (max-width:768px){
	.customer.faq .data-list.accordion {padding-top: 2.5rem;}
	.customer.faq .faq-btn {margin-top: 2.5rem;}
	.customer.faq .faq-btn .btn {width: 100%;}
}


/*PORTFOLIO*/
.portfolio.main .location a + a::after {display: none;}
.portfolio.main .sort-area .select-wrap .insert {width: 20.625rem;}
.portfolio.main .sort-area .select-wrap .insert input[type="search"] {padding-right: 3.125rem;}
@media all and (max-width: 768px) {
	.portfolio.main .sort-area .select-wrap ,
	.portfolio.main .sort-area .select-wrap .insert {display: block;}
	.portfolio.main .sort-area .select-wrap .insert,
	.portfolio.main .sort-area .select-wrap .select.medium {width: 100%; margin-left: 0;}
	.portfolio.main .sort-area .input-text.medium {height: 2.5rem; font-size: 0.75rem;}
	.portfolio.main .item-list.col-3 > li{width:  calc( (100% - 11px) / 2);margin-bottom: 2.5rem;}
	.portfolio.main .item-list.col-3 > li:nth-of-type(2n){margin-left: 11px;}
	.portfolio.main .item-list.portfolio .item .thumb {height: 6.875rem;}
	.portfolio.main .item-list.portfolio .item .logo-wrap {text-align: left;}
}
.portfolio.detail .content-primary {padding-top: 3.75rem;padding-bottom: 0;background-color: #fff;}
.portfolio.detail .portfolio-section .btn-wrap{margin-top: 4.688rem;}
.portfolio.detail .btn-wrap .btn + .btn {margin-left: 1.0625rem;}
.portfolio.detail .portfolio-section {margin-top: 8.75rem; padding-top: 8.125rem;padding-bottom: 8.75rem;background-color: #fafafa;}
.portfolio.detail .portfolio-section .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.portfolio.detail .portfolio-section .title-wrap .title {font-size: 2.5rem; font-weight: 700;}
.portfolio.detail .portfolio-section .item-list.portfolio {margin-top: 2.813rem;}
.portfolio.detail .portfolio-main-slider.swiper-container{padding-bottom: 0;}
.portfolio.detail .swiper-share{margin-top: 1.5rem;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.portfolio.detail .swiper-share .swiper-pagination{position: inherit;}
.portfolio.detail .swiper-share .swiper-pagination span{background-color: #e5e5e5; opacity: 1;}
.portfolio.detail .swiper-share .swiper-pagination span.swiper-pagination-bullet-active{background-color: #55B59A;}
.portfolio.detail .swiper-share .swiper-pagination span.swiper-pagination-bullet-active,
.portfolio.detail .swiper-share .swiper-pagination span{width: 0.625rem; height: 0.625rem; margin: 0 auto; margin-right: 0.75rem;}
.portfolio.detail .btn.normal.medium{width: 9.25rem; height: 2.625rem; margin-top: 0.75rem;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.portfolio.detail .btn.normal.medium + .state-wrap{margin-top: 2.5rem;}
.portfolio.detail .company-detail .company-title{font-size: 1.875rem; font-weight: 700;}
.portfolio.detail .company-detail .company-title + .title-wrap{margin-top: 0.5rem;}
.portfolio.detail .company-detail .title-wrap .title{font-size: 3rem;}
.portfolio.detail .company-detail .title-wrap .btn.bookmark{line-height: 1.5rem;}
.portfolio.detail .company-detail .text-wrap .description .desc{margin-bottom: 6px; font-size: 1rem; color: #999;}
.portfolio.detail .portfolio-value-slider.swiper-container{margin-top: 5rem;}
@media all and (max-width:1235px) {
	.portfolio.detail .swiper-share{padding: 0 1.125rem;}
}
@media all and (max-width: 768px) {
	.portfolio.detail .portfolio-section .btn-wrap{margin-top: 2.188rem;}
	.portfolio.detail .btn-wrap .btn + .btn {margin-left: 0; margin-top: .625rem;}
	.portfolio.detail .portfolio-section {margin-top: 3.75rem; padding-top: 3.75rem; padding-bottom: 3.75rem;}
	.portfolio.detail .portfolio-section .title-wrap .title {font-size: 2.125rem;}
	.portfolio.detail .portfolio-section .item-list.portfolio {margin-top: 1.875rem;}
	.portfolio.detail .company-info-wrap{margin-top: 1.25rem;}
	.portfolio.detail .swiper-share .swiper-pagination span.swiper-pagination-bullet-active,
	.portfolio.detail .swiper-share .swiper-pagination span{width: 0.5rem; height: 0.5rem; margin-right: 0.65rem;}
	.portfolio.detail .swiper-share{margin-top: 1.25rem; padding-right: 1.125rem; padding-left: 1.125rem;
		-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	.portfolio.detail .swiper-share .sns-share-wrap{width: 100%;}
	.portfolio.detail .btn.more{width: 7.875rem; height: 2.438rem; font-size: 0.875rem;}
	.portfolio.detail .portfolio-value-slider.swiper-container .swiper-slide{padding: 2.938rem 0.625rem;}
	.portfolio.detail .portfolio-value-slider.swiper-container .swiper-slide + .swiper-slide{margin-top: 1.875rem;}
	.portfolio.detail .company-detail .company-title{font-size: 1.75rem; font-weight: 700;}
	.portfolio.detail .company-detail .title-wrap .title{font-size: 2.125rem}
	.portfolio.detail .company-detail .title-wrap .btn.bookmark{line-height: 1.5rem;}
	.portfolio.detail .company-detail .text-wrap .description .desc{margin-bottom: 6px; font-size: 0.875rem; color: #999;}
	.portfolio-value-slider.swiper-container .swiper-wrapper{flex-direction: column;}
	.portfolio.detail .portfolio-value-slider.swiper-container{margin-top: 3.25rem;}
}
.view-state .steps {margin-top: 3.4375rem; margin-bottom: 2.5rem;}
.view-state .steps .text .date {position: absolute; top: 4.25rem; left: 50%; width: 5.375rem; padding-top: 0; transform: translateX(-50%); text-align: center; color: #999;}
.view-state .steps .on .text .date {color: #111;}
.view-state .steps .tooltip-wrap.point .tooltip-text {bottom: 117%;}
@media all and (max-width: 768px) {
	.view-state .steps {margin-top: 2.5rem; margin-bottom: 1.875rem;}
	.view-state .steps .text .date {top: 3.75rem;}
}

.portfolio-slider-section {max-width: 1200px; margin: 0 auto;}
.portfolio-main-slider.swiper-container .img-area {width: 100%;}
.portfolio-main-slider.swiper-container .img-area img {display: block; width: 100%; max-width: 100%;}

@media all and (min-width: 769px) {
	.portfolio-main-slider.swiper-container .swiper-slide{overflow-y: hidden;}
}

.portfolio-main-slider.swiper-container .swiper-pagination {bottom: 0;}
.portfolio-main-slider.swiper-container .swiper-pagination-bullet {width: .75rem; height: .75rem; margin: 0 .5rem; background-color: #55B59A; opacity: 0.3;}
.portfolio-main-slider.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
/* 221101 버튼 추가 */
.portfolio-main-slider.swiper-container .swiper-btn{position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	background-color: rgba(1,17,17,0.2);
}
.portfolio-main-slider.swiper-container .swiper-btn.swiper-button-disabled{display: none !important;}
.portfolio-main-slider.swiper-container .swiper-button-prev{left: 0;}
.portfolio-main-slider.swiper-container .swiper-button-next{right: 0;}
/* // 221101 버튼 추가 */


.company-info-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6.25rem}
.company-info-wrap.portfolio {margin-top: 3.25rem;}
.company-info-wrap .company-info {width: 45%;}
.company-info-wrap .company-info .logo {display: block;height: 80px;}
/* 220823 로고 width 값 수정 */
/* .company-info-wrap .company-info .logo img {display: block;height: 100%;max-height: 100%;} */
.company-info-wrap .company-info .logo img {display: block; max-width:430px;}
/* // 220823 로고 width 값 수정 */
.company-info-wrap .company-info .company {display: block;margin-top: 2.5rem; font-size: 1.875rem; font-weight: 700;}
.company-info-wrap .company-info .sub {margin-top: .625rem; font-size: 1rem; color: #999;font-weight: 500;}
/* .company-info-wrap .company-info .data-list-wrap {margin-top: 3.75rem;} */
.company-info-wrap .company-info .data-list-wrap {margin-top: 2.5rem;}
.company-info-wrap .company-info .data-list-wrap dl {justify-content: flex-start;}
.company-info-wrap .company-info .data-list-wrap dt {-ms-flex-negative: 0;flex-shrink: 0; width: 4.6875rem;color: #999;}
.company-info-wrap .company-info .data-list-wrap dd {width: auto; text-align: left; color: #111;}
/* .company-info-wrap .company-info .btn.detail {margin-top: 3.75rem; font-size: 1rem; line-height: 2.25rem;} */
.company-info-wrap .company-info .btn.detail {margin-top: 2.813rem; font-size: 1rem; line-height: 2.25rem;}
.company-info-wrap .company-info .state-wrap {margin-top: 1.25rem}
.company-info-wrap .company-info .state {display: inline-block; position: relative; padding-left: 1.8125rem; font-size: .875rem; color: #999;}
.company-info-wrap .company-info .state::before {position: absolute; content: ''; width: 1.5rem; height: 1.5rem; top: 50%; left: 0; margin-top: -0.75rem; background-color: transparent; background-size: 1.5rem; background-position: 0 0; background-repeat: no-repeat;}
.company-info-wrap .company-info .state.view::before {background-image: url('../images/common/ico_view.svg');}
.company-info-wrap .company-info .state.time::before {background-image: url('../images/common/ico_time.svg');}
.company-info-wrap .company-info .state.bookmark::before {background-image: url('../images/common/ico_bookmark-s.svg');}
.company-info-wrap .company-info .state + .state {margin-left: .6875rem;}
.company-info-wrap .company-detail {width: 50%}
.company-info-wrap .company-detail .description {margin-top: 1.875rem; font-size: 1.125rem;}
.company-info-wrap.portfolio .company-detail .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.company-info-wrap.portfolio .company-detail .title-wrap .title {font-size: 2.375rem; font-weight: 700;}
.company-info-wrap.portfolio .company-detail .title-wrap .btn {margin-left: .375rem;}
.company-info-wrap.portfolio .company-detail .data-wrap {margin-top: 3.125rem;}
.portfolio-value-slider.swiper-container {margin-top: 6.25rem;}
.portfolio-value-slider.swiper-container .swiper-wrapper {justify-content: space-between;}
.portfolio-value-slider.swiper-container .swiper-slide {width: 31%; padding: 7rem 1.25rem; text-align: center; background-color: #fafafa; -webkit-box-sizing: border-box;box-sizing: border-box;}
.portfolio-value-slider.swiper-container dt span {display: block; margin-top: .625rem; font-size: 1.5rem;}
.portfolio-value-slider.swiper-container dd {margin-top: .625rem; font-weight: 700; font-size: 1.5rem; line-height: 4.375rem; color: #55B59A;}
.portfolio-value-slider.swiper-container dd strong {display: inline-block; font-size: 3.125rem; font-weight: 700; word-break: break-all;}
.sns-share-wrap {text-align: right;}
.sns-share-wrap li {display: inline-block;}
.sns-share-wrap li + li {margin-left: .4375rem;}
.sns-share-wrap li a {position: relative; display: block; width: 2.25rem; height: 2.25rem;}
.sns-share-wrap li span {position: absolute; width: 1px; height: 1px; clear: rect(0 0 0 0); margin: -1px; overflow: hidden;}

/* 220823 수정 */
@media all and (min-width:769px) and (max-width:960px) {
	/* 220823 로고 width 값 수정 */
	.company-info-wrap .company-info .logo img {max-width:340px;}
	/* // 220823 로고 width 값 수정 */
}
/* // 220823 수정 */
@media all and (max-width: 768px) {
	.sns-share-wrap {margin-top: 2.813rem;text-align: left;}
	.primary-wrap.portfolio-wrap {padding: 0;}
	.portfolio-value-slider.swiper-container {padding-left: 1.125rem; padding-right: 1.125rem;}
	.portfolio-value-slider.swiper-container .swiper-slide {/*width: 73.74%;*/width: 100%;}
	.company-info-wrap {display: block; margin-top: 3.75rem;}
	.company-info-wrap .company-info {width: 100%;}
	.company-info-wrap .company-info .logo {height: 64px;}
	.company-info-wrap .company-info .logo {display: block;height: 80px;}
	/* 220823 로고 width 값 수정 */
	.company-info-wrap .company-info .logo img {max-width:310px; height: 100%;}
	/* // 220823 로고 width 값 수정 */
	.company-info-wrap .company-info .company {margin-top: 1.875rem; font-size: 1.625rem;}
	.company-info-wrap .company-info .sub {font-size: .875rem;}
	.company-info-wrap .company-info .state {font-size: .75rem;}
	.company-info-wrap .company-info .data-list-wrap {margin-top: 2.5rem; font-size: .875rem;}
	.company-info-wrap .company-info .btn.detail {margin-top: 2rem; font-size: .875rem;}
	.company-info-wrap .company-detail {width: 100%; margin-top: 3.75rem;}
	.company-info-wrap.portfolio .company-detail .title-wrap .title {font-size: 1.525rem;}
	.company-info-wrap .company-detail .description {margin-top: 1.25rem; font-size: 1rem;}
	.company-info-wrap.portfolio .company-detail .data-wrap {margin-top: 2.5rem;}
	.company-info-wrap.portfolio .company-detail .title-wrap .btn {margin-bottom: -.25rem;}
	.portfolio-value-slider.swiper-container {margin-top: 2.5rem;}
	.portfolio-value-slider.swiper-container .swiper-slide {padding: 3.875rem .625rem;}
	.portfolio-value-slider.swiper-container dt span {font-size: 1.125rem;}
	.portfolio-value-slider.swiper-container dd {font-size: 1.125rem;}
	.portfolio-value-slider.swiper-container dd strong {font-size: 2.5rem;}
	.portfolio-main-slider.swiper-container {padding-bottom: 2.1875rem;}
	.portfolio-main-slider.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {width: .625rem; height: .625rem; margin: 0 .4rem;}
}

/*MY PAGE*/
@media all and (max-width:768px){
	.my-page .table-item-wrap {margin-top: -1rem;}
}

.my-page.main .section{max-width: 1200px;margin: 0 auto;}
.my-page.main .section.scrap{max-width: none;}
.my-page.main .content-header {margin-bottom: 2.5rem;}
.my-page.main .content-primary{padding-top: 0;}
.my-page.main .section.ing .tabs.normal li a ,
.my-page.main .section.complete .tabs.normal li a {background-color: #f6f6f6;}
.my-page.main .section.ing .tabs.normal li.current a ,
.my-page.main .section.complete .tabs.normal li.current a {background-color: #fff;}
.my-page.main .section.ing .tab-content.active,
.my-page.main .section.complete .tab-content.active {padding: 0; background-color: #fff;}
.my-page.main .section.ing .state.line .item,
.my-page.main .section.complete .state.line .item {margin: 0; padding: 1.875rem 0;}
.my-page.main .section.main-banner-wrap ,
.my-page.main .section + .section.go-link {margin-top: 8.75rem;}
.my-page.main .section.go-link .item { padding: 3.75rem 2.5rem;}
.my-page.main .section.go-link .title-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.my-page.main .section.go-link .title-wrap .title {font-weight: 400; font-size: 1.125rem; letter-spacing: -0.023rem; color: #999;}
.my-page.main .section.go-link .title-wrap .sub-title {font-weight: 700; font-size: 1.875rem; letter-spacing: -0.023rem;}
.my-page.main .section.go-link .title-wrap .title + .sub-title,
.my-page.main .section.go-link .title-wrap + .ico-wrap {margin-top: 2rem;}

/*MY INFO*/
.container.my-info-page{background-color: #fff;min-height: 100%;min-height: 100vh;}
.container.my-info-page .content-primary{padding: 2.5rem 0 0;background-color: #fff;}

@media all and (min-width:769px){
	.my-page.main .main-banner-wrap + .content-header {padding-top: 5rem;}
	.my-page.main .content-header{padding-left: 1.5rem;padding-right: 1.5rem;}
	.my-page.main .section{padding-left: 1.5rem;padding-right: 1.5rem;}
	.my-page.main .section.scrap{padding-right: 0;padding-left: 0;}
	.my-page.main .section.scrap .title-area{padding-left: 1.5rem;padding-right: 1.5rem;}

	.my-page.main .section.my-info{}
	.my-page.main .section.go-link .item {
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
		max-height: 16.75rem;}
	.my-page.main .section.go-link .item-list {display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-align: center;-ms-flex-align: center; align-items: center;}
	.my-page.main .section.go-link .item-list > li {width: calc(50% - 20px);}
	.my-page.main .section.go-link .item-list > li:nth-child(2) {margin-left: 20px;}
	.my-page.main .section.go-link .title-wrap .sub-title {height: 4rem; padding-right: 1.875rem;}
}
@media all and (max-width:1160px){
	.my-page.main .section.main-banner-wrap {margin-top: 6.25rem;}
}
@media all and (max-width:960px){
	.my-page .section.newsletter .item.article .img-wrap {height: 67.2vw;}
}
@media all and (max-width:768px){
	.my-page.main .section.main-banner-wrap {margin-top: 3.25rem;}
	.my-page.main .main-banner-wrap + .content-header {padding-top: 2.5rem;}
	.my-page.main .content-header{padding-top: 3.75rem;padding-left: 1.125rem;padding-right: 1.125rem; margin-bottom: 2rem;}
	.my-page.main .section{flex-direction: column;padding-left: 1.125rem;padding-right: 1.125rem;}
	.my-page.main .section .title-area {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.my-page.main .section .title-area h3 {font-size: 2.125rem;}
	.my-page.main .section .title-area .btn.aside{-ms-flex-item-align: start; align-self: flex-start; font-size: 0.875rem; color: #111; margin-top: 1.25rem;}
	.my-page.main .section.scrap{padding-right: 0;padding-left: 0;}
	.my-page.main .section.my-info{margin-left: 1.125rem;margin-right: 1.125rem;padding-right: 0;padding-left: 8.125rem;}
	.my-page.main .section + .section.go-link {margin-top: 3.25rem;}
	.my-page.main .section.go-link .item {max-height: 12.312rem; padding: 2.5rem 1.25rem;}
	.my-page.main .section.go-link .item-list > li + li {margin-top: 1.25rem;}
	.my-page.main .section.go-link .title-wrap .title {font-size: 1rem; letter-spacing: -0.02rem;}
	.my-page.main .section.go-link .title-wrap .sub-title {font-size: 1.5rem; letter-spacing: -0.03rem;}
	.my-page.main .section.go-link .title-wrap .title + .sub-title,
	.my-page.main .section.go-link .title-wrap + .ico-wrap {margin-top: 1.5rem;}
	.my-page.main .main-banner-wrap .img-area {height: 15rem;}
}

.my-page.main .item-list.col {padding-bottom: 0;}

.my-page.main .item-list.look {}
.my-page.main .item-list.look > div > .item {display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	padding-top: 4.375rem;}
@media all and (max-width:768px){
	.my-page.main .item-list.portfolio .item h4 {height: 1.813rem; -webkit-line-clamp: 1;}
	.my-page.main .item-list.portfolio .item .tag-wrap {margin-top: 0.375rem;}
	.my-page.main .item-list.portfolio .item .tag-wrap .tag.text {font-size: 0.875rem; letter-spacing: -0.018rem;}
	.my-page.main .item-list.look > div {height: 293px;}
}

/*MY INFO*/
.container.my-info-page{background-color: #fff;min-height: 100%;min-height: 100vh;}
.container.my-info-page .content-primary{padding: 2.5rem 0 0;background-color: #fff;}

/* 내 정보 수정 */
.my-page.modify {}
.my-page.modify .only-mo-title {display: none;}
.my-page.favorite .fieldset .field .select {width: 100%;}
.my-page.favorite .choice-wrap.both::after {display: table; content: ''; clear: both;}
.my-page.favorite .choice-wrap.both .choice-area {float: left; width: 50%; font-size: 1rem;}
.my-page.favorite .choice-wrap.both .choice-area:nth-child(2n-1) {clear: both;}
.my-page.favorite .choice-wrap.both .choice-area:nth-child(n+3) {margin-top: 1.25rem; padding-top: 1.25rem;}
.my-page.favorite .choice-wrap.both .choice-area:nth-child(2n+3) {position: relative;}
.my-page.favorite .choice-wrap.both .choice-area:nth-child(2n+3)::before {display: inline-block; content: ''; position: absolute; top: 0; left: 0;width: 200%; height: 1px; background-color: rgba(17,17,17,0.1);}

.withdraw-list-wrap {margin-top: 1.875rem; padding-bottom: .625rem; border-top: 2px solid #111; border-bottom: 1px solid #e5e5e5;}
.withdraw-list-wrap .title-area {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .8125rem 0 .625rem; font-size: .875rem; border-bottom: 1px solid #e5e5e5;}
.withdraw-list-wrap .title-area strong {display: inline-block; font-weight: 700;}
.withdraw-list-wrap dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: .625rem;}
.withdraw-list-wrap dt {padding-right: .625rem; font-size: .875rem;}
.withdraw-list-wrap dd {-ms-flex-negative: 0;flex-shrink: 0; font-size: .875rem;}
.member-withdraw-popup .sub-info {margin-top: 1.25rem; font-size: .875rem; font-weight: 700;}
@media all and (max-width: 768px) {
	.my-page.modify .content-header {display: none;}
	.my-page.modify .content-primary {padding-top: 3.75rem;}
	.my-page.modify .only-mo-title {display: block; margin-bottom: 2.5rem;}
	.member-withdraw-popup {padding-top: 6.25rem; padding-bottom: 6.25rem; box-sizing: border-box;}
	.member-withdraw-popup .popup {max-height: 100%;}

	.my-page.favorite .choice-wrap.both {padding-top: .625rem;}
	.my-page.favorite .choice-wrap.both .choice-area {float: none; width: 100%;}
	.my-page.favorite .choice-wrap.both .choice-area ~ .choice-area {margin-top: 1.25rem; border-top: 1px solid rgba(17, 17, 17, 0.1); padding-top: 1.25rem;}
	.my-page.favorite .choice-wrap.both .choice-area:nth-child(2n+3)::before {display: none;}

	.my-page.favorite .textarea {min-height: 11.875rem;}
}

.my-page .data-list.accordion li .category {font-weight: 700;}
.my-page .data-list.accordion li .question .state{color: #55B59A;}
.my-page .data-list.accordion li .question .state.complete{color: #999;}

@media all and (min-width: 1081px) {
	.my-page .data-list.accordion li .question .category {width: 240px;}
	.my-page .data-list.accordion li .question p {width: calc(100% - (240px + 120px + 100px));}
	.my-page .data-list.accordion li .answer .text-wrap {padding-left: 240px;}
}
@media all and (min-width: 769px) and (max-width:1080px) {
	.my-page .data-list.accordion li .question .category {width: 180px;}
	.my-page .data-list.accordion li .question p {width: calc(100% - (180px + 120px));}
	.my-page .data-list.accordion li .answer .text-wrap {padding-left: 180px;}
}
@media all and (min-width: 769px) {
	.my-page .data-list.accordion li .question a{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: flex-start;}
	.my-page .data-list.accordion li .question a,
	.my-page .data-list.accordion li .answer {padding-left: 2.5rem; padding-right
		: 6.5rem;}
	.my-page .data-list.accordion li .question .state {font-size: 18px;letter-spacing: -0.36px;text-align: center;}
	.my-page .data-list.accordion li .question .date {width: 120px; text-align: right;}
	.my-page .data-list.accordion li .answer .text-wrap {padding-right: 205px;}

	.my-page .sort-area.right{margin-bottom: 50px;}

}
@media all and (max-width: 768px) {
	.my-page .data-list.accordion li .question a {display: block;}
	.my-page .data-list.accordion li .question a,
	.my-page .data-list.accordion li .answer {padding-left: 1.25rem; padding-right: 3.75rem; padding-bottom: 1.437rem;}
	.my-page .data-list.accordion li .question a::after {right: 1.875rem;}
	.my-page .data-list.accordion li .question .category + p,
	.my-page .data-list.accordion li .question p + .date {margin-top: 1rem;}
	.my-page .data-list.accordion li .question .state {display: block;padding: 10px 0;font-size: 16px;letter-spacing: -0.32px;}

	.my-page .sort-area.right{margin-bottom: 25px;}
	.my-page .sort-area.right .select{width: 100%;}

}

/* splash */
#content.splash {}
#content.splash .center-box{position:absolute;top:0;left:0;width:100%;height: calc(100% - 140px);
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
#content.splash .fixed-con{bottom:0;width:100%;height:140px;}


/* U005W 고객센터 문의하기 */
.customer.inquiry .select {width: 100%;}
.customer.inquiry .textarea {min-height: 16.25rem;}
.inquiry-check-field .check-area::after {display: table; content: ''; clear: both;}
.inquiry-check-field .check-area .asset {float: left; padding-top: 0.75rem; padding-right: 1.25rem;}
/* 221021 추가 */
.inquiry-check-field .check-area .asset .text{font-size: 14px; padding-top: 3px; padding-left: 28px;}
/* // 221021 추가 */

@media all and (max-width: 768px) {
	.inquiry-check-field {padding-top: 2.5rem;}
	.inquiry-check-field .check-area .asset {float: none; padding-top: .625rem; padding-right: 0;}
	/* 221021 추가 */
	.inquiry-check-field .check-area .asset .text{font-size: 12px; padding-left: 26px;}
	/* // 221021 추가 */
}

/* PE001L 이벤트 */
.item-list.event li:last-child,
.item-list.event li:nth-last-child(2) {margin-bottom: 0;}
.item-list.event {margin-top: 3.125rem;}
.item-list.event .text.line2 {height: 3.5rem;}
@media all and (max-width:768px){
	.item-list.event {margin-top: 2.5rem;}
	.item-list.event > li {width: 100%; margin-bottom: 1.25rem;}
	.item-list.event .item .text-wrap {padding: 2.5rem 1.875rem;}
	.item-list.event .item .tag + h4 {padding-top: 1.25rem;}
	.item-list.event .item .date {padding-top: .625rem; font-size: .875rem;}
	.item-list.event .text.line2 {height:auto; max-height: 2.625rem; line-height: 1.5;}
}

/* PN002L 공지사항 */
.container.notice .content-primary {padding-top: 6.25rem;}
@media all and (max-width:768px) {
	.container.notice .content-primary {padding-top: 2.5rem;}
	.data-list.notice li {width: 100%; margin-bottom: 1.25rem;}
	.data-list.notice li:last-child {margin-bottom: 0;}
	.data-list.notice.col-3 li:nth-of-type(2n) {margin-left: 0;}
	.data-list.notice li a {padding: 2.5rem 1.875rem;}
	.data-list.notice li .title {font-size: 1.375rem;}
	.data-list.notice li p {font-size: .875rem;}
	.data-list.notice li .date {padding-top: .625rem; font-size: .875rem;}
}

/* PE001V PN002V 이벤트 뉴스캐스트 상세 */


@media all and (min-width:769px){

}

/* PN002L 뉴스캐스트 리스트 */
.item-list.news {margin-top: 3.125rem;}
.item-list.news .text-wrap .text.line3 {height: 5.25rem;}
@media all and (max-width:768px){
	.item-list.news {margin-top: 2.5rem;}
}

/* PR003_1W 견적의뢰하기 렌탈 */
.request.rental .field-wrap.space {margin-top: 2.5rem;}
.request.rental .bundle .input-wrap {display: inline-block; width: 46%;}

.btn-area.estimate {margin-top: 6.25rem; text-align: center;}
.btn-area.estimate .btn + .btn {margin-left: 1.25rem;}

@media all and (min-width:951px){
	.item-list.estimate .swiper-wrapper {justify-content: center;}
	.item-list.estimate.col-3 div.swiper-slide {width: calc( (100% - 30px) / 3);}
	.item-list.estimate.col-3 div.swiper-slide:nth-of-type(3n-1) {margin-left: 15px; margin-right: 15px;}
	.item-list.estimate.col-2 .swiper-wrapper {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; max-width: 65.6875rem; margin: 0 auto;}
	.item-list.estimate.col-2 div.swiper-slide {width: calc( (100% - 15px) / 2);}
	.slider-estimate .swiper-pagination{display: none;}
}

@media all and (max-width:950px){
	.slider-estimate{position: relative;}
	.slider-estimate .swiper-wrapper{padding-bottom: 2.5rem;}
	.slider-estimate .swiper-pagination{bottom: 0;left: 0;right: 0;font-size: 0;}
	.slider-estimate .swiper-pagination-bullet{margin: 0 0.313rem;opacity: 0.1;background-color: #111111;}
	.slider-estimate .swiper-pagination-bullet-active{opacity: 1;background-color: #55B59A;font-size: 0;}
}

@media all and (max-width:768px){
	.btn-area.estimate{margin-top: 2.5rem;}
	.btn-area.estimate .btn{display: block;}
	.btn-area.estimate .btn + .btn{display: block;width: 100%;margin-top: 0.625rem;margin-left: 0;}
	.slider-estimate .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
}

/* PR003_2W 견적 의뢰하기 - 견적 */
.refund-popup .insert .textarea {height: 13.125rem; min-height: auto;}

/* PR003_4W 견적 의뢰하기 - 계약 을지 */
.contract-tab-wrap{min-width: 1170px;}
.contract-tab-wrap .tabs.normal li {background-color: #f6f6f6;}
.contract-tab-wrap .tab-content {padding: 0;}
.contract-tab-wrap .tab-inner {background-color: #fff; padding: 6.25rem;}
.contract-tab-wrap .aside + .title-wrap {margin-top: .625rem;}
.contract-tab-wrap .title-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; align-items: flex-end;}
.contract-tab-wrap .change-data-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top: 6.25rem;}
.contract-tab-wrap .btn-area {padding-top: 6.25rem; text-align: center;}
.contract-tab-wrap .btn-area .btn + .btn {margin-left: 1.25rem;}

/* PR003_3W 견적 의뢰하기 - 계약 갑지 */
.contract-form-wrap {margin-top: 6.25rem;}
.contract-form-wrap > .field-wrap:first-child .field {padding-top: 0;}
.contract-form-wrap .form-info {margin-top: 4.375rem; font-size: 1.125rem;}
.contract-form-wrap .sub-info {margin-top: 1.25rem; font-size: 14px; color: #999;}
.contract-form-wrap .field-wrap .label {font-size: 1.5rem; font-weight: 700;}
.contract-form-wrap .field-wrap .h3 {margin-top: 2.5rem;}
.contract-form-wrap .field-wrap .h3 ~ .field .label {font-size: 1rem;}
.contract-form-wrap .field-wrap .h3 ~ .field-line .label {font-size: 1rem;}
.contract-form-wrap .field-wrap {float: none; width: 100%; padding: 0;}
.contract-form-wrap .field-line {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%;}
.contract-form-wrap .field-line .field {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 1;flex-shrink: 1;}
.contract-form-wrap .field-line .field{padding-right: 1.75%; padding-left: 1.75%;}
.contract-form-wrap .field-line .field:first-child{padding-left: 0; padding-right: 3.5%;}
.contract-form-wrap .field-line .field:last-child{padding-right: 0; padding-left: 3.5%;}
.contract-form-wrap .input-wrap {border: none; border-bottom: 1px solid #e5e5e5;}
.contract-form-wrap .input-wrap .input-text {height: 2.6875rem; border: none;}
.contract-form-wrap .input-wrap.with-text .title {left: 0; color: #999999;}
.contract-form-wrap .input-wrap.with-text .text {right: 0; color: #999999;}
.contract-form-wrap .input-wrap.with-text.large {padding-left: 8.75rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
.contract-form-wrap .input-wrap.with-text.large .input-text {padding-left: 0; padding-right: 5rem;}
.contract-form-wrap .input-wrap.with-text .input-text {padding-right: 1.25rem;}
.contract-form-wrap .insert.multi {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.contract-form-wrap .insert.multi .input-wrap {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.contract-form-wrap .insert.multi .input-wrap + .input-wrap {margin-top: 0;}
.contract-form-wrap .insert.multi .input-wrap.with-text + .input-wrap.with-text {padding-left: 0;}
.contract-form-wrap .field-wrapper {margin-top: 3.75rem;}
.contract-form-wrap .insert.multi.text .input-wrap:first-child {padding-left: 4.6875rem;}
.contract-form-wrap .insert.multi.text .input-wrap:first-child .input-text {padding-right: 0;}
.contract-form-wrap .insert.multi.text .input-wrap + .input-wrap .input-text {padding-left: 3.125rem;}
.contract-form-wrap .field-wrapper::after {display: table; content: ''; clear: both;}
.contract-form-wrap .field-wrapper .field-wrap.left {float: left; width: 50%; padding-right: 3.5%;}
.contract-form-wrap .field-wrapper .field-wrap.right {float: right; width: 50%; padding-left: 3.5%;}
.contract-form-wrap .form-info + .field-wrapper .field-wrap.right .field{padding-top: 0;}
.contract-form-wrap .field .insert .textarea {min-height: auto; height: 2.6875rem; padding: 0; border: none; border-bottom: 1px solid #e5e5e5;}
.file-upload-popup p + .file-wrap {margin-top: 1.875rem;}

/* PR004_1W 견적 의뢰받기 */
.request-data-title {font-size: 1.5rem; font-weight: 700;}
.request-data-title ~ .request-data-list {margin-top: 2.5rem;}
.request-data-title ~ .table-wrap.register-table {margin-top: 2.5rem;}
.request-data-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.request-data-list dl {width: 48%;}
.request-data-list dl:nth-child(n+3) {margin-top: 2.5rem;}
.request-data-list dl.row {width: 100%;}
.request-data-list dt {font-weight: 700;}
.request-data-list dd {margin-top: 1.25rem; font-weight: 700; color: #999;}
.request-data-list img {display: block; width: 100%; max-width: 100%;}
.request-data-list.large dl:nth-child(n+3) {margin-top: 3.1875rem;}
.request-info-wrap .row .info-area {width: calc( 50% - 1.25rem ); box-sizing: border-box;}
.request-info-wrap .row ~ .info-area {margin-top: 2.5rem;}
.request-info-wrap .info-area {padding: 3.75rem; background-color: #fff;}
.request-info-wrap .info-area.my-info {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.request-info-wrap .info-area.my-info .thumb {position: static; margin: 0 auto;}
.request-info-wrap .info-area.my-info .text {text-align: center;}
.request-info-wrap .info-area.my-info .data-box.info .e-mail {margin-top: 0; font-size: 1rem; text-align: center; color: #111;}
.request-info-wrap .info-area.my-info .state.line .item {margin-top: 1.875rem;}
.request-info-wrap .btn-area.ta-c {margin-top: 6.25rem;}
.request-info-wrap .btn-area.ta-c .btn + .btn {margin-left: 1.25rem;}

@media all and (max-width: 768px) {
	.request-data-title ~ .table-wrap.register-table {margin-top: 1.875rem;}
	.request-info-wrap .row.flex-between {display: block;}
	.request-info-wrap .row .info-area {width: 100%;}
	.request-info-wrap .row .info-area ~ .info-area {margin-top: 1.25rem;}
	.request-info-wrap .row ~ .info-area {margin-top: 1.25rem;}
	.request-info-wrap .info-area {padding: 2.5rem 1.25rem;}
	.request-info-wrap .info-area.my-info .text {padding-top: 1.25rem;}
	.request-info-wrap .info-area.my-info .data-box.info .e-mail {font-size: .875rem;}
	.request-data-list {display: block;}
	.request-data-list dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%;}
	.request-data-list dl:nth-child(n+2) {margin-top: 1.25rem;}
	.request-data-list dl dt {width: 33%; font-size: .875rem;}
	.request-data-list dl dd {width: 64%; margin-top: 0; font-size: .875rem;}
	.request-data-title {font-size: 1.125rem;}
	.request-data-list.large dl dt {width: 46%;}
	.request-data-list.large dl dd {width: 51%;}
	.request-data-list.large dl:nth-child(n+2) {margin-top: 1.25rem;}
	.request-data-list.large dl.line {display: block;}
	.request-data-list.large dl.line dt {width: 100%;}
	.request-data-list.large dl.line dd {width: 100%; margin-top: .625rem;}
	.request-info-wrap .btn-area.ta-c {margin-top: 2.5rem;}
	.request-info-wrap .btn-area.ta-c .btn {width: 100%;}
	.request-info-wrap .btn-area.ta-c .btn + .btn {margin-top: .625rem; margin-left: 0;}
	.request-info-wrap .info-area.my-info .state.line .item {margin-top: 1.25rem;}
}

/* 등록한 상품 테이블 */
.table-wrap.register-table {border-top: 0;}
.table-wrap.register-table .data-table {border-bottom-color: #e5e5e5;}
.table-wrap.register-table .data-table th {padding-top: 1.1875rem; padding-bottom: 1.1875rem; background-color: #fff;}
.table-wrap.register-table .data-table td {color: #999;}
@media all and (max-width:768px) {
	.table-wrap.register-table .data-table {border-bottom: none;}
	.table-wrap.register-table colgroup {display: none;}
	.table-wrap.register-table thead {display: none;}
	.table-wrap.register-table tr {position: relative; display: flex; flex-wrap: wrap; padding-top: 2rem; border-top: 1px solid #e5e5e5;}
	.table-wrap.register-table tr + tr {margin-top: 1.875rem;}
	.table-wrap.register-table td {border-top: 0; display: block; width: 100%; padding: 0; padding-left: 2.3125rem; font-size: .875rem; text-align: left;}
	.table-wrap.register-table td + td {padding-top: .625rem;}
	.table-wrap.register-table td::after {display: table; content: ''; clear: both;}
	.table-wrap.register-table td.check-area {padding: 0; order: -1;}
	.table-wrap.register-table td.check-area .label-pc {display: none;}
	.table-wrap.register-table td.check-area .label-mo {margin-left: .875rem; font-size: 1rem; color: #111;}
	.table-wrap.register-table td.title-area {display: none;}
	.table-wrap.register-table td .term {display: block; float: left; width: 42%; padding-right: 2%; color: #111; box-sizing: border-box;}
	.table-wrap.register-table td .description {display: block; float: right; width: 58%;}
}
@media all and (min-width:769px) {
	.table-wrap.register-table .check-area {text-align: center;}
	.table-wrap.register-table .check-area .checkbox {display: none;}
	.table-wrap.register-table .check-area .label-mo {display: none;}
	.table-wrap.register-table .check-area .label-pc {display: inline-block; width: 6.25rem; font-size: .875rem; font-weight: 700; text-align: center; line-height: 2.375rem; border: 1px solid #e5e5e5; color: #999;cursor: pointer;}
	.table-wrap.register-table .check-area .checkbox:checked ~ .label-pc {color: #fff; background-color: #111; border-color: #111;}
	.table-wrap.register-table .term {display: none;}
}

/* PR004_3W 의뢰받기 맞춤형(실사), 표준형(견적) */
.estimate-check-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.estimate-check-wrap .title-wrap {margin-bottom: 1.875rem;}
.estimate-check-wrap .title-wrap .title {font-size: 1.5rem; font-weight: 700;}
.estimate-check-wrap .item-list-wrap {width: 32.5%;}
.estimate-check-wrap .item-list.estimate {padding: 1.875rem 2.5rem; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box;}
.estimate-check-wrap .check-list-wrap {width: 62.5%;}
.estimate-check-wrap .view-btn-wrap {display: none; margin-bottom: 2.5rem; text-align: right; cursor: pointer;}
.estimate-check-wrap .view-btn-wrap .btn {font-size: .875rem; padding-right: 1.8125rem; background: url('../images/common/ico_more.svg') 1.5rem 1.5rem no-repeat; background-position: center right; cursor: pointer;}
.estimate-check-wrap .file-wrap {position: relative;}
.estimate-check-wrap .file-wrap + .file-wrap {margin-top: 1.875rem;}
.estimate-check-wrap .file-wrap .text {position: absolute; top: 50%; left: 1.25rem; z-index: 2; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); font-weight: 700; color: #111;}
.estimate-check-wrap .file-wrap .file-upload .file-text {padding-left: 7.5rem; padding-right: 1.25rem; text-align: right; background-color: #fff;}
/* .estimate-check-wrap .data-list-wrap .price {color: #111;} */
.estimate-check-wrap .data-list-wrap .choice-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.estimate-check-wrap .data-list-wrap .choice-area ~ .choice-area {margin-left: 1.875rem;}
.estimate-check-wrap .btn-area {margin-top: 1.875rem;}

@media all and (max-width: 768px) {
	.estimate-check-wrap {display: block;}
	.estimate-check-wrap .item-list-wrap {display: none;}
	.estimate-check-wrap .check-list-wrap {width: 100%;}
	.estimate-check-wrap .view-btn-wrap {display: block;}
	/* .estimate-check-wrap .file-wrap .text {display: none;} */
	/* .estimate-check-wrap .file-wrap .file-upload .file-text {padding: 1px 2px; text-align: left;} */
	.estimate-check-wrap .data-list-wrap .choice-area ~ .choice-area {margin-left: 1.25rem;}
}

/*MAIN*/
.main .section.partner{position: relative;}

.main .section .title-area{padding-top: 8.75rem;}
.main .section .title-area .ico.plus{margin-top: 0.938rem;}

@media all and (min-width: 769px) {
	.section.partner .swiper-container .swiper-pagination + .swiper-notification{content: '';display: block;position: absolute;left: 0;top: auto;bottom: 0;width: 100%;height: 530px;background-color: pink;max-width: calc((100% - 420px) / 2 + 420px - 420px);z-index: 10;z-index: 10;opacity: 1;background-color: #fafafa;}
}
@media all and (max-width: 768px) {
	.main .section .title-area{padding-top: 3.75rem;padding-left: 1.125rem;padding-right: 1.125rem;padding-bottom: 3.75rem;}
	.main .section.partner .title-area {padding-top: 2.5rem;}
	.main .section.partner .title-area,
	.main .section.look .title-area,
	.main .section.news .title-area{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.main .section.count .title-area{padding-bottom: 0;}
	.main .section .title-area .ico.plus{margin-top: 0.75rem;}
	.main .section .title-area .btn.detail{-ms-flex-item-align: start;align-self: flex-start;margin-top: 1.75rem;}

	.section.partner .slider{max-width: calc(100% - 1.125rem);}

	.slider-partner > .swiper-container{padding-top: 3rem;}
	.slider-partner .swiper-container-horizontal>.swiper-pagination-bullets,
	.slider-partner .swiper-pagination-custom, .swiper-pagination-fraction{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;position: absolute;left: auto;top: 0;width: 100%;margin-left: 0;transform: none;-webkit-transform: none;padding-left: 1.125rem;padding-right: 1.125rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.slider-partner .swiper-pagination-bullet{font-size: 0.875rem;line-height: 1;}
	.slider-partner .swiper-pagination-bullet-active::after{width: 100%;position: relative;left: 0;top: auto;bottom: 0;}
	/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 ;} */
	.slider-partner .swiper-pagination-bullet +  .swiper-pagination-bullet{margin-top: 0;}

	.main .section.scrap .title-area{padding-bottom: 3.125rem;}
	.main .section.ing .title-area,
	.main .section.complete .title-area{padding-left: 0;padding-right: 0;padding-bottom: 1.25rem;}
}

.section.count{width: 100%;min-height: 612px;margin-top: 8.75rem;background: url('../images/common/banner_mid.png') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.section.count .h2{color: #fff;}
.count-wrap{max-width: 1200px;margin: 0 auto;font-size: 0;text-align: center;}
.count-wrap dl{display: inline-block;width: 33.333%;}
.count-wrap dl + dl{position: relative;}
.count-wrap dl + dl::before{content: '';display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 1px;height: 120px;background-color: rgba(255, 255, 255, 0.3);}
.count-wrap dl dt{font-size: 1.375rem;line-height: 1.625rem;color: #55B59A;}
.count-wrap dl dd.number{margin-top: 0.625rem;font-size: 100px;font-weight: bold;line-height: 8.813rem;color: #fff;}
.count-wrap dl dd.text{margin-top: 1.188rem;font-size: 1rem;line-height: 1.75;letter-spacing: -0.025rem;color: #fff;font-weight: 400;}

.section.service{background-color: #fafafa;}
.section.service .section-wrap{position: relative;max-width: 1200px;margin: 0 auto;padding-bottom: 8.75rem;}
.section.service .title-area{position: relative; z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.section.service .title-area .text{color: #111;}
.section.service .data-list.service{margin-top: 3.375rem;}


.section.service .title-area .h2{color: #111;}
.section.service .title-area .h3{color: #111;font-weight: 400;}
.section.service .item-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;}
.section.service .item-list li{box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06);text-align: center;box-sizing: border-box;background-color: #fff;}

.section.service .item-list li .h4{line-height: 1;color: #000;background-position: 50% 0;background-repeat: no-repeat;text-align: center;font-weight: 700;}
.section.service .item-list li:nth-child(1) .h4{background-image: url('../images/common/ico_service_01.svg');}
.section.service .item-list li:nth-child(2) .h4{background-image: url('../images/common/ico_service_02.svg');}
.section.service .item-list li:nth-child(3) .h4{background-image: url('../images/common/ico_service_03.svg');}
.section.service .item-list li .text{color: #999;text-align: center;}


@media all and (min-width:769px){
	.section.service .title-area .h2{font-size: 2.5rem;letter-spacing: -0.05rem;}
	.section.service .title-area .h3{margin-top: 0.938rem;font-size: 1.75rem;letter-spacing: -0.035rem;}
	.section.service .item-list li{width: 31%;padding: 5.25rem 1.25rem;}
	.section.service .item-list li .h4{padding-top: 7.5rem;-webkit-background-size: 72px auto;background-size: 72px auto;font-size: 1.5rem;letter-spacing: -0.03rem;}
	.section.service .item-list li .text{padding-top: 20px;font-size: 18px;letter-spacing: -0.023rem;}
	.section.service .item-list li .btn.more{margin: 32px auto 0;}
	.section.service .item-list li .btn.more .ico.plus{margin-top: 0.938rem;}
}

@media all and (max-width:768px){
	.section.service .title-area .h2{font-size: 34px;letter-spacing: -0.68px;}
	.section.service .title-area .h3{margin-top: 19px;font-size: 24px;letter-spacing: -0.03rem;}


	.section.service .item-list{padding: 0 18px;-moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.section.service .item-list li{padding: 72px 20px;}
	.section.service .item-list li + li{margin-top: 20px;}
	.section.service .item-list li .h4{padding-top: 95px;-webkit-background-size: 64px auto;background-size: 64px auto;font-size: 20px;letter-spacing: -0.4px;}
	.section.service .item-list li .text{padding-top: 16px;font-size: 16px;letter-spacing: -0.32px;}
	.section.service .item-list li .btn.more{margin: 24px auto 0;}
	.section.service .item-list li .btn.more .ico.plus{margin-top: 0.75rem;}
}

.section.count{background-color: #fafafa;}
.section.count .count-wrap{padding-top: 3.125rem; padding-bottom: 8.75rem;}

.main.intro::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.section.event{background-color: #fff;}
.section.event .section-wrap{box-sizing: border-box;-webkit-box-sizing: border-box;}

.section.news{background-color: #fff;}
.section.news .section-wrap{box-sizing: border-box;-webkit-box-sizing: border-box;}

@media all and (max-width:1248px){
	.section.service .section-wrap .drawing{width: 14.75rem;height: 21.563rem;}

	.section.count{height: 665px;}
	.section.count .h2{font-size: 2.5rem;}
	.count-wrap dl dt{font-size: 1.125rem;line-height: 1.875rem;}
	.count-wrap dl dd.number{font-size: 5rem;line-height: 1.4125;}
	.count-wrap dl dd.text{margin-top: 1.25rem;font-size: 0.875rem;line-height: 1.375rem;}

	.section.service .title-area .text{padding-top: 0.625rem;}
	.section.service .title-area h3{font-size: 1.875rem;line-height: 1.33;}

	.section.news .section-wrap{padding-bottom: 6.25rem;}

}
@media all and (max-width:950px){
	.section.service .section-wrap .drawing{right: 0;}
}

@media all and (max-width:768px){
	.section.count{height: auto; min-height: auto; margin-top: 3.75rem;background: url('../images/common/bg_count_mo.jpg') 0 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
	.section.count .section-wrap{padding-left: 1.125rem;padding-right: 1.125rem}

	.section.count .count-wrap{padding-top: 2.5rem;padding-bottom: 1.375rem;}
	.count-wrap dl{display: block;width: auto;padding-bottom: 2.5rem;}
	.count-wrap dl + dl::before{content: '';display: block;position: relative;top: auto;transform: none;width: 100%;height: auto;padding-top: 2.5rem;border-top: 1px solid rgba(255,255,255,0.3);background: 0 none;}
	.count-wrap dl dt{font-size: 1.125rem;line-height: 1.875rem;}

	.section.service .section-wrap{padding-bottom: 3.813rem;}
	.section.service .section-wrap .drawing{position: static;left: 0;right: 0;top: auto;margin: 0 auto 1.25rem;width: 12.5rem;height: 18.25rem;}
	.section.service .data-list.service{margin-top: 0;}

	.section.news .section-wrap{padding-bottom: 1.25rem;}
	.section.news .section-wrap .data-list.news{padding-left: 1.125rem;padding-right: 1.125rem;}
	.section.news .section-wrap .data-list.news li .text {height: 3.25rem; font-size: .875rem; line-height: 1.86; -webkit-line-clamp: 2;}
}

.slider-event{padding-bottom: 8.75rem;}
.slider-event .swiper-slide{padding-top: 1.875rem;}
.slider-event .swiper-slide .link-rea{display: block; width: 100%; height: 100%;}
.slider-event .swiper-slide .title{font-size: 1.25rem;line-height: 1.75rem;letter-spacing: -0.031rem;color: #111;font-weight: bold;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;}
.slider-event .swiper-slide .text{margin-top: 2.5rem;font-size: 0.875rem;line-height: 1.188rem;letter-spacing: -0.022rem;color: #999;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;}
.slider-event .swiper-slide .date{margin-top: 0.625rem;font-size: 0.875rem;letter-spacing: -0.022rem;color: #999;}
.slider-event .swiper-slide .thumb{position: relative;margin-top: 5.5rem;max-width: 510px;overflow: hidden;min-height: 306px;vertical-align: bottom;}
.slider-event .swiper-slide .thumb img{width: 100%;position: absolute;bottom: 0;}

.slider-event .swiper-pagination{font-size: 0;bottom: auto;top: 180px;left: 0;text-align: left;}
.slider-event .swiper-pagination .swiper-pagination-bullet{opacity: 0.1;}
.slider-event .swiper-pagination .swiper-pagination-bullet-active{background-color: #55B59A;opacity: 1;}

.section.link{clear: both;height: 610px;background: url('../images/common/bg_link.jpg') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.section.link .section-wrap{max-width: 1200px;margin: 0 auto;display: -webkit-box;
    display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;padding: 8.75rem 0;}
.section.link .section-wrap .h2{color: #fff;}
.section.link .section-wrap .data-list.links{width: 530px;padding-top: 2.125rem;}

@media all and (min-width:1249px){
	.section.event .section-wrap{padding-right: 7.5%;padding-left: 1.5rem;}
	.section.news .section-wrap{padding-left: 5.833%;}

	.main.intro .section.event{padding-right: 0;padding-bottom: 34px;}
	.main.intro .section.news{padding-left: 0;}
}

@media all and (max-width:1248px){
	.section .slider {max-width: calc(100% - 1.5rem);}

	.section.link{background: #c40352 url(../images/common/bg_link_02.jpg) 100% 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
}

@media all and (min-width: 769px) and (max-width:1248px) {
	.slider-event {padding-right: 47%;}
	.data-list.news {padding-right: 47%;}
}

@media all and (min-width:769px){
	.main.intro .section{padding-left: 1.5rem;padding-right: 1.5rem;box-sizing: border-box;}
	.main.intro .section.partner{padding-left: 0;padding-right: 0;}
	.main.intro .section.partner .title-area{padding-left: 1.5rem;padding-right: 1.5rem;}
	.main.intro .section.look{padding-left: 0;padding-right: 0;}
	.main.intro .section.look .title-area{padding-left: 1.5rem;padding-right: 1.5rem;}

}

@media all and (max-width:768px){
	.section .slider {max-width: calc(100% - 1.125rem);}
	.slider-event .swiper-slide{padding-top: 0;}
	.section.event .section-wrap .slider-event{padding-left: 1.125rem;padding-right: 1.125rem;padding-bottom: 3.75rem;}
	.slider-event .swiper-slide .text{height: 3.25rem; font-size: .875rem; line-height: 1.86; -webkit-line-clamp: 2;}

	.section.link{height: auto;}
	.section.link .section-wrap{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;padding: 3.75rem 1.125rem;}
	.section.link .section-wrap .data-list.links{-ms-flex-item-align: end;align-self: flex-end;width: 59%;padding-top: 1.063rem;}
}

.section.cs{background-color: #fff;}
.section.cs	.section-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;max-width: 1200px;margin: 0 auto;}

.cs-section.faq .h2{margin-bottom: 1.125rem}
.section.cs .faq-list li + li{margin-top: 0.625rem;}
.section.cs .faq-list .btn.link{padding: 2rem 0; border-bottom: 1px solid #ededed; text-align: left; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.section.cs .faq-list .btn.link::after{margin-left: 3rem;}
.cs-section.inquiry{position: relative; padding: 3rem; border: solid 1px #ededed;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06);}
.cs-section.inquiry .h3{font-size: 2.25rem;line-height: 1.33;letter-spacing: -0.045rem;font-weight: 700;}
.cs-section.inquiry p{margin-top: 1.75rem; opacity: 0.5; font-size: 1.125rem; letter-spacing: -0.023rem; color: #000;}

@media all and (min-width: 1025px){
	.cs-section.faq{width: calc(100% - 41%);}
	.cs-section.inquiry{width: 31%;box-sizing: border-box;-webkit-box-sizing: border-box;}
}

@media all and (min-width: 769px){
	.section.cs{padding-top: 9.375rem;padding-bottom: 8.75rem;}
	.section.cs .faq-list .btn.link{font-size: 1.125rem;letter-spacing: -0.023rem;color: #000;}
	.cs-section.inquiry .btn.link{position: absolute; bottom: 3rem;}

}

@media all and (min-width: 769px) and (max-width: 1024px){
	.cs-section.faq,
	.cs-section.inquiry{width: calc((100% - 24px)/2);box-sizing: border-box;-webkit-box-sizing: border-box;}
}

@media all and (max-width: 768px){
	.section.cs{padding-top: 3.25rem;padding-bottom: 3.25rem;}
	.section.cs .section-wrap{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 1.125rem;}

	.cs-section.faq .h2{margin-bottom: 1.688rem}
	.section.cs .faq-list li + li{margin-top: 0;}
	.section.cs .faq-list .btn.link{padding: 1.75rem 0;}
	.section.cs .faq-list .btn.link::after{width: 1.5rem; height: 1.5rem}
	.cs-section.inquiry{margin-top: 64px;padding: 2.75rem 1.5rem;}
	.cs-section.inquiry .main-sub-title{font-size: 1.75rem;letter-spacing: -0.035rem;}
	.cs-section.inquiry p{margin-top: 1.5rem;  font-size: 1rem; letter-spacing: -0.02rem;}
	.cs-section.inquiry .btn.link{margin-top: 5.188rem;}
}

.my-order-box{position: relative;max-width: 1200px;margin: 0 auto;background: #000; color: #fff; text-decoration: none;margin-top: 5rem;}
.my-order-box .status{color: rgba(255,255,255,.5)}
.my-order-box .status .ico{position: absolute;}

@media all and (min-width: 769px){
	.my-order-box{height: 88px;
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	}
	.my-order-box .title{width: 200px; text-align: center;}
	.my-order-box .status{position: relative; width: calc(100% - 200px); padding: 0 64px;}
	.my-order-box .status:before{position: absolute; top: 5px; left: 0; content: ''; display: block; width:1px; height:14px; background-color: #ededed;}
	.my-order-box .status .ico{top: 0; right: 64px;}
}
@media all and (max-width: 768px){
	.my-order-box{display: block; height: 164px;margin: 3.25rem 1.125rem 0;padding: 1.75rem 1.5rem}
	.my-order-box .title,
	.my-order-box .status{display: block; width: 100%;margin-top: 1rem;}
	.my-order-box .status .ico{bottom: 1.5rem;right: 1.5rem;}
}


/* U004V 이용하는 법 */
.how-to .content-primary{padding-bottom: 0;}
.how-to .section-wrap.odd{background-color: #fafafa;}
.how-to .section-wrap.even{background-color: #fff;}
.how-to .section-wrap .title-wrap{}
.how-to .section-wrap .title-wrap h3{font-size: 2.125rem;line-height: 1;font-weight: bold;letter-spacing: -0.053rem;color: #111111;}
.how-to .section-wrap .title-wrap p{margin-top: 2.313rem;font-size: 1.125rem;font-weight: bold; line-height: 1.56; letter-spacing: -0.028rem; text-align: left; color: #111111;}

.how-to .section-wrap .step-wrap{position: relative;font-size: 0;}
.how-to .section-wrap .step-wrap .text-wrap{box-sizing: border-box;-webkit-box-sizing: border-box;}
.how-to .section-wrap .step-wrap .text-wrap .step{display: block;font-size: 1rem;line-height: 1.63; letter-spacing: -0.025rem; text-align: left; color: #55B59A;font-weight: bold;}
.how-to .section-wrap .step-wrap .text-wrap h4{padding-top: 0.625rem;font-size: 1.875rem; font-weight: bold; line-height: 1.33; letter-spacing: -0.047rem; color: #111111;}
.how-to .section-wrap .step-wrap .text-wrap p{padding-top: 1.875rem;font-size: 1.125rem;font-weight: 500;line-height: 1.56;letter-spacing: -0.028rem;color: #999}

@media all and (min-width:769px){
	.how-to .section-wrap{padding-top: 6.25rem;padding-bottom: 6.25rem;}
	.how-to .section-wrap .step-wrap{margin-top: 6.25rem;}
	.how-to .section-wrap .step-wrap + .step-wrap{margin-top: 8.125rem;}
	.how-to .section-wrap .step-wrap:last-child{padding-bottom: 3.75rem;}
	.how-to .section-wrap:nth-child(1){padding-top: 0.875rem;}
	.how-to .section-wrap .step-wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;overflow: hidden;}
	.how-to .section-wrap .step-wrap:nth-child(2) .thumb{float: left;}
	.how-to .section-wrap .step-wrap:nth-child(2) .text-wrap{position: absolute;left: 51%;padding-left: 16.66666%;}
	.how-to .section-wrap .step-wrap:nth-child(3) .thumb{width: 100%;float: right;padding-left: 49%;}
	.how-to .section-wrap .step-wrap:nth-child(3) .text-wrap{position: absolute;left: 0;}
	.how-to .section-wrap .step-wrap:nth-child(4) .thumb{float: left;}
	.how-to .section-wrap .step-wrap:nth-child(4) .text-wrap{position: absolute;left: 51%;padding-left: 16.66666%;}
	.how-to .section-wrap .step-wrap .thumb{width: 51%;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.how-to .section-wrap .step-wrap .text-wrap{width: 49%;}
}

@media all and (max-width:768px){
	.how-to .section-wrap{padding-top: 2.5rem;padding-bottom: 2.5rem;}
	.how-to .section-wrap:last-child{padding-bottom: 3.75rem;}
	.how-to .section-wrap:nth-child(1){padding-top: 0;}
	.how-to .section-wrap .step-wrap{margin-top: 2.5rem;}
	/*.how-to .section-wrap .step-wrap + .step-wrap{margin-top: 8.125rem;}*/
	.how-to .section-wrap .step-wrap.how-to .section-wrap .title-wrap h3{font-size: 1.375rem;line-height: 1.45;}
	.how-to .section-wrap .title-wrap h3{font-size: 1.375rem;line-height: 1.45;
  letter-spacing: -0.034rem;}
	.how-to .section-wrap .title-wrap p{margin-top: 1.25rem;font-size: 1rem;line-height: 1.63;
  letter-spacing: -0.025rem;}
	.how-to .section-wrap .step-wrap .text-wrap .step{margin-top: 2.188rem;font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.022rem;}
	.how-to .section-wrap .step-wrap .text-wrap h4{padding-top: 0.313rem;font-size: 1.375rem;line-height: 1.45;
  letter-spacing: -0.034rem;}
	.how-to .section-wrap .step-wrap .text-wrap p{padding-top: 0.625rem;font-size: 1rem;line-height: 1.63;letter-spacing: -0.025rem;}
	.how-to .section-wrap .step-wrap .thumb{margin-top: 2.5rem;}
}

.request.custom .content-primary {padding-top: 5rem;}
.contract-client .request-info-wrap > .flex-between {-ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%;}
.contract-client .title + .request-info-wrap {border-top: 1px solid #000;}
.contract-client .request-info-wrap { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06);}
.contract-client .request-info-wrap .info-area {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;
	padding: 0;}
.contract-client .img-area {text-align: center; font-size: 0;}
.contract-client .img-area img {max-height: 6.375rem;}
.contract-client .img-area + .request-data-list{margin-top: 1.5rem;}
.contract-client .client {font-weight: 700; font-size: 1.875rem;}
.contract-client .client-place {display: block; font-weight: 500; margin-top: 0.5rem;}
.contract-client .request-data-list {
	-webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column; flex-direction: column;
	text-align: center;
}
.contract-client .request-data-list dl {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	 width: 100%; text-align: left; margin-top: 1rem;
}
.contract-client .request-data-list dt {position: relative; width: 85px; font-weight: 400; color: #999; margin-top: 0; }
.contract-client .request-data-list dt::before {content: '·'; }
.contract-client .request-data-list dd {width: 50%; font-weight: 400; color: #111; margin-top: 0; padding-left: 0.625rem; padding-right: 0.625rem; box-sizing: border-box;}
.contract-client .img-wrap {height: 100%;}
.contract-client .img-wrap .img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
@media all and (min-width:769px) {
	.contract-client .request-info-wrap {height: 25.937rem;}
	.contract-client .request-info-wrap .info-area {width: 50%; height: 100%;}
	.contract-client .client-place + dl{padding-top: 0.75rem;;}

	.partner .contract-client .request-info-wrap {height: 21.062rem;}
	.partner .contract-client .img-area img {max-height:7.5rem;}
}
@media all and (max-width:768px) {
	.request.custom .content-header {padding-top: 3.25rem;}
	.request.custom .content-primary {padding-top: 2rem;}
	.request.custom .content-header .h2 > span {display: block;}
	.contract-client .request-info-wrap .info-area {width: 100%;}
	.contract-client .img-area + .request-data-list,
	.contract-client .client-place {margin-top: 0.5rem;}
	.contract-client .img-area {padding-top: 2.5rem;}
	.contract-client .img-area img {max-height: 2.5rem;}
	.contract-client .client {font-size: 1.25rem;}
	.contract-client .client-place {font-size: 0.875rem;}
	.contract-client .img-wrap {height: 266px;}
	.contract-client .request-data-list {padding-bottom: 2.5rem;}
	.contract-client .request-data-list dl {margin-top:0.75rem ;}
	.contract-client .request-data-list dt {width: 65px;}
	.contract-client .request-data-list dd {padding-left: 0.312rem;}
}

.estimate-info-wrap .field-wrap {width: 100%; padding-right: 0; margin-top: 5rem;}
.estimate-info-wrap .field-wrap + .field-wrap {padding-left: 0;}
.estimate-info-wrap .item-list.estimate {padding: 2.5rem; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box;}
.estimate-info-wrap .item-list.estimate + .item-list.estimate {margin-top: 2.5rem;}
.estimate-info-wrap .item-list.estimate .enterprise-info-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.estimate-info-wrap .item-list.estimate .enterprise-info-wrap .img-area {margin: 0 ;}
.estimate-info-wrap .item-list.estimate .enterprise-info-wrap .name {margin-top: 0; margin-left: 1.25rem;}
.estimate-info-wrap .data-list-wrap > dl{display: -webkit-box; display: -ms-flexbox; display: flex;}
.estimate-info-wrap .data-list-wrap > dl,
.estimate-info-wrap .data-list-wrap .field  {padding-top: 1rem; padding-bottom: 1rem;}
.estimate-info-wrap .data-list-wrap > dl:last-child,
.estimate-info-wrap .data-list-wrap .field:last-child {padding-bottom: 0;}
.estimate-info-wrap .data-list-wrap > dl + dl,
.estimate-info-wrap .data-list-wrap > dl + .field  {border-top: 1px solid #e5e5e5;}
.estimate-info-wrap .data-list-wrap > dl dt {width: 45%;}
.estimate-info-wrap .data-list-wrap > dl dt ,
.estimate-info-wrap .data-list-wrap .field > .label {font-weight: 500; color: #999;}
.estimate-info-wrap .data-list-wrap > dl dd {width: 55%; font-weight: 500;  word-break: keep-all; text-align: right;}
.estimate-info-wrap .data-list-wrap > dl dd .btn {font-size: 1rem; font-weight: 500;}
.estimate-info-wrap .data-list-wrap .field .btn-area {width: 100%; margin-top: 1.25rem; padding-top: 0;}
.estimate-info-wrap .data-list-wrap .btn-area .btn {border-width: 1px;}
.estimate-info-wrap .data-list-wrap .btn-area .btn:not(.download) {height: 2.937rem; line-height: calc(2.937rem - 2px); border-width: 1px; padding: 0 1.25rem;}
.estimate-info-wrap .data-list-wrap .btn-area .btn + .btn {margin-left: 0.5rem;}
.estimate-info-wrap .data-list-wrap .textarea {min-height: 9.687rem;}
.estimate-info-wrap .contract-form-wrap {margin-top: 0;}
.estimate-info-wrap .estimate-check-wrap .title-wrap {margin-bottom: 0;}
.estimate-info-wrap .estimate-check-wrap .file-upload + .file-upload {margin-top: 0.5rem;}
.estimate-info-wrap .estimate-check-wrap .file-upload .file-text {padding-left: 0; text-align: left;}
.estimate-info-wrap .contract-form-wrap .field .insert .textarea {min-height: 16.25rem; border: 1px solid #e5e5e5; padding: 0.875rem 1.25rem;}
.estimate-info-wrap > .title-wrap .title {font-weight: 500; font-size: 1.5rem;}
@media all and (min-width:769px) {
	.estimate-info-wrap .item-list-wrap:not(.max-390) {width: 46.5%;}
	.estimate-info-wrap .item-list-wrap.max-390 {width: 390px;}
	.estimate-info-wrap .item-list-wrap.max-390 + .item-list-wrap {width: calc(100% - 390px); padding-left: 40px;}
}
@media all and (max-width:768px) {
	.estimate-info-wrap .field-wrap {margin-top: 2.5rem;}
	.estimate-info-wrap .estimate-check-wrap .item-list-wrap {display: block; width: 100%;}
	.estimate-info-wrap .item-list.estimate {padding: 1.25rem 1.25rem 2rem;}
	.estimate-info-wrap .item-list.estimate + .item-list.estimate,
	.estimate-info-wrap .item-list-wrap + .item-list-wrap {margin-top: 1.25rem;}
	.estimate-info-wrap .data-list-wrap > dl,
	.estimate-info-wrap .data-list-wrap .field {padding-top: 0.75rem; padding-bottom: 0.75rem;}
	.estimate-info-wrap .data-list-wrap > dl dt,
	.estimate-info-wrap .data-list-wrap > dl dd,
	.estimate-info-wrap .data-list-wrap .field > .label {font-size: 0.875rem;}
	.estimate-info-wrap .data-list-wrap > dl dd > span {display: block;}
	.estimate-info-wrap .data-list-wrap .field .btn-area {margin-top: 0.75rem;}
	.estimate-info-wrap .data-list-wrap .btn-area .btn:not(.download) {height: 2.312rem; line-height: calc(2.312rem - 2px); padding: 0 0.75rem;}
}

/* otp 인증관련*/
.otp .content-primary {padding-top: 5rem;}
.otp-login {max-width: 558px; margin: 0 auto;}
.otp-wrap .contract-tab-wrap {min-width: auto;}
.otp-certify {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.otp-certify .field-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center;-ms-flex-align: center; align-items: center;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	float: none; width: 100%; padding-right: 0;}
.otp-certify .field {width: 100%; padding-top: 0;}
.otp-certify .field + .field {margin-top: 0.5rem;}
.otp .otp-certify .field > .insert {margin-top: 0;}
.otp-certify .certify-offer {display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center;-ms-flex-align: center; align-items: center;
	position: absolute; top: 50%; right: 10.625rem; padding: 0 1.25rem; transform: translateY(-50%);
}
.otp-certify .certify-offer .insert .input-text{}
.otp-certify .certify-offer .btn {position: relative; width: 1.875rem; height: 1.875rem;}
.otp-certify .time {font-size: 1rem;}
.otp-certify .time + .btn {margin-left: 1.25rem;}
.utility-wrap {width: 100%; margin-top: 1.25rem;}
.utility-wrap .btn {display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center;-ms-flex-align: center; align-items: center;
	font-size: 1rem;
}
.utility-wrap .btn .ico {background-image: url('../images/common/ico_plus_active.svg'); margin-right: 0.25rem;}
.otp-certify + .otp-login-form {margin-top: 2.5rem;}
.otp-login-form .data-list > li {background-color: #fff; padding: 1.5rem 2.5rem 2.5rem;  box-shadow: 0 0 0.187rem 0 rgba(0, 0, 0, 0.06); box-sizing: border-box;}
.otp-login-form .data-list > li + li {margin-top: 1.25rem;}
.otp-login-form dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-top: 1rem; padding-bottom: 1rem;}
.otp-login-form dl + dl {border-top: 1px solid #e5e5e5;}
.otp-login-form dl dt {width: 45%; font-weight: 500; color: #999;}
.otp-login-form dl dd {width: 55%; font-weight: 500; text-align: right;}
.otp-login-form .data-list .btn-area {padding-top: 1.5rem; text-align: right;}
.otp-login-form .data-list .btn {height: 2.937rem; line-height: calc(2.937rem - 2px);}
.otp-login-form .info-text {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center;-ms-flex-align: center; align-items: center;
	-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;
	height: 100%; padding: 13.25rem 0 9.5rem;
}
.otp-login-form .info-text + .btn-area{padding-top: 0;}

@media all and (min-width:769px) {
	#container.otp {min-height: auto;}
	.otp-login-form .data-list .btn {width: 10.25rem;}
	.otp-login-form .info-text p.text {font-size: 1.125rem; letter-spacing: -0.023rem;}
}
@media all and (max-width:768px) {
	.otp .content-primary {padding-top: 2.5rem;}
	.otp-certify .certify-offer {right: 6.5625rem;}
	.otp-certify .time {font-size: 0.875rem;}
	.otp-certify .time + .btn {margin-left: 0.75rem;}
	.otp-certify .utility-wrap {margin-top: 1rem;}
	.otp-certify + .otp-login-form {margin-top: 2rem;}
	.otp-login-form .data-list > li {padding: 1.25rem 1.25rem 2rem;}
	.otp-login-form dl {padding-top: 0.75rem; padding-bottom: 0.75rem;}
	.otp-login-form dl dt,
	.otp-login-form dl dd {font-size: 0.875rem; letter-spacing: -0.018rem;}
	.otp-login-form .data-list .btn {height: 2.437rem; line-height: calc(2.437rem - 2px); font-size: 0.875rem;}
}

.otp-sms-popup .data-list > li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center;}
.otp-sms-popup .data-list,
.otp-sms-popup .data-list > li + li {margin-top: 1rem;}
.otp-sms-popup .data-list .btn-area {padding-top: 0;}
.otp-sms-popup .field {min-height: 3.125rem; padding-top: 0;}
.otp-sms-popup .field + .field {margin-top: 1.25rem;}
.otp-sms-popup .input-wrap.with-btn {padding-right: 8.625rem;}
.otp-sms-popup .input-wrap.with-btn .btn {width: 8.375rem;}
.otp-sms-popup .select {width: 100%;}
.otp-sms-popup .otp-certify .certify-offer {right: 8.625rem;}
.otp-sms-popup .otp-certify .time,
.otp-sms-popup .text  {font-size: 0.875rem;}
.otp-sms-popup .field-wrap + .text {margin-top: 1.75rem;}
@media all and (max-width:768px) {
	.otp-sms-popup .input-wrap.with-btn {padding-right: 0;}
	.otp-sms-popup .input-wrap.with-btn .btn {position: relative; right: auto; width: 100%; margin-top: 0.5rem;}
	.otp-sms-popup .otp-certify .certify-offer {top: 0; right: 0; height: 3.438rem; transform: translateY(0); }
	.otp-sms-popup .text  {font-size: 0.75rem;}
	.otp-sms-popup .field-wrap + .text {margin-top: 1.5rem;}
}

/* 220602 add */

/* gate */
#container.gate {min-height: auto;}
.gate #content {padding-top: 0;}
.gate .content-primary{padding: 0;}
.gate .content-primary .primary-wrap{max-width: none;padding: 0;}

.gate .item-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-align-content: center; -webkit-align-content: center; -ms-flex-align-content: center; align-content: center;}
.gate .item-wrap .item{width: 50%;padding: 12.188rem 0 10.25rem;text-align: center;background-color: #fff;}
.gate .item-wrap .item + .item{background-color: #f2f2f2;}
.gate .item-wrap .item .link-area{display: block;height: 100%;}
.gate .item-wrap .item .img-area{width: 25.188rem;margin: 0 auto;}
.gate .item-wrap .item .img-area img{width: 100%;}

.gate .item-wrap .item .h3 img{height: 3.25rem;margin-right: 0.5rem;vertical-align: -10px;}
.gate .item-wrap .item .h4{font-weight: 700;}
.gate .item-wrap .item .text{text-align: center;}
.gate .item-wrap .item .btn-text{display: block;font-weight: 500;color: #111;line-height: 1.5;vertical-align: middle;}
.gate .item-wrap .item .btn-text .ico.arrow{vertical-align: middle;}


@media all and (min-width:769px) {
	.gate .item-wrap .item .h3{padding-top: 5rem;font-size: 3rem;letter-spacing: -0.06rem;}
	.gate .item-wrap .item .h4{padding-top: 0.5rem;font-size: 2.125rem;line-height: 1.35;letter-spacing: -0.043rem;}
	.gate .item-wrap .item .text{padding-top: 2.5rem;}
	.gate .item-wrap .item .btn-text{padding-top: 2.688rem;font-size: 1rem;letter-spacing: -0.02rem;}
	.gate .item-wrap .item .btn-text .ico.arrow{margin-left: 0.5rem;}
}

@media all and (max-width:1248px) {
	.gate .item-wrap{flex-direction: column;}
	.gate .item-wrap .item{width: 100%;}
}

@media all and (max-width:1248px) and (min-width: 769px){
	.gate .item-wrap .item{padding: 15.625vw 0 13.141025vw;}
}

@media all and (max-width:768px) {
	.gate .item-wrap .item .img-area{width: 64vw;}
	.gate .item-wrap .item .h3{padding-top: 40px;font-size: 28px;letter-spacing: -0.56px;}
	.gate .item-wrap .item .h3 img{height: 28px;vertical-align: -5px;}
	.gate .item-wrap .item .h4{padding-top: 15px;font-size: 20px;line-height: 1.6;letter-spacing: -0.4px;}
	.gate .item-wrap .item .text{padding-top: 24px;}
	.gate .item-wrap .item .btn-text{padding-top: 29px;font-size: 14px;letter-spacing: -0.28px;}
	.gate .item-wrap .item .btn-text .ico.arrow{margin-left: 4px;}

	.gate .item-wrap .item{padding: 52px 0;}
}

/* 부품업체 */


@media all and (min-width:769px) {
	.my-page.partner .filter-wrap dl{padding-left: 0;padding-bottom: 5rem;}
}
@media all and (max-width:768px) {
	.my-page.partner .filter-wrap dl{padding-left: 0;padding-bottom: 3.125rem;}
}

.my-page.partner.detail{}
.my-page.partner.detail .content-primary{background-color: #fff;}

@media all and (max-width:768px) {
	.my-page.partner.detail .portfolio-section .btn-wrap{margin-top: 0;}
}

.notice-popup .popup{width: 458px;}
.notice-popup .popup-header{padding-top: 56px;padding-bottom: 0;border:0 none;}
.notice-popup .popup-header h3{font-size: 20px;text-align: center;}
.notice-popup .popup-body{padding-top: 22px;}
.notice-popup .popup-body div,
.notice-popup .popup-body p,
.notice-popup .popup-body span{text-align: center;font-size: 16px;line-height: 1.5;letter-spacing: -0.32px;color: #999;font-weight: 500;}
.notice-popup .popup-body img{display: block;margin: 32px auto 0;}
.notice-popup .btn-area{margin-top: 56px;}
.notice-popup .btn-area .btn{width: 50%;min-width: 0;font-size: 18px;letter-spacing: -0.36px;}
.notice-popup .btn-area .btn.light02{background-color: #e5e5e5;color: #999;}

/* NEWS */
.news .field .label{width: 150px;padding-left: 32px;font-size: 18px;line-height: 86px;font-weight: 500;letter-spacing: -0.36px;color: #000;text-align: left;}
.news .field .insert{position: relative;width: calc( 100% - 150px);padding-left: 20px;height: 86px;line-height: 86px;font-weight: 400; font-size: 18px;color: #7f7f7f;box-sizing: border-box;}
.news .field .insert.multiple{height: auto;line-height: normal;}
.news .field{width: 100%; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; border: solid 1px #ededed; min-height: 0; padding-top: 0; background-color: #fff;}
.news .field + .field{border-top: 0 none;}
.news .label{display: inline-block; cursor: pointer;}
.news .field .insert{position: relative; width: calc( 100% - 150px); margin-top: 0; padding-left: 20px; height: 86px; line-height: 86px; font-weight: 400; font-size: 18px; color: #7f7f7f; box-sizing: border-box;}
.news .insert > .option{display: inline-block;}
.news .field .insert input.date{width: 100%;}
.news .field .insert > span:not(.option) {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; height: 100%; color: inherit; text-align: left; line-height: 1.5; }
.news .field input.date {background-position-x: calc(100% - 31px);}
.news .form .btn-area{display: flex;justify-content: space-between;font-size: 0;}
.news .field + .btn-area{padding-top: 64px;}

.news .mark {display: inline-block; margin: 0 24px;}
.news .mark {font-weight: 500; font-size: 18px; letter-spacing: -0.36px; color: #000;}
.news .field{-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.news .field > .label,
.news .field > .insert,
.news .field .insert input[type="text"] {height: auto; line-height: inherit;}
.news .field input {margin: 5px 0;}
.news .field input.date {background-position-x: 100%;}
.news .insert .option {margin-left: 12px; margin-right: 12px;}
.news .option.date {width: 212px;}
.news .field + .btn-area {display: flex;-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;padding-top: 20px;}
.news .btn-area {}
.news .btn-area .btn.double {width: 98px;background-color: #fff;font-size: 16px;}
.news .btn-area .btn.reset[disabled]{border-color: #ededed; color: rgba(0,0,0,0.5);}
.news .btn-area .btn.reset{border: 1px solid #000;}
.news .btn-area .btn.double.bdr + .btn.double.bdr{border: 1px solid #000;color: #000;}
.news .btn-area .btn + .btn {margin-left: 12px;}
.news :not(.insert) .radio + label, .news :not(.insert) .checkbox + label{font-weight: 400;}

.news .btn.bookmark{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.news .btn.bookmark .ico.bookmark{display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(../images/common/ico_bookmark.svg) 50% 50% no-repeat;-webkit-background-size: contain;background-size: contain;}
.news .btn.bookmark.active .ico.bookmark{background: url(../images/common/ico_bookmark_active.svg) 0 0 no-repeat; background-size: cover;}
.news .btn.link:hover::after {background-image: url('../images/common/ico_arrow_right-on.png');}


.news .img-wrap {position: relative;}
.news .img-wrap img{display: block; width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.news .list-wrap .item .detail-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.news .flex-both {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.news .hashtag > span {position: relative; display: inline-block; font-weight: 500; font-size: 18px; letter-spacing: -0.36px; color: #000;}
.news .hashtag > span::before {content: '#'; font-weight: inherit; font-size: inherit; color: inherit;}
.news .item.article .flex-both + .text-wrap {display: inline-block; margin-top: 32px;}
.news .item.article .title, .news .item.article .text{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word; display: -webkit-box; word-break: keep-all;}
.news .item.article .title{font-size: 24px; color: #000; font-weight: 700; letter-spacing: -0.48px;max-height: calc(36px * 2); -webkit-line-clamp: 2;}
.news .item.article .text {font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: -0.36px; color: rgba(0,0,0,0.5); max-height: calc(24px * 3); -webkit-line-clamp: 3;}
.news .item.article .wrap-top + .wrap-bottom {margin-top: 50px;}
.news .item.article .source {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.news .item.article .source > p {position: relative; font-size: 18px; letter-spacing: -0.36px; color: rgba(0,0,0,0.3);}
.news .item.article .source > p + p::before {content: ''; display: inline-block; position: relative; width: 1px; height: 13px; background-color: #ededed; margin: 0 12px;}
.news .item.article .btn-area {-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.news .list-wrap > .data-list > li {border-bottom: 1px solid #ededed; padding-top: 64px; padding-bottom: 64px;}
.news .content-primary .form .fieldset::after {content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.news .item.article .btn-area .btn{background-color: #fff;}


@media all and (max-width:1160px) {
	.news .content-header{padding-top: 1rem;}
}
@media (min-width: 961px) and (max-width: 1281px){
	.news .list-wrap .item .img-wrap {width: 38%;}
	.news .list-wrap .item .detail-wrap {width: calc(100% - 38%); padding-left: 35px;}
}

@media all and (min-width: 961px){
	.news .item.article .wrap-bottom{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
	.news .item.article .source {width: calc(100% - 210px); }
}

@media all and (max-width: 960px){
	.news .list-wrap .item .img-wrap {height: 67.2vw;}
	.news .list-wrap > .data-list {margin-top: 12px;}
	.news .list-wrap > .data-list > li{padding-top: 40px;padding-bottom: 40px;}

	.news .list-wrap .item {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.news .list-wrap .item .img-wrap {height: 67.2vw;}
	.news .list-wrap .item .detail-wrap {margin-top: 28px;}
	.news .item.article .flex-both + .text-wrap,
	.news .item.article .wrap-top + .wrap-bottom,
	.news .item.article .source + .btn-area {margin-top: 28px; }
}
@media all and (max-width:925px) {
	.news .content-header .header-wrap{
		-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; 
		-webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit;
	}
}
@media all and (min-width: 821px){
	.news .field > .label,
	.news .field > .insert {padding-top: 27px; padding-bottom: 28px;}
	.news .item.article .btn-area .btn {width: 210px; }
}

@media all and (max-width: 820px){
	.news .content-header .btn.link {margin-bottom: 10px;}
	.news .content-primary{padding-top: 52px;}
	.news .mark {margin: 0 12px;}
	.news .field .insert.multiple {padding-left: 12px;padding-right: 12px;}
	.news .option.date {width: calc(50% - 42px);}
	.news .field + .btn-area {padding-top: 12px;}

	.news .field {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
	.news .field .label{width: 100%;padding-top: 22px;padding-left: 24px;font-size: 16px;font-weight: 500;letter-spacing: -0.36px;color: #000;text-align: left;}
	.news .field .insert{display: flex;justify-content: space-between;width: 100%;padding: 0 24px;height: 65px;line-height: 65px;font-size: 16px;}
	.news .field .insert.multiple{height: auto;line-height: normal;padding: 12px 12px 24px;justify-content: flex-start;}
	.news .option.date {width: calc(50% - 42px);}
	.news .mark {margin: 0 12px;}
	.news .field + .btn-area {padding-top: 12px;}
	.news .hashtag > span {font-size: 16px;letter-spacing: -0.32px;}
	.news .item.article .text-wrap{overflow: hidden;}
	.news .item.article .title{font-size: 20px;letter-spacing: -0.4px;max-height: calc(30px * 3);-webkit-line-clamp: 3;}
	.news .item.article .text {max-height: calc(24px * 7);-webkit-line-clamp: 7;margin-top: 18px;}
	.news .item.article .text, .news .item.article .source > p {font-size: 16px;letter-spacing: -0.32px;}
	.news .item.article .btn-area .btn {width: 180px;font-size: 14px;letter-spacing: -0.28px;}
	.news .btn-area .btn.double{font-size: 14px;letter-spacing: -0.28px;}
}


.news .detail-header .flex-both + .text-wrap,
.news .detail-header .h3 + .date,
.news .detail-header .date + .h3 {
    margin-top: 32px;
}

.news .detail-header .h3 {
    font-size: 48px;
    color: #000;
    letter-spacing: -0.96px;
    font-weight: 700;
    word-break: keep-all;
    line-height: 1.5;
}

.news .detail-header .date {
    color: rgba(0,0,0,0.5);
    letter-spacing: -0.36px;
}

.news .detail-body {
    padding: 80px 0;
    border-bottom: 1px solid #ededed;
}

.news .detail-body img {
    width: 100%;
    vertical-align: top;
}


.news .detail-body .img + p,
.news .detail-body img + p {
    padding-top: 80px;
}

.news .detail-body p {
    color: #000;
    letter-spacing: -0.36px;
}

.news .detail-body + .view-pagination {
    margin-top: 80px;
}
.news .detail-body + .view-pagination .btn.normal{
	-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;
}

@media (min-width: 821px){
	.news .detail-header .date {
	    font-size: 18px;
	}
	.news .detail-body p {
	    font-size: 18px;
	}

}

@media (max-width: 820px){
	.news .detail-header .flex-both + .text-wrap,
	.news .detail-header .h3 + .date {
	    margin-top: 28px;
	}
	.news .detail-header .h3 {
	    font-size: 36px;
	    line-height: 1.33;
	    letter-spacing: -0.72px;
	}

	.news .detail-body {
	    padding: 40px 0;
	}
	.news .detail-body .img + p,
	.news .detail-body img + p {
	    padding-top: 40px;
	}
	.news .detail-body + .view-pagination {
	    margin-top: 40px;
	}
	.news .detail-body + .view-pagination .btn.normal{
		width: 38%;
	}
}


/* 기업정보 조회 팝업 */
.overlay.pop-search-company{-webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: flex-start;-webkit-box-align: flex-start; -webkit-align-items: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}

.pop-search-company .form-more{display: none;}
.pop-search-company .popup {
    position: relative;
    width: 90%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
}
.overlay.pop-search-company .max-1088{max-width: 1088px;max-height: none;margin-top: 64px;margin-bottom: 64px;}
.pop-search-company .popup-header {
    display: block;
    padding-top: 72px;
    padding-left: 64px;
    padding-right: 64px;
}
.pop-search-company .popup-body{padding-top: 0;
    padding-left: 64px;
    padding-right: 64px;}
.popup.max-1088 .btn-area {
    margin: 0 64px 72px;
}
.pop-search-company .popup-body .form h3 {
    padding-top: 40px;
    padding-bottom: 32px;
}
.pop-search-company .write-down {
    padding: 40px 0 32px;
    text-align: left;
}

.pop-search-company .table-list-wrap .title-list::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.pop-search-company .table-list-wrap .title-list li {
    float: left;
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}

.pop-search-company .table-list-wrap .data-list {
    border-bottom: 1px solid #ededed;
}

.pop-search-company .table-list-wrap .data-list li::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.pop-search-company .table-list-wrap .data-list li span {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.36px;
    text-align: center;
    color: #000;
    font-weight: 400;
}

@media (min-width: 821px){
	.pop-search-company .table-list-wrap .data-list {
	    border-top: 2px solid #000;
	}
	.pop-search-company .table-list-wrap .data-list li {
	    display: table;
		width: 100%;
	    padding: 24px 0;
	}
	.pop-search-company .table-list-wrap .data-list li span {
	    display: table-cell;
	    height: 100%;
	    vertical-align: middle;
	}
}

.pop-search-company .field {
	min-height: 0;
	padding-top: 0;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    border: solid 1px #ededed;
}
.pop-search-company .field .label {
    /* position: relative; */
    width: 212px;
    padding-left: 32px;
    font-size: 18px;
    line-height: 86px;
    font-weight: 500;
    letter-spacing: -0.36px;
    color: #000;
    text-align: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.pop-search-company .field .insert {
    position: relative;
    width: calc( 100% - 212px);
    margin: 0;
    padding-left: 20px;
    height: 86px;
    line-height: 86px;
    font-weight: 400;
    font-size: 18px;
    color: #7f7f7f;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pop-search-company .field .insert input {
    width: 100%;
    line-height: 86px;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: #000;
    padding: 0;
}

.pop-search-company .field .insert .check-wrap + input {
    width: calc(100% - 199px);
}

.pop-search-company .field .insert.mix.search input {
    width: calc(100% - 55px);
}

.pop-search-company .field .insert.mix {
    display: flex;
    align-content: space-between;
}
.pop-search-company .field .insert.multiple {
    height: auto;
    line-height: normal;
    padding-top: 7px;
    padding-bottom: 30px;
}
.pop-search-company .field .insert.multiple .check-wrap {
    margin-top: 23px;
}

.pop-search-company .field.with-btn > .insert input {
    width: calc(100% - 125px);
}
.pop-search-company .field.with-btn .btn-aside {
    width: 125px;
    height: 100%;
    text-align: center;
}
.pop-search-company .field.with-btn .btn-aside .btn.search {
    width: 100%;
    height: 100%;
    padding-right: 31px;
    text-align: right;
    box-sizing: border-box;
    border: 0 none;
}

@media (max-width: 820px){
	.pop-search-company .field.with-btn > .insert.search input {
	    width: calc(100% - 24px);
	}
	.pop-search-company .field.with-btn .insert.search .btn-aside {
	    width: 24px;
	    padding-right: 0;
	}
}

.pop-search-company .btn.search {
	display: inline-block;
	position: static;
	right: auto;
	top: auto;
    text-align: center;
    vertical-align: middle;
    border: 0 none;
    outline: none;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
}

.pop-search-company .btn-close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 36px;
    height: 36px;
    background: url(../images/common/ico_close.svg) 0 0 no-repeat;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
}

@media (min-width: 821px){
	.pop-search-company .field .insert .check-wrap {
    	margin-right: 24px;
    }
}

.pop-search-company .field .insert input.checkbox {
    width: 26px;
    height: 26px;
}
.pop-search-company .radio,
.pop-search-company .checkbox {
    position: relative !important;
    overflow: hidden;
    margin: 0;
    width: 26px;
    height: 26px;
}

.pop-search-company .radio:before,
.pop-search-company .checkbox:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #ededed;
    -webkit-transition: 0.2s border-color ease;
    transition: 0.2s border-color ease;
    box-sizing: border-box;
    background-color: #fff;
}
.pop-search-company .radio:after,
.pop-search-company .checkbox:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #4545c1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 100vh;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.pop-search-company .checkbox:after {
    width: 0.6rem;
    height: 1rem;
    background-color: transparent;
    border-radius: 0;
    -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
    box-shadow: 2px 2px 0px 0px #c10c3f;
}
.pop-search-company .radio + label,
.pop-search-company .checkbox + label {
    display: inline-block;
    margin-left: 12px;
    line-height: 26px;
    font-size: 18px;
    letter-spacing: -0.36px;
    font-weight: 500;
    color: #000;
}
.pop-search-company .field .insert input.checkbox + label {
    font-weight: 400;
}
.pop-search-company .field + .field {
    border-top: 0 none;
}
.pop-search-company .text-list {
    padding-top: 24px;
}
.pop-search-company .text-list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-left: 12px;
    text-indent: -12px;
    letter-spacing: -0.32px;
    color: #b2b2b2;
    text-align: left;
}

@media (max-width: 820px){
	.pop-search-company .btn-close {
	    width: 24px;
	    height: 24px;
	    top: 16px;
	    right: 16px;
	    -webkit-background-size: 24px auto;
	    background-size: 24px auto;
	}
	.pop-search-company .popup.max-1088 .popup-header {
	    padding-top: 48px;
	    padding-left: 16px;
	    padding-right: 16px;
	}
	.pop-search-company .popup.max-1088 .popup-body {
	    padding-left: 16px;
	    padding-right: 16px;
	}
	.pop-search-company .popup.max-1088 .btn-area {
	    margin: 0 16px 48px;
	}
	.pop-search-company .field {
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}
	.pop-search-company .field .label {
	    width: 100%;
	    padding-top: 22px;
	    padding-left: 24px;
	    font-size: 16px;
	    line-height: 19px;
	}
	.pop-search-company .field .insert.multiple {
	    height: auto;
	    line-height: normal;
	    padding-top: 12px;
	    padding-bottom: 24px;
	    justify-content: flex-start;
	}
	.pop-search-company .field .insert.multiple .check-wrap {
	    margin-top: 12px;
	    margin-right: 20px;
	}
	.pop-search-company .field .insert input {
	    font-size: 16px;
	    line-height: 65px;
	}
	.pop-search-company .field .check-wrap .checkbox + label {
	    width: calc(100% - 38px);
	}
	.pop-search-company .popup-body .form h3 {
	    padding-bottom: 28px;
	}
	.pop-search-company .field .insert {
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
	    padding: 0 24px;
	    height: 65px;
	    line-height: 65px;
	    font-size: 16px;
	}
	.pop-search-company .field .insert.multiple {
	    height: auto;
	    line-height: normal;
	    padding-top: 12px;
	    padding-bottom: 24px;
	    justify-content: flex-start;
	}
	.pop-search-company .field .insert.multiple .check-wrap {
	    margin-top: 12px;
	    margin-right: 20px;
	}
	.pop-search-company .field .insert input {
	    font-size: 16px;
	    line-height: 65px;


	}
	.pop-search-company .field .check-wrap {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	.pop-search-company .field .insert.multiple .check-wrap {
	    margin-top: 12px;
	    margin-right: 20px;
	}
	.pop-search-company .field .check-wrap .checkbox + label {
	    width: calc(100% - 38px);
	}
	.pop-search-company .field .insert input {
	    font-size: 16px;
	    line-height: 65px;
	}
	.pop-search-company .field .check-wrap .checkbox + label {
	    width: calc(100% - 38px);
	}
	.pop-search-company .text-list {
	    padding-top: 20px;
	}
	.pop-search-company .text-list li {
	    font-size: 14px;
	    line-height: 21px;
	    letter-spacing: -0.28px;
	}
	.pop-search-company .popup-body .form h3 {
	    padding-bottom: 28px;
	    font-size: 20px;
    	line-height: 22px;
	}
	.pop-search-company .table-list-wrap .title-list {
	    display: none;
	}
	.pop-search-company .table-list-wrap .data-list {
	    border-top: 1px solid #ededed;
	}
	.pop-search-company .table-list-wrap .data-list li {
	    padding: 24px 0;
	}
	.pop-search-company .table-list-wrap .data-list li + li{
		border-top: 1px solid #ededed;
	}
	.pop-search-company .table-list-wrap .data-list li span {
	    display: block;
	    width: 100% !important;
	    text-align: left;
	    font-size: 16px;
	    line-height: 1.5;
	    letter-spacing: -0.32px;
	    color: #000;
	}
	.pop-search-company .table-list-wrap .data-list li span + span {
	    padding-top: 3px;
	}
	.pop-search-company .checkbox {
	    width: 24px;
	    height: 24px;
	}
	.pop-search-company :not(.insert) .radio + label,
	.pop-search-company :not(.insert) .checkbox + label {
	    font-size: 16px;
	}
}

/* 220707 추가 */
/* policy */
.policy .policy-header + .policy-body{padding-top: 5rem;}

.policy .policy-body .intro-title,
.policy .policy-body h3,
.policy .policy-body .title,
.policy .policy-body .text,
.policy .policy-body ul li,
.policy .policy-body dl dt,
.policy .policy-body dl dd{font-size: 1.125rem; font-weight: 400; color: rgba(0,0,0,0.5);}

.policy .policy-body dl,
.policy .policy-body .title,
.policy .policy-body .notice-wrap{padding-top: 1.813rem;}
.policy .policy-body dl dd{padding-left: 0.75rem;text-indent: -0.75rem;}
.policy .policy-body ul li{padding-left: 0.75rem;text-indent: -0.75rem;}

.policy .policy-body .notice-wrap .text{padding-left: 1.313rem;text-indent: -1.313rem;}
.policy .policy-body .notice-wrap .text + .text{padding-top: 0 !important;}

.policy .policy-body .intro-title{color: #000;letter-spacing: -0.023rem;}
.policy .policy-body .intro-title + .text-wrap{padding-top: 2.5rem;}
.policy .policy-body h3{color:#000; padding-top: 5rem;}
.policy .policy-body h3:first-child{padding-top: 0;}
.policy .policy-body .text-wrap div + div,
.policy .policy-body .text-wrap .text + .text,
.policy .policy-body .text-wrap li + li{padding-top: 1.813rem;}

.policy .policy-body .text-wrap .text.list{position: relative; padding-left: 0.938rem;}
.policy .policy-body .text-wrap .text.list::before{content: ""; position: absolute; top: 0.5rem; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: rgba(0,0,0,0.5); display: inline-flex;}


.policy .policy-body .text-wrap h3 + .text,
.policy .policy-body .text-wrap li > ul,
.policy .policy-body .text-wrap li > ol{padding-top: 1.5rem;}

.policy .policy-body .text-wrap .text{color:rgba(0,0,0,0.5); letter-spacing: -0.023rem;}
.policy .policy-body .text-wrap ul{color:rgba(0,0,0,0.5); letter-spacing: -0.023rem;}
.policy .policy-body .text-wrap p span{display: block;}
.policy .policy-body .text-wrap .space{padding-left: 1.563rem;}
.policy .policy-body .text-wrap .space-19{padding-left: 1.188rem;}


.policy .policy-body .data-table{margin-top: 1.563rem;}
.policy .policy-body .data-table th,
.policy .policy-body .data-table .title{font-weight: 400; color: #000;}
.policy .policy-body .data-table tbody td{padding: 1rem 1.5rem;}

.policy .policy-body .data-table ul.tbody{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-ms-flex-wrap: wrap; flex-wrap: wrap;	
}
.policy .policy-body .data-table ul.tbody li{width: 50%; padding-left: 0; text-align: center !important; text-indent: 0; box-sizing: border-box;}
.policy .policy-body .data-table ul.tbody li:nth-of-type(3),
.policy .policy-body .data-table ul.tbody li:nth-of-type(4){border-top: 1px solid #000;}
.policy .policy-body .data-table ul.tbody li + li{padding-top: 0;}
.policy .policy-body .data-table ul.tbody li + li:nth-of-type(even){border-left: 1px solid #000;}
.policy .policy-body .data-table ul.tbody .title{background: rgba(0,0,0,0.2); padding: 0.75rem; border-bottom: 1px solid #000;}
.policy .policy-body .data-table ul.tbody .text{padding: 0.625rem 1.2rem;}
.policy .policy-body .data-table ul.tbody .text > .impor-title{text-align: center!important;}
.policy .policy-body .data-table ul.tbody a.text{padding: 0;}
.policy .policy-body .data-table ul.tbody .title,
.policy .policy-body .data-table ul.tbody .text{text-align: center !important;}

.policy .policy-body .text + .table-wrap,
.policy .policy-body .table-wrap + .text{margin-top: 2.188rem;}
.policy .policy-body .table-wrap{border-top: 2px solid #c10c3f;}

.policy .policy-body .table-wrap thead th{vertical-align: middle; font-weight: normal;}
.policy .policy-body .table-wrap thead th + th{border-left: 1px solid #000;}
.policy .policy-body .table-wrap tbody tr{border-left: 1px solid rgba(0,0,0,0.07);}
.policy .policy-body .table-wrap tbody td {border-right: 1px solid rgba(0,0,0,0.07); padding-left: 0.313rem;padding-right: 0.313rem;}

.policy .policy-body .desc-wrap{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
}
.policy .policy-body .desc-wrap > dt{padding-right: 0.313rem;}
.policy .policy-body .desc-wrap > dl{padding-top: 0;}

/* 220727 추가 */
.policy .policy-body .impor-wrap{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.policy .policy-body .impor-wrap > ul{ width: calc(100% - 4.438rem);}
.policy .policy-body .impor-wrap > ul li{padding-left: 0; text-indent: 0;}
.policy .policy-body .impor-wrap > ul li + li{padding-top: 0; }
.policy .policy-body .impor-title{font-size: 1.2rem !important; text-decoration: underline; color: blue; }

.policy .policy-body .data-table{border: 1px solid #000;}
.policy .policy-body .data-table thead tr{border-bottom: 1px solid #000;}
.policy .policy-body .data-table tr th{border-top: none; background: rgba(0,0,0,0.2);}
.policy .policy-body .data-table tr td{border-top: none;}
.policy .policy-body .data-table tr th + th,
.policy .policy-body .data-table tr td + td{border-left: 1px solid #000;}
/* // 220727 추가 */


@media all and (max-width:820px) {
	.policy .policy-header + .policy-body{padding-top: 3.25rem;}

	.policy .policy-body .intro-title,
	.policy .policy-body h3,
	.policy .policy-body .text,
	.policy .policy-body ul li,
	.policy .policy-body dl dt,
	.policy .policy-body dl dd{font-size: 1rem;}

	.policy .policy-body h3{color:#000; padding-top: 3.125rem;}

	.policy .policy-body .intro-title + .text-wrap{padding-top: 2rem;}
	.policy .policy-body .text-wrap div + div,
	.policy .policy-body .text-wrap .text + .text{padding-top: 1.438rem;}
	.policy .policy-body .text-wrap h3 + .text{padding-top: 1rem;}
	.policy .policy-body .data-table tbody td{padding: 0.625rem;}

	.policy .policy-body .table-wrap thead th,
	.policy .policy-body .table-wrap tbody td{font-size: 0.875rem;}
	
	.policy .policy-body .data-table ul.tbody .text{padding: 1rem;}

	/* 220727 추가 */
	.policy .policy-body .impor-wrap > ul{width: calc(100% - 4.563rem);}
	.policy .policy-body .impor-title{font-size: 1.1rem !important;}
/* // 220727 추가 */

}

.overlay.policy{}
.overlay.policy .policy-body .intro-title,
.overlay.policy .policy-body h3,
.overlay.policy .policy-body .title,
.overlay.policy .policy-body .text,
.overlay.policy .policy-body ul li{font-size: 1rem;}
.overlay.policy .policy-body dl dt,
.overlay.policy .policy-body dl dd{font-size: 0.938rem;}
.overlay.policy .popup-body *{text-align: left !important;}
.overlay.policy .policy-body {margin-top: 0;}
.overlay.policy .policy-body h3{padding-top: 2.5rem;}
.overlay.policy .policy-body h3:first-child{padding-top: 0;}
.overlay.policy .policy-body .data-table th,
.overlay.policy .policy-body .data-table td{text-align: center !important;}

@media all and (max-width:820px) {
	.overlay.policy .policy-body dl.flex-820{
		-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
}


/* // 220707 추가 */


/* 220913 로딩페이지 추가 */
.loading-wrap{position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; visibility: visible; opacity: 1; z-index: 99;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	background-color: #fff;
	-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.loading-wrap.loading{visibility: hidden; opacity: 0; z-index: -1;}
.loading-wrap .loading-content{text-align: center;}
.loading-wrap .loading-title .text-wrap{overflow: hidden;
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	height: 20px; line-height: 20px; font-weight: 500; 
}
.loading-wrap .loading-title .text-wrap > span{-webkit-transform: translateY(22px);-ms-transform: translateY(22px);transform: translateY(22px); -webkit-transition: -webkit-transform 0.05s ease; transition: -webkit-transform 0.05s ease; -o-transition: transform 0.05s ease; transition: transform 0.05s ease; transition: transform 0.05s ease, -webkit-transform 0.05s ease;}
.loading-wrap .loading-title .text-wrap.loading span{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.loading-wrap .loading-title .text-wrap.loading:nth-child(1) span:nth-child(1){-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(1) span:nth-child(2){-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}

.loading-wrap .loading-title .text-wrap.loading:nth-child(2) span:nth-child(1){-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(2) span:nth-child(2){-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(2) span:nth-child(3){-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}

.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(1){-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(2){-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(3){-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(4){-webkit-transition-delay: 0.9s;-o-transition-delay: 0.9s;transition-delay: 0.9s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(5){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(6){-webkit-transition-delay: 1.1s;-o-transition-delay: 1.1s;transition-delay: 1.1s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(7){-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(8){-webkit-transition-delay: 1.3s;-o-transition-delay: 1.3s;transition-delay: 1.3s;}
.loading-wrap .loading-title .text-wrap.loading:nth-child(3) span:nth-child(9){-webkit-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;}

.loading-wrap .img-wrap{position: relative; margin-top: 14px; overflow: hidden;
	width: 240px; height: 34px;
	background: transparent url("../images/common/load_we_display.svg") top left no-repeat; background-size: cover;
}
.loading-wrap .img-wrap .gauge_logo{
	position: absolute; top: 0; left: 0;
	width: 0; height: 100%;
}


/* // 220913 로딩페이지 추가 */

/* 220913 추가 */
.container.launch .content-header{padding-top: 0;}
.container.launch .content-primary{padding-top: 0; background: #fff;}
.container.launch .launch-title .img-wrap .img{width: 100%; height: 1170px; object-fit: cover;}
.container.launch .launch-title + .primary-wrap{margin-top: 105px;}

/* .container.launch .launch-bg{
	background: url("../images/common/launch01.jpg") 50% 50% no-repeat; width: 100%; height: 100vh; 
	background-size: cover;
} */


/* 221108 견적 상담하기 */

.overlay.pop-consult-form{-webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: flex-start;-webkit-box-align: flex-start; -webkit-align-items: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; box-sizing: border-box; }
.pop-consult-form .popup-header .btn-close-consult {
    position: absolute; top: 32px; right: 32px; width: 36px; height: 36px; background: url('../images/common/ico_close.svg') 0 0 no-repeat;
    background-size: 36px auto;
}
.pop-consult-form .popup{position: relative; max-width: 827px; max-height: none; width: 90%; height: auto;  margin: 4rem auto; }
.pop-consult-form .popup-header {display: block; border-bottom: none; padding: 4rem 4rem 2.75rem;}
.pop-consult-form .popup-body{box-sizing: border-box;}


.pop-consult-form .field-wrap{float: none; display: none; width: 100%; padding-left: 0; padding-right: 0;}
.pop-consult-form .field-wrap.active{display: block;}

.pop-consult-form .field-wrap .field:nth-child(1){padding-top: 0;}
.pop-consult-form .field-wrap:nth-child(1) .field.data{display: none;}
.pop-consult-form .field-wrap:nth-child(1) .field.data.active{display: block;}
.pop-consult-form .field-wrap:nth-child(1) .field.data p.text{margin-top: 28px; position: relative; padding-left: 18px; font-size: 14px; box-sizing: border-box;}
.pop-consult-form .field-wrap:nth-child(1) .field.data p.text::before{content: "※"; position: absolute; left: 0px;}
.pop-consult-form .field-wrap .select-group .btn{display: inline-flex; align-items: center; justify-content: center; flex-direction: column; }
.pop-consult-form .field-wrap .select-group label::after{border-width: 1px; border-color: #55B59A;}
.pop-consult-form .field-wrap .select-group label:nth-child(4)::before{border-left: 1px solid #e5e5e5;}
.pop-consult-form .field-wrap .select-group .btn .text{ margin-top: 14px; font-size: 16px; color: #111; font-weight: 500;}
.pop-consult-form .field-wrap .option.date{width: 100%;}

.pop-consult-form .field-wrap .textarea{min-height: auto; height: 200px; }

.pop-consult-form .field-wrap:nth-child(4) .insert + .insert{margin-top: 13px;}
.pop-consult-form .field-wrap .fs-16{font-size: 18px;}
.pop-consult-form .field-wrap .agree-box{ overflow-y: auto; display: none; width: 100%; height: 202px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff;}
.pop-consult-form .field-wrap .agree-box.active{display: block;}
.pop-consult-form .field-wrap .agree-box p {padding: 20px; box-sizing: border-box; font-size: 1rem; color: #000; letter-spacing: -0.32px;}
.pop-consult-form .field-wrap .agree-box .mCSB_scrollTools{margin: 4px 0;}
.pop-consult-form .field-wrap .agree-box .mCSB_inside > .mCSB_container{margin-right: 0;}
.pop-consult-form .field-wrap .agree-box .mCSB_scrollTools .mCSB_draggerRail{width: 4px; }

.pop-consult-form .field-wrap .img-wrap{margin-top: 1.25rem; max-width: 360px; margin: 0 auto; }
.pop-consult-form .field-wrap .img-wrap .img{width: 100%; height: 100%; object-fit: cover;}

.pop-consult-form .field-wrap .btn-area{padding: 40px 0; box-sizing: border-box;}
.pop-consult-form .field-wrap .btn-area .btn{height: 5.5rem; line-height: calc(5.5rem - 2px); font-size: 1.375rem;}
.pop-consult-form .field-wrap .btn.large + .btn.large{margin-top: 20px; margin-left: 0;}
.pop-consult-form .field-wrap .btn.normal{border: 1px solid #000;}
.pop-consult-form .field-wrap .btn.btn-close{position: inherit;}


/*  버튼이 form 밖에 있는 경우
.pop-consult-form .btn-area{margin: 40px 64px;}
.pop-consult-form .btn + .btn{margin-top: 20px;}
.pop-consult-form .btn.large{height: 5.5rem; line-height: calc(5.5rem - 2px);}
.pop-consult-form .btn.normal{border: 1px solid #000;}
*/


.pop-consult-form .progress-wrap.none{display: none;}
.pop-consult-form .progress-bar{display: inline-flex; width: 100%; height: 4px; background: #e5e5e5;}
.pop-consult-form .progress-bar span{display: none; width: 33.4%; height: 4px; background: #55B59A;  }
.pop-consult-form .progress-bar span.active{display: inline-block;}

.pop-consult-form .progress-wrap .count{font-weight: 500; color: rgba(0,0,0,0.3);}


@media all and (min-width:769px) {
	.pop-consult-form .popup-header .h2{font-size: 2.25rem; padding: 5px 0;}
	.pop-consult-form .popup-header p.text{ font-size: 1.125rem; line-height: 1.688rem;}

	.pop-consult-form .popup-body{padding: 0 64px;}

	.pop-consult-form .field-wrap .select-group{width: calc(100% + 20px); margin-left: -10px;}
	.pop-consult-form .field-wrap .select-group .btn{
		width: calc(50% - 20px); margin: 0 10px; height: 234px;
	}
	
	.pop-consult-form .field-wrap .fs-16 + .agree-box{margin-top: 20px;}

	.pop-consult-form .field-wrap:nth-child(4) .btn-area,
	.pop-consult-form .field-wrap:nth-child(5) .btn-area{padding-bottom: 72px;}

	.pop-consult-form .progress-wrap{margin: 0 64px 72px;}
	.pop-consult-form .progress-bar + .count{margin-top: 18px;}

}
@media all and (max-width:768px) {
	.pop-consult-form .popup-header .btn-close-consult{top: 16px; right: 16px; width: 24px; height: 24px; background-size: 24px auto;}

	.pop-consult-form .popup{max-width: none; width: calc(100% - 32px);}
	.pop-consult-form .popup-header{padding: 3rem 1rem 1.25rem;}
	.pop-consult-form .popup-header .h2{font-size: 1.75rem; padding: 5px 0;}


	.pop-consult-form .popup-body{padding: 0 16px;}
	.pop-consult-form .field-wrap .select-group{width: 100%;}
	.pop-consult-form .field-wrap .select-group .btn{width: 100%; height: 215px;}
	.pop-consult-form .field-wrap .select-group label:nth-of-type(2){margin-top: 16px;}
	.pop-consult-form .field-wrap .select-group .btn .text{font-size: 14px;}

	.pop-consult-form .field-wrap .textarea{height: 165px;}

	.pop-consult-form .field-wrap .agree-box{ height: 165px;}
	.pop-consult-form .field-wrap .fs-16 + .agree-box{margin-top: 16px;}
	.pop-consult-form .field-wrap .agree-box p { font-size: 0.875rem;}

	.pop-consult-form .field-wrap .btn-area{padding: 1.25rem 0;}
	.pop-consult-form .field-wrap .btn-area .btn{height: 4.25rem; line-height: calc(4.25rem - 2px); font-size: 1.125rem;}
	.pop-consult-form .field-wrap .btn.large + .btn.large{margin-top: 16px;}
	.pop-consult-form .field-wrap:nth-child(4) .btn-area,
	.pop-consult-form .field-wrap:nth-child(5) .btn-area{padding-bottom: 48px;}


	.pop-consult-form .progress-wrap{margin: 0 1rem 3rem;}
	.pop-consult-form .progress-bar + .count{font-size: 14px; margin-top: 16px;}

}

/* // 221108 견적 상담하기 */




/************************************** 
[20250411 New Page And Mod Page Css] 
20250411 신규 페이지 및 수정 페이지 Css
**************************************/

/*** [Partner Detail Page] 업체 상세정보 ***/
.container.new-partner.detail{}
.container.new-partner.detail .header-wrap{width: 100%; justify-content: flex-end;}
.container.new-partner.detail .company-info-wrap{
	flex-direction: column; gap: clamp(40px,10.67vw,70px); 
}
.container.new-partner.detail .company-info,
.container.new-partner.detail .company-detail{width: 100%;
	display: flex; justify-content: space-between;
}

.container.new-partner.detail .company-info{align-items: flex-end;}
.container.new-partner.detail .company-info .logo{max-height: 80px; height: 100%;}
.container.new-partner.detail .company-info .title{
	font-size: clamp(48px,4.69vw,60px); font-weight: 900; 
	line-height: 1.5;
}

.container.new-partner.detail .company-detail{gap: 40px;}
.container.new-partner.detail .company-detail .description{
	margin-top: 0; width: max(400px,46%);
}
.container.new-partner.detail .editor-wrap{ margin-block: clamp(40px,10.67vw,80px); }
@media all and (max-width: 768px) {
	.container.new-partner.detail .company-info,
	.container.new-partner.detail .company-detail{ flex-direction: column; }
	.container.new-partner.detail .company-info{align-items: flex-start;}
	.container.new-partner.detail .company-info .title{font-size: 38px;}
	.container.new-partner.detail .company-info .btn.copy{margin-left: auto;}

	.container.new-partner.detail .company-detail .btn.detail{width: fit-content; margin-top: 0;}
	.container.new-partner.detail .company-detail .description{width: 100%;}
}

/*** [Request Page] 견적 요청하기 페이지 ***/
.container.new-request{}
.container.new-request .btn-area .btn{width: 100%;}
.container.new-request .request-data-list{}
.container.new-request .request-data-list dt::before{display: none;}
.container.new-request .request-data-list dl{
	display: flex; gap: clamp(35px,4.56vw,50px); font-weight: normal;
}
.container.new-request .request-data-list dt{text-align: right;}
.container.new-request .request-data-list dd{}

/* 	// [20250411 New Page And Mod Page Css End]
	// 20250411 신규 페이지 및 수정 페이지 Css 종료 */