@charset "utf-8";

/*
 * File       : old.css
 * Author     : STUDIO-JT (JSH)
 * Guideline  : Hanbom old css
 *
 * SUMMARY:
 * 1) jquery-ui-custom.css
 * 2) _datepicker-custom.css
 * 3) lib/swiper-custom.css
 * 4) _layout.css
 * 5) _button.css
 * 6) _form.css
 * 7) _global.css
 * 8) collabo.css
 * 9) keyframes
 * 10) rwd
 */


 /* **************************************** *
 * jquery-ui-custom.css
 * **************************************** */ 
/* .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:'LGSmHaT','돋움', Dotum, '굴림', Gulim, Verdana, Arial, sans-serif; font-weight: 400;}
.ui-widget-header {background-color: transparent; color: #111; font-weight: 500; border: 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width: 30px; height: 30px;}
.ui-widget-header .ui-icon {background-image: url('../images/common/ico_arrow_date.svg'); background-position: 0 0; background-size: cover;}
.ui-widget-header .ui-datepicker-prev .ui-icon {transform: rotate(180deg);}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: auto;  font-weight: 500;}
.ui-datepicker select.ui-datepicker-month {margin-left: 10px;}

.ui-datepicker .ui-datepicker-prev {top: 0 !important; left: 0 !important;}
.ui-datepicker .ui-datepicker-next {top: 0 !important; right: 0 !important;}
.ui-datepicker .ui-datepicker-title select {background-color: transparent;}

.ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:focus {border: 0; background-color: transparent; color: #111;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background-color: #c10c3f; border-color: #c10c3f; color: #fff;} */


 
/* **************************************** *
 * _layout.css
 * **************************************** */ 
body.modal-opened{overflow:hidden;}

/* content */
#container{width:100%;margin: 0 auto;}
.content-header{padding-top: 120rem;}
.content-primary{box-sizing: border-box;-webkit-box-sizing: border-box; padding-bottom: 160rem;}
.content-primary .primary-wrap{max-width: 1200px;margin: 0 auto;}

.content-primary .primary-wrap.manage{max-width: none;}
.manage .contract-form-wrap .input-wrap .input-text{font-size:26rem;}
.manage .contract-form-wrap .input-wrap.with-text.large .input-text{padding-right: 7rem;}
.manage .contract-form-wrap .field-wrap .h3 ~ .field-line .label,
.manage .contract-form-wrap .field-wrap .h3 ~ .field .label {font-size: 24rem;}

.content-header .header-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;max-width: 1200px;margin: 0 auto;}
.content-header .header-wrap.row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.content-header .h2{line-height: 1;}
.content-header .location{padding-top: 18rem;}
.content-header .notification{float: right; letter-spacing: -0.37rem;color: #111;font-size: 16rem;font-weight: 500; box-sizing: border-box;}
.content-header .tabs{max-width: 1200px;margin: 0 auto;padding-top: 100rem;}
.content-header .notification > dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; font-weight: 500; box-sizing: border-box; }
.content-header .header-wrap.row .notification {width: 100%; margin-top: 5rem;}

/* fixed-con */
.fixed-con{position:fixed;}

