@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 서브페이지 공통 */
.sub-page {padding: 6rem 0 13rem;}

@media all and (max-width:800px){
	.sub-page {padding: 4rem 0 10rem;}
}

/* ****************** 공통 ********************** */
.essential-icon {font-size:1.2rem; display:inline-block; vertical-align:top;}
.content-tit-box {text-align:center;}
.spot-wrap {display:flex; justify-content:center; margin-bottom: 0.7rem;}
.spot-wrap .tit-spot {position: relative; display:inline-block; width: 1.4rem; height: 1.4rem; border-radius:100%; background: rgba(31,84,207,0.3); background: var(--main-color);  animation: ani 1s ease-in-out alternate infinite;}
/* .spot-wrap .tit-spot:first-of-type:after {display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--main-color);
    border-radius: 100%;
    position: absolute;
    left: 0;
    animation: ani 1s ease-in-out alternate infinite;} */
.spot-wrap .tit-spot:last-of-type {background: rgba(31,84,207,0.3); margin-left: -5px; animation: ani2 1s ease-in-out alternate infinite;}

@keyframes ani {
	0%{
		transform:translateX(0);
	}
	100% {
		transform:translateX(0.9rem);
	}
}

@keyframes ani2 {
	0%{
		transform:translateX(0);
	}
	100% {
		transform:translateX(-0.9rem);
	}
}
.content-tit {position: relative; display:inline-block; text-align:center; font-size:3.4rem; color: #000; letter-spacing:-0.065em; line-height:1.35;}

/* 공통::컨텐츠 */
.applicant-con-top {margin: 0 6rem; padding-top: 6rem; border-bottom: 2px solid #000;  box-sizing: border-box;}
.applicant-con-top.only-tit {padding: 6rem 0;}
.applicant-con-top .tit {font-size: 3.3rem; color: var(--sub-color3); letter-spacing: -0.050em; font-weight: 600; line-height: 1.375; text-align: center;}
.applicant-con-top .tit b {color: var(--main-color);}
.applicant-con-top .essential-txt {text-align: right; font-size: 1.4rem; color: var(--sub-color3); padding-bottom: 1.5rem;}
.applicant-con-top .essential-txt .essential-icon {display: inline-block; padding-right: 0.7rem; font-size: 1.3rem;color: #ff6600; font-weight: 400; }
.applicant-con-top .txt {font-size: 1.8rem; color: var(--sub-color3); letter-spacing: -0.050em; line-height: 1.66; padding-bottom: 3rem;}
.applicant-con-top .txt i {color: var(--main-color); font-size: 2.6rem; position: relative; top: 0.4rem; padding-right: 0.9rem;}
.applicant-con-bottom {background: rgba(230,239,255,0.6); padding: 6rem 6rem 6.5rem; text-align: center;  box-sizing: border-box;}
.applicant-con-bottom .btn-con {display: flex; align-items: center; justify-content: center;}
.applicant-con-bottom .btn-con .applicant-btn { box-sizing: border-box;}
.applicant-con-bottom .btn-con .mg-r {margin-right: 0.6rem;}
.applicant-con-bottom .txt {font-size: 1.7rem; color: #303030; letter-spacing: -0.050em; line-height: 1.2; margin-bottom: 3rem;}
.applicant-con-bottom .txt i {position: relative; top: 0.4rem; color: var(--main-color); font-size: 2.6rem; padding-right: 0.9rem;}
/* .applicant-con .applicant-con-bottom .txt:before {position: absolute; content: '\e92b'; color: var(--main-color); font-size: 2.6rem; left: 0; top: -4px; font-family: xeicon;} */
.applicant-con-bottom .txt em {font-weight: 500;}
.applicant-con-inner {padding: 0 6rem; box-sizing: border-box;}

.form-bottom-txt {width: 100%; box-sizing: border-box;}
.tbl-sub-txt01 {position: relative; padding-left: 2.5rem; font-size: 1.4rem; letter-spacing: -0.050em; font-weight: 400; line-height: 1.8; color: #303030;}
.tbl-sub-txt01 em {border-bottom: 1px solid #303030; font-weight: 500;}
.tbl-sub-txt02 {position: relative; padding-left: 2.5rem; font-size: 1.7rem; letter-spacing: -0.050em; font-weight: 500; line-height: 1.8; color: #131313;}
.tbl-sub-txt01:before {position: absolute; content: '\e9a7'; font-size: 2rem; color: #ff7a34; left: 0; top: -5px; font-family: xeicon;}
.tbl-sub-txt02:before {position: absolute; content: '\e9a7'; font-size: 2rem; color: #ff7a34; left: 0; top: -2px; font-family: xeicon;}

.cm-sub-con-style {
	    border-radius: 2rem;
    border: 1px solid rgba(117,108,230,0.6);
    box-shadow: 5px 5px 24px rgba(27, 20, 61, 0.11);
    /* overflow: hidden;	 */
}

.cm-form-list{margin-top: 3rem;}
.cm-form-list li{display: flex; flex-wrap:wrap; align-items: center;}
.cm-form-list li + li{margin-top: 2.5rem;}
.cm-form-list li .tit{width: 14rem; font-size: 1.75rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #303030; align-self:flex-start; position: relative; top: 0.9rem;}
.cm-form-list li .form{width: calc(100% - 14rem);}

@media all and (max-width:800px){
	.cm-sub-con-style {border-radius: 0; border: 0; box-shadow: none; }
	/* 공통::상단 */
	.applicant-step-con {padding: 2.5rem 0 6rem;}
	.applicant-page .applicant-step-con {padding: 2.5rem 0 6rem;}
	.applicant-step li {flex-direction: column;}
	.applicant-step li::before { margin-left: -62.5%;margin-top: -18.1%;}
	.applicant-step li .num {width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.5rem;  padding-left: 1rem;}
	.applicant-step li .tit {padding-left: 0; text-align: center; font-size: 1.4rem; padding-top: 1rem;}

	.reputation-request-page .applicant-step li { justify-content: start; }
	/* 공통::컨텐츠 */
	.applicant-con-top {position: relative; margin: 0; padding-top: 0; border-bottom: 2px solid #000;}
	.applicant-con-top.only-tit {padding: 0 0 6rem 0;}
	.applicant-con-top .tit {font-size: 3.2rem;}
	.applicant-con-top .txt {padding-left: 0; padding-bottom: 3.5rem;}
	.applicant-con-top .txt i {display: block; padding-bottom: 1.2rem;}
	.applicant-con-inner {padding: 0;}
	.applicant-con-bottom {background: #fff; border-top: 0; padding: 3rem 0;}
	.applicant-con-bottom .txt {line-height: 1.64;}
	.applicant-con-bottom .txt i {display: block; padding-bottom: 1.2rem;}

	.cm-form-list li .tit {position:static; margin-bottom: 1.5rem;
        width: 100%;
        font-size: 1.7rem;
        line-height: 1.3;}
	.cm-form-list li .form {width: 100%;}
}

/* 로그인 */

#middleArea {position: relative;}
/* .member-page {margin-top: 5.6rem; padding-bottom: 3rem;} */
.reputation-login .applicant-con-top {padding: 6rem 0;}
.login-con  {display: flex; align-items: center; justify-content: space-between; padding: 7rem 5rem; box-sizing: border-box;}
.login-con .login-list-con {width: 37rem;}
.login-con .login-list-con li:first-child {margin-bottom: 2rem;}
.login-con .login-list-con li strong {display: inline-block; font-size: 1.75rem; font-weight: 500; letter-spacing: -0.050em; color: #303030; padding-right: 2.7rem; width: 9rem; box-sizing: border-box; vertical-align: middle;} 
.login-con .login-list-con .cm-custom-input {width: calc(100% - 10rem); height: 4rem; line-height:4rem;}
.login-con .login-btn {max-width: 17.5rem; height: 11rem;}
.login-con .login-box-con {display: flex; padding-right: 5rem;}
.login-con .login-box-con .login-check-box {padding-right: 3.8rem;}
.login-con .login-box-con .login-check-box .cm-custom-checkbox {display: block;}
/* .login-con .login-box-con .login-check-box .cm-custom-checkbox:first-of-type {padding-bottom: 1rem;} */
.login-con .login-box-con .login-check-box .cm-custom-checkbox:first-of-type {}
/* .login-con .login-box-con .login-check-box .cm-custom-checkbox:last-of-type {margin-top: calc(2.3rem + 7px);} */
.login-con .login-box-con .login-check-box .cm-custom-checkbox .checkbox-item label {font-size: 1.4rem;}
.login-con .login-box-con .login-find-box a {display: flex; align-items: center; /* justify-content: space-between; */ font-size: 1.4rem; letter-spacing: -0.015em; color: #464646; font-weight: 400; line-height: 3rem; }
.login-con .login-box-con .login-find-box a:first-of-type {/* padding-bottom: 1rem; */ /* position: relative; top: 7px; */}
.login-con .login-box-con .login-find-box a:last-of-type {margin-top:  calc(2.3rem + 7px);}
.login-con .login-box-con .login-find-box a i {font-size: 2.1rem; padding-right: 1rem;}
.login-con-bottom {display: flex; align-items: center; justify-content: space-between; padding: 0 5rem; box-sizing: border-box;}
.login-con-bottom .cm-basic-btn02 {max-width: 17.5rem;}
.reputation-login .applicant-con-bottom {padding: 4.7rem 6rem !important;}
.applicant-con .applicant-con-bottom .login-con-bottom .txt {margin-bottom: 0;}

@media all and (max-width:1280px){
	.login-con {padding: 7rem 0; }
	.login-con .login-list-con {width: 30rem; padding-right: 3rem;}
	.login-con .login-box-con .login-check-box {padding-right: 1rem;}
	.login-con .login-btn { max-width: 15.5rem;  height: 10rem;}
	.login-con-bottom {padding: 0;}
	.login-con-bottom .cm-basic-btn02 { max-width: 15.5rem;}
}

@media all and (max-width:800px){
	.member-page {margin-top: 2.5rem;}
	.login-con {flex-wrap: wrap; padding: 5rem 0;}
	.login-con .login-list-con {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.login-con .login-box-con {width: 100%; flex-wrap: wrap; padding-right: 0;}
	.login-con .login-box-con .login-check-box {width: 50%; padding-right: 0;}
	.login-con .login-box-con .login-find-box {width: 50%; }
	.login-con .login-box-con .login-find-box a {justify-content: start;}
	.login-con .login-btn {margin: 4rem auto 0; max-width: none; width: 100%; height: 5rem;}
	.login-con-bottom {flex-wrap: wrap;}
	.applicant-con.reputation-login .applicant-con-bottom { padding: 4rem 3rem 5rem !important; background: rgba(230,239,255,0.6);}
	.applicant-con .applicant-con-bottom .login-con-bottom .txt {width: 100%; margin-bottom: 2rem;}
	.login-con-bottom .cm-basic-btn02 {max-width: none; width: 100%;}
	.login-con .login-box-con .login-check-box .cm-custom-checkbox:last-of-type {margin-top: calc(1rem + 3.5px);}
	.login-con .login-box-con .login-find-box a:last-of-type {margin-top: calc(1rem + 3.5px);}
}

/* 회원가입 */
/* .join-page {margin-top: 5.6rem;} */
.join-con-top {padding: 0 6rem; margin-bottom: 8rem;}
.cm-join-form.agree-con-wrap {padding: 0 5rem; margin-top: 6.8rem;}
.join-page .agree-con .agree-item {padding-bottom:3rem; border-bottom:1px solid #d9d9d9; margin-top: 3rem;}
.join-page .agree-con .agree-item:first-of-type {margin-top: 4.2rem;}
.cm-join-bottom {padding: 6rem 0; border-top: 1px solid #c5d8ff; background-color: #f0f5ff; border-radius: 0 0 2rem 2rem;}
/* .cm-positive-btn.has-icon {min-width:21.8rem; height: 4.8rem; line-height:4.8rem; font-size:1.6rem; letter-spacing: -0.025em;} */
.cm-positive-btn.has-icon i {font-size:2rem;}
.join-page .join-process-bar-con > ol {padding-bottom:5.2rem;}
.join-page #processBarCon {border-bottom:2px solid #000;}

@media all and (max-width:800px){
	.join-page.join01 .join-process-bar-con > ol {padding-bottom:9rem;}
	.join-page .cm-sub-con-style {overflow:visible;}
	.join-con-top {padding: 0; margin-bottom: 4rem;}
	.cm-join-form.agree-con-wrap {padding: 0; margin-top: 3.4rem; }
	.cm-join-bottom {padding: 3rem 0;}
}

/* 회원가입 :: 02 정보입력 */
.join-page.join-step02 .inflow-select {/* color: #c3c3c3 !important; */
    max-width: 35.6rem;
    font-size: 1.4rem;
    font-weight: 400;}
.join-page.join-step02 .join-process-bar-con > ol {padding-bottom: 2rem;}
.join-page.join-step02 .join-con-top {margin-bottom: 0;}
.join-con-top .cm-form-info-txt {font-size:1.4rem; letter-spacing:-0.015em; color: #464646; line-height:1.25; text-align:right; padding-right: 1.5rem; padding-bottom:1.5rem;}
.join-page.join-step02 .cm-join-middle .cm-form-info-txt{font-size: 1.4rem;}
.join-page.join-step02 .cm-join-form{/* margin-top: 2rem; */ padding: 7.5rem 4.09% 11.3rem !important; display: flex; flex-wrap:wrap; text-align: left;}
.join-page.join-step02 .cm-join-form + .cm-join-form{margin-top: 0; border-top-color: #ddd;}
.join-page.join-step02 .cm-join-bottom button, .join-page.join-step02 .cm-join-bottom a{margin: 0 0.5rem;}

.cm-join-form .title{width: 30rem; font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #000; padding-left: 3rem; box-sizing:border-box;}
.cm-join-form .cm-form-list{margin-top: 0; width: calc(100% - 30rem);}
.cm-join-form .cm-form-list li{width: 100%;}
.cm-join-form .cm-form-list li .cm-custom-input{max-width: 35.6rem; font-size:1.4rem; font-weight: 400;}
.cm-join-form .cm-form-list li .info-txt{margin-top: 1.5rem; padding-left: 17rem; font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.05em; color: #464646; position: relative;}
.cm-join-form .cm-form-list li .info-txt i{position: absolute; top: 0; left: 14rem; font-size: 2rem; margin-right: 1rem; color: #c7000a;}
.join-step02-list{position: relative;}
.join-step02-list li:nth-of-type(3) {padding-bottom:3rem; border-bottom:1px solid #ddd;}
.join-step02-list li:nth-of-type(4) {margin-top: 3rem;}
.join-gender-box{position: absolute; top: 6.8rem; left: 52.5rem; margin-top: 0 !important; width: auto !important;}
.cm-form-list .join-gender-box .tit{width: 6.5rem;}
.cm-form-list .join-gender-box .form {width: calc(100% - 6.5rem);}
.business-license-box{width: 100%; max-width: 59.7rem;display: flex; flex-wrap:wrap; align-items: center;}
.business-license-box .input-btn-group{position: relative; width: calc(100% - 24.2rem);}
.business-license-box .input-btn-group input{max-width: none !important; width: 100%; padding-right: 5rem; box-sizing: border-box;}
.business-license-box .input-btn-group .btn{position: absolute; top: 0; right: 0; font-size: 2.2rem; width: 4rem; height: 4rem; color: #333; background-color: transparent;}
.business-license-box .cm-basic-btn{margin-left: 1rem;}
/* 회원가입 :: 02 정보입력, form 입력창 크기 */
.join-step02-list .cm-custom-input {height: 4rem; line-height:4rem;}
.join-step02-list .cm-basic-btn02 {width: 12.8rem; height: 4rem; line-height:4rem; margin-left: 1rem;}
.join-step02-list .cm-input-btn-box .cm-custom-input {width: calc(100% - 13.8rem);}

/* 회원가입 :: 02 정보입력, 이메일 인증번호 */
.cm-join-form .cm-form-list li .cm-custom-input.certification-num {margin-top: 2rem;}

/* 회원가입 :: 02 정보입력, 유입경로 */
.inflow-select {color: #c3c3c3;}

@media all and (max-width:1280px){
	.cm-input-btn-box {max-width:43rem !important; }
	.cm-join-form .cm-form-list li .cm-custom-input {max-width:32rem;}
	.join-step02-list .cm-input-btn-box .cm-custom-input {width: calc(100% - 10rem);}
	.join-step02-list .cm-basic-btn02 {width: 10rem;}
}

@media all and (max-width:800px){
	.cm-join-box{padding: 0; padding-top: 6rem;}
	.join-con-top .cm-form-info-txt {padding-top: 7rem;}

	.cm-join-middle{margin-top: 3rem;}
	.cm-join-middle .cm-form-info-txt {font-size: 1.4rem;}
	.cm-join-form{margin-top: 2rem; padding: 3.5rem 0 !important;}
	.cm-join-form .title{width: 100%; font-size: 2.4rem; line-height: 1.3; padding-left: 0;}
	.cm-join-form .cm-form-list{margin-top: 2rem; width: 100%;}
	.cm-join-form .cm-form-list li .cm-custom-input {max-width: none;}
	.cm-join-form .cm-form-list li .info-txt{margin-top: 1.5rem; padding-left: 2.5rem; font-size: 1.4rem; line-height: 1.5;}
	.cm-join-form .cm-form-list li .info-txt i{left: 0; font-size: 2rem; margin-right: 1rem;}

	.cm-join-bottom{padding: 5rem 0; margin: 0 calc(-1 * var(--area-padding));}
	.cm-join-bottom button,
	.cm-join-bottom a{margin: 0.5rem 0; width: calc(100% - var(--area-padding) - var(--area-padding)) !important; box-sizing: border-box;}

	.cm-form-list .join-gender-box .tit{width: 100%;}
	.cm-form-list .join-gender-box .form {width: 100%;}
	.business-license-box{max-width: none;}
	.business-license-box .input-btn-group{width: 100%;}
	.business-license-box .input-btn-group input{max-width: none !important; width: 100%; padding-right: 5rem;}
	.business-license-box .input-btn-group .btn{font-size: 2.2rem; width: 4rem; height: 4rem;}
	.business-license-box .cm-basic-btn{margin-left: 0; margin-top: 1rem; width: 100%;}

	.join-page.join-step02 .cm-join-form {/* padding: 3.5rem 4.09% 5rem !important; */ padding: 3.5rem 0 5rem !important;}
	.join-step02-list .cm-basic-btn02 {margin-left: 1rem !important;}
	.join-page.join-step02 .cm-join-bottom .cm-positive-btn {margin-top: 1rem;}
}

/* 회원가입 :: 02 핸드폰 */
.join-step02-list .tel-input .inflow-select {border: 0.1rem solid #ddd; border-radius:1rem; /* width: 15.8rem; */ display: inline-block; height: 4rem; line-height: 4rem; box-sizing:border-box; vertical-align: middle; padding: 0 1.5rem;}
.join-step02-list .tel-input .inflow-select > strong {font-weight: 400;}

/* 가입완료화면 */
.join-finish-member-info i {color: var(--main-color); font-size:5.6rem;}
.finish-tit {display: block; font-size:3.5rem; letter-spacing:-0.075em; color: #000; line-height:1.25; margin-top: 2.2rem;}
.id-box {display:flex; align-items:center; justify-content: center; margin-top: 3.3rem;}	
.id-box dt {color: #464646;}
.id-box dd {color: var(--main-color); font-weight: 500;}
.id-box dt, .id-box dd {font-size:1.6rem; letter-spacing:-0.05em; }
.join-finish-page .cm-btn-controls a {margin: 0 2px;}
.join-finish-page {padding: 10rem 0;}

@media all and (max-width:1280px){
	/* .join-step02-list .tel-input .inflow-select {width: 11.584rem;} */
}

@media all and (max-width:800px){
	
	.finish-tit {font-size:2.7rem;}
	
}

/* .join-finish-wrap {position: relative;} */
.join-finish-wrap #middleArea {position:static;}
.join-finish-wrap #content:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); z-index: 10000;}
.member-con-inner {position: relative; z-index: 10000;}

/* 아이디찾기 */
.search-idpw-top {padding: 4.5rem 9.2% 8rem;}
.search-idpw-bottom {padding: 6rem 0; border-top: 1px solid #c5d8ff; background-color: #f0f5ff;}
.cm-form-info-txt {font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.015em; text-align: right; color: #464646;}

@media all and (max-width:800px){
	.search-idpw-top {padding: 4.5rem 0 4rem;}
	.search-idpw-bottom {padding: 3rem 0;}
}

/* 아이디찾기(조회) */
.search-idpw-top.result {padding: 6rem 9.2%; text-align: center;}
.search-idpw-top.result > i {font-size:5.6rem;}
.search-idpw-top.result > .tit {margin-top: 3rem;
font-size: 3.3rem;
line-height: 1.3;
letter-spacing: -0.075em;
font-weight: 600;
color: #000;}
.search-idpw-top.result > .txt01 {margin-top: 2rem;
font-size: 1.8rem;
line-height: 1.87;
letter-spacing: -0.05em;
color: #464646;}
.search-idpw-top.result > .txt02 {margin-top: 4rem;
font-size: 2.4rem;
line-height: 1.87;
font-weight: 500;
letter-spacing: -0.025em;
color: var(--main-color);}
.search-id-result-page .search-idpw-bottom a {margin: 0 0.5rem;}

@media all and (max-width:800px){
	.search-idpw-top.result{padding: 0 3rem 3.5rem;}
	.search-idpw-top.result > i {font-size:4.6rem;}
	.search-idpw-top.result > .tit {margin-top: 2rem; font-size: 2.6rem; line-height: 1.3;}
	.search-idpw-top.result > .txt01 {margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.87;}
	.search-idpw-top.result > .txt02 {margin-top: 2.5rem; font-size: 2rem; line-height: 1.87;}
	.search-id-result-page .search-idpw-bottom a {width: calc(100% - var(--area-padding) - var(--area-padding)) !important; margin: 0.5rem 0;}
}


/* 비밀번호 찾기 */
@media all and (max-width:800px){
	.search-idpw-bottom button, .search-idpw-bottom a {width: calc(100% - var(--area-padding) - var(--area-padding)) !important;}
}

/* 비밀번호 재설정 */
.search-idpw-top.change {padding: 6rem 4.47% 0;}
.search-idpw-top.change > .tit {margin-top: 0;}
.idpw-change-box {margin-top: 3rem;}
.idpw-change-form {
	margin-top: 2rem;
padding: 8rem 4.09%;
border-top: 0.2rem solid #000;
display: flex;
flex-wrap: wrap;
text-align: left;
}
.idpw-change-form .title {width: 30rem;
font-size: 2.4rem;
line-height: 1.3;
letter-spacing: -0.05em;
font-weight: 500;
color: #000;}
.idpw-change-form .cm-form-list {margin-top: 0;
width: calc(100% - 30rem);}
.idpw-change-form .cm-form-list li .info-txt {margin-top: 1.5rem;
padding-left: 16.7rem;
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: -0.05em;
color: #464646;
position: relative;}
.idpw-change-form .cm-form-list li .info-txt i {position: absolute;
top: 0;
left: 14rem;
font-size: 2rem;
margin-right: 1rem;
color: #e83b19;}
.idpw-change-form .cm-form-list li .cm-custom-input {max-width:35.6rem;}

@media all and (max-width:800px){
	.search-idpw-top.change {padding: 3rem 0 0;}
	.idpw-change-form{margin-top: 2rem; padding: 3.5rem 0;}
	.idpw-change-form .title{width: 100%; font-size: 2.4rem; line-height: 1.3;}
	.idpw-change-form .cm-form-list{margin-top: 2rem; width: 100%;}
	.idpw-change-form .cm-form-list li .info-txt{margin-top: 1.5rem; padding-left: 2.5rem; font-size: 1.4rem; line-height: 1.5;}
	.idpw-change-form .cm-form-list li .info-txt i{left: 0; font-size: 2rem; margin-right: 1rem;}
}

/* 비밀번호 재설정 (이메일) */
.search-idpw-top.result > .txt02 span {font-size: 1.8rem;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #666;
    display: block;}


/* ****************** 마이페이지 ****************** */
/* 견적신청 :: OEM 선택 */
/* .estimate-page {margin-top: 2.7rem;} */
.estimate-con-top {padding: 0 6rem;}
#estimate-process {padding: 6.6rem 0 5.2rem; border-bottom:2px solid #000;}
#estimate-process ol {display:flex; justify-content: center;}
#estimate-process ol li {position: relative; padding-left: 9.5rem;}
#estimate-process ol li:first-of-type {padding-left: 0;}
#estimate-process ol li:before {display: block; content: "\e940"; position: absolute; left: 3.95rem; top: 50%; transform: translateY(-50%); color: #575757; font-family: 'xeicon'; font-size: 1.6rem; font-weight: 600;}
#estimate-process ol li:first-of-type:before {display:none;}
#estimate-process dl {display:flex; align-items:center;}
#estimate-process dt {width: 4.7rem; height: 4.7rem; border-radius:100%; background: #b0b0b0; font-size:1.8rem; letter-spacing:-0.055em; color: #fff; display: flex; align-items: center; justify-content: center; font-style: italic; padding-right: 5px; box-sizing: border-box; font-weight: 600; margin-right: 1.8rem;}
#estimate-process ol li.current dt {background: var(--main-color); -webkit-box-shadow: 8.5px -3px 32px 6px rgba(31, 84, 207, 0.2);
-moz-box-shadow: 8.5px -3px 32px 6px rgba(31, 84, 207, 0.2);
box-shadow: 8.5px -3px 32px 6px rgba(31, 84, 207, 0.2);}
#estimate-process ol li.current dd {color: #000; font-weight: 700;}
#estimate-process dd {font-size:2.4rem; letter-spacing:-0.055em; color: #a0a0a0; font-weight: 500; line-height:1.5em;}
.oem-con-box {padding: 9.5rem 0 8rem;}
.oem-title {font-size:2.4rem; color: #000; font-weight: 500; letter-spacing:-0.055em; text-align: center; margin-bottom: 3rem;} 
.oem-title i {color: var(--main-color); margin-right: 7px;}
.oem-list {display:flex; justify-content:center;}
.oem-list .oem-box {margin-right: 2rem;}
.oem-list .radio-item {width: 30rem; height: 20rem; display: flex; justify-content: center; align-items: center;}
.oem-list .oem-box:last-of-type {margin-right: 0;}
.oem-list .radio-item input[type="radio"] {display:none;}
.oem-list .radio-item label {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f9f9f9;  border-radius: 10px;  border: 
1px solid #ddd; font-size:5rem; font-weight: 800; color: #333;}
.oem-list .radio-item label img {position:absolute;}
.oem-list .radio-item input:checked + label {background:var(--main-color); border-color: var(--main-color); color: #fff; -webkit-box-shadow: 14px 24px 42px 1px rgba(31, 84, 207, 0.22); -moz-box-shadow: 14px 24px 42px 1px rgba(31, 84, 207, 0.22); box-shadow: 14px 24px 42px 1px rgba(31, 84, 207, 0.22);}
.oem-tit {font-size:1.8rem; letter-spacing:-0.055em; color: #000; font-weight: 700; text-align:center; line-height:1.3; margin-top: 2.3rem;}
.oem-list .oem-box.on .oem-tit {color: var(--main-color);}
.oem-list .oem-box.on label img.off {opacity: 0;}


@media all and (max-width:800px){
	.estimate-con-top {padding: 0;}
	#estimate-process ol li {padding: 0; width: 33.33%;}
	#estimate-process ol li:before {left: -7.5px;}
	#estimate-process dl {flex-direction: column;}
	#estimate-process dt {width: 4rem; height: 4rem; line-height:4rem; font-size:1.2rem; margin-right: 0;}
	#estimate-process dd {font-size:1.3rem;}
	.oem-con-box {padding: 4.75rem 0 4rem;}
	.oem-list {padding: 0 var(--area-padding);}
	.oem-list .oem-box {width: 50%;}
	.oem-list .radio-item {width: 100%; height: 13rem;}
	.oem-list .radio-item label {font-size:3.7rem;}
	.oem-list .radio-item label img {width: 20%;}	
	.oem-tit {font-size:1.5rem; margin-top: 2rem;}
}

@media all and (max-width:640px){
	.oem-list .radio-item label img {width: 14rem; padding: 0 1rem; box-sizing:border-box;}
}

@media all and (max-width:480px){
	.oem-list .radio-item label img {width: 12rem;}
}

/* 견적신청 :: 정보 입력 */
.estimate02-content {padding: 0 6rem 8rem;}
.estimate02-content .tit {font-size:3.3rem; line-height: 1.5; letter-spacing: -0.025em; color: #303030; font-weight: 500; padding: 4.8rem 0 2.2rem;}
.estimate02-content .ps-txt {font-size:1.3rem; letter-spacing:-0.05em; color: #c7000a; line-height:1.5; font-weight: 500;}
.estimate-info-con {position: relative; background-color:#f9f9f9; border:2px solid #cfcfcf; border-radius:10px; padding: 3.8rem 3rem; margin-top: 1rem; transition: var(--transition-custom);}
.estimate-info-con:first-of-type {margin-top: 0;}
.estimate-info-con dl {width: calc((100% - 3.9rem) / 4); margin-right: 1.3rem; margin-top: 1.9rem;}
.estimate-info-con dl:nth-of-type(4n) {margin-right: 0;}
.estimate-info-con dl dt {display: flex; align-items: center; justify-content: space-between; font-size:1.7rem; letter-spacing:-0.05em; color: #303030; line-height:1.3; font-weight: 500;}
.estimate-info-con dl dt .cm-custom-checkbox {width: auto; line-height:1.1;}
.estimate-info-con dl dt .cm-custom-checkbox .checkbox-item {margin-right: 0;}
.estimate-info-con dl dt .cm-custom-checkbox .checkbox-item label { line-height:1.3;}
.estimate-info-con dl dt .cm-custom-checkbox .checkbox-item label:before {line-height:1; font-size:2rem;}
.estimate-info-con dl dd {position: relative; margin-top: 1.5rem;}
.estimate-input, .estimate-select {width: 100%; border: 0; outline: 0; border: 1px solid #ddd; border-radius: 10px !important; background-color: #fff; height: 4rem; text-indent:1.9rem; font-size:1.4rem; color: #303030; font-weight: 500; letter-spacing:-0.05em;}
.estimate-select {background: url(/images/icon/select_arrow.png) no-repeat; background-position: calc(100% - 20px) 50%; background-color:#fff;}
.estimate-input::placeholder {color: rgba(48,48,48,0.3);}
.estimate-info-wrapper {display: flex; flex-wrap: wrap; margin-top: -1.9rem;}
.calendar-btn {position: absolute; right: 1.8rem; top: 50%; transform: translateY(-50%); font-size:2.2rem; color: #303030; }
#datepicker::placeholder, #datepicker2::placeholder {color: #303030; font-weight: 500;}
.date-select-input::placeholder {color: #303030;}
.estimate-info-con.on {border-color: var(--main-color);}
.estimate-info-con.on .info-close-btn {background-color:var(--main-color);}
/* 닫기버튼 */
.info-close-btn {position: absolute; right: -1px; top: 0; width: 5rem; height: 5rem; border-radius:0 8px 0 10px; background-color:#cfcfcf; display:flex; align-items:center; justify-content:center; color: #fff; transition:var(--transition-custom);}
.info-close-btn i {font-size:2.4rem;}
/* 추가버튼 */
.info-plus-btn {margin-top: 3rem; width: 100%; border: 1px dashed #cfcfcf; border-radius:10px; background:#f9f9f9; padding: 3.6rem 0; /* margin-bottom: 8rem; */}
.info-plus-btn em {font-size:2rem; color: #cfcfcf; letter-spacing:-0.05em; font-weight: 600; line-height: 1.8em;}
.info-plus-btn i {position: relative; top: 3px; font-size:2.4rem; color: #cfcfcf; font-weight: 500;}
.estimate-page.estimate02 .cm-join-bottom > button, .estimate-page.estimate02 .cm-join-bottom > a {margin: 0 0.5rem;}

/* 달력 */

@media all and (max-width:800px){
	.estimate02-content {padding: 0 0 4rem;}
	.estimate-info-con {padding: 3.8rem 1.5rem;}
	.estimate-info-con dl {width: 100%; margin-right: 0;}
	.estimate-info-con dl dt .cm-custom-checkbox {padding-right: 5rem;}
	/* .info-plus-btn {margin-bottom: 4rem;} */
	.estimate-page.estimate02 .cm-join-bottom > button:last-of-type {margin-top: 1rem;}
	.estimate-page.estimate02 .cm-join-bottom > button, .estimate-page.estimate02 .cm-join-bottom > a {margin: 0.5rem 0;}
	.estimate02-content .ps-txt {display:inline-block; width: 100%;}
	
}

/* 견적신청 :: 견적 신청 완료 */
.estimate-result-con {padding:9.3rem 6rem 10.1rem; text-align:center;}
.estimate-result-con .xi-profile {font-size:5.6rem;}
.estimate-result-con .tit {font-size:3.3rem; letter-spacing:-0.05em; color: #303030; line-height:1.09em; margin-top: 2.9rem;}
.estimate-result-con .txt01 {font-size:1.8rem; letter-spacing:-0.05em; color: #303030; line-height:1.667em; margin-top: 1.9rem;}
.estimate-result-ps {display: inline-block; background: #f5f5f5; border-radius:20px; padding: 1.1rem 2.9rem 1rem; margin-top: 2rem;}
.estimate-result-ps span {/* font-weight: 500; */ font-size: 1.4rem; letter-spacing: -0.05em; color: #303030; line-height: 1.3; padding-left: 8px;}
.estimate-result-ps span .highlight {position: relative; font-weight: 500;}
.estimate-result-ps span .highlight:before {display: block; content:""; width: 100%; position:absolute; bottom: 0; left: 0; height: 1px; background:#303030;}
.estimate-result-ps i {position: relative; top: 3px; font-size:2rem; letter-spacing:-0.025em; color: #ff7a34;}

@media all and (max-width:800px){
	.estimate-result-con {padding: 4.5rem 1rem 5rem;}
	.estimate-result-ps {padding: 1rem 1.5rem;}
}

/* 검증서비스 리스트 */
.verification-page {margin-top: 3.5rem; padding-bottom:13rem;}
/* ------ 마이페이지 :: 공통 ------ */
.mypage-con-wrap {display: flex;}
/* .mypage-con-wrap .mCustomScrollBox {overflow:visible;}
.mypage-con-wrap .mCSB_container {overflow:visible;} */
.mypage-page .paging a {border:0; font-size:1.5rem; width: auto; height: 30px; line-height:30px; padding: 0 1rem 3px; margin: 0 0.5rem;}
.mypage-page .paging a.cur{color: #333; background-color: transparent; }
.mypage-page .paging a.cur:after {position: absolute; bottom: 0px; left: 50%; width: 100%; margin-left: -50%; height: 2px; background-color: #333; content: "";}
.mypage-page .paging .paging-first, .mypage-page .paging .paging-last {margin: 0;}

/* 마이페이지에서의 cm-basic-btn */
.mypage-con .cm-basic-btn {max-width:10rem; border-radius:0.5rem;}
.mypage-con .cm-basic-btn02 {max-width:10rem; font-size:1.4rem;}
.mypage-con .mp-list-row .column .cm-basic-btn02 em {color: var(--main-color);}
.mypage-con .cm-basic-btn em {transition:0.3s;}
/* .mypage-con .cm-basic-btn:hover {background-color:var(--main-color); border-color:var(--main-color); transition:0.3s;}
.mypage-con .cm-basic-btn:hover em {color: #fff;} */
/* .mypage-con .mp-list-row.new .cm-basic-btn {border-color:var(--main-color);}
.mypage-con .mp-list-row.new .cm-basic-btn em {color: var(--main-color);}
.mypage-con .mp-list-row.new .cm-basic-btn:hover em {color: #fff;} */

/* 마이페이지 Side Menu */
.mypage-side-menu {width: 21.7rem; background: #f0f5ff; padding: 5.5rem  2.7rem; box-sizing: border-box; border-right: 1px solid #ccddff; border-radius:2rem 0 0 2rem;}
.mypage-side-menu .side-menu-con > li {padding: 4rem 0 3.5rem; border-top: 1px solid #c5d8ff;}
.mypage-side-menu .side-menu-con > li:first-child {border-top: 0; padding: 0 0 3rem;}
.mypage-side-menu .side-menu-con > li:first-of-type > a {line-height:1.25;}
.mypage-side-menu .side-menu-con > li:nth-child(2) {padding: 1.7rem 0 2rem;}
.mypage-side-menu .side-menu-con > li > a {display: block; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.050em; color: #303030; letter-spacing: -0.050em;}
.mypage-side-menu .side-menu-con > li.on > a{color: var(--main-color);}
.mypage-side-menu .side-menu-con > li > a.tit i {position: relative; top: 0.2rem; font-size: 2.3rem; padding-right: 0.7rem; }
.mypage-side-menu .side-menu-con > li .side-menu-2dep {padding-top: 1.8rem;}
.mypage-side-menu .side-menu-con > li .side-menu-2dep ul li a {position: relative; display: inline-block; font-size: 1.55rem; font-weight: 400; letter-spacing: -0.050em; color:#303030; line-height: 2;}
/* .mypage-side-menu .side-menu-con > li .side-menu-2dep ul li a::before {display: none; position: absolute; content: ''; width: 100%; height: 1px; background: var(--main-color); bottom: 0.2rem; left: 0;} */
.mypage-side-menu .side-menu-con > li .side-menu-2dep ul li.on a {color: #0d6efd; font-weight: 600;} 
.mypage-side-menu .side-menu-con > li .side-menu-2dep ul li.on a::before {display: block;}
/* .mypage-side-menu .btn-box {padding: 1rem 0 3rem;} */
.mypage-side-menu .apply-btn {background: var(--point-color); color: #fff; display: inline-block; width: 100%; font-size: 1.6rem; letter-spacing: -0.05em; height: 4rem; line-height:4rem;}

/* 상단 타이틀 */
.mypage-con {width: calc(100% - 21.7rem); /* margin: 7rem 6rem 8rem 7rem; */ padding: 7rem 6rem 8rem 7rem; box-sizing: border-box; /* overflow: hidden; */}
.mypage-con .mypage-tit {display: flex; align-items: end; justify-content: space-between; padding-bottom: 2.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #dddddd;}
.mypage-con .mypage-tit .tit { font-size: 2.4rem; font-weight: 600; color: #000; letter-spacing: -0.050em; line-height: 1.2;}
.mypage-con .mypage-tit .tit i {position: relative; top: 0.5rem; font-size: 3.7rem; padding-right: 1.4rem;}

/* 리스트 상단*/
.mp-list-top {display: flex; align-items: end; justify-content: space-between; padding-bottom: 2.5rem;}
.mp-list-top .mp-list-tit {font-size: 2rem; font-weight: 500; letter-spacing: -0.050em; color: var(--sub-color3);}
.recent-req-con .mp-list-top .left-tit {display: flex; align-items: center; width: 58%;}
.recent-req-con .mp-list-top .left-tit .cm-basic-btn {max-width: 8rem;line-height: 2.8rem; margin-left: 2rem;}
/* 상태 */
.mp-state-list {width: 42%; display: flex; justify-content: space-between; padding-top: 3.5rem;}
.mp-state-list li { position: relative; padding: 0 1.8rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.050em; color: var(--sub-color3); text-align: right; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mp-state-list li:before {position: absolute; content: ''; width: 1px; height: 1.5rem; background: #dddddd; left: 50%; margin-left: -50.5%; top: 0;}
.mp-state-list li span {font-weight: 400;}
.mp-state-list li span em {color: var(--main-color); font-weight: 400;}
.mp-state-list li:first-child:before {display: none;}
.mp-state-list li:last-child {padding-right: 0;}

/* ------  요청내역 상세보기 ----- */
.mypage-con .mypage-tit .sub-tit {width: 100%; font-size: 1.75rem; font-weight: 400; letter-spacing: -0.050em; line-height: 1.7; color: #303030; text-align: right;}
.mypage-con .mypage-tit .sub-tit b {font-weight: 500;}
.mypage-con .mypage-inner-con {margin-bottom: 2rem;}
.mypage-con .mypage-inner-con:last-of-type {margin-bottom: 0;}
.mp-list-top .req-date {width: 100%; text-align: right; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.050em; color: #131313; }

/* 마이페이지 게시판리스트 */
.mp-list-tbl {display: table; width: 100%; table-layout: fixed; font-size: 1.5rem;  border-top: 2px solid #000;}
.mp-list-col-group {display: table-column-group;}
.mp-list-col-group .mp-col-group-item {display: table-column;}
.mp-list-head {display: table-header-group;}
.mp-list-head .mp-head-item { display: table-cell; vertical-align: middle; height: 5rem; text-align: center; background: #fff; color: #303030; font-weight: 500; font-size: 1.6rem; letter-spacing: -0.050em; border-bottom: 1px solid #000;}
.mp-list-tbody {display: table-row-group;}
.mp-list-row {display: table-row;width: 100%;}
.mp-list-row .column { display: table-cell; vertical-align: middle; height: 5rem; border-bottom: 1px solid #ddd; text-align: center; }
.mp-list-row .column em {color:#303030; font-size: 1.4rem; letter-spacing: -0.050em; line-height: 1.73;}
.mp-list-row .column.service em {position: relative; display:inline-block; color: var(--main-color); font-weight: 500;}
.mp-list-row .column.service em i {font-size:1.5rem;}
.mp-list-row .column.service em:after {display: block; content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background: var(--main-color);}
.mp-list-row .column.more a {display: inline-block; padding: 0.19rem 1.715rem; border:1px solid #000; border-radius:5px; transition:var(--transition-custom);}
.mp-list-row:hover {background:#f5f5f5;}

/* **************** verficiation :: 마이페이지 첫 리스트 페이지 **************** */
/* 상태리스트 */
.mypage-con .state-list {display:inline-block; border-radius:5px; border:1px solid #ddd;}
.mypage-con .state-list li {position: relative; width: 11rem; /* padding: 1rem 0; */ width: 11rem; text-align: center; display:inline-block; background-color:#f5f5f5; float:left; border-right: 1px solid #ddd; box-sizing:border-box;}
.mypage-con .state-list li:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; background: var(--point-color); opacity: 0; -webkit-box-shadow: 8px 8px 24px 0px rgba(199, 0, 10, 0.32);
-moz-box-shadow: 8px 8px 24px 0px rgba(199, 0, 10, 0.32);
box-shadow: 8px 8px 24px 0px rgba(199, 0, 10, 0.32); z-index: -1;}
.mypage-con .state-list li span {position: relative; font-size:1.4rem; color: #303030; line-height:1.3; letter-spacing:-0.05em; z-index: 3;}
.mypage-con .state-list li:last-of-type {border-right:0;}
.mypage-con .state-list li.on {border-radius:5px; border-right:0;}
.mypage-con .state-list li.on:before {opacity: 1; z-index: 2;}
.mypage-con .state-list li.on span {color: #fff;}
.mypage-con .state-list li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1rem 0;}

@media all and (max-width:800px){
	.mypage-con .state-list {width: 100%;}
	.mypage-con .state-list li {width: calc(100% / 4);}
}

/* 서비스건수 툴팁 */
.mp-list-row .column.service {position: relative;}
.service-pop {display:none; background-color:#e7f0fd; border-radius:10px; border:2px solid var(--main-color); position: absolute; top: -1.2rem; left: 100%; width: 23.8rem; z-index: 2; /* pointer-events: none; */}
.service-pop:before {content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0px;
    border-color: transparent #1f54cf transparent transparent;
    position: absolute;
    left: -10px;
    top: 3rem;
}
.service-pop .close-btn {position:absolute; width: 3rem; height: 3rem; font-size:3rem; top: -4rem; right: 0; line-height:3rem; color: #fff; display:none; pointer-events: auto;}
.service-pop-list {margin: 0 1.8rem;}
.service-pop-list li {border-bottom:1px solid rgba(24,84,232,0.1); padding: 2rem 0;}
.service-pop-list li a {display:flex; width: 100%;}
.service-pop-list li .num {width: 1.9rem; height: 1.9rem; border-radius:100%; color: #fff; font-size:1rem; letter-spacing:-0.05em; line-height:1.9rem; background:var(--main-color); font-weight: 600; margin-right: 2rem;}
.service-pop-list li .txt-box {width: calc(100% - 3.9rem); text-align: left;}
.service-pop-list li .txt-box p {font-size:1.2rem; letter-spacing:-0.05em; color: var(--main-color); font-weight: 600; line-height: 1.35; margin-top: 0.4rem;}
.service-pop-list li .txt-box p:first-of-type {margin-top: 0;}

.service-pop-bg {position:fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10; display:none; backdrop-filter: blur(2px);}

@media all and (min-width:800px){
	.mypage-con-wrap .mCustomScrollBox {overflow:visible;}
	.mypage-con-wrap .mCSB_container {overflow:visible;}
	.mypage-con-wrap .mCSB_horizontal.mCSB_inside > .mCSB_container {width: 100% !important;}
	.mypage-con-wrap #mCSB_1_scrollbar_horizontal {opacity: 0;}
}
/* 
.service-pop{pointer-events: none;}
.service-pop .close-btn{pointer-events: auto;} */

@media all and (max-width:800px){
	.service-pop {position:fixed; width: calc(100vw - (var(--area-padding) * 2)); left: 50%; top:50%; transform:translate(-50%,-50%); z-index: 10; box-sizing:border-box;}
	.service-pop:before {display:none;}
}

/* **************** verficiation_view.php :: 마이페이지 첫 리스트 자세히보기 페이지 **************** */
.mypage-con.service-mypage .mypage-tit {margin-bottom: 3rem; align-items:center;}
.go-estimate-btn {height: 2.5rem; border:1px solid var(--main-color); padding: 0 1.5rem; border-radius:5px; line-height:2.5rem; color: var(--main-color); letter-spacing:-0.05em; font-weight: 500;}
/* 서비스 상태 리스트 */
.item-state-list {display:flex; background-color:#f2f2f2; border-radius:5px; border:1px solid #ddd;}
.item-state-list li {font-size:1.4rem; color: rgba(0,0,0,0.5); line-height:2.5; width: calc(100% / 6); text-align:center; padding: 2.125rem 0; border-right:1px solid #ddd; font-weight: 500; box-sizing:border-box;}
.item-state-list li:last-of-type {border-right:0;}
.item-state-list li.on {background-color:var(--main-color); -webkit-box-shadow: 11px 11px 50px -20px rgba(31, 84, 207, 1); -moz-box-shadow: 11px 11px 50px -20px rgba(31, 84, 207, 1); box-shadow: 11px 11px 50px -20px rgba(31, 84, 207, 1); color: #fff; border-radius:5px; animation:Onstate 0.7s alternate infinite;}

@keyframes Onstate {
	0% {background-color: rgba(101, 144, 245, 1);}
	100% {background-color: rgba(31, 84, 207, 1);}
}

/* item 박스 */
.item-detail-box {background: #f2f2f2; border-radius:10px; padding: 3.9rem; margin-top: 1rem;}
.item-detail-box > * {border-bottom: 1px solid rgba(108, 117, 125, 0.1); padding: 2rem 0;}
.item-detail-box .tit-box {display:flex; justify-content:space-between; padding-top: 0;}
.item-detail-box .tit-box .tit p {font-size:1.4rem; letter-spacing:-0.05em; color: rgba(48,48,48,0.3); line-height:1.2;}
.item-detail-box .tit-box .tit strong {font-size:3.3rem; letter-spacing:-0.05em; color: #303030; line-height:1.3;}
.service-state {background: #2b62e5; border-radius:25px; align-self: flex-end; padding: 1.25rem 5.15rem;}
.service-state em {color: #fff; font-size:2rem; letter-spacing:-0.05em; line-height:1.25; font-weight: 700;}
.service-state i {font-size: 2rem; color: #fff; position: relative; top: 1px; left: -6px;}
.request-box {display:flex; align-items:center; justify-content:space-between;}
.request-box .request-txt p {font-size:2.4rem; letter-spacing:-0.05em; color: #303030; line-height:1.3; font-weight: 700; margin-bottom: 4px;}
.ps {font-size:1.2rem; letter-spacing:-0.05em; color: rgba(48,48,48,0.3); line-height:1.25;}
.request-btn-box {display:flex;}
/* .request-btn-box a {display:flex; align-items:center; height: 4rem; border-radius:5px; border:1px solid #000; background: #fff; margin-right: 5px; font-size:1.4rem; color: #000; padding: 0 3.212rem;} */
.mypage-con .request-btn-box button {width: 12rem; max-width:12rem; margin-right: 0.5rem; height: 4rem; line-height:4rem; font-size:1.4rem;}
/* .request-btn-box a:first-of-type {color: var(--main-color); border-color: var(--main-color);} */
.mypage-con .request-btn-box button:last-of-type {margin-right: 0;}
.document-box {display:flex; flex-wrap:wrap; border-bottom:0; padding: 3.4rem 0 0;}
.document-box .title {font-size:1.6rem; letter-spacing:-0.05em; color: #303030; font-weight: 500; line-height:1.875em; margin-bottom: 0.4rem;}
.document-box .conform-box {width: 19rem; border-right:1px solid rgba(0,0,0,0.1); padding-right: 7rem; box-sizing:border-box;}
.document-box a, .document-box button {/* display:inline-block; background: #fff; height: 4rem; border-radius:5px; border:1px solid #cfcfcf; color: #cfcfcf; font-size:1.4rem; line-height:4rem; padding: 0 3.212rem; box-sizing:border-box; */ width: 12rem; height: 4rem; line-height:4rem; font-size:1.4rem;}	
.document-detail-list {width: calc(100% - 19rem); display:flex; padding-left: 8rem; box-sizing:border-box;}
.document-detail-list .document-item:first-of-type {margin-right: 1.9rem;}
.document-detail-list .document-item:last-of-type {width: calc(100% - 14rem);}
.document-file {display:inline-block; width: 12.8rem !important; height: 4rem; line-height:4rem; background: #fff; border-radius:5px; border:1px solid #cfcfcf; color: #cfcfcf; text-align:center; font-size:1.4rem; letter-spacing:-0.05em; box-sizing:border-box;}	
.document-item .cm-form-fieldset-box {display:flex; align-items:center;}
.document-item input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; }
#document-file {width: calc(100% - 13.8rem); background: #fff; border:1px solid #bbb; border-radius:5px; height: 4rem; box-sizing:border-box; margin-right: 1rem; text-indent:1.5rem;}
.document-box .ps {margin-top: 1.8rem; color: var(--point-color);}

/* 발주했을때 활성화 */
.document-box.on a, .document-box.on button {border-color:var(--main-color); color: var(--main-color);}
.document-box.on .document-file {border-color:var(--main-color); color: var(--main-color);}

.mypage-tab-container {margin-top: 6rem;}
.mypage-tab-container .sub-tab-wrapper-style {margin-bottom: 4.6rem;}
.mypage-tab-container .sub-tab-list-style {position: relative;}
.mypage-tab-container .sub-tab-list-style:before {display:none;}
.mypage-tab-container .sub-tab-list-style:after {display: block; content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background: var(--main-color);}
.mypage-tab-container .sub-tab-list-style ul {background: #f2f2f2; border-radius: 10px 10px 0 0;}
.mypage-tab-container .sub-tab-list-style ul li {position: relative; border:0; background-color:initial;}	
.mypage-tab-container .sub-tab-list-style ul li:after {display: block; content:""; position:absolute; right: 0; top: 50%; transform:translateY(-50%); background: rgba(0,0,0,0.1); width: 1px; height: 1.6rem;}
.mypage-tab-container .sub-tab-list-style ul li:last-of-type:after {display:none;}
.mypage-tab-container .sub-tab-list-style ul li a {height: 60px;}
.mypage-tab-container .sub-tab-list-style ul li a em {font-size:1.6rem; color: #000; font-weight: 600;}
.mypage-tab-container .sub-tab-list-style ul li.selected {background-color:var(--main-color); border-color:var(--main-color); border-radius: 10px 10px 0 0;}
.mypage-tab-container .sub-tab-list-style ul li.selected a em {color: #fff; font-weight: 500;}
.mypage-tab-container .sub-tab-list-style.top-fixed {position:fixed; top: 0; max-width: 99.1rem; left: calc(50% + 11.38rem); transform: translateX(-50%); z-index: 10;}
.mypage-tab-container .tab-title {font-size:2.4rem; letter-spacing:-0.05em; color: #303030; line-height:1.3; font-weight: 700; margin-bottom: 1.7rem;}
.mypage-tab-container .column.s-date em {color: var(--main-color); font-weight: 500;}
.mypage-tab-container #ContentM1 .column.more a {border-color:#cfcfcf;}
.mypage-tab-container #ContentM1 .column.more em {color: #cfcfcf;}
.mypage-tab-container #ContentM2 {margin-top: 3.6rem;}
.mypage-tab-container #ContentM2 .mp-list-row.new .column.more a {border-color:var(--main-color);}
.mypage-tab-container #ContentM2 .mp-list-row.new .column.more em {color:var(--main-color);}
.mypage-tab-container #ContentM3 {margin-top: 5rem;}

/* 세금계산서 */
.tax-box {display:flex; align-items:center; background-color:#f5f5f5; border-radius:20px; padding: 4rem 4.8rem;}
.tax-box .tit-box {width: 36.684%; /* margin-right: 21.5rem; */}
.tax-box .tit-box p {font-size:2.4rem; letter-spacing:-0.05em; color: #303030; font-weight: 700; line-height:1.3; margin-bottom: 0.8rem;}
.tax-box .tit-box .request-btn {/* display:flex; align-items:center; justify-content:center; width: 12rem; height: 4rem; border:1px solid var(--main-color); border-radius:5px; color: var(--main-color); font-size:1.4rem; letter-spacing:-0.05em; line-height:1.3; background: #fff; transition:var(--transition-custom); */ max-width:12rem; height: 4rem; line-height:4rem;}
.tax-box .tit-box .request-btn:hover {background-color:var(--main-color); color: #fff;}
.tax-box .txt-box {width: calc(100% - 36.684%);}
.tax-box .txt-box dl {display:flex; align-items: center; margin-top: 1.3rem;}
.tax-box .txt-box dl:first-of-type {margin-top: 0;}
.tax-box .txt-box dl dt {font-size:1.4rem; letter-spacing:-0.05em; line-height:1.3; font-weight: 600; color: #303030; margin-right: 3.5rem;}
.tax-box .txt-box dl dd em {font-size:1.4rem; letter-spacing:-0.025em; color: #303030; margin-right: 2rem;}
.tax-box .ps {color:var(--point-color); margin-top: 1rem;}

/* 마이페이지 :: 목록버튼 */
.mypage-page .list-btn-wrap {text-align:center;}
.mypage-page .go-list-btn {max-width:17.5rem; margin: 5rem 0 0; /* display:inline-block; padding:0 5.386rem; height: 5rem; line-height:5rem; border:1px solid #333; border-radius:5px; font-size:1.7rem; color: #333; box-sizing:border-box; margin: 5rem 0 0; transition:var(--transition-custom); font-weight: 500; */}
/* .mypage-page .go-list-btn:hover {background-color:var(--main-color); border-color:var(--main-color); color: #fff;} */

@media all and (max-width:1280px){
	.tax-box {flex-wrap:wrap;}
	.tax-box .tit-box {width: 100%;}
	.tax-box .txt-box {width: 100%; margin-top: 2rem;}
}

@media all and (max-width:800px){
	.item-detail-box {padding: 2.5rem;}
	.request-box {flex-wrap:wrap;}
	.request-btn-box {margin-top: 2rem;}
	.document-box .conform-box {width: 100%; padding-right: 0;}
	.document-detail-list {width: 100%; padding-left: 0; margin-top: 2rem;}
	.tax-box {padding: 2.5rem;}
	.tax-box .txt-box dl {flex-wrap:wrap;}
	/* .tax-box .txt-box dl dt {width: 12rem;}
	.tax-box .txt-box dl dd {width: calc(100% - 12rem);} */
	.tax-box .txt-box dl:first-of-type dd {margin-top: 0.7rem;}
	.tax-box .txt-box dl dt, .tax-box .txt-box dl dd {width: 100%;}
	.tax-box .txt-box dl dd em {display:blo2025-02-03ck; margin-right: 0;}
	.tax-box .txt-box dl dd em:last-of-type {margin-top: 0.7rem;}
	.item-state-list {flex-wrap:wrap;}
	.item-state-list li {width: calc(100% / 3); border-bottom: 1px solid #ddd;}
	.item-state-list li:last-of-type {border-bottom:0; border-right: 1px solid #ddd;}
	.mypage-tab-container {margin-top: 3rem;}
	.mypage-tab-container .sub-tab-list-style.top-fixed {position:fixed; z-index: 10; max-width: calc(100% - (var(--area-padding)* 2)); left: 50%; transform: translateX(-50%);}
	.mypage-tab-container .sub-tab-list-style:after {display:none;}
	.mypage-tab-container .sub-tab-list-style ul {border-radius:0;}
	.mypage-tab-container .sub-tab-list-style ul li.selected {border-radius:0;}
	.mypage-tab-container .sub-tab-list-style ul li a {height: 40px; box-sizing:border-box;}
	.mypage-tab-container .sub-tab-list-style ul li a em {font-size:1.4rem;}
}

@media all and (max-width:640px){
	.document-box {padding: 2rem 0 0;}
	.item-detail-box .tit-box {flex-direction:column;}
	.service-state {align-self:flex-start; margin-top: 2rem;}
	.document-detail-list {flex-wrap:wrap;}
	.document-detail-list .document-item:first-of-type {width: 100%; margin-right: 0;}
	.document-detail-list .document-item:last-of-type {width: 100%; margin-top: 2rem;}
}

/* **************** 서비스 자세히 service_view.php **************** */
.service-page {margin-top: 3.5rem; padding-bottom:13rem;}
.service-page .mypage-tab-container {margin-top: 4.9rem;}
/* 서비스 리스트 */
.service-list-wrapper-style {height: auto;}
.sub-tab-list-style .service-item-list {display:flex; flex-wrap:wrap; margin-top: 3rem;}
.sub-tab-list-style .service-item-list li {width: auto; border:1px solid rgba(51,51,51,0.2); border-radius:5px; margin-right: 1rem; margin-top: 1rem;}
.sub-tab-list-style .service-item-list li a {height: 3rem; padding: 0 2rem; box-sizing:border-box;}
.sub-tab-list-style .service-item-list li a em {font-size:1.4rem; letter-spacing:-0.05em; color: #333; font-weight: 500;}
.sub-tab-list-style .service-item-list li.selected {border-color:var(--main-color); background-color:var(--main-color);}

/* 검증 담당자 박스 */
.manager-box {display:flex; padding: 3.7rem 0 1.1rem; border-bottom: 0;}
.manager-box .tit-box {width: 25rem;}
.manager-box .tit-box p {font-size:2.4rem; letter-spacing:-0.05em; color: #303030; font-weight: 700;}
.manager-box .info-box {display:flex; flex-wrap:wrap; margin-top: -1.5rem;}
.manager-box .info-box dl {width: 50%; display:flex; margin-top: 1.5rem;}
.manager-box .info-box dl:nth-of-type(odd) {width: 26.4%;}
.manager-box .info-box dl dt {width: 5rem; font-size:1.4rem; color:rgba(48,48,48,0.3); letter-spacing:-0.05em; line-height:1.25; font-weight: 500;}
.manager-box .info-box dl dd {width: calc(100% - 5rem); font-size:1.4rem; color: #303030; letter-spacing:-0.05em; line-height:1.25; font-weight: 600;}

/* 기술지원 날짜, 시간 */
.mp-list-row .column.date-time em {color: #cfcfcf;}

/* comments 채팅박스 */
.chat-inquiry-wrap {max-height: 72rem; /* min-height: 72rem; */ min-height:30rem; overflow-y: scroll; width: 100.909%;}
.chat-inquiry-wrap::-webkit-scrollbar {width: 3px;}
.chat-inquiry-wrap::-webkit-scrollbar-track {background: #e8e8e8; border-radius:1.5px;}
.chat-inquiry-wrap::-webkit-scrollbar-thumb {background: var(--main-color); border-radius:1.5px;}
.chat-inquiry-box {background: #f2f2f2; border-radius:10px; padding: 2.1rem 2rem; width: 99.298%; box-sizing:border-box; min-height:30rem;}
.chat-inquiry-box > div {margin-top: 1.8rem;}
.chat-inquiry-box .tit-box span {display:inline-block; width: 5rem; height: 5rem; line-height: 5rem; text-align:center; border-radius:50%; background: #fff; margin-right: 1.5rem;}
.chat-inquiry-box .tit-box span img {width: 3.6rem;}
.chat-inquiry-box .tit-box strong {font-size:1.6rem; letter-spacing:-0.05em; color: #333; line-height:1.375em; font-weight: 600; margin-right: 1rem;} 
.chat-inquiry-box .tit-box em {color: rgba(48,48,48,0.3); font-size:1.1rem; letter-spacing:-0.05em; line-height:1.2; font-weight: 500;}
.chat-inquiry-box .tit-box .date {margin-right: 0.8rem;}
.chat-inquiry-box .txt-box {max-width:73.607%; background-color: #fff; border:1px solid #eeeeee; border-radius:10px; padding: 1.5rem 2.7rem; margin-left: 6.7rem; box-sizing: border-box; max-height:9.7rem;}
.chat-inquiry-box .txt-box p {font-size:1.2rem; letter-spacing:-0.025em; color: #333; line-height:1.833em; word-wrap: break-word; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all;}
.sender-box {display: flex; flex-direction: column; align-items: flex-end;}
.sender-box .tit-box {margin-bottom: 1.5rem;}
.sender-box .txt-box {background: var(--main-color); border-color:var(--main-color);}
.sender-box .txt-box p {color: #fff;}

/* 채팅 입력창 */
.chat-input-box {position: relative; background-color:#e4ecff; width: 100%; height: 6rem;  border-radius:10px; border:1px solid var(--main-color); margin-top: 1rem; box-sizing: border-box;}
.chat-input {background: none; border:0; width: 100%; height: 100%; text-indent:1.8rem; outline:0; }
.chat-input::placeholder {color: var(--main-color); font-weight: 500;}
.chat-input-box .chat-btn {display: flex; align-items: center; justify-content: center; position:absolute; right: 0.6rem; top: 50%; transform:translateY(-50%); width: 5rem; height: 5rem; border-radius:10px; background: var(--main-color);}
.chat-input-box .chat-btn i {color: #fff; font-size:1.8rem;}

/* 기술지원 신청 팝업 */
.pop-apply-box {background: #f2f2f2; padding: 4.7rem 7.5rem 7rem; border-radius:15px;}
.pop-apply-box .top-box {display:flex;}
.pop-apply-box .top-box dl {width: calc((100% - 1.7rem) / 2); margin-right: 1.7rem; padding-bottom:3rem; border-bottom:1px solid rgba(4,18,61,0.1);}
.pop-apply-box .top-box dl:first-of-type dd {position: relative;}
.pop-apply-box .top-box dl:first-of-type .calendar-btn {position: absolute; right: 2rem; top: 50%; transform:translateY(-50%);}
.pop-apply-box .top-box dl:last-of-type {margin-right: 0;}
.pop-apply-box .top-box dl dt {font-size:1.7rem; letter-spacing:-0.05em; color: #333; line-height:1.25em; font-weight: 500; margin-bottom: 1.5rem;}
/* .pop-apply-box .top-box dd {width: 100%;} */
.pop-apply-box .top-box .write-input, .pop-apply-box .top-box .time-select {width: 100%; background-color: #fff; height: 4rem; border-radius:10px; border:1px solid #ddd; text-indent:2rem; font-size:1.4rem; color: #333; font-weight: 600;}

.pop-apply-box .top-box .time-select {background-image:url(/images/icon/select_arrow.png); background-repeat:no-repeat; background-size:13px; background-position:95% 50%;}
.pop-apply-box .bottom-box {display:flex; padding-top: 3rem;}
.pop-apply-box .bottom-box .tit {width: 27.054%; font-size:1.7rem; letter-spacing:-0.05em; color: #333; line-height:1.25em; font-weight: 500; margin-bottom: 1.5rem;}
.pop-apply-box .bottom-box .txt-box {width: calc(100% - 27.054%);}
.pop-apply-box .bottom-box dl {display:flex; align-items:center; margin-top: 8px;}
.pop-apply-box .bottom-box dl:first-of-type {margin-top: 0;}
.pop-apply-box .bottom-box dl dt {font-size:1.4rem; letter-spacing:-0.05em; color: #333; line-height:1.25em; font-weight: 500; width: 7rem;}
.pop-apply-box .bottom-box dl dd {width: calc(100% - 7rem);}
.pop-apply-box .bottom-box .write-input {width: 100%; border:1px solid #ddd; background:#fff; border-radius:10px; height: 4rem; text-indent:1.5rem;}
.pop-apply-box .bottom-box .write-input::placeholder {color: rgba(48,48,48,0.3); font-size:1.4rem}

/* 세금계산서 팝업 */
#tex_Pop .pop-apply-box .top-box dl {width: 100%;}

/* 발주 요청 팝업 */


/* 발주시 확인사항 팝업 */
#OrderingConform_Pop .modal-close-btn {top: 0; right: -5rem;}
#OrderingConform_Pop .cm-modal-top-txt h5 {margin-bottom: 4.6rem;}
#OrderingConform_Pop .pop-inner-box {background-color:#f2f2f2; border-radius:15px; padding: 5rem 9rem; margin-bottom: 2.9rem;}
#OrderingConform_Pop .pop-inner-box p {color: #303030; font-size:1.7rem; letter-spacing:-0.05em; line-height:2.117em; font-weight: 500; margin-top: 0;}
#OrderingConform_Pop .txt {position: relative; font-size:1.4rem; margin-top: 0; line-height:2.142em; text-align: left; padding-left: 1rem;}
#OrderingConform_Pop .txt:before {display: block; content:"-"; position:absolute; left: 0; color: #303030; top: 0;}
#OrderingConform_Pop .cm-custom-checkbox {padding-top: 3rem; border-top: 1px solid #ddd;}

@media all and (max-width:800px){
	.sub-tab-list-style .service-item-list {margin-top: 0;}
	.sub-tab-list-style .service-item-list li {width: 100%; border:0; border-radius:0; margin-right: 0; margin-top: 0;}
	.sub-tab-list-style .service-item-list li a {line-height:4rem; height:4rem;}
	.sub-tab-list-style .service-item-list li.selected a em {color: #fff;}

	/* 기술지원 신청 팝업 */
	.pop-apply-box {padding: 3.5rem;}
	.pop-apply-box .top-box {flex-wrap:wrap;}
	.pop-apply-box .top-box dl {width: 100%; margin-right: 0; padding-bottom:2rem;}
	.pop-apply-box .top-box dl:last-of-type {margin-top: 2rem;}
	.pop-apply-box .bottom-box {flex-wrap:wrap;}
	.pop-apply-box .bottom-box .tit {width: 100%;}
	.pop-apply-box .bottom-box .txt-box {width: 100%;}
}

@media all and (max-width:640px){
	.manager-box {flex-wrap:wrap;}
	.manager-box .tit-box {width: 100%;}
	.manager-box .info-box {margin-top:1.5rem;}
}

/* **************** 나의 문의 내역확인 **************** */
.myboard-page {margin-top: 3.5rem; padding-bottom:13rem;}
.mypage-con.myboard .mypage-tit {margin-bottom: 3rem;}
.mp-myboard-con .mp-list-row .column {color: #303030;}
.mp-myboard-con .mp-list-row .column.answer span {    color: var(--main-color); border-bottom: 1px solid var(--main-color);}


/* **************** 정보변경 :: 회원 정보 변경 **************** */
.modify-page, .withdraw-page {margin-top: 3.5rem; padding-bottom:13rem;}
.mp-modify-tbl {padding-bottom: 3rem; border-bottom: 1px solid #ddd;}
.cm-sub-tbl {width: 100%; table-layout: fixed;}
.cm-sub-tbl tbody th { padding: 1.5rem 0.5rem; font-size: 1.75rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #303030; text-align: left;}
.cm-sub-tbl tbody td {padding: 1rem 0.5rem; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.05em; color: #303030;}
.cm-sub-tbl tbody tr .cm-custom-input, .cm-sub-tbl tbody tr .cm-custom-selectbox {width: 100%; max-width:35.5rem;}
.cm-sub-tbl tbody .txt-row td {padding-top: 0;}
.cm-sub-tbl tbody tr .cm-input-btn-box {justify-content:start;}
.agree-con li {display: flex; align-items: center; justify-content: space-between; padding: 2rem 0; border-bottom: 1px solid #ddd;}
.advertising-info-box .cm-custom-checkbox + .cm-custom-checkbox {margin-top: 2rem; padding-left: 3rem;}
.agree-con li .cm-basic-btn {max-width:13.5rem;}
.expiration-date-box h5 {margin-bottom: 2rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #131313}
.mp-modify-con .btn-con {text-align:center; padding-top: 6.5rem;}

@media all and (max-width:800px){
	.cm-sub-tbl colgroup, .cm-sub-tbl thead {display:none;}
	.cm-sub-tbl tbody th, .cm-sub-tbl tbody td {display: block; width: 100%; font-size: 1.5rem; box-sizing: border-box;}
	.cm-sub-tbl tbody tr {display:block; width: 100%;}
	.cm-sub-tbl tbody th {padding: 1rem 0 1.5rem;}
	.cm-sub-tbl tbody td {padding: 0 0 2rem 0;}
	.cm-sub-tbl tbody tr .cm-custom-input {max-width:none;}
	.cm-input-btn-box {max-width:none !important;}
	.advertising-info-box .cm-custom-checkbox + .cm-custom-checkbox {padding-left: 0;}
}


/* **************** 정보변경 :: 회원탈퇴 **************** */
.withdraw-noti-box {background: #fafafa; padding: 3rem 2rem; box-sizing: border-box; margin-bottom: 4rem;}
.withdraw-noti-box .tbl-sub-txt01 {font-size: 1.7rem; font-weight: 500; margin-bottom: 2rem;}
.withdraw-noti-box .tbl-sub-txt01:before {top: -2px;}
.withdraw-noti-box .withdraw-txt {padding-left: 2.5rem; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.050em; line-height: 1.73; color: #464646;}
.mp-withdraw-tbl {padding-bottom: 5rem; border-bottom: 1px solid #ddd; margin-bottom: 3rem;}
.withdraw-agree {text-align: right; margin-bottom: 6rem;}
.mp-withdraw-con .btn-con {text-align: center;}


@media all and (max-width:800px){
	.mypage-con-wrap {flex-wrap:wrap;}
	.mypage-side-menu {width: 100%; padding: 2.5rem;}
	.mypage-side-menu .side-menu-con > li:last-of-type {padding-bottom:0;}
	.mypage-con {width: 100%; padding: 0; margin-top: 3.5rem;}
	.mypage-con .custom-scrollbar-wrapper {margin-right: 0;}
}

@media all and (max-width:800px){
	.mypage-con .mypage-tit {flex-wrap:wrap;}
	.mypage-con .mypage-tit .tit {width: 100%;
        text-align: center;
        padding-bottom: 4rem;}
	.mypage-con .mypage-tit .tit-left {width: 100%;}
	.mypage-con .mypage-tit .sub-tit {text-align:center;}
	.withdraw-noti-box .withdraw-txt {padding-left: 0;}
	.mp-withdraw-tbl {padding-bottom:2.5rem;}
	.withdraw-agree {margin-bottom: 3rem;}
}

/* 공통 달력 수정 */
.ui-datepicker {width: 27.1rem; text-align:center;}
.ui-widget-header {background:none; border:0;}
.ui-icon-circle-triangle-w {background-position:-95px 0;}
.ui-icon-circle-triangle-e {background-position:-32px 0;}
.ui-state-default, .ui-widget-content .ui-state-default {background: none; border:0; text-align:center; padding: 1rem 0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {background: var(--main-color); color: #fff; border-radius:5px;}
.ui-state-active, .ui-widget-content .ui-state-active {background:var(--main-color); border-radius:5px;}
.ui-widget.ui-widget-content {border-radius:5px; border:0; -webkit-box-shadow: 14px 24px 42px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 14px 24px 42px 1px rgba(0, 0, 0, 0.1); box-shadow: 14px 24px 42px 1px rgba(0, 0, 0, 0.1); padding: 2.2rem; box-sizing:border-box; padding: 2.2rem;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 37%; border-color:#ddd; border-radius:5px; height: 3rem; padding: 0 1rem; margin: 0 5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {text-align:center; top: 50%; transform:translateY(-50%); line-height:1.8rem;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;}
.ui-datepicker-prev:before {content:""; font-family:"xeicon"; content:"\e93b";}
.ui-datepicker-next:before {content:""; font-family: "xeicon"; content: "\e93e";}

#noDateButton {background-color:var(--main-color); color: #fff; border-radius:5px; padding: 0.7rem 0.84rem; font-size: 1.2rem; font-family: var(--font-family1); margin-top: 1.5rem;}
#noDateButton:hover {border:0;}

@media all and (max-width:1024px){
	.ui-datepicker .ui-datepicker-title {margin: 0 1.2em; display:flex; justify-content:center;}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width: 1.2em; height: 1.2em;}
	.ui-datepicker-prev:before, .ui-datepicker-next:before {font-size:1.2rem;}
	.ui-datepicker .ui-datepicker-title select {background-size:7px; background-position:90% 50%;}

}

/* 회사소개, 검증서비스 공통 */
.cm-con {display:flex;}
.cm-con .left-box {width: calc(100% - 68.657%); font-size:4rem; letter-spacing:-0.025em; font-weight: 700; color: #000; line-height:1.4; position: relative; top: -1rem;}
.cm-con .right-box {width: 68.657%;}
.cm-intro-tit {text-align:center;}
.cm-intro-tit .intro-sub-tit {font-size:1.6rem; letter-spacing:-0.05em; font-weight: 700; color: var(--main-color); line-height:1.625;}
.cm-intro-tit .intro-tit {font-size:4rem; letter-spacing:-0.05em; color:#000; line-height:1.375; font-weight: 600; margin-top: 1.5rem;}
.cm-intro-tit .intro-txt {font-size:1.4rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.7); line-height:1.714; font-weight: 500; margin-top: 1.8rem;}

@media all and (max-width:800px){
	.cm-intro-tit .intro-tit {font-size:3rem;}
}

/* 회사소개 */
/* 회사소개 :: 회사개요 */

.about-intro-box {display:flex; justify-content:center; background: url(/images/content/about_intro_bg.jpg); padding: 15rem 0;
background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 4.5rem; border-radius:30px;}
.about-intro-box .intro-box {display:flex; justify-content:center; align-items:center; width: 30rem; height: 30rem; box-sizing:border-box; border-radius:100%; font-size:1.8rem; letter-spacing:-0.05em; color: #fff; line-height:1.445; font-weight: 600; text-align:center;}
.about-intro-box .intro-box:first-child {background: var(--main-color);}
.about-intro-box .intro-box:last-child {border:4px solid #fff; position: relative; left: -2.8rem;}

.identity {padding-top: 14.5rem;}
.identity > .area {display:flex;}
.ci .identity {position: relative;}
/* .ci .identity:before {display: block; content: ""; position: absolute; width: 100%; height: 24.3rem; height: 149.2rem; background: #f5f5f5; top: -24.3rem; z-index: -1;} */
.identity-bg {position: absolute; width: 100%; /* height: 24.3rem; */ height: 149.2rem; background: #f5f5f5; top: -24.3rem; z-index: -1;}
.ci .cm-con {display: block;}
.ci-list li {margin-top: 4.5rem;}
.ci-list li:first-of-type {margin-top: 0;}
.ci-tit-box {display:flex; margin-bottom: 2.9rem;}
.ci-tit-box .tit {position: relative; font-size:2.4rem; letter-spacing:-0.05em; color: #303030; line-height:1.25;}
.ci-tit-box .tit:before {display: block; content:""; width: 0.8rem; height: 0.8rem; border-radius:100%; background:var(--main-color); position:absolute; right: -1.2rem; top: -0.5rem;}
.ci-tit-box .txt {font-size:1.6rem; letter-spacing:-0.05em; color: #303030; line-height:1.625; padding-left: 4.3rem;}
.ci-img-box {background: #fff; border-radius:20px; padding: 8.4rem 0 8.3rem; }
.ci-img-box span {display: block; position: relative; width: 53.262%; height: 0; padding-top: 7.935%; margin: 0 auto;}
.ci-txt-box {background: #fff; border-radius:20px; display:flex; padding: 3.7rem 6rem 5rem;}
.ci-txt-box dl:first-of-type {width: 37.501%;}
.ci-txt-box dl:last-of-type {width: calc(100% - 37.501%);}
.ci-txt-box > dl:first-of-type > dd > span {background: #004098;}
.ci-txt-box dt {font-size:1.6rem; letter-spacing:-0.05em; color: #303030; line-height:1.875; font-weight:600; padding-bottom:1.3rem;}
.ci-txt-box dd {display:flex; flex-wrap:wrap;}
.ci-txt-box dd > span, .ci-txt-box > dl:last-of-type .color-box > span {display:inline-block; width: 4rem; height: 4rem; border-radius:100%; margin-right: 2rem;}
.code p {font-size:1.4rem; letter-spacing:-0.025em; color: #000; line-height:1.25; font-weight: 500;}
.code span {display:inline-block; font-weight: 600; color: rgba(70,70,70,0.6); line-height:1.2; margin-top: 4px;}
.ci-txt-box > dl:last-of-type .color-box {display:flex; align-items:center; width: calc((100% - 4.5rem) / 2); margin-right: 4.5rem; margin-top: 3rem;}
.ci-txt-box > dl:last-of-type .color-box:nth-of-type(even) {margin-right: 0;}
.ci-txt-box > dl:last-of-type .color-box:nth-child(1) > span {background: #c7000b;}
.ci-txt-box > dl:last-of-type .color-box:nth-child(2) > span {background: #00a0e9;}
.ci-txt-box > dl:last-of-type .color-box:nth-child(3) > span {background: #000000;}
.ci-txt-box > dl:last-of-type .color-box:nth-child(4) > span {background: #e6e6e6;}
.ci-txt-box dl:last-of-type dd {margin-top: -3rem;}

.sub-con.ci {/* background: #f5f5f5; */ padding-bottom:10rem;}
.ci-flex {display:flex;}
.ci-flex .inner-box {width: calc((100% - 2rem) / 2); margin-right: 2rem;}
.ci-flex .inner-box .ci-img-box {display: flex; align-items: center; padding: 4.8rem 0; min-height:24rem; box-sizing:border-box;}
.ci-flex .inner-box:first-of-type .ci-img-box span {width: 72.893%; padding-top: 10.89%;}
.ci-flex .inner-box:last-of-type {margin-right: 0;}
.ci-flex .inner-box:last-of-type .ci-img-box span {width: 59.114%; padding-top: 32.224%;}

.org .cm-con {display:block; padding-top: 9.4rem;}
.org .cm-con .area {display:flex;}
.org-diagram-box {display:flex; align-items:center;}
.org-diagram-box .img-box > span {background: #fff; border-radius:100%; width: 26rem; height: 26rem; display: flex; align-items: center; justify-content: center; -webkit-box-shadow: 1px -1px 47px -4px rgba(0, 0, 0, 0.23); -moz-box-shadow: 1px -1px 47px -4px rgba(0, 0, 0, 0.23); box-shadow: 1px -1px 47px -4px rgba(0, 0, 0, 0.23);}	
.org-diagram-box .img-inner {width: 22.4rem;}
.org-diagram-box .img-inner > span {width: 100%; position: relative; display: block; height: 0; padding-top: 100%;}
.org-diagram-box .img-box {position: relative; margin-right: 8.4rem;}
.org-diagram-box .img-box:after {display: block; content: ""; position: absolute; width: 4rem; height: 1px; background: rgba(0, 0, 0, 0.1); right: -4.1rem; top: 50%; transform: translateY(calc(-50% + 0.5px));}
.org-list {position: relative; width: calc(100% - (26rem + 8.4rem));} 
.org-list:before {display: block; content:""; position:absolute; left: -4.3rem; top: 4rem; width: 1px; height: 45rem; background: rgba(0,0,0,0.1);}
.org-list li {position: relative; background: #f9f9f9; border-radius:10px; border:1px solid #eee; box-sizing:border-box; padding: 2.251rem 3rem; margin-top: 1rem; transition:var(--transition-custom);}
.org-list li:after {display: block; content:""; position:absolute; top: 50%; left: -4.3rem; transform:translateY(calc(-50% + 0.5px)); width: 4rem; height: 1px; background: rgba(0,0,0,0.1);}

.org-list li .dot {display: block; width: 1.6rem; height: 1.6rem; background: rgba(31,84,207,0.1);  position:absolute; left: -0.8rem; top: 50%; transform: translateY(calc(-50% + 0.5px)); border-radius: 100%;}
.org-list li .dot:after {display: block; content:""; position:absolute; width: 0.8rem; height: 0.8rem; border-radius:100%; background: var(--main-color); left: 50%; top: 50%; transform:translate(-50%,-50%); border-radius:100%;}

.org-list li:first-of-type {margin-top: 0;}
.org-list li .tit01 {font-size:1.8rem; letter-spacing:-0.065em; color: #000; line-height:1.833; font-weight: 600;}
.org-list li .tit02 {padding-left: 2rem;}

.org-list li.active {background: var(--main-color);}
.org-list li.active .tit01 {color: #fff; font-weight: 500;}
.org-list li.active .tit02 {color: rgba(255,255,255,0.5);}
.org-list li.active .dot:after {background: #fff;}

.org-tit-box {margin-bottom: 5.5rem;}
.org-tit01 {font-size:2.4rem; letter-spacing:-0.05em; color: #000; line-height:1.667em; font-weight: 600; margin-bottom: 1.5rem;}
.org-tit02 {font-size:1.6rem; letter-spacing:-0.05em; color: #464646; line-height:1.3;}

@media all and (max-width:1280px){
	.about-intro-box .intro-box:last-child {left: -1.5rem;}
	.identity {padding-top: 7.25rem;}
	.identity > .area {flex-wrap:wrap;}
	.cm-con .left-box {width: 100%;}
	.cm-con .right-box {width: 100%;}
	.cm-con .right-box {margin-top: 4rem;}
	.ci-flex .inner-box {display:flex; flex-direction:column;}
	.ci-tit-box {min-height:3rem;}
	.ci-flex .inner-box .ci-img-box {height: calc(100% - 3rem);}

	.org .cm-con .area {flex-direction:column;}
}

@media all and (max-width:800px){
	.about-intro-box {padding: 8rem 0;}
	.about-intro-box .intro-box {width: 25rem; height: 25rem; padding: 3rem;}
	.cm-con .left-box {font-size:3.5rem;}
	.ci-tit-box {flex-wrap:wrap;}
	.ci-tit-box .txt {padding-left: 0; margin-top: 1rem;}
	.ci-flex {flex-wrap:wrap;}
	.ci-flex .inner-box {width: 100%; margin-right: 0;}
	.ci-flex .inner-box:last-of-type {margin-top: 4.5rem;}
	.ci-txt-box {flex-wrap:wrap; padding: 3.7rem 3rem 5rem;}
	.ci-txt-box dl:first-of-type, .ci-txt-box dl:last-of-type {width: 100%;}
	.ci-txt-box dl:last-of-type {margin-top: 2rem;}
	.org-diagram-box {flex-wrap:wrap; justify-content: center;}
	.org-diagram-box .img-box {margin-right: 0;}
	.org-diagram-box .img-box:after {display:none;}
	.org-list {width: 100%; margin-top: 3rem;}
	.org-list li:after {display:none;}
	.ci-flex .inner-box .ci-img-box {min-height:initial;}
}

@media all and (max-width:640px){
	.org-list li .tit02 {display: block; margin-top: 0.5rem; padding-left: 0;}
}


@media all and (max-width:480px){
	.about-intro-box .intro-box {width: 17rem; height: 17rem;}
	.about-intro-box .intro-box:last-child {left: 0;}
	.ci-img-box {padding: 4rem 0 4.3rem;}
	.ci-txt-box > dl:last-of-type .color-box {width: 100%;}
}

/* 회사소개 :: 사업분야 */
.com-business-con {display:flex; padding: 10rem 0; border-top:1px solid rgba(0,0,0,0.1);}
.com-business-con:first-of-type {padding-top: 4.5rem; border-top:3px solid #000;}
.com-business-con:last-of-type {padding-bottom:0;}
.com-business-con:first-of-type .img-box {margin-top: 3rem;}
.com-business-con .tit-box {width: calc(100% - 68.657%); font-size:4rem; letter-spacing:-0.05em; color: #000; line-height:1.25; font-weight: 600;}
.com-business-con .txt-box {width: 68.657%;}
.com-business-con .range-txt .txt01 {font-size:2.4rem; letter-spacing:-0.05em; color: #000; line-height:1.375;}
.com-business-con .range-txt .txt02 {font-size:1.6rem; letter-spacing:-0.05em; color: #333; line-height:2.0625; margin-top: 1.8rem;}

.bs-type-list li {position: relative; margin-top: 1rem; background: #f5f5f5; border-radius:10px; padding: 2rem; transition:var(--transition-custom);}
.bs-type-list li a {display:flex; align-items:center;}
.bs-type-list li:first-child {margin-top: 0;}
.bs-type-list li .ico-box {display:flex; align-items:center; justify-content:center; width: 7rem; height: 7rem; background: #fff; border-radius:10px;}
.bs-type-list li .type-txt {padding-left: 2rem;}
.bs-type-list li .type-txt .tit01 {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.3;}
.bs-type-list li .type-txt .tit02 {font-size:1.6rem; letter-spacing:0; color:rgba(0,0,0,0.3); line-height:1.2; margin-top: 1rem; font-weight: 500;}
.bs-type-list li .arrow {position:absolute; right: 6rem;}
.bs-type-list li .arrow i {font-size:2rem; color: rgba(51,51,51,0.3);}
/* .bs-type-list li.active {background: var(--main-color);}
.bs-type-list li.active .type-txt .tit01 {color: #fff;}
.bs-type-list li.active .type-txt .tit02 {color: rgba(255,255,255,0.3);}
.bs-type-list li.active .arrow i {color: #fff;} */

.bs-type-list li:hover {background: var(--main-color);}
.bs-type-list li:hover .type-txt .tit01 {color: #fff;}
.bs-type-list li:hover .type-txt .tit02 {color: rgba(255,255,255,0.3);}
.bs-type-list li:hover .arrow i {color: #fff;}

@media all and (max-width:800px){
	.com-business-con {flex-wrap:wrap; padding: 5rem 0; margin-top: 4rem;}
	.com-business-con .tit-box {width: 100%; margin-bottom: 2rem;}
	.com-business-con .txt-box {width: 100%;}
}

@media all and (max-width:640px){
	.bs-type-list li .arrow {right: 3rem;}
	.bs-type-list li .type-txt .tit01 {font-size:1.7rem;}
	.bs-type-list li .type-txt .tit02 {font-size:1.3rem;}
}

/* 회사소개 :: 고객사 */
.customer-con {margin-top: 10.4rem;}
.customer-con:first-of-type {margin-top: 0;}
.customer-con .tit {display:inline-block; position: relative; font-size:2.4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.08; margin-bottom: 1.9rem;}
.customer-con .tit:before {display: block; content:""; width: 8px; height: 8px; background: var(--main-color); border-radius:100%; position:absolute; right: -1rem; top: 0;}
.customer-list {display:flex; flex-wrap:wrap;}
.customer-list li {background: #f9f9f9; border-radius:10px; width: calc((100% - 9.2rem)/ 5); margin-right: 2.3rem; margin-top: 2rem; padding: 5.15rem 0;}
.customer-list li:nth-of-type(5n) {margin-right: 0;}
.customer-list li span {position: relative; display: block; width: 64.106%; height: 0; padding-top: 22.84%; margin: 0 auto;}

@media all and (max-width:800px){
	.customer-list li {width: calc((100% - 4.6rem)/ 3); padding: 3.25rem 0;}
	.customer-list li:nth-of-type(5n) {margin-right: 2.3rem;}
	.customer-list li:nth-of-type(3n) {margin-right: 0;}
}

/* 회사소개 :: 오시는 길 */
.map-script-wrapper {
    position: relative;
	overflow: hidden;
	margin: 0px auto;
	height: 500px;	
	border-radius:20px;
	border:1px solid #ddd;
}
.map-script-wrapper .map-script-con {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1340px;
	height: 500px;
	margin: -250px 0 0 -670px;
}
.loca-intro-box {position: relative;}
.loca-intro-box:before {display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: calc(100% - 25rem); background: #f5f5f5;}
.loca-intro-box .link-list {display:flex; justify-content:center; margin-top: 2.6rem;}
.loca-intro-box .link-list li {/* width: calc((100% - 3rem) / 3); */ margin-right: 1.5rem;}
.loca-intro-box .link-list li:last-of-type {margin-right: 0;}
.loca-intro-box .link-list li a {display:flex; align-items:center; justify-content:center; padding: 0 3.065rem; background: #fff; border-radius:10px; transition:var(--transition-custom); height: 6rem;}
.loca-intro-box .link-list li i {/* position: relative; top: 0.4rem;  */font-size:2.4rem; letter-spacing:-0.025em; color: #000; }
.loca-intro-box .link-list li em {font-size:1.4rem; letter-spacing:-0.05em; color: #000; line-height:1.25; font-weight: 500; padding-left: 3rem;}
.loca-tit-box {position: relative; text-align:center; margin-top: 5.5rem; padding-bottom:7.8rem;}
.loca-tit-box .tit {font-size:3.2rem; letter-spacing:-0.05em; line-height:1.5625; color: #000; text-align:center; font-weight: 600;}
.loca-intro-box .link-list li a:hover {background: var(--main-color);}
.loca-intro-box .link-list li a:hover i {color: #fff;}
.loca-intro-box .link-list li a:hover em {color: #fff;}
.loca-info-box {display:flex; margin-top: 12rem;}
.loca-info-box .inner-info-box {display:flex; background: #f5f5f5; border-radius:15px; margin-top: 1rem; padding: 2.5rem 4rem;}
.loca-info-box .inner-info-box:first-of-type {margin-top: 0;}
.loca-info-box .inner-info-box dt {position: relative; width: 9.3rem; font-size:1.8rem; letter-spacing:-0.05em; color: #000; line-height:1.667; font-weight: 600;}
.loca-info-box .inner-info-box dt:after {display: block; content:""; width: 1px; height: 1.5rem; background: rgba(0,0,0,0.2); position:absolute; right: 0; top: 0.9rem; }
.loca-info-box .inner-info-box dd {width: calc(100% - 9.3rem); font-size:1.6rem; letter-spacing:-0.05em; color: #303030; line-height:1.875; font-weight: 500; padding-left: 3rem; box-sizing: border-box;}
.loca-info-box .inner-info-box dd .email-box {display:flex; margin-top: 1rem;}
.loca-info-box .inner-info-box dd .email-box:first-of-type {margin-top: 0;}
.loca-info-box .inner-info-box dd .email-box p {width: 7.5rem;}
.loca-info-box .inner-info-box dd .email-box em {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(70,70,70,0.7); line-height:1.875; font-weight: 500;}
.subway {display:flex; margin-top: 2rem;}
.subway:first-of-type {margin-top: 0;}
.subway span {display:flex; align-items:center; justify-content:center; width: 3rem; height: 3rem; border-radius:100%; background: #3cb44a; border-radius:100%; font-size:1.6rem; letter-spacing:-0.05em; color: #fff; line-height:1.875; text-align:center;}
.subway em {width:calc(100% - 3rem); padding-left: 5px; font-size:1.6rem; letter-spacing:-0.05em; color: #303030; line-height:1.875; font-weight: 500;}
.subway:last-of-type span {background: #717c02;}

@media all and (max-width:800px){
	.loca-tit-box .tit {font-size:2.5rem;}
	.loca-info-box {flex-wrap:wrap; margin-top: 6rem;}
	.cm-con .right-box {margin-top: 2rem;}
	.map-script-wrapper {height: 300px;}
	.loca-info-box .inner-info-box {padding: 2.5rem;}
}

@media all and (max-width:640px){
	.loca-intro-box .link-list {flex-direction:column;}
	.loca-intro-box .link-list li {margin-right: 0; margin-top: 1.5rem;}
	.loca-intro-box .link-list li:first-of-type {margin-top: 0;}
	.loca-info-box .inner-info-box {flex-wrap:wrap;}
	.loca-info-box .inner-info-box dt {width: 100%;}
	.loca-info-box .inner-info-box dt:after {display:none;}
	.loca-info-box .inner-info-box dd {width: 100%; padding-left: 0; margin-top: 1rem;}
	.subway {margin-top: 1rem;}
}

/* 검증서비스 */
#topMenu01 .side-menu-inner ul.sub-menu-service li:last-of-type a:after {content:"\e980";}

/* 검증서비스 :: 검증서비스 소개 */
.service-intro {background: url(/images/content/verification_service_intro_bg.jpg) no-repeat; background-size:cover; background-position:58% 50%; padding: 8.304rem 18rem 12.3rem; border-radius:20px;}
.service-intro .cm-intro-tit {text-align:left;}
.service-intro .cm-intro-tit .intro-tit {color: #fff;}
.service-intro .cm-intro-tit .intro-txt {color: rgba(255,252,255,0.5);}

.service-intro-txt {position: relative; background: #fff; border-radius:20px; -webkit-box-shadow: 8px 18px 37px -2px rgba(0, 0, 0, 0.23); -moz-box-shadow: 8px 18px 37px -2px rgba(0, 0, 0, 0.23); box-shadow: 8px 18px 37px -2px rgba(0, 0, 0, 0.23); padding: 4rem 0; margin-top: -7rem; z-index: 2;}
.service-intro-txt p {font-size:1.6rem; letter-spacing:-0.05em; color: #303030; line-height:1.875; text-align:center; font-weight: 500;}

.fb-box {display:flex;}
.fb-box .item {background: #fff; border-radius:20px; width: calc((100% - 8.1rem) / 4); margin-right: 2.7rem; padding: 3.5rem 0 2.9rem;}
.fb-box .item:last-of-type {margin-right: 0;}
.fb-box .item .item-inner {display:flex; align-items:center; width: 7rem; height: 7rem; background: #edf0f5; border-radius:10px; margin: 0 auto;} 
.fb-box .item .item-inner span {display: block; position: relative; height: 0; width: 4.6rem; padding-top: 70%; margin: 0 auto;}
.fb-box .item-tit {font-size:1.5rem; letter-spacing:-0.05em; color: #464646; line-height:1.867; font-weight: 500; text-align: center; margin-top: 2rem;}

.fb-list-box {position: relative; padding-top: 13.9rem; /* background: #edf0f5;  */padding-bottom:12rem; z-index: -1;}
/* .fb-list-box:before {display: block; content: ""; position: absolute; background: inherit; width: 100%; height: 30rem; top: -30rem; z-index: -1;} */
.fb-list-box-bg {position: absolute; background: #edf0f5; width: 100%; height: 111.5rem; top: -30rem; z-index: -1;}
.fb-list-box .fb-tit {display:inline-block; font-size:2.4rem; letter-spacing:-0.05em; color: #000; line-height:1.667; font-weight: 600; padding-bottom:1.5rem;}
.fb-list-box ul li:last-of-type {margin-top: 3.6rem;}

.process-tit {display:inline-block; font-size:2.4rem; letter-spacing:-0.05em; line-height:1.667; color: #000; font-weight: 600; margin-bottom:2rem}
.process-box {margin-top: 8.5rem;}
.process-box .right-box {padding-top: 1rem;}
.process-object-box {position: relative;}
.proess-apply-btn {position:absolute; top:50%; left: 50%; transform:translate(-50%, -50%); /* margin-top: -9.57%; margin-left: -40.8%; */ margin-top: -88.031px; margin-left: -375px;}
.proess-apply-btn.en {margin-top: -68.031px;}

.equipment-box {background: #f5f5f5; padding: 10.1rem 0 10.4rem; margin-top: 10rem;}
.equipment-img-list img {/*border-radius:20px 20px 0 0;*/ width:100%}
.equipment-img-list .slick-list {border-radius:20px 20px 0 0; height: 44rem;}
.equipment-img-list .slick-list .img-box{width:100%; background:#fff; text-align:center;}
.equipment-box .slide-tit-box {position: relative; display:flex; justify-content:space-between; background: #fff; border-radius:0 0 20px 20px; padding: 4rem 4.3rem;}
.equipment-box .slide-tit-box .title {font-size:2.4rem; letter-spacing:-0.025em; line-height:1.4; color: #303030; font-weight: 600;}
.slide-title-list {max-width:60rem;}
.quipment-arrows {position:absolute; right: 4rem; top: 50%; transform:translateY(-50%);}
.quipment-arrows .slick-arrow {font-size:2.4rem; color: #000;}
.quipment-arrows .slick-prev {position: relative; padding-right: 1rem;}
.quipment-arrows .slick-prev:after {display: block; content:""; width: 4px; height:4px; border-radius:100%; background:rgba(0,0,0,0.2); position: absolute; right: -2px; top: 50%; transform: translateY(-50%);}
.quipment-arrows .slick-next {padding-left: 1rem;}

@media all and (max-width:1400px){
	.service-intro-txt.area {padding: 4rem var(--area-padding); margin: -7rem var(--area-padding) 0;}
}

@media all and (max-width:1280px){
	.service-intro {padding: 8.304rem 9rem 12.3rem;}
	.fb-list-box {padding-top: 6.95rem; padding-bottom:6rem;}
	.cm-con {flex-wrap:wrap;}
	.cm-con .left-box {width: 100%;}
	.cm-con .right-box {width: 100%; margin-top: 2rem;}
	.fb-list-box ul li:last-of-type {margin-top: 2rem;}
	.equipment-box {margin-top: 7rem; padding: 6.5rem 0 5rem;}
	.equipment-img-list img {width: 100%;}
	.proess-apply-btn {top: 118px; left: 45px; transform:translate(0,0); margin-top: 0; margin-left: 0;}
	.proess-apply-btn.en {top: 138px; margin-top: 0;}
}

@media all and (max-width:980px){
	.proess-apply-btn {top: 50%; left: 50%; transform:translate(-50%,-50%); margin-top: -9.6%; margin-left: -40.8%; width: 9.5rem;}
	.proess-apply-btn img {max-width:100%;}
	.proess-apply-btn.en {top: 50%; margin-top: -7.4%;}
}

@media all and (max-width:800px){
	.service-intro {padding: 7rem 5rem 10rem;}
	.service-intro-txt.area {padding: 2.5rem var(--area-padding);}
	.equipment-box .slide-tit-box {padding: 3rem 3.3rem;}
	.equipment-img-list .slick-list {height: auto;}
	.fb-box {flex-wrap:wrap; margin-top: -2rem;}
	.fb-box .item {width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-top: 2rem; padding: 3.5rem 2rem 2.9rem;
        box-sizing: border-box;}
	.fb-box .item:nth-of-type(even) {margin-right: 0;}
	/* .fb-box .item:first-of-type {margin-top: 0;} */
	.fb-box .item-tit {line-height:1.4;}
	.fb-list-box-bg {/* height: 117%; */ height: 127.5%;}
	.slide-title-list {max-width:25rem;}
	.equipment-box .slide-tit-box .title {font-size:2rem;}
	.proess-apply-btn {margin-top: -9.6%; margin-left: -40.6%; width: 72px;}
	.proess-apply-btn.en {margin-left: -40.7%;}
}

/* 마이페이지 :: 견적서 - 세금계산서 발행일 250523 수정 YJ */
.duty-date {
    border-radius: 0.5rem;
    /* background: #fff; */
    position: relative;
    display: inline-block;
    height: 3rem;
    box-sizing: border-box; display:flex;}
.duty-date-input {position: relative; border: 1px solid #777; z-index: 2; outline:0; width: 100%; border-radius:0.5rem !important; 
background: none; text-align:center; background: #fff;}
.duty-chk-btn {font-size:1.2rem; margin-left: 0.5rem; color: #000; border: 1px solid #ccc;
    padding: 0 0.5rem;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2);}

/* 마이페이지 :: 첨부파일 버튼 250529 수정 YJ */
.mypage-page .document-file {border:0;}

/* 마이페이지 :: 확인사항 버튼 250529 수정 YJ */
#bal_confirm_button {background: var(--point-color);}