/* popup */
.overlay {position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0, 0, 0, 0.3);visibility:hidden;opacity: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -ms-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; z-index:-1; }
.overlay.active{visibility: visible;opacity: 1;overflow-y: auto;z-index: 10000;}
.popup{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position:relative;width:80%;max-width:458rem;max-height:580px;background-color:#fff;}
.popup > form {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position:relative;height: 100%;}
.popup-header{display:block;padding:28rem;border-bottom: 2px solid #111;}
.popup-header .h3{font-size: 16rem;}
.popup-body{overflow-y:auto;padding:28rem;}
.btn-close{position:absolute;top:26rem;right:28rem;width:24rem;height:24rem;background-color:#fff;padding:0;border:0;cursor: pointer;}
.popup-body .box-wrap:not(.search){padding-top:0;}
.popup .btn.normal{border-right: 0 none;border-bottom: 0 none;border-left: 0 none;}

.overlay.toast-popup {display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.3);}
.overlay.toast-popup .popup-wrapper {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-top: 243rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.overlay.toast-popup .popup-content {width: 100%; height: 100%; position: relative; overflow: auto; padding: 0 38rem 38rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.overlay.toast-popup .popup-header {padding: 40rem 38rem; position: relative; border-bottom: 0; background-color: #fff;}
.overlay.toast-popup .popup-body {width: 100%; height: auto; padding: 0; background-color: #fff;}

.overlay.pop_password_change .popup-body p + p{margin-top: 20px;}

/* my-info */
.my-info .btn.edit{display: block;position: absolute;right: 0; bottom:0; width: 26rem; height: 26rem;}
.my-info .title .thumb{position: relative;}

/*내 정보관리*/
.primary-wrap .my-info{position: relative;/*min-height: 100rem;padding-left: 8.125rem;*/padding-bottom: 40rem;}
/*.primary-wrap .my-info .title .thumb{position: absolute;left: 0;top: 0;width: 100rem;height: 100rem;}
.primary-wrap .my-info .title .thumb .img-wrap{position: relative;width: 100rem;height: 100rem;overflow: hidden;border-radius: 50%;-webkit-border-radius: 50%;}
.primary-wrap .my-info .title .thumb .img-wrap img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}*/

/*.primary-wrap .my-info .ico.notice{display: none;}
.primary-wrap .my-info .title .text{margin-top: 0;padding-top: 1.5648rem;font-size: 20rem; font-weight: bold;line-height: 1.6; letter-spacing: -0.031rem; text-align: left; color: #111111;}
.primary-wrap .my-info .data-list.info{display: none;}
.primary-wrap .my-info .data-box.info .e-mail{margin-top: 4rem;font-size: 14rem;font-weight: 500;line-height: 1.57;color: #999;}
.primary-wrap .my-info .data-box.info .to-info{display: inline-block;margin-top: 0.5648rem;font-size: 12rem;line-height: 24rem;color: #111111;vertical-align: middle;}*/

.primary-wrap .my-info .logo-company{display: block;/*position: absolute;top: 6.25rem;*/height: 40px;}
.primary-wrap .my-info .logo-company img{height: 100%;}
/*.primary-wrap .my-info .title{position: absolute;top: 9.125rem;}*/
.primary-wrap .p-menu .my-info .ico.notice{display: none;}
.primary-wrap .my-info .title .text{margin-top: 3rem;font-size: 20rem; font-weight: 700;line-height: 1.6; letter-spacing: -0.37rem; text-align: left; color: #111111;}
.primary-wrap .my-info .data-list.info{display: none;}
.primary-wrap .my-info .e-mail{margin-top: 0; font-size: 14rem;font-weight: 500;line-height: 1.5;color: #999;}
.primary-wrap .my-info .to-info{display: inline-block;margin-top: 0;font-size: 14rem;line-height: 1.5;color: #111111;vertical-align: middle;}



/* **************************************** *
 * _button.css
 * **************************************** */ 
.btn{display: inline-block;text-align:center;vertical-align: middle; border: 0 none; outline: none;cursor: pointer;background:transparent;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;letter-spacing: -0.25rem;font-weight: 500;}
a.btn{text-decoration:none}
input.btn, button.btn{overflow:visible;margin:0;background-color:transparent;}

/* button size */
/*24px*/
.btn.small{height: 40rem; line-height: calc(40rem - 2px); font-size: 14rem; padding: 0 6rem;}
/*55px*/
.btn.medium{height: 54rem; line-height: calc(54rem - 2px); font-size:14rem; padding: 0 12rem;}
/*60*/
.btn.large{min-width: 230rem; height: 60rem; line-height: calc(60rem - 2px); font-size: 19rem; padding: 0 12rem;}
.btn.medium.normal{line-height: calc(54rem - 4px);}

/* button color */
.btn.normal{border: 1px solid #111;color: #111;background-color: #fff;}
.btn.light{background-color:#fff;color:#999;border: 1px solid #e5e5e5;}
.btn.light.large{background-color:transparent;color:#999;border: 1px solid #e5e5e5;}
.btn.dark{background-color: #111;color: #fff;}
.btn.full{width: 100%;}
.btn.bdr{border:1px solid #111;color:#111;border: 1px solid #e5e5e5;}
/*.btn.small.bdr{line-height: 20px;}
.btn.medium.bdr{line-height: 32px;}
.btn.large.bdr{min-width: 200px;line-height: 48px;}*/
.btn.kakao{background-color: #f7e317;color: #111;}
.btn.naver{background-color: #1ec800;color: #fff;}
.btn.google{background-color: #fff;color: #111;}
.btn.facebook{background-color: #3a559f;color: #fff;}
.btn.aside{font-size: 16rem;font-weight: bold;line-height: 24rem;letter-spacing: -0.37rem;color: #111;align-self: flex-end;}
.btn.aside .ico.arrow{margin-left: 8rem;vertical-align: top;}
.btn.detail{padding: 0 10rem;line-height: 43rem;height: 43rem;font-size: 16rem;color: #111;background-color: transparent;border-bottom: 3px solid #111;transition: all 0.3s ease 0s;}
.btn.detail .ico.arrow{margin-left: 54rem;vertical-align: middle;}
button .ico.arrow, a .ico.arrow{-webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.btn.more{width: 60rem;height: 60rem;border: 1px solid #d2d2d2;}
.btn.more .ico.plus{-webkit-transition: 0.3s ease-out; -moz-transition:  0.3s ease-out; transition:  0.3s ease-out;}
.btn.more_02{width: 30rem;height: 30rem;border: 1px solid #d2d2d2;box-sizing: border-box;-webkit-box-sizing: border-box;border: solid 1px #e5e5e5;background-color: #fff;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: top;text-align: center;}
.btn.full{width: 100%;}

/* btn disabled */
.btn[disabled] {cursor: default;}
.btn.bdr[disabled] {border-color: #ededed; color: #666;}
.w-90{width: 90rem;}
.btn-area.between{display: flex;justify-content: space-between;}
.btn-area.full .btn {width: 100%;}
.btn.text {position: relative; font-weight: 500; font-size: 12rem; letter-spacing: -0.2rem; color: #999;}
.btn.text::after {content: ''; display: inline-block; position: relative; top: 2rem; width: 7rem; height: 12rem; background: url('../images/common/ico_arrow-small.svg') no-repeat 0 0; background-size: cover; margin-left: 10rem; filter: opacity(0.4);}
.btn.download {width: 47rem; height: 47rem; line-height: calc(47rem - 2px); padding: 0; box-sizing: border-box;}

/* button etc */
.btn.link {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 18px; letter-spacing: -0.36px; color: #111;}
.btn.link:hover {color: #c10c3f;}
.btn.link::after {content: ''; display: inline-block; position: relative; width: 24px; height: 24px; background: url('../images/common/ico_arrow_right.svg') no-repeat 0 0 / cover;}
.btn.link.small{min-width: 0; height: auto; line-height: normal;}
.btn.link.small::after{width: 16px;height: 16px;}



/* **************************************** *
 * _form.css
 * **************************************** */
.field, .field > .label{ box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* checkbox */
.label{display: inline-block;}
.radio, .checkbox{position: relative !important; vertical-align: middle; margin:0; padding: 0; border: 0; }
:not(.insert) .radio + label, :not(.insert) .checkbox + label{font-weight: 500; margin-left:6rem;line-height: calc( 16rem + 4rem );vertical-align: middle;}
.radio:disabled + label, .checkbox:disabled + label{color:#ccc;}
:not(.insert) .radio + label a, :not(.insert) .checkbox + label	a {font-weight: inherit;}

.radio:before, .checkbox:before	{content: '';display: block;width: 20rem;height: 20rem;border: 1rem solid #e5e5e5;background-color: #fff; box-sizing: border-box; -webkit-transition: 0.2s border-color ease; transition: 0.2s border-color ease; }
.radio:checked:before, .checkbox:checked:before	{border-color: #111;background-color: #111; -webkit-transition: 0.5s border-color ease; transition: 0.5s border-color ease; }
.radio:disabled:before, .checkbox:disabled:before{border-color: #ccc;background-color: #ccc;}
.radio:after, .checkbox:after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 16rem;height:1rem;-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);}
.radio:before{border-radius: 100vh;}
.radio:after{width: 16rem;height: 16rem;border-radius: 100vh; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }
.radio:checked:after{ -webkit-animation: toggleOnRadio 0.2s ease forwards; animation: toggleOnRadio 0.2s ease forwards; }
.checkbox:after{width: 8rem;height: 14rem;/*width: .6rem;height: 16rem;*/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: 2rem 2rem 0px 0px #fff; }
.checkbox:checked:after	{ -webkit-animation: toggleOnCheckbox 0.2s ease forwards; animation: toggleOnCheckbox 0.2s ease forwards; margin-top: 1rem; }

/* checkbox round */
.checkbox.round{margin-left: 20rem; -webkit-appearance: none ; -moz-appearance: none;}
.checkbox.round:before{background: transparent;border: 0 none;}
.checkbox.round:after{width: 9rem;height: 12rem;box-shadow: 2rem 2rem 0px 0px #c40452;}
.checkbox.round input{vertical-align: -3rem;}

.rules .text{padding-top: 5px;padding-left: 30px;font-weight: 400;line-height: 24px;color: #111;}
.rules .agree-list li{display: none;padding-left: 30px;font-weight: 400;line-height: 24px;color: #111;}

/* minyeo //add style */
.container.login .check-text .checkbox, .container.login .rules .checkbox, .container.modify .rules .checkbox { font-size: 16rem; width: 20rem; height: 20rem;; }
html.ios .container.login .rules .checkbox { top: -1rem; left: 3rem }
.insert .input-text.date {width: -webkit-fill-available;}
.input-text.date[type="date"]::-webkit-calendar-picker-indicator { display: none; }
.hasDatepicker[type="date"]::-webkit-calendar-picker-indicator { display: none; }
.ui-datepicker-title select {outline: none; border: 0; -webkit-appearance: none;-moz-appearance: none; }

/* input-text */
.input-text	{vertical-align:middle;border:1px solid #e5e5e5;/*width:12rem;*/font-weight: 400; border-radius: 0; }
.input-text.small{height:24rem;padding:0 4rem;font-size:14rem;}
.input-text.medium{height:54rem;padding:0 20rem;font-size:16rem;}
.input-text.large{height:48rem;padding:0 12rem;font-size:16rem;}
.input-text:disabled{color:#999;border-color:#dfdfdf;background-color:#e8e8e8;}
.input-text:read-only{/* border-color:#fff; */background-color:#fff;}
.input-text:not(.date):focus:not(:read-only){border-color:#c40452;}
.input-text.date {font-weight: 500;}
.input-text[type="search"]::-webkit-search-cancel-button, .input-text.date::-webkit-clear-button{position:relative;right: 40rem;width:24rem;height: 24rem; appearance:none;-webkit-appearance:none; background: url('../images/@uio/btn_delete.svg') no-repeat 0 0; }

input.date {position: relative; background-color: #fff; background-image: url('../images/common/ico_calendar.svg'); background-position:100% center; background-size: 24px 24px; background-repeat:no-repeat;cursor: pointer; margin-right: 32px; font-family: sans-serif;}
input.date::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; -webkit-appearance: none; opacity: 0; }
.input-text[type="number"]:focus{ background:#fff; }
.input-text[type="number"]:focus, .input-text[type="search"]{ background:#fff; }
.input-text.date{ padding-right:0; background-image: url('../images/common/ico_calendar.svg'); background-position: calc(100% - 20rem) 50%; background-size: 24rem 24rem; background-repeat:no-repeat; }
/* .hasDatepicker { // 너때문에.. 삽질했다.. 존재의 이유 position: relative; z-index: 9999; } */

/* select */
.select	{position:relative;vertical-align:middle;border:1px solid #e5e5e5; background: #fff url("../images/@uio/select-arr.svg") no-repeat calc(100% - 20rem) 50%;background-size: 12rem 7rem; width:160rem;color: #111; -webkit-appearance: none; -moz-appearance: none; }
.select.small{height:50rem;padding:0 40rem 0 20rem;font-size:14rem;}
.select.medium{height:55rem;padding:0 20rem;font-size:16rem;}
.select.large{height:48rem;padding:0 12rem;font-size:16rem;}
.select:disabled{color:#999;border-color:#dfdfdf;background-color:#e8e8e8;}
.select:read-only{border-color:#fff;background-color:#fff;}
.select:focus{border-color:#c40452;}
.select.light{background-color: transparent;}
.select.family-site { width: 167px; height: 33px; padding: 0 0 9px; font-weight: 400; font-size: 14px; letter-spacing: -0.28px; color: #929192; background: url(../images/common/ico_select_family.svg) 100% 0 no-repeat; -webkit-background-size: 24px auto; background-size: 24px auto; border: 0 none; border-bottom: 1px solid #929192; }

/* text-area */
.textarea{position:relative;display: block;width:100%;min-height:48px;line-height:1.4;padding:6rem;border:1px solid #d8d8d8;background-color:#fff;}
.textarea:focus {border-color:#c40452;}
.textarea[disabled] {/*opacity:.5*/ font-weight: 500;}

/* onoff */
.onoff{position:relative;display: inline-block;text-align:center;color:#111; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoff input{display:none;}
.onoff .onoff-label , .onoff .onoff-label:after{ -webkit-transition: .4s; transition: .4s; }
.onoff .onoff-label{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#d8d8d8;}
.onoff .onoff-label:after {content:"OFF"; position: absolute;;left: 0;bottom: 0;background-color:#fff;color:#111; box-shadow: 0 0 0 1px #979797 inset; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.onoff input:checked + .onoff-label:after{content:"ON";background-color:#4545c1;color:#fff; box-shadow: none; }
.onoff.small{min-width:60px;height:24rem;font-size:12rem;line-height:24rem;}
.onoff.small .onoff-label , .onoff.small .onoff-label:after		{-webkit-border-radius:24rem;border-radius:24rem;}
.onoff.small .onoff-label{min-width:60px;height:24rem;}
.onoff.small .onoff-label:after {min-width:40px;height:24rem;line-height:26rem;}
.onoff.small input:checked + .onoff-label:after	{ -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.onoff.medium{min-width:60px;height:36rem;;font-size:14rem;line-height:36rem;}
.onoff.medium .onoff-label , .onoff.medium .onoff-label:after{-webkit-border-radius:36rem;;border-radius:36rem;}
.onoff.medium .onoff-label{min-width:50px;height:36rem;;}
.onoff.medium .onoff-label:after {min-width:40px;height:36rem;line-height:36rem;}
.onoff.medium input:checked + .onoff-label:after	{ -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.onoff.large{min-width:80px;height:48rem;font-size:14rem;line-height:48rem;}
.onoff.large .onoff-label , .onoff.large .onoff-label:after	{-webkit-border-radius:48rem;border-radius:48rem;}
.onoff.large .onoff-label{min-width:50px;height:48rem;}
.onoff.large .onoff-label:after{min-width:52px;height:48rem;line-height:48rem;}
.onoff.large input:checked + .onoff-label:after	{ -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }

.select-group {display: block;width: 100%;font-size: 0;/*display: flex;overflow: hidden;flex-direction: row;justify-content: space-between;align-content: center;*/}
.select-group input {position: absolute;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.select-group label { /*flex:1;*/ position: relative; text-align: center; background-color: #fff; color: #999999; border: 1px solid #e5e5e5; transition: all 0.1s ease-in-out; }

/* select-group 기본 2개 */
.select-group input:checked + label{color: #111;background-color: #fff;}
.select-group .btn.small{line-height:24rem;}
.select-group .btn.medium{line-height: calc(55rem - 2px);}
.select-group .btn.large{line-height:60rem;}
.select-group .btn{width: 50%;}
.select-group a + a{border-left: 0 none !important;}

.select-group label.btn {border: none;}
.select-group label {position: relative;}
.select-group label::before {display: inline-block; position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; border: 1px solid #e5e5e5; box-sizing: border-box;}
.select-group label::after {display: none; position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; border: 2px solid #111; box-sizing: border-box;}
.select-group label:nth-child(4)::before {border-left: none;}
.select-group label:nth-child(4)::after {left: -1px;}
.select-group input:checked + label::after {display: block;}

/* select-group 3개 */
.select-group.multiple .btn{display: inline-block;width: calc( 33.333% + 1px );}
.select-group.multiple label:nth-child(6n+4),
.select-group.multiple label:nth-child(6n+6) {margin-left: -1.5px;}
.select-group.multiple label:nth-child(2n+8) {margin-top: -2px;}
.select-group.multiple label:nth-child(6n+4)::before,
.select-group.multiple label:nth-child(6n+6)::before {border-left: none;}
.select-group.multiple label:nth-child(2n+8)::before {border-top: none;}
.select-group.multiple label:nth-child(6n+4)::after {left: -0.5px; width: calc( 100% + 1px );}

.select-wrap{font-size: 0;}
.select-wrap select + select{margin-left: 10rem;}

.fieldset .btn-area{clear: both;padding-top: 100rem;font-size: 0;}
.fieldset .btn-area .btn.large + .btn.large{margin-left: 20rem;}
.fieldset .btn-area .btn.large.normal{background-color: transparent;}
.fieldset .field-info.clear ~ .btn-area {padding-top: 25rem;}
.field-txt{font-size: 14rem;padding:4rem 0;}
.fieldset:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.field-wrap{float: left;width: 50%;padding-right: 3.5%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.field-wrap + .field-wrap{padding-right: 0;padding-left: 3.5%;}
.field-wrap .field-info {margin-top: 10rem; font-size: 14rem; color: #999;}
.field-info.clear {clear: both; padding-top: 90rem; text-align: center; color: #c40452;}
.field{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -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: flex-start;align-items: flex-start; }
.field .insert, .insert .bundle{-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.field{min-height:50rem;padding-top: 40rem;}
/*.fieldset .field:nth-of-type(1){border-top:1px solid #eee;}*/
.field > .label{display: block;font-weight:700;font-size: 16rem;line-height: 1.5;color: #111;}
.field.solid > .label{font-size: 24rem}
.field > .label .notice{display: inline-block;margin-left: 10px;font-size: 14rem;letter-spacing: -0.32rem;color: #999;font-weight: 400;}
.field > .insert{width: 100%;margin-top: 20rem;}
.field > .insert .select{width: 100%;font-size: 16rem;}
.insert{position: relative;}
.field .guide-txt {margin-top:.25rem; font-size: 14rem;color:#999;width:100%;}
.field .alert-text {width: 100%; margin-top:6rem; font-size: 14rem;color:#c40452;}
.field .insert ~ .check-area {margin-top: 10rem;}
.field + h3{padding-top: 33rem;}
.field.sub-field .label {color: #999;}
.field.sub-field .input-wrap {background-color: transparent;}
.field.sub-field .input-wrap .input-text {background-color: transparent;}
.field.sub-field .input-wrap + .input-wrap {margin-top: 40rem;}

.insert, .insert .bundle{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 0;}
.insert .bundle .input-wrap.half, .insert .bundle .select.medium{width: 46%;}
.insert .bundle .swung-dash{display: inline-block;width: 8%;font-size: 16rem;color: #111;text-align: center;font-weight: 700;vertical-align: middle;}
.insert .textarea{width: 100%;min-height: 260rem;padding: 14rem 20rem;resize: none;font-size: 16rem;line-height: 28rem;overflow-y: auto; border-radius: 0; }
.insert .input-text{width: 100%;}
.insert.light .input-text{background-color: transparent;}
.insert .btn.search{position: absolute; right: 1px; top: 1px; width: 54rem; height: calc(54rem - 2px);padding: 0; text-align: center;background: #fff;}
.insert.light .btn.search{background-color: transparent;}
.insert .btn.medium + p{padding-top: 10rem;}

.bundle .dash,
.bundle .at{width:2rem;text-align:center;}
.bundle.tel .input-text{min-width: 5rem;width: 5rem;}
.bundle.email .input-text{width: 10rem;}
.bundle.email .select{width: 10rem;}
.input-text + .input-text{margin-top: 10rem;}
.input-text + .btn {font-size: 14rem;}
.input-text + .btn, .input-text + .select{margin-left: 12rem;}
.input-text + .btn-area .btn.large{width: 100%;}

.insert > .option{display: inline-block;margin-top:-3rem;}
.insert .option + .option{margin-left:3rem}
.insert.select-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: space-around; flex-wrap: wrap;}
.insert.select-wrap .select-area {width: 49%;}
.insert.select-wrap .select-area:nth-child(n+3) {margin-top: 14rem;}
.insert.select-wrap .select-area .label {font-size: 14rem; margin-bottom: 6rem;}
.insert.select-wrap .select-area .select {width: 100%;}

.input-wrap{width: 100%;}
.input-wrap::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.input-wrap + .input-wrap{margin-top: 10rem;}
.input-wrap.half{float: left;width: 50%;}
.input-wrap.full{width: 100%;}
/*.input-wrap.half + .input-wrap.half input{border-left: 0 none;}*/
.input-wrap.with-text{position: relative;border: 0;box-sizing: border-box;background-color: #fff;}
.input-wrap.with-text + .input-wrap.with-text{margin-top: 0;padding-left: 97rem;border-left: 0 none;}
.input-wrap.with-text .title{position: absolute;left: 20rem;top:50%;transform:translateY(-50%);font-size: 16rem;color: #111;}
.input-wrap.with-text .text{position: absolute;right: 20rem;top:50%;transform:translateY(-50%);font-size: 16rem;color: #111;}
.input-wrap.with-text .btn-aside{position: absolute;right: 0;top:0;height: 100%;padding: 0 20rem;font-size: 16rem;color: #111;background-color: transparent;}
.input-wrap.with-text .input-text{padding-right: 60rem;border: 0 none;/*text-align: right;*/}
.input-wrap.with-text .input-text.medium {/* height: calc( 55rem - 2px ); */ height: 55rem; border: 1px solid #e5e5e5; }
.input-wrap.with-btn {position: relative; padding-right: 170rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
.input-wrap.with-btn .btn {position: absolute; top: 0; right: 0; z-index: 1; width: 165rem;}
.input-wrap.with-btn .btn.complete{background-color: #e5e5e5;color: #999;}
.input-text{width: 100%;}
.input-text.etc{width: 100%;max-height: 0;margin-top: 10rem;transition: max-height 0.15s ease-out;overflow: hidden;border: 0 none;background-color: transparent;}
.input-text.etc.active{max-height: 55rem;transition: max-height 0.25s ease-in;border: 1px solid #e5e5e5;}
.input-wrap.search{position: relative;border: 1px solid #e5e5e5;background-color: #fff;}
.input-text.alert{border: 2px solid #c40452;}

/* FILE */
.file-wrap{overflow: hidden;}
.file-upload {clear: both; position: relative; width: 100%; height: 55rem; padding-right: 170rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.file-upload .file-text {float: left; width: 100%; height: 55rem; line-height: 55rem; font-size: 16rem; color: #111; text-indent: 20rem; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box;background-color: #fff;font-weight: 400; border-radius: 0;}
.file-wrap .file-input {position: absolute; right: 0; top: 0; }
.file-wrap .btn {vertical-align: top; cursor: pointer; width: 165rem; font-size: 14rem; } .file-hidden {position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor: pointer; width: 10rem; height: 55rem; top: 0; }
.file-hidden[type="file"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; }

.sns-btn-wrap .btn.large{width: 100%;font-size: 16rem;line-height: 60rem;}
.sns-btn-wrap .btn.large + .btn.large{margin-top: 10rem;}
.sns-btn-wrap .btn.large .ico{margin-right: 10rem;}

/* 자동 검색 */
.auto-complete-wrap {display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 2;}
.auto-complete-wrap.active {display: block;}
.auto-complete-area {width: 100%; height: 142px; padding: 16px 20px; overflow-y: auto; font-size: 16px; border: 1px solid #e5e5e5; border-top: none; box-sizing: border-box; background-color: #fff;}
.keyword-list li {font-weight: 500; font-size: 16px; line-height: 1.75;}
.keyword-list li a {display: block; width: 100%;}
.keyword-list li .keyword {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.keyword-list li + li {margin-top: 10px;}



/* **************************************** *
 * _global.css
 * **************************************** */ 

/* blind */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0;z-index:-1;}

/* link */
a.link {color:#41444b;}

/* space */
.for-pc{display: block;}
.for-mo{display: none;}
.for-821{display: block;}
.for-820{display: none;}

/* title */
.h1, .h2, .h3{line-height: 1.5;color:#111;font-weight: 700;}
.h1	{font-size:48rem;}
.h2	{font-size:40rem;}
.h3	{font-size:24rem;}

/* font weight */
.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500,
/* font color */
.fc-black{color:#111 !important;}
.fc-grey{color:#999 !important;}
.fc-red{color:#c40452 !important;}
/* font-size (16px/rem)*/
.fs-12{font-size:12rem;}
.fs-14{font-size:14rem;}
.fs-16{font-size:16rem;}
/* align */
.ta-c{text-align:center !important;}
.ta-l{text-align:left !important;}
.ta-r{text-align:right !important;}

/* float */
.fl-l{float:left}
.fl-r{float:right}
.fl-n{float:none}

.minus10{margin-left: -10rem;margin-right: -10rem;} /*10px*/
.minus20{margin-left: -20rem;margin-right: -20rem;} /*20px*/

.info-text{padding-top: 6px;color: #c40452;font-size: 14rem;text-align: right;}
.info-text .ico{margin-right: 4px;}
.underline {display: inline-block; text-decoration: underline;}

p.text {font-size: 16rem;font-weight: 400;line-height: 1.5;letter-spacing: -0.37rem;text-align: left;color: #999;word-break: keep-all;}
.thumb img{width: 100%;}
.requisite{font-size: 16rem;color: #c40452;vertical-align: top;}
.pixelsize{font-size: 14rem; color: #999; font-weight: 400; display: block; margin-top: 2rem; }

/* ico */
.ico{display: inline-block; background-repeat: no-repeat; background-position:center;}
.ico.naver, .ico.kakao, .ico.facebook, .ico.apple, .ico.url, .ico.google{width:36rem;height:36rem;-webkit-background-size: 36rem auto;background-size: 36rem auto;vertical-align: middle;}
.ico.naver{background-image: url('../images/sns/ico_naver.png');}
.ico.kakao{background-image: url('../images/sns/ico_kakao.png');}
.ico.facebook{background-image: url('../images/sns/ico_facebook.png');}
.ico.url{background-image: url('../images/sns/ico_url.png');}
/*.ico.apple{background-color:#111;background-image: url('../images/sns/log_apple_w.svg');}*/
.ico.google{width: 25rem;height: 24rem;background-image: url('../images/sns/ico_google.png');vertical-align: middle;}
.ico.g-play{width:18px;height:20px;background-image: url('../images/sns/log_g-play.svg');background-size: auto 20px}
.ico.naver.large, .ico.kakao.large, .ico.facebook.large, .ico.apple.large, .ico.google.large{width:60px;height:60px;background-size: auto 20px}
.ico.search{width: 24rem;height: 24rem;background-image: url('../images/common/ico_search.svg'); vertical-align: middle;}
.ico.alert{width: 15rem;height: 148rem;background-image: url(../images/common/ico_alert.svg);}
.ico.home{width: 24rem;height: 24rem;background-image: url(../images/common/ico_home.svg);vertical-align: top;}
.ico.remove{width: 10rem;height: 10rem;background: url('../images/common/ico_remove.png') 0 0 no-repeat;}
.ico.arrow{width: 24rem;height: 24rem;background: url('../images/common/ico_arrow.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;}
.ico.arrow.white{background: url('../images/common/ico_arrow_white.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;}
a:hover .ico.arrow, button:hover .ico.arrow{background: url('../images/common/ico_arrow_active.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;}
a:hover .ico.arrow.white, button:hover .ico.arrow.white{background: url('../images/common/ico_arrow_white.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;}
.ico.bookmark{width: 48rem;height: 48rem;background: url('../images/common/ico_bookmark.svg') 0 0 no-repeat; background-size: cover;}
.ico.bookmark.small {width: 24rem; height: 24rem; background: url('../images/common/ico_bookmark-s.svg') 0 0 no-repeat;}
.active .ico.bookmark{background: url('../images/common/ico_bookmark_active.svg') 0 0 no-repeat; background-size: cover;}
.active.hide .ico.bookmark { background: url("/@resource/images/common/ico_bookmark.svg") 0 0 no-repeat; }
.ico.like{width: 22rem;height: 19rem;background: url('../images/common/ico_like.svg') 0 0 no-repeat;-webkit-background-size: 22rem auto;background-size: 22rem auto;}
.active .ico.like{background: url('../images/common/ico_like_active.svg') 0 0 no-repeat;-webkit-background-size: 22rem auto;background-size: 22rem auto;}
.active.hide .ico.like { background: url("/@resource/images/common/ico_like.svg") 0 0 no-repeat; }
.ico.plus{width: 24rem;height: 24rem;background: url('../images/common/ico_plus.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;vertical-align: middle;}
.ico.question{width: 20rem;height: 20rem;background: url('../images/common/ico_question.svg') 0 0 no-repeat;-webkit-background-size: 20rem auto;
background-size: 20rem auto;}
.ico.point{width: 16rem;height: 16rem;background: url('../images/common/ico_point.svg') 0 0 no-repeat;-webkit-background-size: 1rem auto;
background-size: 1rem auto;}
.ico.prev{width: 24rem;height: 24rem;background: url('../images/common/ico_prev.svg') 0 0 no-repeat;}
.ico.next{width: 24rem;height: 24rem;background: url('../images/common/ico_next.svg') 0 0 no-repeat;}
.ico.close{width: 24rem;height: 24rem;background: url('../images/common/ico_close.svg') 0 0 no-repeat;}
.ico.check{width: 24rem;height: 24rem;background: url('../images/common/ico_check.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.active .ico.check{background: url('../images/common/ico_check_active.svg') 0 0 no-repeat;}
.ico.user{width: 16rem;height: 16rem;background: url('../images/common/ico_user.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.menu{width: 24rem;height: 24rem;background: url('../images/common/ico_menu.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.more{width: 24rem;height: 24rem;background: url('../images/common/ico_more_02.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: top;}
.ico.more_02{width: 24rem;height: 24rem;background: url('../images/common/ico_more_03.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.ico.notice{width: 6rem; height: 6rem; border: solid 1px #ffffff; background-color: #c40452;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: middle;}
.ico.add{width: 26rem; height: 26rem; padding: 5rem; border: solid 2px #ffffff;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 50%;-webkit-border-radius: 50%;background: #c40452 url('../images/common/ico_add.svg') 50% 50% no-repeat;-webkit-background-size: 1rem auto;background-size: 1rem auto;}
.ico.add_02{width: 16rem;height: 16rem;background: url('../images/common/ico_add_02.svg') 50% 50% no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: top;}
.ico.notice_02{width: 24rem;height: 24rem;background: url('../images/common/ico_notice.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.ico.upload{width: 24rem; height: 24rem; background: url('../images/common/ico_upload.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.ico.download {width: 24rem; height: 24rem; background: url('../images/common/ico_download.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.ico.back{width: 24rem;height: 24rem;background: url('../images/common/ico_back.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.price {width: 24rem; height: 24rem;background: url('../images/common/ico_price.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.date {width: 24rem; height: 24rem;background: url('../images/common/ico_date.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.time {width: 24rem; height: 24rem;background: url('../images/common/ico_time_bk.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.ico.reset {width: 20rem; height: 20rem; background: url('../images/common/ico_reset.svg') 0 0 no-repeat; -webkit-background-size: contain;background-size: contain;}
.ico.cart {width: 24rem; height: 24rem; background: url('../images/common/ico_cart.svg') 0 0 no-repeat; -webkit-background-size: contain;background-size: contain;}
.ico.lgd {width: 20rem; height: 20rem; background: url('../images/common/ico_lgd.svg') 0 0 no-repeat; -webkit-background-size: contain;background-size: contain;}
.ico.arrow-forward {width: 24px;height: 24px;background-image: url('../images/common/ico_arrow_forward_right.svg');}
/* 220907 추가 */
.ico.arrow-top{width: 31px; height: 30px; background-image: url('../images/common/ico_arrow_top.svg');}
/* // 220907 추가 */
/* 220913 추가 */
.ico.play-event{width: 117px; height: 113px; background-image: url('../images/event/play.png');}
/* // 220913 추가 */

.tag{display: inline-block;box-sizing: border-box;-webkit-box-sizing: border-box;}
.tag.medium{height: 40rem;line-height: 40rem;padding: 0 25rem;border-radius: 20rem;-webkit-border-radius: 20rem;font-size: 16rem;}
.tag.small{/*min-width: 5.625rem;*/padding: 5rem 19rem; font-size: 12rem; font-weight: 500; letter-spacing: -0.35rem;border-radius: 16rem;text-align: center;}
.tag.light{color: #999999;border: solid 1rem #e5e5e5;}
.tag.red{background-color: #c40452;color: #fff;}
.tag.bdr{border: 1rem solid #c40452;color: #c40452;}
.tag .btn.remove{width: 20rem;height: 20rem;margin-left: 23rem;vertical-align: 0.0648rem;}
.tag.medium.red{margin-top: 0;padding-right: 20rem;}

/*.tag-wrap .tag.text{margin-top: 12rem;}*/
.tag.text{font-size: 16rem;letter-spacing: -0.35rem;color: #999999;}
.tag.text + .tag.text::before{content: '';display: inline-block;width: 1rem;height: 13rem;margin: 0 10rem;background-color: #e5e5e5;}

.progress.stand-by{color: #999;}
.progress.ing{color: #111;}
.progress.complete{color: #c40452;}

/* badge */
.badge {display: block; background-color:#c40452; font-weight: 600; font-size: 12rem; letter-spacing: -0.2rem; color: #fff;  padding: 8rem 12rem; box-sizing: border-box;}

/* ellipsis */
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;}
.ellipsis.line2{-webkit-line-clamp:2;}
.ellipsis.line3{-webkit-line-clamp:3;}

/* border-box */
.tabs li a, .pagination a{ box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/* tabs */
.tabs{display:flex;}
.tabs.large{clear: both;display: -ms-flexbox; display: -webkit-flex; display: flex;overflow: hidden;flex-direction: row;justify-content: space-between;align-content: center;text-align: center;}

.tabs a, .tabs span{position: relative;display: block;margin: 0 16rem;padding: 1rem 0;font-size: 16rem;text-decoration:none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: color 0.4s; transition: color 0.4s; text-align: center; }
.tabs a{cursor: pointer;}
.tabs.x-small a, .tabs.x-small span{margin: 14rem;padding: 10rem 9rem;font-size: 18rem;color: #999;line-height: 26rem;}
.tabs.x-small li.current a, .tabs.x-small li.current span{color: #c40452;}

.tabs.large li{flex: 1;color: #111;}
.tabs.large li a,
.tabs.large li span{display: block;padding: 18rem 0;font-size: 18rem;line-height: 38rem;color: #999;}
.tabs.large.line li a, .tabs.large.line li span{margin: 0;}

.tabs.medium li{flex: 1;}
.tabs.medium li a{font-size: 18rem;}
.tabs.small li{flex: 1;}
.tabs.small li a{font-size: 16rem;}
.tabs.normal li a{margin: 0;text-align: center;color: #999;font-weight: 400;}
.tabs.normal li.current a{background-color: #fff;color: #111;font-weight: 500;}
.tabs.normal a::after{display: none;}

.tabs.weight li a, .tabs.weight li span{padding: 17rem 16rem 16rem;margin: 0;font-size: 16rem;line-height: 1.75;letter-spacing: -0.37rem;color: #999;border: solid 1px #e5e5e5;border-bottom: 1px solid #111;background-color: #ffffff;}
.tabs.weight li.current a, .tabs.weight li.current span{border: 1px solid #111;border-right: 0 none;border-bottom: 1px solid transparent;}
.tabs.weight li.current + li a, .tabs.weight li.current + li span{border-left: 1px solid #111;}
.tabs.weight li.current:last-child a, .tabs.weight li.current:last-child span{border-right: 1px solid #111;}
.tabs.weight li:first-child a, .tabs.weight li:first-child span{border-right: 0 none;}

.tabs li.current a, .tabs li.current a:hover, .tabs li.current a:focus, .tabs li.current span {color: #c40452;/*border-bottom: 3px solid #c40452;*/color: #111;}
.tabs.normal li.current a, .tabs.normal li.current a:hover, .tabs.normal li.current a:focus {color: #111;font-weight: 500;}
.tabs li.current a::after, .tabs li.current a::before, .tabs li.current span::after, .tabs li.current span::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.tabs li.current a::before, .tabs li.current span::before { -webkit-transition-delay: 0s; transition-delay: 0s; }
.tabs a:hover, .tabs a:focus { color: #b5b5b5; }
.tabs.normal a:hover, .tabs.normal a:focus { color: #111; }
.tabs a:hover::before, .tabs a:focus::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; transition-delay: 0s; }
.tabs a::before, .tabs a::after, .tabs span::before, .tabs span::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.tabs a::before, .tabs span::before {background: transparent; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.tabs.line a::after, .tabs.line span::after 	{background: #c40452;}
.tab-content{display: none}
.tab-content.active{display: block; padding: 16rem;}

/* table */
.table-wrap{border-top:2px solid #292929;overflow-x:auto;}
.data-table{width:100%;border-bottom:1px solid #292929;}
.data-table th{background:#f9f9f9;}
.data-table th + th, .data-table td + td, .data-table th + td{/*border-left:1px solid #e2e2e2;*/}
.data-table th, .data-table td{padding: 12rem;text-align:center;border-top:1px solid #e2e2e2;}
.data-table td a{color:inherit;}

/*PAGINATION*/
.pagination{padding-top: 50rem;text-align: center;font-size: 0;}
.pagination button, .pagination a.btn{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;width: 40rem;height: 40rem;line-height: 40rem;font-size: 16rem;text-align: center;vertical-align: middle;margin: 0 10rem;}
/*.pagination .prev{margin-right: 25px;background-image: url('../images/common/ico_prev_02.png');}
.pagination .next{margin-left: 25px;background-image: url('../images/common/ico_next_02.png');}*/
.pagination .disabled{display: none;}
.pagination a{display: inline-block;width: 40rem;height: 40rem;line-height: 40rem;margin: 0 10rem;font-weight: 500; font-size: 16rem;text-align: center;text-decoration: none;vertical-align: middle;}
.pagination a:hover{text-decoration: underline;}
.pagination a.active{display: inline-block;width: 40rem;height: 40rem;line-height: 40rem;margin: 0 10rem;font-size: 16rem;text-align: center;color: #fff;background-color: #111;}
.pagination a.active:hover{text-decoration: none;}
.pagination span{display: inline-block;padding: 0 25rem;font-size: 16rem;line-height: 40rem;vertical-align: middle;}

/* hashtag */
.hashtag > span {position: relative; display: inline-block; font-weight: 500; font-size: 18rem; letter-spacing: -0.37rem; color: #111;}
.hashtag > span::before {content: '#'; font-weight: inherit; font-size: inherit; color: inherit;}

/*accordion*/
.js-accordion-switche{padding: 0;cursor: pointer;}
.js-accordion-content{display: none;}
.js-accordion-content.active{display: block; padding: 16rem; border:1px solid #ddd;}
.js-accordion-btn {position: relative; cursor: pointer;}

.data-wrap.normal{width: 50%;padding-right: 42rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.data-wrap.normal + .data-wrap.normal{padding-right: 0;padding-left: 42rem;}
.data-wrap .h4{padding-bottom: 16rem;font-size: 24rem;line-height: 1.5;letter-spacing: -0.038rem;color: #111;font-weight: 700;border-bottom: 2px solid #111;}
.data-wrap.weight .h4{padding-bottom: 20rem;font-size: 34rem;line-height: 1.76;letter-spacing: -0.0548rem;color: #111111;}
.data-wrap.normal.write {width: 100%;}
.data-wrap.normal.write li {padding: 25rem 0;}
.data-wrap.normal.write li .thumb {-ms-flex-negative: 0;flex-shrink: 0;}
.data-wrap.normal.write .item-wrap {width: 35%;}
.data-wrap.normal.write .insert-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; width: 45%;}
.data-wrap.normal.write .insert-wrap.full {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width: 100%; padding-top: 25rem;}
.data-wrap.normal.write .insert-wrap .insert {width: 86%;}
.data-wrap.normal.write .insert {width: 300rem;}
.data-wrap.normal.write .insert .textarea {height: 100rem; min-height: auto;}
.data-wrap.normal.write .btn-area {padding-top: 0;padding-left: 12rem;}

/*data-list*/
/*.data-list:not([class*="col"])  li + li{border-top:1px solid #ddd;}
.data-list[class*="col"]{ display: -ms-flexbox; display: -webkit-flex; display: flex; }*/
.data-list.flex-between{ -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.data-list.col-center{ -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; }
.data-list.dot li{position: relative;padding-left: 8rem;font-size: 14rem;font-weight: 500;line-height: 1.57; letter-spacing: -0.35rem;color: #111;}
.data-list.dot li:before {content: '·';position: absolute;top: 0;left: 0;}
.data-list.dot li + li{margin-top: 20rem;}
.data-list.normal li{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;align-items:center;padding: 33rem 0 32rem;border-bottom: solid 1px #e5e5e5;}
/*.data-list.normal.with-t li{justify-content: flex-start;}*/
/*.data-list.normal li:first-child{border-top: 2px solid #111;}*/
.data-list.normal li .item-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: flex-start;align-items: flex-start;}
.data-list.normal li .thumb{position: relative; width: 60rem;height: 60rem;overflow: hidden;margin-right: 20rem;}
.data-list.normal li .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.data-list.normal li .text-wrap{position: relative;min-height: 60rem;}
.data-list.normal li .text-wrap .title{/*padding-top: 0.188rem;*/font-size: 18rem;line-height: 1.67; letter-spacing: -0.028rem;color: #111111;}
/*.data-list.normal li .thumb + .text-wrap .title{padding-top: 0;}*/
.data-list.normal li .text-wrap .address{line-height: 1.75;letter-spacing: -0.37rem;color: #999;font-weight: 500;}
.data-list.normal{font-size: 14rem; font-weight: bold; line-height: 1.86; letter-spacing: -0.35rem; color: #111;}

.data-list.weight::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.data-list.weight li{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;align-items: center;float: left;width: 50%;padding: 30rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #e6e6e6;}
.data-list.weight li .text{font-size: 24rem;font-weight: 500;line-height: 1.5;letter-spacing: -0.038rem;color: #111;}
.data-list.weight li:nth-child(odd){float: left;width: calc(50% - 20rem);}
.data-list.weight li:nth-child(even){float: right;width: calc(50% - 20rem);}

/*FAQ*/
.data-list.accordion li{display: block;padding: 0;background-color: #fff;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.06);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.06);}
.data-list.accordion li .question a{position: relative;display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: flex-start;padding: 29rem 80rem 29rem 50rem;font-weight: 500; font-size: 18rem;letter-spacing: -0.37rem; text-decoration: none; word-break: keep-all;}
.data-list.accordion li + li {margin-top: 20rem;}
.data-list.accordion li .question a span{width: 10%;}
.data-list.accordion li .question a::after{content: '';display: block;position: absolute;right: 50rem;top: 28rem;width: 24rem;height: 24rem;background: url('../images/common/ico_plus.svg') 50% 50% no-repeat;}
.data-list.accordion li.active .question a::after{background-image: url('../images/common/ico_minus.png');}
.data-list.accordion li .question .num{display: inline-block;width: 80px;text-align: left;}
.data-list.accordion li .answer{display: none;padding: 17rem 50rem 29rem;font-size: 20rem;color: #999;}
.data-list.accordion li .answer .text-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: flex-start;}
.data-list.accordion li .answer .text-wrap span{ width: 10%; flex-shrink: 0; color: #111;font-size: 20rem;}
.data-list.accordion li .answer .text-wrap p{font-size: 16rem;font-weight: 400;}

.data-list.notice::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.data-list.notice li a{display: block;padding: 43rem 40rem;text-decoration: none;background-color: #fff;border: 1px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.data-list.notice li .title{height: 72rem; padding-top: 0;font-weight: 700; font-size: 24rem;line-height: 36rem;text-align: left;}
.data-list.notice li .date{display: inline-block;padding-top: 20rem;font-size: 16rem;font-weight: 400;color: #999;}
.data-list.notice li p{height: 84rem; padding-top: 20rem;font-size: 16rem;line-height: 28rem;color: #999;font-weight: 400;}

.data-list.links li a{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 30rem 10rem 15rem;text-decoration: none;border-bottom: 3px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.data-list.links li a .text{font-size: 18rem; font-weight: 500; line-height: 1.67; letter-spacing: -0.028rem; color: #fff;}

.data-list.control{padding-top: 28rem;border-top: 1px solid #e6e6e6;}
.data-list.control li a{display: flex;justify-content: space-between;padding-top: 148rem;padding-bottom: 12rem;}
.data-list.control li a .text{font-size: 16rem;line-height: 1.5;letter-spacing: -0.35rem;color: #111;vertical-align: middle;font-weight: bold;}

.data-list.service{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px;margin: 0 auto;}
.data-list.service li{font-size: 16rem;line-height: 28rem;text-align: center;}
.data-list.service li::before{content: '';display: block;width: 4rem;height: 4rem;margin: 0 auto 10rem;-webkit-background-size: contain;background-size: contain;background-position: 50% 0;background-repeat: no-repeat;}
.data-list.service li:nth-child(1)::before{background-image: url('../images/common/ico_service_01.svg')}
.data-list.service li:nth-child(2)::before{background-image: url('../images/common/ico_service_02.svg')}
.data-list.service li:nth-child(3)::before{background-image: url('../images/common/ico_service_03.svg')}
.data-list.service li:nth-child(4)::before{background-image: url('../images/common/ico_service_04.svg')}
.data-list.service li:nth-child(5)::before{background-image: url('../images/common/ico_service_05.svg')}
.data-list.service li:nth-child(6)::before{background-image: url('../images/common/ico_service_06.svg')}

.data-list.news li{padding: 40rem 0;}
.data-list.news li:first-child{padding-top: 30rem;}
.data-list.news li + li{border-top: 1px solid #ececec;}
.data-list.news li .link-area {display: block; width: 100%; height: 100%;}
.data-list.news li .title{font-size: 20rem;font-weight: bold;line-height: 1.75rem;letter-spacing: -0.5px;color: #111111;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;}
.data-list.news li .text{margin-top: 40rem;font-size: 14rem;color: #999;line-height: 19rem;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;}
.data-list.news li .date{margin-top: 10rem;font-size: 14rem;color: #999;line-height: 19rem;}

.data-list-wrap {margin-top: 30rem;}
.data-list-title {display: -webkit-box;display: -ms-flexbox;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;}
.data-list-title ~ .data-list-area {margin-top: 30rem;}
.data-list-title .title, .data-list-title .text {display: inline-block; font-weight: 700;}
.data-list-title .price {display: inline-block; font-size: 18rem; font-weight: 700;}
.data-list-title .price.point {color: #c40452;}
.data-list-area p {font-size: 14rem; font-weight: 700; color: #999;}
.data-list-area dl {display: -webkit-box;display: -ms-flexbox;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.data-list-title + .data-list-title, .data-list-area dl ~ dl {margin-top: 10rem;}
.data-list-area dl dt {width: 48%; position: relative; padding-left: 10rem; font-weight: 500;}
.data-list-area dl dt::before {display: inline-block; content: '·'; position: absolute; top: 0; left: 0; }
.data-list-area dl dd {width: 50%; font-weight: 500; text-align: right; color: #999; word-break: break-all;}
.data-list-area.sub dl {padding-bottom: 10rem; border-bottom: 1px solid #e5e5e5;}
.data-list-area.sub dt {font-size: 14rem; font-weight: 700;}
.data-list-area.sub dd {font-size: 14rem; font-weight: 700;}

/* 맞춤형 포트폴리오 - 실사 */
.data-multi-wrap {margin-top: 30rem;}
.data-multi-wrap .data-multi-title {display: -webkit-box;display: -ms-flexbox;display: flex; padding: 1rem 0; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.data-multi-wrap .data-multi-title .type {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; text-align: center;}
.data-multi-wrap .data-list-wrap.accordion .data-list-title {padding: 0 26rem;}
.data-multi-wrap .data-list-wrap.accordion .data-list-title .title {padding-left: 0;}
.data-multi-wrap .data-list-wrap.accordion .data-list-title .price {text-align: right; padding-left: 10rem; box-sizing: border-box;}
.data-multi-wrap .data-list-wrap.accordion .data-list-area dl {padding-left: 26rem; padding-right: 26rem;}
.data-multi-wrap .data-list-wrap.accordion .data-list-area dt {padding-left: 10rem;}
.data-multi-wrap .data-list-wrap.accordion .data-list-area dt::before {left: 0;}
.data-multi-wrap .data-list-wrap.accordion .data-list-area dd {padding: 0; padding-left: 10rem; text-align: right; box-sizing: border-box;}
.data-multi-wrap .data-list-wrap.accordion .accordion-body .data-list {padding:11rem 26rem;}
.data-multi-wrap .data-list-wrap.accordion .accordion-body .data-list .type {width: 33.33%; padding-left: 14rem; text-align: left; box-sizing: border-box;}
.data-multi-wrap .data-list-wrap.accordion .accordion-body .data-list .price {width: 33.33%; padding-left: 10rem; text-align: right; box-sizing: border-box;}
.data-multi-wrap .data-list-title .title {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; padding-left: 26rem; box-sizing: border-box;}
.data-multi-wrap .data-list-title .price {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; text-align: center;}
.data-multi-wrap .data-list-area dt {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; box-sizing: border-box; padding-left: 36rem;}
.data-multi-wrap .data-list-area dt::before {left: 26rem;}
.data-multi-wrap .data-list-area dd {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; padding: 0 10rem; text-align: center; box-sizing: border-box;}
.data-multi-wrap .data-list-area.normal dt {padding-left: 26rem; font-size: 16rem;}
.data-multi-wrap .data-list-area.normal dt::before {display: none;}
.data-multi-wrap .data-list-area.normal dd {font-size: 14rem;}
.item-list.estimate .data-multi-wrap .btn-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top: 50rem; padding-left: 35.159%; box-sizing: border-box;}
.item-list.estimate .data-multi-wrap .btn-wrap .btn {width: 46.47%; font-size: 14rem;}

.data-list-wrap.accordion .accordion-list-area + .accordion-list-area {margin-top: 10rem;}
.data-list-wrap.accordion .accordion-body {display: none;}
.data-list-wrap.accordion .accordion-body .data-list {padding: 11rem 23rem; background-color: #fafafa; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box;box-sizing: border-box;}
.data-list-wrap.accordion .accordion-body .data-list li {display: flex; justify-content: space-between; font-size: 12rem; font-weight: 700; color: #999;}
.data-list-wrap.accordion .accordion-body .data-list li + li {margin-top: 23rem;}
.data-list-wrap.accordion .accordion-body .data-list .type {width: 49%;}
.data-list-wrap.accordion .accordion-body .data-list .price {width: 49%; text-align: right;}

.data-list-wrap.accordion .accordion-btn {display: inline-block; width: 24rem; height: 24px; margin-top: -4rem; margin-left: 6rem; vertical-align: middle; background: transparent url('../images/common/ico_accordion_plus.svg') 0 0 no-repeat; background-size: contain;}
.data-list-wrap.accordion.active .accordion-btn {background: transparent url('../images/common/ico_accordion_minus.svg') 0 0 no-repeat;}

.data-list-wrap.line {margin-top: 30rem;}
.data-list-wrap.line dl {padding: 15rem 20rem; border: 1px solid #e5e5e5; background-color: #fff;}
.data-list-wrap.line dl.data-sub {background-color: #fafafa;;}
.data-list-wrap.line dl.data-sub dt, .data-list-wrap.line dl.data-sub dd {color: #999;}
.data-list-wrap.line dl ~ dl {margin-top: 0; border-top: none;}
.data-list-wrap.line dt {padding-left: 0;}
.data-list-wrap.line dt::before {display: none;}
.data-list-wrap.line.full dl {display: block;}
.data-list-wrap.line.full dl dt {width: 100%;}
.data-list-wrap.line.full dl dd {width: 100%; margin-top: 20rem; text-align: left;}

/* location */
.location{font-size: 0;}
.location > .home{margin-right: 22rem;}
.location a, .location span{display: inline-block;text-decoration: none;font-size: 14rem;line-height: 19rem;vertical-align: middle;color: #999; font-weight: 500;}
.location a:hover{text-decoration: underline;}
.location a + a::after{content: '';display: inline-block;width: 1px;height: 12rem;margin-left: 20rem;margin-right: 20rem;background-color: #e5e5e5;}
.location .current{color: #c40452;}

/* progress */
/*.progress{clear: both;}
.progress .step{display: flex;overflow: hidden;flex-direction: row;justify-content: space-between;align-content: center;text-align: center;}
.progress .step li{flex: 1;padding: 18rem 0;font-size: 18rem;line-height: 38rem;color: #999;}
.progress .step li.active{border-bottom: 3px solid #c40452;color: #111;}*/

/* text */
.aside-text{display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.aside-text a{text-decoration: none;}
.aside-text a + a{margin-left: 10rem; position: relative; padding-left: 10rem;}
.aside-text a + a::before{content: '';display: inline-block;width: 2rem;height: 14rem;background-color: #efefef; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.rules {margin-top: 42rem;}
.rules div + div {margin-top: 10rem;}
/* .rules{clear: both;padding-top: 6.125rem;text-align: center;}
.rules div + div{margin-top: 0.5648rem;margin-left: -.75rem;}
.rules div{color: #111;}
.rules div a{text-decoration: none;}
.rules .btn-area{padding-top: 3.625rem;} */

/*.item-wrap{display: flex;justify-content: space-between;}
.item-wrap .item{text-align: center;background-color: #fff;}
.item-wrap .item .h3{font-size: 34rem;}
.item-wrap .item div p{font-size: 18rem;line-height: 36rem;color: #999;}
*/

.filter-wrap dl{/*display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -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-starTt; -ms-flex-align: start; align-items: flex-start;*/ font-size: 0; }

.filter-wrap dl + dl{margin-top: 35rem;}
.filter-wrap dl dt{display: inline-block;width: 7.5rem;font-weight: 500;font-size: 20rem;color: #111;line-height: 40rem;}
.filter-wrap dl dd{display: inline-block;margin-right: 5rem; margin-bottom: 5rem;}
.filter-wrap .check-wrap dd{position: relative;}
/* .filter-wrap dl dd + dd{margin-left: 10rem;} */
.filter-wrap .check-wrap dd label{display: block;padding: 0 20rem;;height: 40rem;line-height: 38rem;font-weight: 500;font-size: 16rem;background-color: #fff;border:1px solid #e5e5e5;border-radius: 20rem;-webkit-border-radius: 20rem;text-align: center;user-select: none;-webkit-user-select: none;cursor: pointer;}
.filter-wrap .check-wrap dd label input{display: none;transition: width 0.5s ease;}
.filter-wrap .check-wrap dd label.active {color: #c40452;}
.filter-wrap .check-wrap dd label.active input{display: inline-block;}
.filter-wrap .tag-wrap .tag {margin-top: 0; margin-right: 5rem;}

.tooltip-wrap .btn.tooltip{position: absolute;z-index: 10;}
.tooltip-wrap.question .btn.tooltip{right: 20rem;top: 10rem;}
.tooltip-wrap.point .btn.tooltip{right: -2rem;top: 4rem;width: 20rem;height: 20rem;}
.tooltip-wrap .tooltip-text{display: none;position: absolute;right: 0;width: 166rem;padding: 18rem 20rem;font-size: 12rem;line-height: 1.67;letter-spacing: -0.35rem;text-align: center; color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;transition: 0.5s ease;border-radius: 6px;-webkit-border-radius: 6px;}
.tooltip-wrap.active .tooltip-text{display: block;}
.tooltip-wrap.question .tooltip-text{right: -52rem;bottom: 52rem;background-color: #999;}
.tooltip-wrap.point .tooltip-text{right: -77rem;bottom: 105rem;}
.tooltip-wrap .tooltip-text::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: -8rem;width: 14rem;height: 8rem;margin: 0 auto;-webkit-background-size: 14rem;background-size: 14rem;}
.tooltip-wrap.question .tooltip-text::after{background: url('../images/common/bg_balloon.svg') 0 0 no-repeat;}
.tooltip-wrap.point .tooltip-text::after{background: url('../images/common/bg_balloon_02.svg') 0 0 no-repeat;}
.tooltip-wrap.point .tooltip-text{background-color: #c40452;}

/*.filter-wrap .check-wrap dd input{padding-right: 23rem;}
.filter-wrap .check-wrap dd label{padding-left: 23rem;line-height: 40rem;padding-right: 1.5648rem;font-size: 16rem;cursor: pointer;}*/

/*SORT*/
.form + .sort-area{padding-top: 84rem;}
.sort-area{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.sort-area.right{justify-content: flex-end;}
.sort-area.right .select {width: 300rem; border-color: #e5e5e5;}
.sort-area .insert{width: 300rem;}
.sort-area select + .insert{display: inline-block;margin-left: 10rem;}

/*RESULT*/
.result-text{font-weight: 500; font-size: 20rem;color: #111;line-height: 50rem;}
.result-text strong{color: #c40352;}

/*ITEM*/
.flex-between{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;}
.item{background-color: #fff;box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.06);}
.item.progress{margin-top: 20rem;padding: 100rem;}
.item .title-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;align-items: flex-start;}
/*.item .title{padding-top: 20rem;font-size: 18rem;font-weight: bold;line-height: 1.67;letter-spacing: -0.028rem;text-align: center;color: #111;}*/
.item.progress .aside{font-size: 16rem;color: #999;}
.item.progress .aside + .title-wrap{margin-top: 10rem;}

.item-list.basic li a{padding: 20rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.item-list.basic li + li{margin-left: 30rem;}
.item-list.basic li a .btn.like{float: right;}
.item-list.basic li a .thumb{width: 92rem;height: 92rem;margin: 58rem auto 0;overflow: hidden;border-radius: 50%;-webkit-border-radius: 50%;}
.item-list.basic li a p.text{text-align: center;}
.item-list.basic li a .tag-wrap{padding-top: 43rem;text-align: center;}

.sort-area + .item-list.portfolio{margin-top: 50rem;}
.item-list.portfolio + .btn-area{padding-top: 40rem;}
.item-list.portfolio > li .item, .item-list.portfolio > div .item{position: relative;background-color: transparent;box-shadow: none;}
.item-list.portfolio .btn.normal{background-color: transparent;font-size: 14rem;letter-spacing: -0.29rem;}

/*ITEM PARTNER*/
.sort-area + .item-wrap.partner{padding-top: 50rem;}
.item.partner{background-color: transparent;box-shadow: none;}
.item.partner + .item.partner{padding-top: 80rem;}
.item.partner .thumb img{display: block;width: 100%;}
.item.partner .text-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;padding-top: 80rem;}
.item.partner .text-wrap > div{width: 48%;}
/* .item.partner .text-wrap > div .logo{max-height: 78px;} */ /*minyeo temp*/
/* 220823 로고 width 값 수정 */
.item.partner .text-wrap .logo img{max-width: 400px;}
.item.partner .text-wrap > div .btn.detail{margin-top: 37rem;}
.item.partner .text-wrap > div + div{width: 52%;}
.item.partner .text-wrap > div + div .company{display: inline-block;font-size: 30rem;color: #111;font-weight: 700;}
.item.partner .text-wrap > div + div .company .btn.bookmark{margin-left: 20rem;}
.item.partner .text-wrap > div + div .category{padding-top: 12rem;padding-bottom: 14rem;font-size: 16rem;line-height: 24rem;font-weight: 500;}
.item.partner .text-wrap > div + div .description { line-height: 24rem; }
.item.partner .text-wrap > div + div p{font-size: 16rem;color: #999;font-weight: 400;}
.item-wrap.partner + .btn-area{padding-top: 100rem;}

/*item article*/
.item.article {background-color: transparent; box-shadow: none; padding-top: 0;}
.item.article .title {font-size: 24rem;color: #111;font-weight: 700;letter-spacing: -0.048rem; max-height: calc(36rem * 2); -webkit-line-clamp:2;}
.item.article .text {font-size: 18rem; letter-spacing: -0.37rem; color: #666; max-height: calc(27rem * 3); -webkit-line-clamp:3;}
.item.article .source {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.item.article .source > span {position: relative; display: inline-block; font-size: 18rem; letter-spacing: -0.37rem; color: rgba(0,0,0,0.3);}
.item.article .source > span + span::before {content: ''; display: inline-block; position: relative; width: 1px; height: 13px; background-color: #ededed; margin: 0 12px;}

.item.article .btn-area {-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.item.article .flex-between + .text-wrap {margin-top: 25rem;}
.item.article a {display: inline-block;}
.item.article .title, .item.article .text {display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;word-break: keep-all;}
.item.article .title + .text, .item.article .wrap-top + .wrap-bottom {margin-top: 20rem;}
.item.article .img-wrap {font-size: 0;}

.item-list{max-width: 1200px;}
.item-list::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
/*.item-list > li{float: left;}*/
/*.item-list > li + li{margin-left: 2.625rem;}*/
.item-list > li a{text-decoration: none;}
.item-list .item{display: block;/*background-color: transparent;box-shadow: none;*/}
.item-list .item .thumb{position: relative; overflow: hidden;}
.item-list .item .thumb img{display: block;width: 100%;}
.item-list .item .text-wrap{padding: 50rem 40rem;}
.item-list .item h4{font-size: 24rem; font-weight: bold;line-height: 1.5; letter-spacing: -0.038rem; text-align: left; color: #111;}
.item-list .item .tag + h4{padding-top: 30rem;}
.item-list .item p.text{margin-top: 20rem;font-size: 16rem;font-weight: 500;line-height: 1.75;letter-spacing: -0.37rem;text-align: left;color: #999;}
.item-list .item .tag-wrap{padding-top: 17rem;}
.item-list .item .category{display: block;padding-bottom: 20rem;font-size: 14rem;font-weight: bold;line-height: 1.86;letter-spacing: -0.35rem;color: #111111;}
.item-list .item .date{display: block;color: #999;}
.item-list .item .logo-wrap {text-align: right; margin-top: 16rem;}
/* 220823 수정 */
.item-list .item .logo-wrap img {max-width: 70px; width: 100%;/*  max-height: 20rem;  */}

.item-list.scrap.col .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.item-list.scrap > li .item , .item-list.scrap > div .item  {background-color: transparent; box-shadow: none;}
.item-list.scrap .title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.item-list.scrap .item .partner {display: block; font-weight: 500; font-size: 18rem; letter-spacing: -0.37rem;}
.item-list.scrap .item .partner + .place {margin-top: 8rem;}
.item-list.scrap .item .place {display: block; font-weight: 700; font-size: 30rem;}
.item-list.scrap .item p.text.ellipsis.line2 {height: 56rem;}
.item-list.scrap .text-wrap {min-height: 142rem; padding: 40rem 0 0;}

/*.item-list.portfolio > li{padding-bottom: 1.5rem;}*/
.item-list.portfolio .item .company{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;font-weight: 500;}
.item-list.portfolio .item h4{padding-top: 5rem;font-size: 30rem;line-height: 1.33;letter-spacing: -0.047rem;}
.item-list.portfolio .item .text-wrap{display: block;padding: 40rem 0 0;}
.item-list.portfolio .item .thumb {height: 250rem;}
.item-list.portfolio .item .thumb img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.item-list.portfolio .item .badge {position: absolute; top: 0; left: 0;}
.item-list.portfolio .item.private .badge{background-color: #111;}
.item-list.portfolio .item.private .thumb img{filter: grayscale(100%);}

.item-list.news li + li{margin-top: 20rem;}
.item-list.news .item {min-height: 292rem;}
.item-list.news .item .text-wrap{padding: 47rem 0 40rem 40rem;background-color: #fff;}
.item-list.news .item .text {height: 56rem;}

.item-list.event .item .text-wrap{background-color: #fff;}
.item-list.event .thumb {height: 0; width: 100%; padding-bottom: 43.103%;}
.item-list.event .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.item-list.estimate.col-3 {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.item-list.estimate div.swiper-slide {padding: 60rem 40rem;background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06); -webkit-box-sizing: border-box; box-sizing: border-box;}
.item-list.estimate .check-btn-area {position: relative; margin-top: 30rem;}
.item-list.estimate .checkbox-btn {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden;}
.item-list.estimate .checkbox-btn + label {display: block; width: 100%; line-height:54rem; font-size: 20rem; text-align: center; color: #999; border: 1px solid #e5e5e5;cursor: pointer;}
.item-list.estimate .checkbox-btn:checked + label {color: #fff; background-color: #c40452; background-color: #c40452;}
.item-list.estimate .check-btn-area ~ .img-area {margin-top: 30rem;}
.item-list.estimate .img-area img {display: block; width: 100%; max-width: 100%;}
.item-list.estimate .tabs {margin-top: 30rem;}
.item-list.estimate .tab-content.active {padding: 0;}
.item-list.estimate .enterprise-info-wrap {padding-bottom: 30rem; border-bottom: 1px solid #e5e5e5;}
.item-list.estimate .enterprise-info-wrap .img-area {position: relative; width: 94rem; height: 94rem; margin: 0 auto; overflow: hidden;}
.item-list.estimate .enterprise-info-wrap .img-area img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.item-list.estimate .enterprise-info-wrap .name {margin-top: 20rem; font-size: 18rem; text-align: center; font-weight: 700;}
.item-list.estimate .btn-wrap {margin-top: 30rem;}
.item-list.estimate .btn-wrap .btn {width: 100%;}

.item-list.partner{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;padding-bottom: 50rem;}
.item-list.partner > div{width: 360px !important;height: 480px;overflow: hidden;}
.item-list.partner > div + div{margin-left: 60rem;}
.item-list.partner > div .item{display: block;position: relative;width: 360px;height: 480px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.item-list.partner > div .item::before{position: absolute; content: ''; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1;}
.item-list.partner > div .item .text-wrap{position: relative; padding: 0 50rem; z-index: 2;}
.item-list.partner > div .item .text-wrap h4{padding-top: 15rem;font-size: 30rem;line-height: 1.33;color: #fff;letter-spacing: -0.6px;}
.item-list.partner > div .item .text-wrap .text{margin-top: 0;padding-top: 0;font-size: 16rem;line-height: 1.75;letter-spacing: -0.35rem;color: #fff;font-weight: 400;}
.item-list.partner > div .item .text-wrap .btn.more{margin-top: 50rem;}
.item-list.partner > div .item .text-wrap .btn.more .ico.plus{background: url(../images/common/ico_plus_02.svg) 0 0 no-repeat; -webkit-background-size: 24rem auto; background-size: 24rem auto;}

.item-list.look{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;padding-bottom: 50rem;}
.item-list.look > div{width: 360px !important;height: 351px;text-align: center;}
.item-list.look > div + div{margin-left: 60rem;}
.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: 70rem;position: relative;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.item-list.look > div .thumb{position: relative; width: 120px;height: 120px;margin: 0 auto;overflow: hidden;}
.item-list.look > div .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.item-list.look > div .text-wrap{padding-top: 20rem;padding-bottom: 64rem;text-align: center;}
.item-list.look > div .text-wrap h4{font-size: 22rem;line-height: 26rem;text-align: center;}
.item-list.look > div .text-wrap .text{font-weight: 400; font-size: 18rem; letter-spacing: -0.35rem; line-height: 1.5;text-align: center;}
.item-list.look > div .btn.like{position: absolute;right: 20rem;top: 20rem;}
.item-list.look .logo-wrap {height: 60rem; text-align: center; margin-top: 0;}
.item-list.look .logo-wrap img {max-height: 60rem;}

.item-list.article{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;padding-bottom: 50rem;}
.item-list.article > div{width: 372px !important;height: 466px;overflow: hidden;}
.item-list.article > div + div{margin-left: 42rem;}
.item-list.article > div .item{display: block;position: relative;width: 100%;
	height: 100%;box-shadow: none;}

.item-list.article > div .item .thumb img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.item-list.article > div .item .text-wrap{padding: 0;}
.item-list.article > div .item .text-wrap h4{padding-top: 32rem;font-size: 24rem;line-height: 1;color: #111;letter-spacing: -0.048rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.item-list.article > div .item .text-wrap .text{padding-top: 0;line-height: 1.5;color: #999;}
.item-list.article > div .item .btn.link{color: #111;opacity: 0.3;}

.tag-wrap{font-size: 0;}
.tag-wrap .tag{margin-right: 5rem;}

.state .item{flex: 1;margin-left: 20rem;padding-top: 17rem;padding-bottom: 36rem;text-align: center;}
.state .item:nth-child(1){margin-left: 0;}
.state .item .label{display: block;font-size: 20rem;line-height: 2.8148rem;}
.state .item .number{display: block;font-weight: 700; font-size: 34rem;color: #c40452;line-height: 1;}

.state.line{font-size: 0;}
.state.line .item{/*display: inline-block;*/position: relative;margin:0; padding: 0;box-shadow: none;}
/*.state.line.col-3 .item{width: 33.33333%;}
.state.line.col-3 .item{box-shadow: none;margin: 0;padding: 0;}*/
.state.line .item + .item::before{content: '';position: absolute;left: 0;top: 50%;margin-top: -25px; display: inline-block;width: 2px;height: 50px;background-color: #f2f2f2;}
.state .item .number + .label{font-size: 14rem;line-height: 1.86;letter-spacing: -0.35rem;color: #999;}

.title-wrap .h3{font-size: 34rem;}
.title-wrap .text{padding-top: 7rem;}

.steps{position: relative;max-width: 610rem;width: 100%;margin: 0 auto;font-size: 0;text-align: center;padding-left: 58rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.steps li{position: relative;display: inline-block;/*padding-left: 15.188rem;*/}
.steps li::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.steps li:nth-child(1){position: absolute;left: 0;bottom: 0;padding-left: 0;width: 58rem;}
.steps.step3 li:nth-child(2){width: 50%;}
.steps.step3 li:nth-child(3){width: 50%;}
.steps.step4 li:nth-child(2){width: 33.333%;}
.steps.step4 li:nth-child(3){width: 33.333%;}
.steps.step4 li:nth-child(4){width: 33.333%;}
.steps li::before{content: '';position: absolute;left: 0;top: 30rem;display: block;width: 100%;height: 1px;background-color: #e5e5e5;}
.steps li.on::before, .steps li.complete::before{background-color: #111;}
.steps li:nth-child(1)::before{display: none;}
.steps li .text{position: relative;float: right;width: 58rem;text-align: center;}

.flex-start{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.item-list[class*="col"], .data-list[class*="col"] {display: -ms-flexbox; display: -webkit-flex; display: flex;  }

.item-list.col-3, .item-list.col-2, .data-list.col-3, .data-list.col-2{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;max-width: 1200px;margin-left: auto; margin-right: auto;} .item-list.col{padding-bottom: 60rem;}

/* .item-list.col > li + li, .item-list.col > div + div{margin-left: 2.625rem;} */
.item-list.col-3 > li , .data-list.col-3 > li {width: calc( (100% - 84rem) / 3); margin-bottom: 60rem;}
.item-list.col-2 > li, .data-list.col-2 > li {width: calc( (100% - 42rem) / 2); margin-bottom: 60rem;}
/* .item-list.col > div .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */

/*circle*/
.c100{background-color: #e5e5e5;width: 58px;height: 58px;line-height: 58px;border-radius: 50%;-webkit-border-radius: 50%;/*margin: 0 2px 2px 0;*/margin: 0;font-size: 69.6px;}
.c100::after{width: 54px;height: 54px;top: 2px;left: 2px;background-color: #fff;}
.c100 .slice{width: 58px;height: 58px;clip: rect(0px, 58px, 58px, 29px);transform: scaleX(-1);}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{border: 2px solid #e5e5e5; width: 54px; height: 54px;}
.on .pie, .on .c100 .bar, .on .c100.p51 .fill, .on .c100.p52 .fill, .on .c100.p53 .fill, .on .c100.p54 .fill, .on .c100.p55 .fill, .on .c100.p56 .fill, .on .c100.p57 .fill, .on .c100.p58 .fill, .on .c100.p59 .fill, .on .c100.p60 .fill, .on .c100.p61 .fill, .on .c100.p62 .fill, .on .c100.p63 .fill, .on .c100.p64 .fill, .on .c100.p65 .fill, .on .c100.p66 .fill, .on .c100.p67 .fill, .on .c100.p68 .fill, .on .c100.p69 .fill, .on .c100.p70 .fill, .on .c100.p71 .fill, .on .c100.p72 .fill, .on .c100.p73 .fill, .on .c100.p74 .fill, .on .c100.p75 .fill, .on .c100.p76 .fill, .on .c100.p77 .fill, .on .c100.p78 .fill, .on .c100.p79 .fill, .on .c100.p80 .fill, .on .c100.p81 .fill, .on .c100.p82 .fill, .on .c100.p83 .fill, .on .c100.p84 .fill, .on .c100.p85 .fill, .on .c100.p86 .fill, .on .c100.p87 .fill, .on .c100.p88 .fill, .on .c100.p89 .fill, .on .c100.p90 .fill, .on .c100.p91 .fill, .on .c100.p92 .fill, .on .c100.p93 .fill, .on .c100.p94 .fill, .on .c100.p95 .fill, .on .c100.p96 .fill, .on .c100.p97 .fill, .on .c100.p98 .fill, .on .c100.p99 .fill, .on .c100.p100 .fill{border: 2px solid #111; width: 54px; height: 54px;}
.on.complete .c100::after{background-color: #111;}
.steps li .text .circle{display: inline-block;position: absolute;font-size: 16rem;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;z-index: 10;/*border: 2px solid #e9e9e9;*/color: #999;}
.steps li.on .text .circle{/*border: 2px solid #111;*/color: #111;border-radius: 50%;}
.steps li.on.complete .text .circle{color: #fff;background-color: #111;}
.steps li .text .date{display: inline-block;padding-top: 14rem;font-size: 14rem;}

/*마이페이지*/
.section .my-info{ 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; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; width: 39.166%;text-align: center; }
.section .my-info .thumb{margin: 0 auto;}
.section .my-info .thumb .img-wrap{position: relative; height: 42rem; font-size: 0;}
.section .my-info .thumb .img-wrap img{width: auto; max-height: 42rem;}
.section .my-info .thumb + .text {margin-top: 8rem;}
.section .my-info .title .text{font-size: 20rem;font-weight: bold;text-decoration: none;}
.section .my-info .e-mail{font-size: 16rem;color: #999; line-height: 1.75;letter-spacing: -0.37rem;}
.section .my-info .data-box .btn.small{width: 140rem;margin-top: 20rem; color: #111;}
.section .my-info .data-box .rating-text {margin-top: 10rem;}
.section .my-info .data-box .rating-text + .btn.small{margin-top: 10rem;}
.section .my-info + .item-wrap {box-sizing: border-box;}
.section .my-info .data-box + .btn-area {margin-top: 18rem;}
.section .my-info .btn.text::after {display: none;}
.section .my-info .btn.text + .btn.text::before {content: ''; display: inline-block; position: relative; top: 3rem; width: 1px; height: 13rem; background-color: #e5e5e5; margin: 0 8rem;}

.section.my .row{width: 58.33333%;}
.section.my .row > .item{padding: 30rem 0;} /*3.125rem*/
.section.my .item h4{font-weight: 700; font-size: 24rem;line-height: 1.5;letter-spacing: -0.768rem;color: #111;}
.section.my .row > .item + .item{margin-top: 40rem;}
.section.my .item .tag-wrap{margin-top: 15rem;padding: 0 50rem;}
.section.my .btn.more_02{margin-top: 5rem;}
.section.my .row .item-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.section.my .row .item-wrap .item.project {width: 47.85%; padding: 30rem 0;}
.section.my .row > .item-wrap + .item{margin-top: 40rem;}

.section .item {padding-top: 50rem; padding-bottom: 50rem;}
.section .item.project + .item.project {margin-top: 30rem;}
.section .item.project .title-wrap {box-sizing: border-box;}

.section .title-area{max-width: 1200px;margin: 0 auto;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	padding-top: 100rem;padding-bottom: 50rem;}
.section .title-area .btn.detail{align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;}
.section > .state.line .item{margin-top: 0;padding-top: 31rem;padding-bottom: 30rem;}
.section > .state.line .item .label{font-size: 20rem;line-height: 1.6; letter-spacing: -0.031rem; color: #111;}
.section > .state.line .item .number{margin-top: 5rem;font-size: 34rem;font-weight: bold;line-height: 48rem;text-align: center;color: #c40452;}
.section > .state.line .item + .item::before{top: 46rem;}
/* .section .slider-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: flex-end; -ms-flex-pack: justify; justify-content: flex-end;} */
/*.section .slider{max-width: calc( (100% - 1200px) / 2 + 1200px);}*/

.section .slider{max-width: 1200px;margin: 0 auto;}

/* scroll custom */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 4px;}
.mCSB_scrollTools .mCSB_draggerRail {background-color: #e5e5e5; border-radius: 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{margin: 0; height: 4px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c40452; border-radius: 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height: 4px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin:0;}
.scrolling-area-y .mCSB_scrollTools {width: 2px;}
.scrolling-area-y .mCSB_scrollTools .mCSB_draggerRail {margin: 0;}
.scrolling-area-y .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 2px; margin: 0;}

.slider-banner{max-width: 1920px;/*max-height: 430px;*/margin: 0 auto;} /* // 220704 max-height 임시주석*/
.slider-banner .swiper-wrapper{/*max-height: 430px;*/} /* // 220704 max-height 임시주석*/
.slider-banner .swiper-slide .top-banner{position: relative;display: block;}
/*.slider-banner .swiper-slide .top-banner::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(17,17,17,0.3);}*/ /* // 220704 임시주석*/
.slider-banner .swiper-slide .top-banner .img-wrap{overflow: hidden;
width: 100%; /*height: 430px;*/} /* // 220704 height 임시주석*/
.slider-banner .swiper-slide .top-banner .img-wrap.for-mo{/*height: 462px;*/} /* // 220704 height 임시주석*/
.slider-banner .swiper-slide .top-banner .img-wrap img {display: block;width: 100%;height: 100%;object-fit: cover;}
.slider-banner .swiper-slide .top-banner .text-wrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 1200px;width: 100%;margin: 0 auto;padding: 83px 0 0;color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.slider-banner .swiper-slide .top-banner .text-wrap .title{font-size: 48px;line-height: 60px;letter-spacing: -0.96px;color: #fff;}
.slider-banner .swiper-slide .top-banner .text-wrap .text{padding-top: 32px;font-size: 18px;letter-spacing: -0.36px;color: #fff;}
.slider-banner .swiper-button-disabled{display: none !important;}

.slider-banner .swiper-container .swiper-button-prev, .slider-banner .swiper-container .swiper-button-next{position: absolute; top: 50%; background: rgba(0,0,0,0.2); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.slider-banner .swiper-container .swiper-button-prev{left: 0; padding: 27px 10px 27px 5px; border-radius: 0 39px 39px 0;  }
.slider-banner .swiper-container .swiper-button-next{right: 0;padding: 27px 5px 27px 10px; border-radius: 39px 0px 0px 39px;  }
.slider-banner .swiper-container .swiper-button-next:after, .slider-banner .swiper-container .swiper-button-prev:after{ background: url('../images/common/ico_arrow_right_w.svg') 50% 50% no-repeat; }

.slider-banner .swiper-pagination{bottom: 32px;}
.slider-banner .swiper-pagination .page-number{width: 86px; height: 34px; line-height: 34px; margin-left: auto; background: rgba(0,0,0,0.3); border-radius: 25px; font-size: 16rem; font-weight: 400; color: #fff; letter-spacing: -0.35rem;}

.section .slider-wrap.under{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.section .slider-wrap.under .slider{margin: 0 auto;}

.rating-star{position: relative;width: 132px;height: 24px;}
.rating-star::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/common/bg_star.svg') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
.rating-star::before{content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;background-color: #c40452;}
.rating-star.star0_0::before{width: 3px;}
.rating-star.star0_2::before{width: 5px;}
.rating-star.star0_3::before{width: 7px;}
.rating-star.star0_4::before{width: 9px;}
.rating-star.star0_5::before{width: 11px;}
.rating-star.star0_6::before{width: 13px;}
.rating-star.star0_7::before{width: 15px;}
.rating-star.star0_8::before{width: 17px;}
.rating-star.star0_9::before{width: 19px;}
.rating-star.star1_0::before{width: 22px;}
.rating-star.star1_2::before{width: 34px;}
.rating-star.star1_3::before{width: 35px;}
.rating-star.star1_4::before{width: 37px;}
.rating-star.star1_5::before{width: 39px;}
.rating-star.star1_6::before{width: 41px;}
.rating-star.star1_7::before{width: 43px;}
.rating-star.star1_8::before{width: 45px;}
.rating-star.star1_9::before{width: 47px;}
.rating-star.star2_0::before{width: 49px;}
.rating-star.star2_1::before{width: 59px;}
.rating-star.star2_2::before{width: 61px;}
.rating-star.star2_2::before{width: 63px;}
.rating-star.star2_3::before{width: 65px;}
.rating-star.star2_4::before{width: 67px;}
.rating-star.star2_5::before{width: 69px;}
.rating-star.star2_6::before{width: 71px;}
.rating-star.star2_7::before{width: 73px;}
.rating-star.star2_8::before{width: 75px;}
.rating-star.star2_9::before{width: 77px;}
.rating-star.star3_0::before{width: 79px;}
.rating-star.star3_1::before{width: 81px;}
.rating-star.star3_2::before{width: 83px;}
.rating-star.star3_2::before{width: 85px;}
.rating-star.star3_3::before{width: 87px;}
.rating-star.star3_4::before{width: 89px;}
.rating-star.star3_5::before{width: 91px;}
.rating-star.star3_6::before{width: 93px;}
.rating-star.star3_7::before{width: 95px;}
.rating-star.star3_8::before{width: 97px;}
.rating-star.star3_9::before{width: 99px;}
.rating-star.star4_0::before{width: 102px;}
.rating-star.star4_1::before{width: 113px;}
.rating-star.star4_2::before{width: 115px;}
.rating-star.star4_2::before{width: 117px;}
.rating-star.star4_3::before{width: 119px;}
.rating-star.star4_4::before{width: 121px;}
.rating-star.star4_5::before{width: 122px;}
.rating-star.star4_6::before{width: 124px;}
.rating-star.star4_7::before{width: 126px;}
.rating-star.star4_8::before{width: 127px;}
.rating-star.star4_9::before{width: 128px;}
.rating-star.star5_0::before{width: 132px;}

.rating-text strong{display: inline-block;color: #111;letter-spacing: -0.044rem;font-weight: 700;}
.rating-text span{display: inline-block;margin-left: 4px;color: #999;vertical-align: .1rem;}

/* 검색결과 없을 때 */
.no-result{text-align: center;}
.no-result h3{padding-top: 80rem;font-weight: bold; line-height: 1.36; letter-spacing: -0.044rem; color: #111111;background: url('../images/common/ico_notice_02.svg') 50% 0 no-repeat;-webkit-background-size: 64rem auto;background-size: 4rem auto;}
.no-result .text{padding-top: 160rem;text-align: center;}

/* .list-wrap */
.list-wrap > .data-list > li {border-bottom: 1px solid #ededed; padding-top: 40rem; padding-bottom: 40rem;}
.list-wrap > .data-list > li:first-child {padding-top: 0;}
.list-wrap > .data-list > li + li {border-top: 0;}
.list-wrap .item {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.list-wrap .item .detail-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; }
.list-wrap .item .img-wrap img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

/* table-item-wrap  */
.table-item-wrap .title-list{border-bottom: 2px solid #111; padding-bottom: 32rem;}
.table-item-wrap .title-list > li {font-weight: 700;color: #111;text-align: center;}

.table-item-wrap .data-list > li {border-bottom: 1px solid #ededed; font-weight: 500; padding-top: 28rem; padding-bottom: 28rem;}
.table-item-wrap .data-list > li .item a {font-weight: inherit;}
.table-item-wrap .item {background-color: transparent; box-shadow: none;}

/* .main-banner-wrap */
.main-banner-wrap {max-width: 1200px; margin: 0 auto;}
.main-banner-wrap .img-area {display: block; width: 100%; height: 480rem;}
.main-banner-wrap .img-area img {display: block; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

.view-pagination{-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.view-pagination, .view-pagination a, .view-pagination button{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.view-pagination a, .view-pagination button{-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 18px; letter-spacing: -0.36px; color: rgba(0,0,0,0.4); transition: 0.25s linear;background-color: transparent;}
.view-pagination .prev{-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
.view-pagination .next{-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
.view-pagination .ico.page-arr{width: 24px; height: 24px; opacity: 0.1; transition: 0.25s linear; background: url(../images/common/ico_arrow_page.svg) no-repeat 50% 50% / cover;}
.view-pagination .next .ico{transform: rotate(180deg);}
.btn.view-list{width: 56px; height: 56px; background-color: #fff; border: 1px solid #ededed; padding: 16px; 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;}
.ico.list-menu{display: inline-block; width: 24px; height: 24px; background: url(../images/common/ico_list-menu.svg) no-repeat 0 0 / cover;}
.view-pagination .btn.view-list{-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}



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

/*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: 400px; height: 40px; line-height: calc(38rem - 2px); margin: 0 auto; border-radius: 3rem; font-size: 15rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.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: 10rem;}

/* google 버튼 공통 */
.login.intro .sns-btn-wrap .googleCover,
.join.intro .sns-btn-wrap .googleCover { position: relative; max-width: 400px; margin: 0 auto; height: 40px; overflow: hidden; cursor: pointer; border-radius: 4px; border:1px solid #ccc; -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: 0; left: 0; display: block; line-height: 40px; box-sizing: border-box; width: 100%; height: 100%; background: #fff; z-index: 1; text-align: center; font-size: 14px; font-family: 'Red Hat Display','Roboto', sans-serif; font-weight: 500; letter-spacing: 0.31px; text-indent: 30px; pointer-events: none; }
.login.intro .sns-btn-wrap .googleCover:before,
.join.intro .sns-btn-wrap .googleCover:before{ content: ""; position: absolute; top: 50%; right: calc(55% + 30px); width: 100%; height: 100%; transform: translate(-50%, -50%); background: transparent url('../images/sns/ico_google.png') 50% 50% no-repeat; width: 36px; height: 36px; background-size: cover; z-index: 2; pointer-events: none;}

/* // 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; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20rem;padding-bottom: 40rem;}
.login.password .content-primary .primary-wrap{max-width: 600px;}

.login.intro .jt-popup__wrap { border-top: 1px solid var(--color-base-line); text-align: center; padding-top: 20rem; }
.login.intro .jt-popup__btn { position: relative; padding-left: 28rem; }
.login.intro .jt-popup__btn .jt-guide--icon { position: absolute; width: 24rem; left: 0; top: -1rem; }
.login.intro .jt-popup__btn span { position: relative; top: 1rem; }
.login.intro .jt-popup__btn span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 0;background: #999;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .login.intro .jt-popup__btn:hover span:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
html.ios .login.intro .jt-popup__btn .jt-guide--icon { top: 0; }
html.android .login.intro .jt-popup__btn .jt-guide--icon { top: -2rem; }

.login.intro #example3 { margin-top: 40rem; }
.login.intro #example3 > div { margin: 0 auto; }

.join.intro .content-primary .primary-wrap{max-width: 600px;}
.join.intro .text-join{margin-top: 50rem;padding-top: 50rem;padding-bottom: 30rem;font-size: 16rem;line-height: 1.44; letter-spacing: -0.37rem; text-align: center; color: #111;border-top: 1px solid #e2e2e2;}
.rule-popup .popup .popup-body .btn-area{padding: 40rem 0 24rem;text-align: center;}
.rule-popup .popup .popup-body .btn.medium{display: inline-block;width: 48%;margin: 14rem 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 #c40452; color: #c40452;}

.recaptcha-wrap { position: relative; height: 76px; padding:1px 0 0 1px; background:#222; }
.recaptcha-wrap > div { position: absolute; bottom: 2px; right:2px; font-size:10px; color:#ccc; }
.recaptcha-wrap:after { content:''; display: block; background-color: #222; height: 2px; width: 100%; top: -1px; left: 0px; position: absolute; }
.recaptcha-wrap:before { content:''; display: block; background-color: #222; height: 100%; width: 2px; top: 0; left: -1px; position: absolute; z-index: 1; }
#g-recaptcha { overflow: hidden; height: 76px; border-right: 60px solid #222222; border-top: 1px solid #222222; border-bottom: 1px solid #222; position: relative; box-sizing: border-box; max-width: 294px; }

/* 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: 20rem}

/* 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;}

/* PARTNER */
.partner.detail .content-primary { padding-top: 80rem;}/* 220615 content-praimary 여백이 생겨 margin-bottom: 8.75rem; 제거 */
.company-info-wrap.partner{margin-top: 80rem;}
.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: 30rem; font-weight: bold;}
.company-info-wrap.partner .company-detail .title span{font-weight: 500;font-size: 20rem;}
.company-info-wrap.partner .company-detail .description {font-size: 18rem; word-break: break-all; line-height: 32rem;}
.partner.detail .portfolio-section {margin-top: 140rem; padding-top: 130rem; 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: 40rem; 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: 45rem;}

.portfolio-section .btn-wrap .btn.normal{background-color: transparent;}
.partner.detail .portfolio-section .item .text-wrap .store{letter-spacing: -0.37rem; color: #111; font-weight: 500;}
.partner.detail .portfolio-section .swiper-util{ margin-top: 50rem; 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: 550rem;}

/* REQUEST */
.request.intro .content-header{background-color: #fafafa;}
.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: 133rem 42rem 100rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
.request.intro .item-wrap .h3 {margin-top: 60rem; font-size: 34rem; 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: 161rem; 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: 40rem; font-size: 18rem; font-weight: 500; color: #999;}
.request.intro .item-wrap .btn-text {display: block; margin-top: 60rem; font-size: 20rem; font-weight: 700; line-height: 54rem; border: 1px solid #e5e5e5; color: #999;}

.request.custom .choice-wrap.both {padding-top: 20rem; padding-bottom: 20rem;}
.request.custom .choice-wrap.both::after {display: table; content: ''; clear: both;}
.request.custom .choice-wrap.both .choice-area {float: left; width: 50%; font-size: 16rem;}
.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: 20rem; padding-top: 20rem;}
.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: 260rem;}

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

/*PORTFOLIO*/
.portfolio.main .location a + a::after {display: none;}
.portfolio.main .sort-area .select-wrap .insert {width: 210rem;}
.portfolio.main .sort-area .select-wrap .insert input[type="search"] {padding-right: 50rem;}

.portfolio.detail .content-primary {padding-top: 60rem;padding-bottom: 0;}
.portfolio.detail .portfolio-section .btn-wrap{margin-top: 75rem;}
.portfolio.detail .btn-wrap .btn + .btn {margin-left: 17rem;}
.portfolio.detail .portfolio-section {margin-top: 140rem; padding-top: 130rem;padding-bottom: 140rem;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: 40rem; font-weight: 700;}
.portfolio.detail .portfolio-section .item-list.portfolio {margin-top: 45rem;}
.portfolio.detail .portfolio-main-slider.swiper-container{padding-bottom: 0;}
.portfolio.detail .swiper-share{margin-top: 24rem; 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: #c40452;}
.portfolio.detail .swiper-share .swiper-pagination span.swiper-pagination-bullet-active,
.portfolio.detail .swiper-share .swiper-pagination span{width: 10rem; height: 10rem; margin: 0 auto; margin-right: 12rem;}
.portfolio.detail .btn.normal.medium{width:148rem; height: 42rem; margin-top: 12rem; 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: 40rem;}
.portfolio.detail .company-detail .company-title{font-size: 30rem; font-weight: 700;}
.portfolio.detail .company-detail .company-title + .title-wrap{margin-top: 8rem;}
.portfolio.detail .company-detail .title-wrap .title{font-size: 48rem;}
.portfolio.detail .company-detail .title-wrap .btn.bookmark{line-height: 24rem;}
.portfolio.detail .company-detail .text-wrap .description .desc{margin-bottom: 6px; font-size: 16rem; color: #999;}
.portfolio.detail .portfolio-value-slider.swiper-container{margin-top: 5rem;}

.view-state .steps {margin-top: 3.4375rem; margin-bottom: 40rem;}
.view-state .steps .text .date {position: absolute; top:68rem; left: 50%; width: 86rem; 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%;}

.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%;}

.portfolio-main-slider.swiper-container .swiper-pagination {bottom: 0;}
.portfolio-main-slider.swiper-container .swiper-pagination-bullet {width: 12rem; height: 12rem; margin: 0 8rem; background-color: #c40452; 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; height: 100%;}
/* // 220823 로고 width 값 수정 */
.company-info-wrap .company-info .company {display: block;margin-top: 40rem; font-size: 30rem; font-weight: 700;}
.company-info-wrap .company-info .sub {margin-top: 10rem; font-size: 16rem; color: #999;font-weight: 500;}
/* .company-info-wrap .company-info .data-list-wrap {margin-top: 60rem;} */
.company-info-wrap .company-info .data-list-wrap {margin-top: 40rem;}
.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: 75rem;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: 60rem; font-size: 16rem; line-height: 36rem;} */
.company-info-wrap .company-info .btn.detail {margin-top: 45rem; font-size: 16rem; line-height: 36rem;}
.company-info-wrap .company-info .state-wrap {margin-top: 20rem}
.company-info-wrap .company-info .state {display: inline-block; position: relative; padding-left: 29rem; font-size: 14rem; color: #999;}
.company-info-wrap .company-info .state::before {position: absolute; content: ''; width: 24rem; height: 24rem; top: 50%; left: 0; margin-top: -12rem; background-color: transparent; background-size: 24rem; 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: 11rem;}
.company-info-wrap .company-detail {width: 50%}
.company-info-wrap .company-detail .description {margin-top: 30rem; font-size: 18rem;}
.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: 38rem; font-weight: 700;}
.company-info-wrap.portfolio .company-detail .title-wrap .btn {margin-left: 6rem;}
.company-info-wrap.portfolio .company-detail .data-wrap {margin-top: 50rem;}
.portfolio-value-slider.swiper-container {margin-top: 100rem;}
.portfolio-value-slider.swiper-container .swiper-wrapper {justify-content: space-between;}
.portfolio-value-slider.swiper-container .swiper-slide {width: 31%; padding: 7rem 20rem; 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: 10rem; font-size: 24rem}
.portfolio-value-slider.swiper-container dd {margin-top: 10rem; font-weight: 700; font-size: 24rem; line-height:70rem; color: #c40452;}
.portfolio-value-slider.swiper-container dd strong {display: inline-block; font-size: 50rem; 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:7rem;}
.sns-share-wrap li a {position: relative; display: block; width: 36rem; height: 36rem;}
.sns-share-wrap li span {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden;}

.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: 40rem;}
.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: 30rem 0;}
.my-page.main .section.main-banner-wrap {padding-top: 140rem;}
.my-page.main .section + .section.go-link  {margin-top: 140rem;}
.my-page.main.partner-main .section + .section.go-link  {margin-top: 100rem;}
.my-page.main .section.go-link .item { padding: 60rem 40rem;}
.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: 18rem; letter-spacing: -0.37rem; color: #999;}
.my-page.main .section.go-link .title-wrap .sub-title {font-weight: 700; font-size: 30rem; letter-spacing: -0.37rem;}
.my-page.main .section.go-link .title-wrap .title + .sub-title,
.my-page.main .section.go-link .title-wrap + .ico-wrap {margin-top: 32rem;}

/* mineyo //add */
.my-page.main .section.scrap .swiper-buttons {display: none;}
.my-page.main .section.scrap .swiper-scrollbar {display: none;}

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

.my-page.main .item-list.col {padding-bottom: 0;}
.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: 70rem;}

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

/* 내 정보 수정 */
.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: 16rem;}
.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: 20rem; padding-top: 20rem;}
.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: 30rem; padding-bottom: 10rem; 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 10rem; font-size: 14rem; 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: 10rem;}
.withdraw-list-wrap dt {padding-right: 10rem; font-size: 14rem;}
.withdraw-list-wrap dd {-ms-flex-negative: 0;flex-shrink: 0; font-size: 14rem;}
.member-withdraw-popup .sub-info {margin-top: 20rem; font-size: 14rem; font-weight: 700;}
.member-withdraw-popup .check-wrap { margin: 10rem 0; }
.member-withdraw-popup .check-wrap label { display: block; margin-bottom: 5rem; }
.member-withdraw-popup .check-wrap .checkbox { width: 20rem; height: 20rem; margin-right: 10rem; }
.member-withdraw-popup .text-area .textarea { height: 100rem; }

.my-page .data-list.accordion li .category {font-weight: 700;}
.my-page .data-list.accordion li .question .state{color: #c40452;}
.my-page .data-list.accordion li .question .state.complete{color: #999;}
.my-page .data-list.accordion li .question.noafter a::after{content:none;}

/* 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: 260rem;}
.inquiry-check-field .check-area::after {display: table; content: ''; clear: both;}
.inquiry-check-field .check-area .asset {float: left; padding-top: 12rem; padding-right: 20rem;}

/* PE001L 이벤트 */
.container.event .board-contents img {width: 100%;}
.item-list.event li:last-child,
.item-list.event li:nth-last-child(2) {margin-bottom: 0;}
.item-list.event {margin-top: 50rem;}
.item-list.event .text.line2 {height:56rem;}

/* PN002L 공지사항 */
.container.notice .content-primary {padding-top: 100rem;}

/* PE001V PN002V 이벤트 뉴스캐스트 상세 */
/* PN002L 뉴스캐스트 리스트 */
.item-list.news {margin-top: 50rem;}
.item-list.news .text-wrap .text.line3 {height: 84rem;}

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

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

/* PR003_2W 견적 의뢰하기 - 견적 */
.refund-popup .insert .textarea {height: 210rem; 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: 100rem;}
.contract-tab-wrap .aside + .title-wrap {margin-top: 10rem;}
.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: 100rem;}
.contract-tab-wrap .btn-area {padding-top: 100rem; text-align: center;}
.contract-tab-wrap .btn-area .btn + .btn {margin-left: 20rem;}

/* PR003_3W 견적 의뢰하기 - 계약 갑지 */
.contract-form-wrap {margin-top: 100rem;}
.contract-form-wrap > .field-wrap:first-child .field {padding-top: 0;}
.contract-form-wrap .form-info {margin-top: 70rem; font-size: 18rem;}
.contract-form-wrap .sub-info {margin-top: 20rem; font-size: 14px; color: #999;}
.contract-form-wrap .field-wrap .label {font-size: 24rem; font-weight: 700;}
.contract-form-wrap .field-wrap .h3 {margin-top: 40rem;}
.contract-form-wrap .field-wrap .h3 ~ .field .label {font-size: 16rem;}
.contract-form-wrap .field-wrap .h3 ~ .field-line .label {font-size: 16rem;}
.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: 140rem; -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: 20rem;}
.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: 60rem;}
.contract-form-wrap .insert.multi.text .input-wrap:first-child {padding-left: 75rem;}
.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:50rem;}
.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: 43rem; padding: 0; border: none; border-bottom: 1px solid #e5e5e5;}
.file-upload-popup p + .file-wrap {margin-top: 30rem;}

/* PR004_1W 견적 의뢰받기 */
.request-data-title {font-size: 24rem; font-weight: 700;}
.request-data-title ~ .request-data-list {margin-top: 40rem;}
.request-data-title ~ .table-wrap.register-table {margin-top: 40rem;}
.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: 40rem;}
.request-data-list dl.row {width: 100%;}
.request-data-list dt {font-weight: 700;}
.request-data-list dd {margin-top: 20rem; 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: 51rem;}
.request-info-wrap .row .info-area {width: calc( 50% - 20rem ); box-sizing: border-box;}
.request-info-wrap .row ~ .info-area {margin-top: 40rem;}
.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: 16rem; text-align: center; color: #111;}
.request-info-wrap .info-area.my-info .state.line .item {margin-top: 30rem;}
.request-info-wrap .btn-area.ta-c {margin-top: 100rem;}
.request-info-wrap .btn-area.ta-c .btn + .btn {margin-left: 20rem;}

/* 등록한 상품 테이블 */
.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: 19rem; padding-bottom: 19rem; background-color: #fff;}
.table-wrap.register-table .data-table td {color: #999;}

/* 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: 30rem;}
.estimate-check-wrap .title-wrap .title {font-size: 24rem; font-weight: 700;}
.estimate-check-wrap .item-list-wrap {width: 32.5%;}
.estimate-check-wrap .item-list.estimate {padding: 30rem 40rem; 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: 40rem; text-align: right; cursor: pointer;}
.estimate-check-wrap .view-btn-wrap .btn {font-size: 14rem; padding-right: 29rem; 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: 30rem;}
.estimate-check-wrap .file-wrap .text {position: absolute; top: 50%; left: 20rem; 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: 120rem; padding-right: 20rem; 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: 30rem;}
.estimate-check-wrap .btn-area {margin-top: 30rem;}

/*MAIN*/
.main .section.partner{position: relative;}
.main .section .title-area{padding-top: 140rem;}
.main .section .title-area .ico.plus{margin-top: 15rem;}

.section.count{width: 100%;min-height: 612px;margin-top: 140rem;background: url('../images/common/bg_count.jpg') 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: 22rem;line-height: 26rem;color: #c40452;}
.count-wrap dl dd.number{margin-top: 10rem;font-size: 100px;font-weight: bold;line-height: 8.8148rem;color: #fff;}
.count-wrap dl dd.text{margin-top: 1.188rem;font-size: 16rem;line-height: 1.75;letter-spacing: -0.37rem;color: #fff;font-weight: 400;}

.section.service{background-color: #fafafa;}
.section.service .section-wrap{position: relative;max-width: 1200px;margin: 0 auto;padding-bottom: 140rem;}
.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: 54rem;}

.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: #111;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;}

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

.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;}

.slider-event{padding-bottom: 140rem;}
.slider-event .swiper-slide{padding-top: 30rem;}
.slider-event .swiper-slide .link-rea{display: block; width: 100%; height: 100%;}
.slider-event .swiper-slide .title{font-size: 20rem;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: 40rem;font-size: 14rem;line-height: 19rem;letter-spacing: -0.35rem;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: 10rem;font-size: 14rem;letter-spacing: -0.35rem;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: #c40452;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;}

.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: 18rem}
.section.cs .faq-list li + li{margin-top: 10rem;}
.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: 48rem;}
.cs-section.inquiry{position: relative; padding: 48rem; border: solid 1px #ededed;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06);}
.cs-section.inquiry .h3{font-size: 36rem;line-height: 1.33;letter-spacing: -0.045rem;font-weight: 700;}
.cs-section.inquiry p{margin-top: 28rem; opacity: 0.5; font-size: 18rem; letter-spacing: -0.37rem; color: #111;}

.my-order-box{position: relative;max-width: 1200px;margin: 0 auto;background: #111; 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;}

/* 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 h3{font-size: 34rem;line-height: 1;font-weight: bold;letter-spacing: -0.0548rem;color: #111111;}
.how-to .section-wrap .title-wrap p{margin-top: 2.3148rem;font-size: 18rem;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: 16rem;line-height: 1.63; letter-spacing: -0.37rem; text-align: left; color: #c40452;font-weight: bold;}
.how-to .section-wrap .step-wrap .text-wrap h4{padding-top: 10rem;font-size: 30rem; font-weight: bold; line-height: 1.33; letter-spacing: -0.047rem; color: #111111;}
.how-to .section-wrap .step-wrap .text-wrap p{padding-top: 30rem;font-size: 18rem;font-weight: 500;line-height: 1.56;letter-spacing: -0.028rem;color: #999}

.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 #111;}
.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: 30rem;}
.contract-client .client-place {display: block; font-weight: 500; margin-top: 8rem;}
.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: 16rem; }
.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: 10rem; padding-right: 10rem; 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;}

.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: 40rem; 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: 40rem;}
.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: 20rem;}
.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: 16rem; padding-bottom: 16rem;}
.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: 16rem; font-weight: 500;}
.estimate-info-wrap .data-list-wrap .field .btn-area {width: 100%; margin-top: 20rem; 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 20rem;}
.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: 8rem;}
.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 20rem;}
.estimate-info-wrap > .title-wrap .title {font-weight: 500; font-size: 24rem}

/* otp 인증관련*/
.otp .content-primary {padding-top: 80rem;}
.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: 8rem;}
.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: 170rem; padding: 0 20rem; transform: translateY(-50%); }
.otp-certify .certify-offer .btn {position: relative; width: 30rem; height: 30rem;}
.otp-certify .time {font-size: 16rem;}
.otp-certify .time + .btn {margin-left: 20rem;}
.utility-wrap {width: 100%; margin-top: 20rem;}
.utility-wrap .btn {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center; font-size: 16rem; color: #111; padding: 0; }
.utility-wrap .btn .ico {background-image: url('../images/common/ico_plus_active.svg'); margin-right: 4rem;}
.otp-certify + .otp-login-form {margin-top: 40rem;}
.otp-login-form .data-list > li {background-color: #fff; padding: 1.5rem 40rem 40rem;  box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.06); box-sizing: border-box;}
.otp-login-form .data-list > li + li {margin-top: 20rem;}
.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: 16rem; padding-bottom: 16rem;}
.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: 47rem; line-height: calc(47rem - 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: 152rem 0 152rem; }
.otp-login-form .info-text + .btn-area{padding-top: 0;}
.otp-login-form .info-text p.text { text-align: center; }

/* minyeo */
/* .otp-certify .insert .input-text {width: -webkit-fill-available;} */

.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: 16rem;}
.otp-sms-popup .data-list .btn-area {padding-top: 0;}
.otp-sms-popup .field {min-height: 50rem; padding-top: 0;}
.otp-sms-popup .field + .field {margin-top: 20rem;}
.otp-sms-popup .input-wrap.with-btn {padding-right: 138rem;}
.otp-sms-popup .input-wrap.with-btn .btn {width: 134rem;}
.otp-sms-popup .select {width: 100%;}
.otp-sms-popup .otp-certify .certify-offer {right: 138rem;}
.otp-sms-popup .otp-certify .time,
.otp-sms-popup .text  {font-size: 14rem;}
.otp-sms-popup .field-wrap + .text {margin-top: 28rem;}

/* 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: 195rem 0 224rem;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: 403rem;margin: 0 auto;}
.gate .item-wrap .item .img-area img{width: 100%;}

.gate .item-wrap .item .h3 img{height: 52rem;margin-right: 8rem;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;}

/* 부품업체 */
.my-page.partner.detail .content-primary{}

.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: #111;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: #111;}
.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 .btn.double {width: 98px;background-color: #fff;font-size: 16px;}
.news .btn-area .btn.reset[disabled]{border-color: #ededed; color: #666;}
.news .btn-area .btn.reset{border: 1px solid #111;}
.news .btn-area .btn.double.bdr + .btn.double.bdr{border: 1px solid #111;color: #111;}
.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: #111;}
.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: #111; 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: #666; 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;}

.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: #111; letter-spacing: -0.96px; font-weight: 700; word-break: keep-all; line-height: 1.5; }
.news .detail-header .date { color: #666; 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: #111; 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; }

/* 기업정보 조회 팝업 */
.caompany_pop{cursor: pointer}
.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: #111; font-weight: 400; }
.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: #111; 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%; height: 86px; line-height: 86px; font-size: 18px; letter-spacing: -0.36px; color: #111; padding: 0; border: none; -webkit-appearance: textfield;-moz-appearance: textfield; outline: none;}
.pop-search-company .field .insert .check-wrap + input { width: calc(100% - 199px); }
.pop-search-company .field .insert.mix.search input { width: calc(100% - 55px); border: none; }
.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; }
.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; border: none; }
.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: 16rem; height: 16rem; 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: 9rem; height: 16rem; 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: #111; }
.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; }

html.safari .pop-search-company .field .insert input.checkbox { border-radius: 0; }


/* // 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;}
.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: #c40452;}
.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: 16rem; color: #111; 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: 20rem; 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: 22rem;}
.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 #111;}
.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 #111;}
*/

.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: #c40452;  }
.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);}
/* // 221108 견적 상담하기 */


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

.policy .policy-body { font-size: 16rem; line-height: 28rem; }

.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: 18rem; font-weight: 400; color: #666;}

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

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

.policy .policy-body .intro-title{color: #111;letter-spacing: -0.368rem;}
.policy .policy-body .intro-title + .text-wrap{padding-top: 40rem;}
.policy .policy-body h3{color:#111; padding-top: 30rem;}
.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: 29rem;}

.policy .policy-body .text-wrap .text.list{position: relative; padding-left: 15rem;}
.policy .policy-body .text-wrap .text.list::before{content: ""; position: absolute; top: 8rem; left: 0; width: 8rem; height: 8rem; border-radius: 50%; background: #666; 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: 24rem;}

.policy .policy-body .text-wrap .text{color:#666; letter-spacing: -0.368rem; line-height: 28rem;}
.policy .policy-body .text-wrap ul{color:#666; letter-spacing: -0.368rem;}
.policy .policy-body .text-wrap p span{display: block;}
.policy .policy-body .text-wrap .space{padding-left: 25rem;}
.policy .policy-body .text-wrap .space-19{padding-left: 19rem;}


.policy .policy-body .data-table{margin-top: 25rem;}
.policy .policy-body .data-table th,
.policy .policy-body .data-table .title{font-weight: 400; color: #111;}
.policy .policy-body .data-table tbody td{padding: 16rem 24rem;}

.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 #111;}
.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 #111;}
.policy .policy-body .data-table ul.tbody .title{background: rgba(0,0,0,0.2); padding: 0.75rem; border-bottom: 1px solid #111;}
.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 #111;}
.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: 18rem; text-decoration: underline; color: blue; }

.policy .policy-body .data-table{border: 1px solid #111;}
.policy .policy-body .data-table thead tr{border-bottom: 1px solid #111;}
.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 #111;}
/* // 220727 추가 */


.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: 16rem;}
.overlay.policy .policy-body dl dt,
.overlay.policy .policy-body dl dd{font-size: 15rem;}
.overlay.policy .popup-body *{text-align: left !important;}
.overlay.policy .policy-body {margin-top: 0;}
.overlay.policy .policy-body h3{padding-top: 40rem;}
.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;}

/* 비밀번호 찾기 */
.login.password .field + .input-text { margin-top: 10rem; }
.login.password .input-text + .btn-area {padding-top: 10rem; }


/* **************************************** *
 * keyframes
 * **************************************** */ 
@-webkit-keyframes toggleOnCheckbox {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
				transform: translate(-50%, -85%) scale(0) rotate(45deg);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
				transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
	}
	100% {
		-webkit-transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
				transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
	}
}
@keyframes toggleOnCheckbox {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
				transform: translate(-50%, -85%) scale(0) rotate(45deg);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
				transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
	}
	100% {
		-webkit-transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
				transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
	}
}
@-webkit-keyframes toggleOnRadio {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.9);
				transform: translate(-50%, -50%) scale(0.9);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(0.8);
				transform: translate(-50%, -50%) scale(0.8);
	}
}
@keyframes toggleOnRadio {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.9);
				transform: translate(-50%, -50%) scale(0.9);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(0.8);
				transform: translate(-50%, -50%) scale(0.8);
	}
}

/* **************************************** *
 * rwd
 * **************************************** */
@media (min-width: 1541px) {
	.list-wrap .item .img-wrap {width: 360px;}
	.list-wrap .item .detail-wrap {width: calc(100% - 360px); padding-left: 60rem;}
}

@media (min-width:1249px){
	.under .item-list.col > li, .under .item-list.col > div{margin-right: 21rem;margin-left: 21rem;}
	
	.section.event .section-wrap{padding-right: 7.5%;padding-left: 24rem;}
	.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 (min-width:1201px) {
	.slider-banner .swiper-pagination{max-width: 1200px; left: 0; right: 0; margin: 0 auto; }
	/* minyeo //add rwd */
	.my-page.main.partner-main .section{padding-left: 0;padding-right: 0;}
	.login.join .header-wrap > h2.aside, .my-page:not(.partner-main) .header-wrap > h2.aside, .portfolio .header-wrap > h2.aside{padding-left: 24rem; padding-right: 24rem;}
}

@media (min-width:1161px){
	/* minyeo //add rwd */ 
	.login.join .content-primary {padding-top: 100rem;}
	.partner.detail .content-primary .primary-wrap  {padding-left: 0; padding-right: 0;}
}

@media (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 (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 (min-width: 961px){
	.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;}
	/* .item.article .source {width: calc(100% - 140rem);} */
	
	.list-wrap .item .detail-wrap {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	
	.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 (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 (min-width:926px){
	.content-header .header-wrap{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
	.content-header .header-wrap.row .notification {text-align: right;}
	.content-header .notification > dl {padding-left: 28rem;}
}

@media (min-width: 769px){
	.swiper-page-group{max-width: 1200px;top: 50%;transform: translateY(-50%);/* margin-top: 182px; */padding-left: 24px;padding-right: 24px;opacity: 1;}	
	section.intro.lessen .swiper-page-group{margin-top: 150px;opacity: 0;visibility: hidden;}
	
	 #footer .footer__inner .logo{padding-top: 7rem;}
	 #footer .text-wrap{padding-top: 7rem;}
	
	.content-primary .primary-wrap{padding-left: 24rem;padding-right: 24rem;}
	
	#container{min-height:100%;}
	.content-header{padding-left: 24rem; padding-right: 24rem;}
	
	.btn.download:hover{color: #c40452;}
	.btn.detail:hover{color: #c40452;border-bottom: 3px solid #c40452;}
	.btn.detail:hover .ico.arrow, a:hover .ico.arrow{-webkit-transform: translateX(15%); -moz-transform: translateX(15%); -ms-transform: translateX(15%); -o-transform: translateX(15%); transform: translateX(15%);}
	.btn.more:hover{border: 1px solid #111;}
	.btn.more:hover .ico.plus{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); transform: rotateZ(180deg);}
	.select-group.multiple a.btn:hover{border: 2px solid #111;line-height: 51rem;}
	.select-group a + a:hover{border-left: 2px solid #111 !important;}
	
	.input-text + .btn-area{padding-top: 40rem;}
	
	a:hover .ico.plus, button:hover .ico.plus{background: url('../images/common/ico_plus_active.svg') 0 0 no-repeat;-webkit-background-size: 24rem auto;background-size: 24rem auto;}
	
	.data-list.accordion li .question a{display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: flex-start;}
	
	.filter-wrap dl{position: relative; padding-left: 126rem;}
	.filter-wrap dt {position: absolute; top: 0; left: 0;}
	
	.item-list.portfolio .btn.normal{position: absolute;right: 0;bottom: 0;width: 84px;}
	
	.item.article .btn-area .btn {padding: 0 16rem;}
	
	.item-list .item .date{padding-top: 22px;font-size: 14px;line-height: 16rem;letter-spacing: -0.28px;}
	
	.item-list.portfolio .item .company{font-size: 18rem;letter-spacing: -0.37rem;text-align: left;}
	
	.item-list.news .item{position: relative;padding-right: 430px;}
	.item-list.news .item .thumb{position: absolute;top: 40rem;right: 40rem;}
	.item-list.news .item .thumb img{width: 100%; height: 100%; object-fit: cover;}
	
	.item-list.partner > div .item .text-wrap .btn.more:hover{border: 1px solid #fff;}
	
	.item-list.article > div .item .text-wrap .btn.more:hover{border: 1px solid #fff;}

	.item-list.article > div .item .thumb{width: 372px;height: 270px;}
	.item-list.article > div .item .text-wrap .text{margin-top: 20rem;font-size: 18rem;letter-spacing: -0.37rem;}
	.item-list.article > div .item .btn.link{margin-top: 148rem;font-size: 16rem;letter-spacing: -0.35rem;}
	
	.item-list.news .text-wrap h4  {height: 33rem;}
	
	.item-list.col > li, .item-list.col > div{width: 360rem !important;margin-right: 42rem;}
	.item-list.col > li.swiper-slide:last-child, .item-list.col > div.swiper-slide:last-child {margin-right: 0;}
	.item-list.col > li .thumb, .item-list.col > div .thumb{width: 100%;height: 250rem;overflow: hidden;}
	
	.item-list li a .thumb{overflow: hidden;}
	.item-list li a .thumb img{transition: transform .5s ease;}
	.item-list li a:hover .thumb img{transform: scale(1.1);}

	.data-list.notice li a:hover{border: 1px solid #c40452;}

	.item-list.basic li .item{float: left;width: 240rem;height: 425rem;}

	.item-list.col-3 > li:nth-of-type(3n-1),
	.data-list.col-3 > li:nth-of-type(3n-1){margin-left: 42px; margin-right: 42px}
	.item-list.col-2 > li:nth-of-type(2n){margin-left: 42px}

	.item-list.news li a .thumb{width: 300px;height: 210px;}
	
	.section .item.project {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%;
	}
	.section .item.project .title-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; width: 37%; padding-left: 12%;}
	.section .item.project .state {width: 63%;}
	.section .my-info + .item-wrap {width: calc(100% - 39.166%); padding-left: 30rem;}
	
	.rating-star{margin: 20rem auto 0;}
	.rating-text strong{font-size: 28rem;line-height: 38rem;}
	.rating-text span{font-size: 14rem;line-height: 22rem;}
	
	.no-result{padding-top: 150rem;}
	.no-result h3{font-size: 28rem;}
	.no-result .btn.normal.large{margin-top: 147rem;}
	
	/* minyeo */
	.login.intro .content-primary{padding-top: 100rem;}
	.my-page .content-primary, .password .content-primary, .portfolio .content-primary{padding-top: 80rem;}

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

	/* .login.join .content-primary {padding-top: 100rem;} */

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

	.join.intro .content-primary{padding-top: 100rem;}
	.rule-popup .popup .popup-body .btn-area{display: flex;justify-content: space-between;}
	
	.slider-partner .item-list.portfolio {padding-bottom: 43rem;}
	.slider-partner .item-list.portfolio > div + div{margin-left: 42rem;}
	
	.partner.detail .portfolio-section .item .text-wrap .store{font-size: 18rem; }
	.partner.detail .portfolio-section .item .text-wrap .store + h4{margin-top: 2rem;}

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

	.company-info-wrap.partner .company-info .data-list-wrap dt {width: 183rem;}
	
	.request.intro .item-wrap .link-area:hover::after {display: block; position: absolute; content: ''; top: 0; left: 0; width: 100%;height: 100%; border: 1px solid #c40452;}
	.request.intro .item-wrap .link-area:hover .btn-text {color: #fff; border-color: #c40452; background-color: #c40452;}
	
	.table-item-wrap .title-list > li {float: left;}
	.table-item-wrap .title-list > li,
	.table-item-wrap .data-list > li {font-size: 18rem;letter-spacing: -0.37rem;}
	.table-item-wrap .title-list::after,
	.table-item-wrap .data-list > li::after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
	.table-item-wrap .data-list > li .item{float: left;}

	.table-item-wrap.col-3 .item:not(.i1),
	.table-item-wrap.col-4 .item:not(.i1) {text-align: center;}
	.table-item-wrap.col-3 .title-list > li:nth-child(1),
	.table-item-wrap.col-3 .item.i1 {width: 42%;}
	.table-item-wrap.col-3 .title-list > li:nth-child(2),
	.table-item-wrap.col-3 .item.i2 {width: 28%;}
	.table-item-wrap.col-3 .title-list > li:nth-child(3),
	.table-item-wrap.col-3 .item.i3 {width: 30%;}

	.table-item-wrap.col-4 .title-list > li:nth-child(1),
	.table-item-wrap.col-4 .item.i1 {width: 40%;}
	.table-item-wrap.col-4 .title-list > li:nth-child(2), .table-item-wrap.col-4 .item.i2 , .table-item-wrap.col-4 .title-list > li:nth-child(3), .table-item-wrap.col-4 .item.i3 , .table-item-wrap.col-4 .title-list > li:nth-child(4), .table-item-wrap.col-4 .item.i4{width: 20%;}
	
	.portfolio-main-slider.swiper-container .swiper-slide{overflow-y: hidden;}
	
	.my-page.main .main-banner-wrap + .content-header {padding-top: 80rem;}
	.my-page.main .content-header{padding-left: 24rem;padding-right: 24rem;}
	.my-page.main .section{padding-left: 24rem;padding-right: 24rem;}

	.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: 296rem;}
	.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: 50%;}
	.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: 64rem; padding-right: 30rem;}
	
	.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: 40rem; padding-right : 104rem;}
	.my-page .data-list.accordion li .question .state {font-size: 18rem;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;}

	.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: 100rem; font-size: 14rem; font-weight: 700; text-align: center; line-height: 38rem; 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;}
	
	.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;}

	.section.service .title-area .h2{font-size: 40rem;letter-spacing: -0.05rem;}
	.section.service .title-area .h3{margin-top: 15rem;font-size: 28rem;letter-spacing: -0.56rem;}
	.section.service .item-list li{width: 31%;padding: 84rem 20rem;}
	.section.service .item-list li .h4{padding-top: 120rem;-webkit-background-size: 72px auto;background-size: 72px auto;font-size: 24rem;letter-spacing: -0.048rem;}
	.section.service .item-list li .text{padding-top: 20px;font-size: 18px;letter-spacing: -0.37rem;}
	.section.service .item-list li .btn.more{margin: 32px auto 0;}
	.section.service .item-list li .btn.more .ico.plus{margin-top: 15rem;}
	
	.main.intro .section{padding-left: 24rem;padding-right: 24rem;box-sizing: border-box;}
	.main.intro .section.partner{padding-left: 0;padding-right: 0;}
	.main.intro .section.partner .title-area{padding-left: 24rem;padding-right: 24rem;}
	.main.intro .section.look{padding-left: 0;padding-right: 0;}
	.main.intro .section.look .title-area{padding-left: 24rem;padding-right: 24rem;}
	
	.section.cs{padding-top: 150rem;padding-bottom: 140rem;}
	.section.cs .faq-list .btn.link{font-size: 18rem;letter-spacing: -0.37rem;color: #111;}
	.cs-section.inquiry .btn.link{position: absolute; bottom: 48rem;}
	
	.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;}
	
	.how-to .section-wrap{padding-top: 100rem;padding-bottom: 100rem;}
	.how-to .section-wrap .step-wrap{margin-top: 100rem;}
	.how-to .section-wrap .step-wrap + .step-wrap{margin-top: 130rem;}
	.how-to .section-wrap .step-wrap:last-child{padding-bottom: 60rem;}
	.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%;}
	
	.contract-client .request-info-wrap {height: 415rem;}
	.contract-client .request-info-wrap .info-area {width: 50%; height: 100%;}
	.contract-client .client-place + dl{padding-top: 12rem;}

	.partner .contract-client .request-info-wrap {height: 337rem;}
	.partner .contract-client .img-area img {max-height:120rem;}
	
	.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;}
	
	#container.otp {min-height: auto;}
	.otp-login-form .info-text p.text {font-size: 18rem; letter-spacing: -0.37rem;}
	
	.gate .item-wrap .item .h3{padding-top: 5rem;font-size: 48rem;letter-spacing: -0.06rem;}
	.gate .item-wrap .item .h4{padding-top: 0.5rem;font-size: 34rem;line-height: 1.35;letter-spacing: -0.7rem;}
	.gate .item-wrap .item .text{padding-top: 40rem;}
	.gate .item-wrap .item .btn-text{padding-top: 43rem;font-size: 16rem;letter-spacing: -0.35rem;}
	.gate .item-wrap .item .btn-text .ico.arrow{margin-left: 0.5rem;}
	
	.my-page.partner .filter-wrap dl{padding-left: 0;padding-bottom: 80rem;}
	
	.pop-consult-form .popup-header .h2{font-size: 36rem; padding: 5px 0;}
	.pop-consult-form .popup-header p.text{ font-size: 18rem; line-height: 27rem;}

	.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 (min-width: 769px) and (max-width: 1248px) {
	section.intro.lessen .swiper-page-group{padding-left: 48px;padding-right: 48px;}
}

@media (min-width:769px) and (max-width:925px){
	.content-header .h2 + .notification {margin-top: 30rem;}
}

@media (max-width:1500px){
	.content-header { padding-top: 100rem; }
	.content-primary { padding-bottom: 140rem; }
}

@media (max-width:1160px){
   .my-page.partner .content-header {padding-top: 0;}
   .content-header .header-wrap{justify-content: flex-end;}
   .content-header .h2{display: none;}
}

@media (max-width:925px){
	.content-header .header-wrap{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: flex-start; -webkit-align-items: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}
	.content-header .header-wrap .btn.detail{margin-top: 22rem;}
	.content-header .h2.aside, .content-header .notification{float: none;}
	.content-header .location{display: none;}
	.content-header .notification{position: relative;padding-left: 34rem;}
	.content-header .notification .ico.notice_02{position: absolute;left: 0;top: 0;}
}

@media (min-width:821px){
	.btn.link::after {margin-left: 4px;}
	.btn.link.small{font-size: 16px;letter-spacing: -0.32px;}

	.slider-banner .swiper-slide .for-pc{display: block;}
	.slider-banner .swiper-slide .for-mo{display: none;}
	
	.slider-banner .swiper-slide > div{height: 430px;}
	
	.view-pagination .prev .ico.page-arr {margin-right: 4px;}
	.view-pagination .next .ico.page-arr {margin-left: 4px;}
	
	.news .field > .label,
	.news .field > .insert {padding-top: 27px; padding-bottom: 28px;}
	.news .item.article .btn-area .btn {width: 210px; }
	
	.news .detail-header .date { font-size: 18px; }
	.news .detail-body p { font-size: 18px; }
	
	.pop-search-company .table-list-wrap .data-list { border-top: 2px solid #111;
	}
	.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 .insert .check-wrap { margin-right: 24px; }
}

@media (max-width:820px){
	.btn.link {font-size: 16px; letter-spacing: -0.32px;}
	.btn.link::after {width: 18px; height: 18px; margin-left: 2px;}
	.btn.link.small{font-size: 14px;letter-spacing: -0.28px;}
	
	.for-821{display: none;}
	.for-820{display: block;}
	
	.slider-banner .swiper-container .swiper-button-prev{ padding: 20px 8px 20px 0px; border-radius: 0 32px 32px 0;}
	.slider-banner .swiper-container .swiper-button-next{padding: 20px 0px 20px 8px; border-radius: 32px 0px 0px 32px;}

	.slider-banner .swiper-pagination{width: 100%; top: auto; bottom: 28px; left: 0; right: 0; margin: 0 auto;}
	.slider-banner .swiper-pagination .page-number{width: 79px; height: 31px; line-height: 31px; margin-left: auto; background: rgba(0,0,0,0.3); border-radius: 25px; font-size: 14rem; font-weight: 400; color: #fff; letter-spacing: -0.35rem;}

	.slider-banner .swiper-slide .top-banner .text-wrap{padding: 48px 18px 0;}
	.slider-banner .swiper-slide .top-banner .text-wrap .title{font-size: 30px;line-height: 42px;letter-spacing: -0.6px;}
	.slider-banner .swiper-slide .top-banner .text-wrap .text{padding-top: 20px;font-size: 16px;letter-spacing: -0.32px;}
	
}

@media (min-width: 1280px) and (max-width: 1540px){
	.list-wrap .item .img-wrap {width: 32%;}
	.list-wrap .item .detail-wrap {width: calc(100% - 32%); padding-left: 45rem;}
}

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

@media (min-width: 821px) and (max-width:1200px){
	.slider-banner .swiper-slide .top-banner .text-wrap{padding-left: 24px;padding-right: 24px;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.slider-banner .swiper-pagination .page-number{padding-right: 12rem;}
}

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

	.gate .item-wrap .item{padding: 15.625vw 0 13.141025vw;}
}

@media (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 (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 (min-width:769px) and (max-width:960px) {
	/* 220823 로고 width 값 수정 */
	.company-info-wrap .company-info .logo img {max-width:340px;}
	/* // 220823 로고 width 값 수정 */
}

@media (min-width:769px) and (max-width:925px) {
	.item-list.col-3 > li, .data-list.col-3 > li{width:  calc( (100% - 42px) / 2);}
	.item-list.col-3 > li:nth-of-type(2n), .data-list.col-3 > li:nth-of-type(2n){margin-left: 42px;}
}

@media (min-width: 769px) and (max-width: 880px) {
	.btn-area.triple .btn.large{min-width: 220rem;}
	.data-list.accordion li .question a span{width: auto;}
}

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

	.section.count{height: 665px;}
	.section.count .h2{font-size: 40rem;}
	.count-wrap dl dt{font-size: 18rem;line-height: 30rem;}
	.count-wrap dl dd.number{font-size: 80rem;line-height: 1.4125;}
	.count-wrap dl dd.text{margin-top: 20rem;font-size: 14rem;line-height: 22rem;}

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

	.section.news .section-wrap{padding-bottom: 100rem;}
	
	.section .slider {max-width: calc(100% - 24rem);}

	.section.link{background: #c40352 url(../images/common/bg_link_02.jpg) 100% 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
	
	.gate .item-wrap{flex-direction: column;}
	.gate .item-wrap .item{width: 100%;}
}

@media (max-width:1235px) {
	.portfolio.detail .swiper-share{padding: 0 18rem;}
}

@media (max-width:1200px) {
	.slider-banner .swiper-pagination .page-number{margin: 0 auto;}
}

@media (max-width: 1160px){
	.filter-wrap dl dt{display: block;margin-bottom: 10rem;}
	
	.sort-area{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.sort-area.right{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
	.sort-area .select-wrap{padding-top: 10rem;}
	.form + .sort-area{padding-top: 40rem;}
	
	.my-page.partner-main .section.main-banner-wrap {padding-top: 100rem;}
	.news .content-header{padding-top: 16rem;}
}

@media ( max-width: 1023px ){
	.content-header { padding-top: 80rem; }
	.content-primary { padding-bottom: 120rem; }

	html.ios .login.intro .jt-popup__btn { top: -2rem; }
	html.ios .login.intro .jt-popup__btn .jt-guide--icon { top: -2rem; }
}

@media (max-width: 960px){
	.item.article .flex-between + .text-wrap,
	.item.article .wrap-top + .wrap-bottom,
	.item.article .source + .btn-area {margin-top: 28rem;}
	
	.list-wrap .item .detail-wrap {margin-top: 28rem;}
	.list-wrap > .data-list > li {padding-top: 32rem; padding-bottom: 32rem;}
	.list-wrap .item {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	
	.my-page .section.newsletter .item.article .img-wrap {height: 67.2vw;}
	
	.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 (max-width:950px){
	.slider-estimate{position: relative;}
	.slider-estimate .swiper-wrapper{padding-bottom: 40rem;}
	.slider-estimate .swiper-pagination{bottom: 0;left: 0;right: 0;font-size: 0;}
	.slider-estimate .swiper-pagination-bullet{margin: 0 5rem;opacity: 0.1;background-color: #111111;}
	.slider-estimate .swiper-pagination-bullet-active{opacity: 1;background-color: #c40452;font-size: 0;}
	
	.section.service .section-wrap .drawing{right: 0;}
}

@media (max-width:925px) {
	.item-list.col-3 > li:nth-of-type(3n-1), .data-list.col-3 > li:nth-of-type(3n-1){margin-right: 0;}
	
	.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 (max-width: 920px) {
	.field > .label .notice{display: block;margin-left: 0;}
}

@media (max-width: 860px){
	.content-header { padding-top: 60rem; }
	.content-primary { padding-bottom: 100rem; }
}

@media (max-width: 820px){
	.slider-banner .swiper-slide .for-pc{display: none;}
	.slider-banner .swiper-slide .for-mo{display: block;}
	
	.view-pagination a,
	.view-pagination button{font-size: 16px; letter-spacing: -0.32px;}
	.btn.view-list {width: 40px; height: 40px; padding: 8px;}
	
	.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: #111;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 { 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%; }

	.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-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: 24px; padding-right: 24px; }
	.pop-search-company .popup.max-1088 .popup-body { padding-left: 24px; padding-right: 24px; }
	.pop-search-company .popup.max-1088 .btn-area { margin: 0 24px 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 .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 .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 { height: 65px; font-size: 16px; line-height: 65px; }
	.pop-search-company .field .insert input.date { margin-right: 0; }
	.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: #111; }
	.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; }
}

@media (max-width:768px){
	/* 220916 수정 */
	.swiper-page-group{bottom: 90px;padding-left: 18px;padding-right: 18px;}

	.content-primary .primary-wrap{padding-left: 18rem;padding-right: 18rem;}
	
	/* 221011 수정 */
	.content-header{padding-left: 18rem;padding-right: 18rem;}
	/* // 221011 수정 */
	.content-primary {padding-top: 40rem;}
	.content-header .h2{font-size: 34rem;line-height:46rem;letter-spacing: -0.0548rem;}
	.content-header .h2.solid{font-size: 34rem;line-height:46rem;}
	/* .content-header .h2.aside{font-size: 34rem; } */
	.content-header .tabs{padding-top: 48rem;}
	.content-header .h2 + .notification,
	.content-header .header-wrap.row .notification {margin-top: 52rem;}
	.content-header .notification,
	.content-header .notification > dl {font-size: 14rem;}
	
	.popup-header,
	.popup-body {padding: 24rem;}
	.btn-close {top: 21rem; right: 24rem;}
	
	.toast-popup .popup-header .h3 {font-size: 18rem;}
	.toast-popup .btn-close {top: 41rem; right: 38rem;}
	
	.btn.large{min-width: 0;width: 100%;}
	
	.btn.small{font-size: 12rem;}
	.btn.large{height:55rem;line-height: calc(55rem - 2px);font-size: 16rem;}

	.btn.more{width: 48rem;height: 48rem;}
	
	.btn.download {width: 80rem; height: 36rem; line-height: calc(36rem - 2px);}
	
	.checkbox.round{margin-left: 0.938em;}
	
	:not(.insert) .radio + label, :not(.insert) .checkbox + label {font-size: 14rem;}
	
	.input-text.medium {font-size: 14rem;}
	
	.select.medium{height: 40rem;padding: 0 20rem;font-size: 12rem;}
	.field .select.medium {height: 55rem; font-size: 14rem;}
	
	.select-group {flex-direction: column;}
	.select-group .btn.medium {font-size: 14rem;}

	.field-wrap {float: none; width: 100%; padding-right: 0;}
	.field-wrap + .field-wrap {padding-left: 0;}
	.field-wrap + .field-wrap .h3{margin-top: 40rem;}
	.field-wrap .h3 {font-size: 18rem;}
	.field-wrap .field-info {font-size: 12rem;}
	.fieldset .btn-area {padding-top: 40rem;}
	.fieldset .btn-area .btn.large {width: 100%;}
	.fieldset .btn-area .btn.large + .btn.large {margin-top: 10rem; margin-left: 0;}
	.field {padding-top: 20rem;}
	.field > .label {width:100%; font-size: 14rem;}
	.field .alert-text {margin-top: 6rem; font-size: 12rem;}
	.field-info.clear {padding-top: 40rem; font-size: 14rem;}
	.field > .insert .select{font-size: 14rem;}
	
	.input-text + .btn-area{padding-top: 20rem;}
	.insert.select-wrap .select-area:nth-child(n+3) {margin-top: 10rem;}
	
	.input-wrap.with-text .title {font-size: 14rem;}
	.input-wrap.with-text .text {font-size: 14rem;}
	.input-wrap.with-text.half .input-text {padding-left: 0; padding-right: 42rem;}
	.input-wrap.with-text + .input-wrap.with-text{padding-left: 70rem;}
	.input-wrap.with-btn {padding-right: 105rem;}
	.input-wrap.with-btn .btn {width: 100rem; font-size: 12rem;}
	.input-wrap.with-btn .btn.medium {padding: 0;}
	.input-text.etc::placeholder {font-size: 0;}
	.input-text.etc.active::placeholder {font-size: 16rem;}
	
	.file-upload {padding-right: 105rem;}
	.file-wrap .btn {width: 100rem; font-size: 12rem;}
	.file-hidden {width: 100rem;}
	
	.sns-btn-wrap .btn.large {font-size: 14rem;}
	
	.for-pc{display: none;}
	.for-mo{display: block;}
	
	.h2 {font-size: 34rem;}
	
	.info-text {font-size: 12rem;}
	.info-text .ico{margin-top: -2rem; vertical-align: middle;}
	
	.ico.bookmark{width: 36rem;height: 36rem;-webkit-background-size: contain;
	background-size: contain;}
	.active .ico.bookmark{-webkit-background-size: contain;background-size: contain;}
	.ico.plus{width: 19rem;height: 19rem;-webkit-background-size: contain;background-size: contain;}
	.ico.like{width: 18rem;height: 18rem;-webkit-background-size: contain;background-size: contain;}
	.active .ico.like {background-size: contain;}

	.active.hide .ico.like { background-size: contain; }
    .active.hide .ico.bookmark {  -webkit-background-size: contain; background-size: contain;}

	.ico.search {width: 16rem; height: 16rem; background-image: url('../images/common/ico_search-s.svg'); background-size: cover;}
	.input-text.date{ background-size: 16rem 16rem;}
	.ico.play-event{width: 50px; height: 85px; background-size: cover;}
	
	.tag-wrap .tag.text{margin-top: 10rem;}
	.tag.text{font-size: 14rem;letter-spacing: -0.2rem;}

	.tag.medium{height: 36rem;line-height: 36rem;padding: 0 20rem;font-size: 14rem;}
	.tag .btn.remove{margin-left: 15rem;}
	.tag.medium.red{margin-bottom: 5rem;}
	
	.tabs.large li a, .tabs.large li span{margin: 0;padding: 13rem 0;font-size: 14rem;line-height: 1.57;letter-spacing: -0.35rem;}

	.tabs.x-small a, .tabs.x-small span {font-size: 14rem;} .tabs.x-small.line a {margin: 0 10rem; padding-left: 0; padding-right: 0;}
	
	.pagination button{margin: 0 4rem}
	.pagination a{width: 30rem;height: 30rem;line-height: 30rem;margin:0 4rem;font-size: 14rem;}
	.pagination a.active{width: 30rem;height: 30rem;line-height: 30rem;margin: 0 4rem;font-size: 14rem;}
	.pagination span{padding: 0 4rem;height: 30rem;font-size: 14rem;}
	.pagination button{width: 30rem;height: 30rem;line-height: 30rem;font-size: 14rem;}
	
	.hashtag > span {font-size: 16rem; letter-spacing: -0.35rem;}
	
	.data-wrap.weight .h4 {font-size: 24rem}
	.data-list.weight li {padding: 21rem 0;}
	.data-list.weight li .text {font-size: 16rem;}
	
	.data-list.accordion li .question a {padding: 30rem 60rem 30rem 30rem; font-size: 16rem;}
	.data-list.accordion li .question a::after {width: 24rem; height: 24rem; top: 32rem; right: 30rem;}
	.data-list.accordion li .question a span {width: 17%;}
	.data-list.accordion li .answer {padding: 0 60rem 30rem 30rem; font-size: 14rem;}
	.data-list.accordion li .answer .text-wrap span {width: 17%; font-size: 16rem;}
	
	.data-list.service{-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.data-list.service li{width: 33.333%;margin-top: 40rem;font-size: 14rem;line-height: 1.375rem;}
	.data-list.service li::before{width: 48rem;height: 48rem;}

	.data-list.links li a{padding: 23rem 10rem 12rem;}
	.data-list.links li a .text{font-size: 14rem;line-height: 19rem;}
	
	.data-list-wrap {margin-top: 30rem;}
	.data-list.news li:first-child{padding-top: 0;}
	
	.data-list-wrap.line dl {padding: 19rem 20rem 1rem}
	.data-list-wrap.line dt {font-size: 12rem;}
	.data-list-wrap.line dd {font-size: 12rem;}
	
	.rules {margin-top: 20rem;}
	.rules div + div {margin-top: 10rem;}
	
	.filter-wrap dl + dl {margin-top: 15rem;}
	.filter-wrap dl dt {width: 100%; margin-bottom: 20rem; font-size: 16rem; line-height: 1.63;}
	.filter-wrap .check-wrap dd label {height: 36rem; padding: 0 16rem; line-height: 34rem; font-size: 14rem; border-radius: 20rem;}
	.filter-wrap .check-wrap .checkbox {margin-top: -2rem;}
	.filter-wrap .tooltip-wrap.question .btn.tooltip {top: 8rem;}
	.filter-wrap .tooltip-wrap.question .tooltip-text {bottom: 48rem;right: -34rem;z-index: 99;padding: 16rem;width: 130rem;}
	
	.steps.step4 li:nth-child(1) .tooltip-wrap.point .tooltip-text{left: -30rem;}
	.steps.step4 li:nth-child(4) .tooltip-wrap.point .tooltip-text{right: -30rem;}
	.steps.step4 li:nth-child(1) .tooltip-wrap.point .tooltip-text::after{left: 66rem;right: auto;}
	.steps.step4 li:nth-child(4) .tooltip-wrap.point .tooltip-text::after{left: auto;right: 30rem;}
	
	.sort-area select + .insert{display: none;}
	.sort-area:not(.right) select + .insert{margin-top: 12rem;}
	.form + .sort-area{padding-top: 35rem;}
	.sort-area .select-wrap{padding-top: 20rem;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	.sort-area .select-wrap .select.medium{flex: 1;}
	.sort-area.right {justify-content: space-between;}
	.sort-area.right .select {width: 48.5%;}
	.sort-area.right .select + .insert {display: block; width: 48.5%; margin-left: 0;}
	.sort-area.right .insert .input-text.medium {height: 40rem; padding-right: 45rem;}
	.sort-area.right .insert .input-text.medium::placeholder {color: transparent;}
	.sort-area .insert .btn.search {width: 44rem; height: calc(40rem - 2px); margin-left: 0;}
	
	.result-text{font-size: 16rem;line-height: 26rem;}
	
	.item.progress {padding: 60rem 30rem;}
	.item.progress .aside {font-size: 14rem;}
	.item.progress .aside + .title-wrap {display: block;}
	.item.progress .title-wrap .h3 {font-size: 28rem;line-height: 38rem;}
	.item.progress .title-wrap .h3 + .btn.download {margin-top: 10rem; font-size: 14rem; color: #111;}
	
	.sort-area + .item-list.portfolio{margin-top: 40rem;}
	.item-list.portfolio + .btn-area{padding-top: 20rem;}

	.item-list.portfolio .date{margin-top: 17rem;}
	.item-list.portfolio .btn.normal{width: 84rem;margin-top: 5rem;}
	
	.item.partner + .item.partner {padding-top: 40rem;}
	.item.partner .text-wrap {display: block; position: relative; padding-top: 40rem; padding-bottom: 66rem;}
	.item.partner .text-wrap > div,
	.item.partner .text-wrap > div + div {width: 100%;}
	.item.partner .text-wrap .logo img {display: block; width: 100%; max-width: 120rem;}
	.item.partner .text-wrap > div + div .company {display: block; padding-top: 20rem; font-size: 26rem;}
	.item.partner .text-wrap > div + div .company .btn.like {margin-left: 5rem;}
	.item.partner .text-wrap > div + div .category {padding-top: 10rem; padding-bottom: 10rem; font-size: 14rem;}
	.item.partner .text-wrap > div + div p {font-size: 14rem;}
	.item.partner .text-wrap > div .btn.detail {position: absolute; left: 0; bottom: 0; margin-top: 0;font-size: 14rem;}
	.item-wrap.partner + .btn-area {padding-top: 60rem;}
	.item.partner .text-wrap > div .logo{max-height: 64px;}
	
	.item.article .text-wrap {overflow: hidden;}
	.item.article .title {max-height: calc(30px * 3); -webkit-line-clamp:3; font-size: 16rem; letter-spacing: -0.37rem;}
	.item.article .title + .text {margin-top: 16rem;}
	.item.article .text {max-height: calc(34px * 7); -webkit-line-clamp:7;}
	.item.article .text,
	.item.article .source > span {font-size: 16rem; letter-spacing: -0.35rem;}
	.item.article .btn-area .btn {padding: 0 12rem;}
	
	.item-list .item .text-wrap{padding: 30rem 16rem;}
	.item-list .item h4{font-size: 22rem;line-height: 1.45;letter-spacing: -0.5rem;}
	.item-list .item p.text{margin-top: 20rem;font-size: 14rem;line-height: 1.57;letter-spacing: -0.35rem;}
	.item-list .item .tag-wrap{padding-top: 15rem;}
	/* .item-list .item .logo-wrap {margin-top: 12rem;} */
	/* 220823 수정 */
	.item-list .item .logo-wrap img {max-width: 55px; /* max-height: 16rem; */}
	/* // 220823 수정 */

	.item-list .item .date{font-size: 12rem;line-height: 1.5;letter-spacing: -0.2rem;}
	
	.item-list.scrap .text-wrap {min-height: 107rem; padding:24rem 0 0;}
	.item-list.scrap .item .partner {font-size: 16rem; letter-spacing: -0.35rem;}
	.item-list.scrap .item .partner + .place {margin-top: 4rem;}
	.item-list.scrap .item .place {font-size: 20rem; letter-spacing: -0.37rem;}
	
	.item-list.portfolio .item .thumb {height: 194rem;}

	.item-list.portfolio .item .company{font-size: 16rem;letter-spacing: -0.32px;}
	
	.item-list.portfolio .item .text-wrap{padding-top: 20rem;}
	.item-list.portfolio .item h4{max-height: 58rem;font-size: 20rem;line-height: 29rem;letter-spacing: -0.37rem;-webkit-line-clamp: 2;}
	.item-list.portfolio .item h4 + .tag-wrap{padding-top: 0;}
	.item-list.scrap .item h4.ellipsis.line2 {height: 63rem;}
	.item-list.scrap .item p.text.ellipsis.line2 {height: 44rem;}
	.item-list.event .thumb {padding-bottom: 43.067%;}
	
	.item-list.estimate div.swiper-slide {padding-left: 20rem; padding-right: 20rem;}
	
	.tag.medium {height: 36rem; padding: 0 19rem; font-size: 14rem; line-height: 36rem;}
	
	.item-list.partner{padding-bottom: 20rem;}
	.item-list.partner > div{width: 18rem !important;height: 24rem;}
	.item-list.partner > div + div{margin-left: 20rem;}
	.item-list.partner > div .item{width: 18rem;height: 24rem;}

	.item-list.partner > div .item .text-wrap{padding: 0 30rem;}
	.item-list.partner > div .item .text-wrap h4{padding-top: 188rem;font-size: 24rem;line-height: 34rem;}
	.item-list.partner > div .item .text-wrap .text{font-size: 18rem;line-height: 34rem;}
	.item-list.partner > div .item .text-wrap .btn.more{margin-top: 20rem;}

	.item-list.partner > div .item .text-wrap .btn.more .ico.plus{width: 19rem;
    height: 19rem; -webkit-background-size: contain; background-size: contain;} 
	
	.item-list.look{padding-bottom: 20rem;}
	.item-list.look > div{width: 288px !important;height: 340px;}
	.item-list.look > div + div{margin-left: 20rem;}
	.item-list.look > div > .item{padding-top: 55rem;}
	.my-page.main .item-list.look > div > .item{padding-top: 55rem;}
	.item-list.look > div .thumb{width: 152rem;height: 152rem;}
	.item-list.look > div .text-wrap{padding-top: 10rem;padding-bottom: 52rem;}
	.item-list.look > div .text-wrap h4{font-size: 20rem;line-height: 23rem;}
	.item-list.look > div .text-wrap .text{font-size: 16rem; letter-spacing: -0.35rem; margin-top: 16rem;line-height: 21rem;}
	.item-list.look > div .btn.like{right: 21rem;top: 21rem;}
	.item-list.look .logo-wrap {height: 52rem;}
	.item-list.look .logo-wrap img {max-height:52rem;}
	
	.item-list.article{padding-bottom: 20rem;}
	.item-list.article > div{width: 288px !important;height: 390px;}
	.item-list.article > div + div{margin-left: 20rem;}

	.item-list.article > div .item .thumb{width: 288px;height: 212px;}

	.item-list.article > div .item .text-wrap h4 {padding-top: 28rem; font-size: 20rem; line-height: 1;letter-spacing: -0.37rem;}
	.item-list.article > div .item .text-wrap .text{margin-top: 16rem;font-size: 16rem;letter-spacing: -0.35rem;}
	.item-list.article > div .item .btn.link{margin-top: 9rem;font-size: 14rem;letter-spacing: -0.29rem;}
	
	.state .item {margin-left: 12rem; padding-top: 26rem; padding-bottom: 30rem;}
	.state .item .label {font-size: 14rem; line-height: 37rem;}
	.state .item .number {font-size: 34rem;}
	.state.col-4 {flex-wrap: wrap;}
	.state.col-4 .item {width: calc( ( 100% - 11px ) / 2 ); flex: none; margin-left: 0;}
	.state.col-4 .item:nth-child(n+3) {margin-top: 11px;}
	.state.col-4 .item:nth-child(n+3) {margin-top: 11px;}
	
	.item-list.news .item .text-wrap{padding: 40rem 30rem;}
	.item-list.news .text-wrap h4{height: 66rem;-webkit-line-clamp: 2;}
	.item-list.news .item p.text{height: 66rem; margin-top: 0;padding-top: 20rem;-webkit-line-clamp: 3;}
	.item-list.news .item .date{padding-top: 10rem;font-size: 14rem;}
	
	.state .item .number + .label{margin-top: 7rem;font-size: 12rem;line-height: 1.5;letter-spacing: -0.35rem;color: #999;}
	
	.title-wrap .text{padding-top: 20rem;}
	
	.steps {padding-left: 50px;}
	.steps li:nth-child(1) {width: 50px;}
	.steps li .text {width: 50px;}
	.steps li::before {top: 25.5px;}
	.steps .tooltip-wrap.point .btn.tooltip {top: 0;}
	
	.item-list.col-3 > li,
	.data-list.col-3 > li{width:  100%;margin-bottom: 32rem;}
	
	.c100 {width: 50px; height: 50px; font-size: 50px;}
	.c100::after {top: 2px; left: 2px; width: 46px; height: 46px;}
	.c100 .slice {width: 50px; height: 50px; clip: rect(0em, 50px, 50px, 25px);}
	.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{border: 2px solid #e5e5e5;
    width: 46px;
    height: 46px;}
	.on .pie, .on .c100 .bar, .on .c100.p51 .fill, .on .c100.p52 .fill, .on .c100.p53 .fill, .on .c100.p54 .fill, .on .c100.p55 .fill, .on .c100.p56 .fill, .on .c100.p57 .fill, .on .c100.p58 .fill, .on .c100.p59 .fill, .on .c100.p60 .fill, .on .c100.p61 .fill, .on .c100.p62 .fill, .on .c100.p63 .fill, .on .c100.p64 .fill, .on .c100.p65 .fill, .on .c100.p66 .fill, .on .c100.p67 .fill, .on .c100.p68 .fill, .on .c100.p69 .fill, .on .c100.p70 .fill, .on .c100.p71 .fill, .on .c100.p72 .fill, .on .c100.p73 .fill, .on .c100.p74 .fill, .on .c100.p75 .fill, .on .c100.p76 .fill, .on .c100.p77 .fill, .on .c100.p78 .fill, .on .c100.p79 .fill, .on .c100.p80 .fill, .on .c100.p81 .fill, .on .c100.p82 .fill, .on .c100.p83 .fill, .on .c100.p84 .fill, .on .c100.p85 .fill, .on .c100.p86 .fill, .on .c100.p87 .fill, .on .c100.p88 .fill, .on .c100.p89 .fill, .on .c100.p90 .fill, .on .c100.p91 .fill, .on .c100.p92 .fill, .on .c100.p93 .fill, .on .c100.p94 .fill, .on .c100.p95 .fill, .on .c100.p96 .fill, .on .c100.p97 .fill, .on .c100.p98 .fill, .on .c100.p99 .fill, .on .c100.p100 .fill{border: 2px solid #111;
    width: 46px;
    height: 46px;}
	.steps li .text .circle {font-size: 14rem; line-height: 50px;}
	.steps li .text .date{display: inline-block;padding-top: 0.875rem;font-size: .6875rem;}
	
	.item-list.col{padding-bottom: 20rem;}
	.item-list, .item-list.col.scrap{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}

	.item-list.col > li, .item-list.col > div{width: 288rem !important;margin-right: 20rem;}
	.item-list.col > li .thumb, .item-list.col > div .thumb{width: 100%;height: 194rem;overflow: hidden;}
	
	.section .my-info{width: 100%;padding-top: 40rem;padding-bottom: 40rem;}
	.section.my .row{width: 100%;}
	.section.my .row > .item, .section.my .row > .item + .item{margin-top: 20rem;}
	.section .my-info .title .text{font-size: 20rem;}
	.section .my-info .data-box .e-mail{font-size: 14rem;}
	.section.my .item .tag-wrap{padding-left: 30rem;padding-right: 30rem;}

	.section .item.project {padding-top: 40rem; padding-bottom: 40rem;}
	/* .section .my-info + .item-wrap, .section .item.project + .item.project {margin-top: 20rem;} */
	.section .item.project .title-wrap {padding-left: 20rem; padding-right: 20rem;}
	.section .item.project .title-wrap + .state {margin-top: 32rem;}

	.section .title-area{padding-top: 40rem;padding-bottom: 20rem;font-size: 18rem;}
	.section .title-area h3{font-size: 18rem;}
	.btn.download, .btn.aside{font-size: 1px;color: transparent;}

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

	.section > .state.line{-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
	.section > .state.line .item{width: 50%;flex: auto;padding-top: 40rem;padding-bottom: 0;}
	.section > .state.line .item:nth-child(3){padding-top: 20rem;padding-bottom: 40rem;}
	.section > .state.line .item:nth-child(4){padding-top: 20rem;padding-bottom: 40rem;}
	.section > .state.line .item + .item::before{top: 3.375rem;}
	.section > .state.line .item:nth-child(3)::before{display: none;}
	.section > .state.line .item:nth-child(4)::before{top: 30rem;}
	.section > .state.line .item .label{font-size: 14rem;line-height: 1.57;}

	.section.my .row .item-wrap {display: block;}
	.section.my .row .item-wrap .item.project {width: 100%; margin-top: 20rem;}
	.my-page.main .section.ing .state.line.col-4,
	.my-page.main .section.complete .state.line.col-4 {padding: 30rem 0;background-color: #fff;}
	.my-page.main .section.ing .state.line.col-4 .item,
	.my-page.main .section.complete .state.line.col-4 .item {padding: 10rem 0;}
	.my-page.main .section.complete .state.line .item {padding: 40rem 0;}
	.my-page.main .section.ing .tabs.normal li a,
	.my-page.main .section.complete .tabs.normal li a {font-size: 16rem;}
	
	.rating-star{margin: 15rem auto 0;}
	.rating-text strong{font-size: 24rem;line-height: 34rem;}
	.rating-text span{font-size: 12rem;line-height: 18rem;}
	
	.no-result{padding-top: 60rem;}
	.no-result h3{font-size: 24rem;line-height: 1.42;letter-spacing: -0.038rem;}
	.no-result .text{font-size: 16rem;line-height: 1.63;letter-spacing: -0.37rem;}
	.no-result .btn.normal.large{margin-top: 100rem;}
	
	.table-item-wrap .text.ellipsis {max-height: 48px; -webkit-line-clamp: 2;}
	.table-item-wrap .item + .item {margin-top: 12rem;}
	
	.main-banner-wrap .img-area {height: 260rem;}
	
	/* 220721 수정 */
	.login.intro div + .btn-area,
	.login.intro .input-text + .btn-area,
	.login.intro .input-wrap + .btn-area{padding-top: 20rem;}
	/* // 220721 수정 */
	.login.intro .text-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-top: 22rem; padding-bottom: 40rem;}
	.login.intro .text-wrap .aside-text .fs-16 {font-size: 14rem;}

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

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

	.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;}
	
	.container.detail .company-info .data-list-wrap, .container.detail .btn.detail{margin-top: 24rem;}
	.container.detail .portfolio-section .title-wrap .title{font-size: 34rem; line-height: 1.35; letter-spacing: -0.7rem;}
	.container.detail .portfolio-section .swiper-container{overflow: visible; padding-top: 0;}
	.container.detail .portfolio-section .tag-wrap .tag.text{font-size: 14rem;}
	.container.detail .portfolio-section .swiper-slide{margin-bottom: 0 !important;}
	.container.detail .portfolio-section .swiper-scrollbar{margin-right: 16rem;}
	
	.slider-partner .item-list.portfolio {padding-bottom: 30rem;}
	.slider-partner .item-list.portfolio > div {width: 287px !important; height: 330px;}
	.slider-partner .item-list.portfolio > div + div{margin-left: 20rem;}
	.slider-partner .portfolio-detail .item-list.portfolio > div{height: 275px;}
	
	.container.partner .sort-area {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; padding-top: 40rem;}
	.container.partner .sort-area .result-text {font-size: 16rem; 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: 40rem;}

	.company-info-wrap.partner .company-info .btn.detail {margin-top: 30rem;}
	.company-info-wrap.partner .company-info .btn.detail .ico.arrow {margin-left: 78rem;}
	.company-info-wrap.partner .company-detail .title {font-size: 22rem;}
    .company-info-wrap.partner .company-detail .title span{font-size: 17.2rem;}
	.company-info-wrap.partner .company-detail .description {margin-top: 22rem; font-size: 16rem;}

	.partner.detail .portfolio-section {margin-top: 60rem; padding-top: 60rem; padding-bottom: 60rem;}
	.partner.detail .portfolio-section .title-wrap {display: block;}
	.partner.detail .portfolio-section .title-wrap .title {font-size: 34rem; line-height: 1.35; letter-spacing: -0.7rem;}
	.partner.detail .portfolio-section .item-list.portfolio {margin-top: 40rem;}
	.partner.detail .portfolio-section .item-list.portfolio li {width: 100%; margin-bottom: 40rem;}
	.partner.detail .portfolio-section ul.item-list + .btn-wrap,
	.partner.detail .portfolio-section .slider-partner + .btn-wrap{margin-top: 35rem;}

	.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 .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: 20rem;}
	.request.intro .item-wrap .link-area {padding: 80rem 320rem 60rem;}
	.request.intro .item-wrap .img-area {max-width: 148rem; height: auto;}
	.request.intro .item-wrap .h3 {margin-top: 40rem; font-size: 30rem;}
	.request.intro .item-wrap .info-area {margin-top: 20rem; font-size: 16rem;}
	.request.intro .item-wrap .info-area .info + .info {margin-top: 20rem;}
	.request.intro .item-wrap .btn-text {margin-top: 40rem; font-size: 16rem; line-height: 53rem;}
	
	.request.custom .choice-wrap.both {padding-top: 10rem;}
	.request.custom .choice-wrap.both .choice-area {float: none; width: 100%;}
	.request.custom .choice-wrap.both .choice-area ~ .choice-area {margin-top: 20rem; border-top: 1px solid rgba(17, 17, 17, 0.1); padding-top: 20rem;}
	.request.custom .choice-wrap.both .choice-area:nth-child(2n+3)::before {display: none;}
	.request.custom .textarea {min-height: 130rem;}
	
	.customer.faq .data-list.accordion {padding-top: 40rem;}
	.customer.faq .faq-btn {margin-top: 40rem;}
	.customer.faq .faq-btn .btn {width: 100%;}

	.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: 40rem; font-size: 12rem;}
	.portfolio.main .item-list.col-3 > li{width:  calc( (100% - 11px) / 2);margin-bottom: 40rem;}
	.portfolio.main .item-list.col-3 > li:nth-of-type(2n){margin-left: 11px;}
	.portfolio.main .item-list.portfolio .item .thumb {height: 110rem;}
	.portfolio.main .item-list.portfolio .item .logo-wrap {text-align: left;}
	
	.portfolio.detail .portfolio-section .btn-wrap{margin-top: 35rem;}
	.portfolio.detail .btn-wrap .btn + .btn {margin-left: 0; margin-top: 10rem;}
	.portfolio.detail .portfolio-section {margin-top: 60rem; padding-top: 60rem; padding-bottom: 60rem;}
	.portfolio.detail .portfolio-section .title-wrap .title {font-size: 34rem;}
	.portfolio.detail .portfolio-section .item-list.portfolio {margin-top: 30rem;}
	.portfolio.detail .company-info-wrap{margin-top: 20rem;}
	.portfolio.detail .swiper-share .swiper-pagination span.swiper-pagination-bullet-active,
	.portfolio.detail .swiper-share .swiper-pagination span{width: 8rem; height: 8rem; margin-right: 10rem;}
	.portfolio.detail .swiper-share{margin-top: 20rem; padding-right: 18rem; padding-left: 18rem;
		-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: 126rem; height: 39rem; font-size: 14rem;}
	.portfolio.detail .portfolio-value-slider.swiper-container .swiper-slide{padding: 47rem 10rem;}
	.portfolio.detail .portfolio-value-slider.swiper-container .swiper-slide + .swiper-slide{margin-top: 30rem;}
	.portfolio.detail .company-detail .company-title{font-size: 28rem; font-weight: 700;}
	.portfolio.detail .company-detail .title-wrap .title{font-size: 34rem;}
	.portfolio.detail .company-detail .title-wrap .btn.bookmark{line-height: 24rem;}
	.portfolio.detail .company-detail .text-wrap .description .desc{margin-bottom: 6px; font-size: 14rem; color: #999;}
	.portfolio-value-slider.swiper-container .swiper-wrapper{flex-direction: column;}
	.portfolio.detail .portfolio-value-slider.swiper-container{margin-top: 52rem;}
	
	.view-state .steps {margin-top: 40rem; margin-bottom: 30rem;}
	.view-state .steps .text .date {top: 60rem;}
	
	.sns-share-wrap {margin-top: 45rem;text-align: left;}
	.primary-wrap.portfolio-wrap {padding: 0;}
	.portfolio-value-slider.swiper-container {padding-left: 18rem; padding-right: 18rem;}
	.portfolio-value-slider.swiper-container .swiper-slide {/*width: 73.74%;*/width: 100%;}
	.company-info-wrap {display: block; margin-top: 60rem;}
	.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: 30rem; font-size: 26rem;}
	.company-info-wrap .company-info .sub {font-size: 14rem;}
	.company-info-wrap .company-info .state {font-size: 12rem;}
	.company-info-wrap .company-info .data-list-wrap {margin-top: 40rem; font-size: 14rem;}
	.company-info-wrap .company-info .btn.detail {margin-top: 2rem; font-size: 14rem;}
	.company-info-wrap .company-detail {width: 100%; margin-top: 60rem;}
	.company-info-wrap.portfolio .company-detail .title-wrap .title {font-size: 24rem;}
	.company-info-wrap .company-detail .description {margin-top: 20rem; font-size: 16rem;}
	.company-info-wrap.portfolio .company-detail .data-wrap {margin-top: 40rem;}
	.company-info-wrap.portfolio .company-detail .title-wrap .btn {margin-bottom: -4rem;}
	.portfolio-value-slider.swiper-container {margin-top: 40rem;}
	.portfolio-value-slider.swiper-container .swiper-slide {padding: 62rem 10rem;}
	.portfolio-value-slider.swiper-container dt span {font-size: 18rem;}
	.portfolio-value-slider.swiper-container dd {font-size: 18rem;}
	.portfolio-value-slider.swiper-container dd strong {font-size: 40rem;}
	.portfolio-main-slider.swiper-container {padding-bottom: 35rem;}
	.portfolio-main-slider.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {width: 10rem; height: 10rem; margin: 0 6rem;}
	
	.my-page .table-item-wrap {margin-top: -1rem;}
	
	.my-page.main .section.main-banner-wrap {padding-top: 52rem;}
	.my-page.partner-main .section.main-banner-wrap {padding-top: 52rem;}
	.my-page.main .main-banner-wrap + .content-header {padding-top: 40rem;}
	.my-page.main .content-header{padding-top: 60rem;padding-left: 18rem;padding-right: 18rem; margin-bottom: 32rem;}
	.my-page.main .section{flex-direction: column;padding-left: 18rem;padding-right: 18rem;}
	.my-page.main .section.newsletter .title-area {padding-left: 0;padding-right: 0;}

	.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: 34rem;}
	.my-page.main .section .title-area .btn.aside{-ms-flex-item-align: start; align-self: flex-start; font-size: 14rem; color: #111; margin-top: 20rem;}
	.my-page.main .section.scrap{padding-right: 0;padding-left: 0;}
	.my-page.main .section.my-info{margin-left: 18rem;margin-right: 18rem;padding-right: 0;padding-left: 130rem;}
	.my-page.main .section + .section.go-link {margin-top: 52rem;}
	.my-page.main .section.go-link .item {max-height: 196rem; padding: 40rem 20rem;}
	.my-page.main .section.go-link .item-list > li + li {margin-top: 20rem;}
	.my-page.main .section.go-link .title-wrap .title {font-size: 16rem; letter-spacing: -0.35rem;}
	.my-page.main .section.go-link .title-wrap .sub-title {font-size: 24rem; letter-spacing: -0.048rem;}
	.my-page.main .section.go-link .title-wrap .title + .sub-title,
	.my-page.main .section.go-link .title-wrap + .ico-wrap {margin-top: 24rem;}
	.my-page.main .main-banner-wrap .img-area {height: 240rem;}
	
	.my-page.main .item-list.portfolio .item h4 {height: 29rem; -webkit-line-clamp: 1;}
	.my-page.main .item-list.portfolio .item .tag-wrap {margin-top: 6rem;}
	.my-page.main .item-list.portfolio .item .tag-wrap .tag.text {font-size: 14rem; letter-spacing: -0.29rem;}
	.my-page.main .item-list.look > div {height: 293px;}
	
	.my-page.modify .content-header {display: none;}
	.my-page.modify .content-primary {padding-top: 60rem;}
	.my-page.modify .only-mo-title {display: block; margin-bottom: 40rem;}
	.member-withdraw-popup {padding-top: 100rem; padding-bottom: 100rem; box-sizing: border-box;}
	.member-withdraw-popup .popup {max-height: 100%;}

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

	.my-page.favorite .textarea {min-height: 130rem;}
	
	.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: 20rem; padding-right: 60rem; padding-bottom: 23rem;}
	.my-page .data-list.accordion li .question a::after {right: 30rem;}
	.my-page .data-list.accordion li .question .category + p, .my-page .data-list.accordion li .question p + .date {margin-top: 16rem;}
	.my-page .data-list.accordion li .question .state {display: block;padding: 10px 0;font-size: 16rem;letter-spacing: -0.32px;}

	.my-page .sort-area.right{margin-bottom: 25px;}
	.my-page .sort-area.right .select{width: 100%;}
	
	.inquiry-check-field {padding-top: 40rem;}
	.inquiry-check-field .check-area .asset {float: none; padding-top: 10rem; padding-right: 0;}
	
	.item-list.event {margin-top: 40rem;}
	.item-list.event > li {width: 100%; margin-bottom: 20rem;}
	.item-list.event .item .text-wrap {padding: 40rem 30rem;}
	.item-list.event .item .tag + h4 {padding-top: 20rem;}
	.item-list.event .item .date {padding-top: 10rem; font-size: 14rem;}
	.item-list.event .text.line2 {height:auto; max-height: 42rem; line-height: 1.5;}
	
	.container.notice .content-primary {padding-top: 40rem;}
	.data-list.notice li {width: 100%; margin-bottom: 20rem;}
	.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: 40rem 30rem;}
	.data-list.notice li .title {font-size: 22rem;}
	.data-list.notice li p {font-size: 14rem;}
	.data-list.notice li .date {padding-top: 10rem; font-size: 14rem;}
	
	.item-list.news {margin-top: 40rem;}

	.btn-area.estimate{margin-top: 40rem;}
	.btn-area.estimate .btn{display: block;}
	.btn-area.estimate .btn + .btn{display: block;width: 100%;margin-top: 10rem;margin-left: 0;}
	.slider-estimate .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	
	.request-data-title ~ .table-wrap.register-table {margin-top: 30rem;}
	.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: 20rem;}
	.request-info-wrap .row ~ .info-area {margin-top: 20rem;}
	.request-info-wrap .info-area {padding: 40rem 20rem;}
	.request-info-wrap .info-area.my-info .text {padding-top: 20rem;}
	.request-info-wrap .info-area.my-info .data-box.info .e-mail {font-size: 14rem;}
	.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: 20rem;}
	.request-data-list dl dt {width: 33%; font-size: 14rem;}
	.request-data-list dl dd {width: 64%; margin-top: 0; font-size: 14rem;}
	.request-data-title {font-size: 18rem;}
	.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: 20rem;}
	.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: 10rem;}
	.request-info-wrap .btn-area.ta-c {margin-top: 40rem;}
	.request-info-wrap .btn-area.ta-c .btn {width: 100%;}
	.request-info-wrap .btn-area.ta-c .btn + .btn {margin-top: 10rem; margin-left: 0;}
	.request-info-wrap .info-area.my-info .state.line .item {margin-top: 20rem;}
	
	.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: 32rem; border-top: 1px solid #e5e5e5;}
	.table-wrap.register-table tr + tr {margin-top: 30rem;}
	.table-wrap.register-table td {border-top: 0; display: block; width: 100%; padding: 0; padding-left: 37rem; font-size: 14rem; text-align: left;}
	.table-wrap.register-table td + td {padding-top: 10rem;}
	.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: 14rem; font-size: 16rem; 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%;}
	
	.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 .data-list-wrap .choice-area ~ .choice-area {margin-left: 20rem;}
	
	.main .section .title-area{padding-top: 60rem;padding-left: 18rem;padding-right: 18rem;padding-bottom: 60rem;}
	.main .section.partner .title-area {padding-top: 40rem;}
	.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: 12rem;}
	.main .section .title-area .btn.detail{-ms-flex-item-align: start;align-self: flex-start;margin-top: 28rem;}

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

	.slider-partner > .swiper-container{padding-top: 48rem;}
	.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: 18rem;padding-right: 18rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.slider-partner .swiper-pagination-bullet{font-size: 14rem;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: 50rem;}
	.main .section.ing .title-area,
	.main .section.complete .title-area{padding-left: 0;padding-right: 0;padding-bottom: 20rem;}
	
	.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.048rem;}

	.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: 12rem;}
	
	.section.count{height: auto; min-height: auto; margin-top: 60rem;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: 18rem;padding-right: 18rem}

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

	.section.service .section-wrap{padding-bottom: 61rem;}
	.section.service .section-wrap .drawing{position: static;left: 0;right: 0;top: auto;margin: 0 auto 20rem;width: 140rem;height: 292rem;}
	.section.service .data-list.service{margin-top: 0;}

	.section.news .section-wrap{padding-bottom: 20rem;}
	.section.news .section-wrap .data-list.news{padding-left: 18rem;padding-right: 18rem;}
	.section.news .section-wrap .data-list.news li .text {height: 3.25rem; font-size: 14rem; line-height: 1.86; -webkit-line-clamp: 2;}
	
	.section .slider {max-width: calc(100% - 18rem);}
	.slider-event .swiper-slide{padding-top: 0;}
	.section.event .section-wrap .slider-event{padding-left: 18rem;padding-right: 18rem;padding-bottom: 60rem;}
	.slider-event .swiper-slide .text{height: 52rem; font-size: 14rem; 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: 60rem 18rem;}
	.section.link .section-wrap .data-list.links{-ms-flex-item-align: end;align-self: flex-end;width: 59%;padding-top: 17rem;}
	
	.section.cs{padding-top: 52rem;padding-bottom: 52rem;}
	.section.cs .section-wrap{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 18rem;}

	.cs-section.faq .h2{margin-bottom: 27rem}
	.section.cs .faq-list li + li{margin-top: 0;}
	.section.cs .faq-list .btn.link{padding: 28rem 0;}
	.section.cs .faq-list .btn.link::after{width: 384rem; height: 24rem}
	.cs-section.inquiry{margin-top: 64px;padding: 44rem 24rem;}
	.cs-section.inquiry .main-sub-title{font-size: 28rem;letter-spacing: -0.56rem;}
	.cs-section.inquiry p{margin-top: 24rem;  font-size: 16rem; letter-spacing: -0.35rem;}
	.cs-section.inquiry .btn.link{margin-top: 83rem;}

	.my-order-box{display: block; height: 164px;margin: 52rem 288rem 0;padding: 28rem 24rem}
	.my-order-box .title,
	.my-order-box .status{display: block; width: 100%;margin-top: 16rem;}
	.my-order-box .status .ico{bottom: 24rem;right: 24rem;}
	
	.how-to .section-wrap{padding-top: 40rem;padding-bottom: 40rem;}
	.how-to .section-wrap:last-child{padding-bottom: 60rem;}
	.how-to .section-wrap:nth-child(1){padding-top: 0;}
	.how-to .section-wrap .step-wrap{margin-top: 40rem;}
	/*.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: 22rem;line-height: 1.45;}
	.how-to .section-wrap .title-wrap h3{font-size: 22rem;line-height: 1.45;
  letter-spacing: -0.5rem;}
	.how-to .section-wrap .title-wrap p{margin-top: 20rem;font-size: 16rem;line-height: 1.63;
  letter-spacing: -0.37rem;}
	.how-to .section-wrap .step-wrap .text-wrap .step{margin-top: 35rem;font-size: 14rem;
  line-height: 1.57;
  letter-spacing: -0.35rem;}
	.how-to .section-wrap .step-wrap .text-wrap h4{padding-top: 5rem;font-size: 22rem;line-height: 1.45;
  letter-spacing: -0.5rem;}
	.how-to .section-wrap .step-wrap .text-wrap p{padding-top: 10rem;font-size: 16rem;line-height: 1.63;letter-spacing: -0.37rem;}
	.how-to .section-wrap .step-wrap .thumb{margin-top: 40rem;}
	
	.request.custom .content-header {padding-top: 52rem;}
	.request.custom .content-primary {padding-top: 32rem;}
	.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: 8rem;}
	.contract-client .img-area {padding-top: 40rem;}
	.contract-client .img-area img {max-height: 40rem;}
	.contract-client .client {font-size: 20rem;}
	.contract-client .client-place {font-size: 14rem;}
	.contract-client .img-wrap {height: 266px;}
	.contract-client .request-data-list {padding-bottom: 40rem;}
	.contract-client .request-data-list dl {margin-top:12rem ;}
	.contract-client .request-data-list dt {width: 65px;}
	.contract-client .request-data-list dd {padding-left: 5rem;}
	
	.estimate-info-wrap .field-wrap {margin-top: 40rem;}
	.estimate-info-wrap .estimate-check-wrap .item-list-wrap {display: block; width: 100%;}
	.estimate-info-wrap .item-list.estimate {padding: 20rem 20rem 2rem;}
	.estimate-info-wrap .item-list.estimate + .item-list.estimate,
	.estimate-info-wrap .item-list-wrap + .item-list-wrap {margin-top: 20rem;}
	.estimate-info-wrap .data-list-wrap > dl,
	.estimate-info-wrap .data-list-wrap .field {padding-top: 12rem; padding-bottom: 12rem;}
	.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: 14rem;}
	.estimate-info-wrap .data-list-wrap > dl dd > span {display: block;}
	.estimate-info-wrap .data-list-wrap .field .btn-area {margin-top: 12rem;}
	.estimate-info-wrap .data-list-wrap .btn-area .btn:not(.download) {height: 36rem; line-height: calc(36rem - 2px); padding: 0 12rem;}
	
	.otp .content-primary {padding-top: 40rem;}
	.otp-certify .certify-offer {right: 6.5625rem;}
	.otp-certify .time {font-size: 14rem;}
	.otp-certify .time + .btn {margin-left: 12rem;}
	.otp-certify .utility-wrap {margin-top: 16rem;}
	.otp-certify + .otp-login-form {margin-top: 40rem;}
	.otp-login-form .info-text { padding: 100rem 0; }
	.otp-login-form .data-list > li {padding: 20rem 20rem 30rem;}
	.otp-login-form dl {padding-top: 12rem; padding-bottom: 12rem;}
	.otp-login-form dl dt,
	.otp-login-form dl dd {font-size: 14rem; letter-spacing: -0.29rem;}
	.otp-login-form .data-list .btn {height: 40rem; line-height: calc(40rem - 2px); margin-top: 10rem; font-size: 14rem;}
	html.ios .otp-login-form .data-list .btn { padding-top: 1rem; }
	
	.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: 8rem;}
	.otp-sms-popup .otp-certify .certify-offer {top: 0; right: 0; height: 55rem; transform: translateY(0); }
	.otp-sms-popup .text  {font-size: 12rem;}
	.otp-sms-popup .field-wrap + .text {margin-top: 1.5rem;}
	
	.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;}
	
	.my-page.partner .filter-wrap dl{padding-left: 0;padding-bottom: 50rem;}
	
	.my-page.partner.detail .portfolio-section .btn-wrap{margin-top: 0;}
	
	.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 20rem;}
	.pop-consult-form .popup-header .h2{font-size: 28rem; 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: 14rem;}

	.pop-consult-form .field-wrap .btn-area{padding: 20rem 0;}
	.pop-consult-form .field-wrap .btn-area .btn{height:68rem; line-height: calc(68rem - 2px); font-size: 18rem;}
	.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 48rem;}
	.pop-consult-form .progress-bar + .count{font-size: 14px; margin-top: 16px;}

}

@media (max-width:540px){
	.content-header { padding-top: 48rem; }
	.content-primary { padding-bottom: 67rem; }

	/* minyeo //word-break */
	.my-page.main .section.newsletter .item.article .text {word-break: normal;}
	.rules .text, .rules .agree-list li {padding-left: 30rem;}

	.pop-search-company .popup-header .h2 { font-size: 24rem; }

	.otp-login-form .info-text { padding:80rem 0; }

	.login.intro .content-primary .text-wrap { flex-direction: column; }
	.login.intro .content-primary .text-wrap .check-text { text-align: left; width: 100%; }
	.login.intro .content-primary .text-wrap .aside-text { margin-top: 20rem; }
}