@charset "utf-8";
/* CSS Document */

.body-container .section .cont img {width:85%; margin:20px auto 45px; display: block;}
.section .cont .tab-menu {margin-bottom:20px;}
.section .cont .tab-menu ul li {float:left; width:50%; height:40px; line-height: 38px; text-align: center; font-weight: 400; font-size: 1.4rem;}
.section .cont .tab-menu ul li a {background:#fff; border:1px solid #e8e8e8; display: block; width:100%; height:100%; color: #9d9d9d; }
.section .cont .tab-menu ul li.select a {background:#5283e0; color:#fff; border-color:#5283e0;}
.section .cont .select-box {margin-bottom:20px;}
.section .cont .select-box select { background-color:#fff; background:url("../../../img/common/select_arrow.png")no-repeat 95% 53%;  border:0; border: 1px solid #e8e8e8; width:100%; height:45px; padding:0 50px 0 20px; border-radius: 3px; color:#444}
.section .cont .service-table table {border:1px solid #e7e7e7; border-bottom:0; font-size: 1.4rem; color:#555; width:100%;}
.section .cont .service-table table tr th {border-bottom:1px solid #e7e7e7; padding:15px; background:#f8f8f8; border-right:1px solid #e7e7e7; text-align: center;font-weight: 600; max-width: 85px; word-break: keep-all;}
.section .cont .service-table table tr td {border-bottom:1px solid #e7e7e7; padding:15px; background:#fff; letter-spacing: -0.025em; line-height: 23px;}
.section .cont .application-btn a {display: block; width:100%; line-height: 50px; text-align: center; font-size:1.5rem; font-weight: 500; color:#fff; background:#6c0efc;}


/* 신청서 작성 */
.application-info-wrap .application-form { margin-top: 30px; }
.application-info-wrap .application-form .application-title { font-size: 2rem; color: #2d2d2d; padding:20px 0;text-align: center; border-top:4px solid #5283e0;}
.application-info-wrap .application-form .input-area { margin-bottom: 25px; position: relative; }
.application-info-wrap .application-form .input-title {position: relative;font-size: 1.6rem; font-weight: bold; color: #2d2d2d; margin-bottom: 10px; }
.application-info-wrap .application-form .input-title .paragraph-del-btn {position: absolute; top:-7px; right:0; height:30px; border-radius: 3px; font-size:1.3rem; width: 20%; background:#c50b0b; color:#fff; border:none; outline:0; box-shadow: 0 5px 3px -1px rgba(0,0,0,0.1);}
.application-info-wrap .application-form .input-title .imp { color: #e60012; margin-left: 5px; }
.application-info-wrap .application-form  input[type=text] { width: 100%; height: 45px; font-size: 1.4rem; border: 1px solid #dcdcdc; padding: 0 15px; border-radius: 3px;}
.application-info-wrap .application-form .input-area .notice { margin-top: 7px; display: block; font-size: 1.4rem; font-size: 1.3rem; letter-spacing: -0.05em; color:#777; }
.application-info-wrap .application-form .input-area .notice span { color:#5283e0; font-weight: 500 }
.application-info-wrap .application-form .input-area .notice i {font-size:1.4rem; margin-right:3px; color:#5283e0;}
.application-info-wrap .application-form .resume-paragraph-select {border-bottom:1px solid #5283e0; margin-top:40px; position: relative;}
.application-info-wrap .application-form .resume-paragraph-select .paragraph-add-btn {position: absolute; top:-35px; right:0; height:30px; border-radius: 3px; font-size:1.3rem; width: 20%; background:#254B94; color:#fff; border:none; outline:0; box-shadow: 0 5px 3px -1px rgba(0,0,0,0.1);animation: bounce 2000ms ease 0ms infinite;transition: background .5s ease;}
.application-info-wrap .application-form .resume-paragraph-select ul {width:calc(100% - 70px); overflow: hidden; height: 39px; border-left: 1px solid #dcdcdc;}
.application-info-wrap .application-form .resume-paragraph-select ul li {display: none; float:left; width:25%;}
.application-info-wrap .application-form .resume-paragraph-select ul li.on {display: block; float:left; width:25%;}
.application-info-wrap .application-form .resume-paragraph-select ul li a { display: block; height: 100%; width:100%; background: #fff; border: 1px solid #dcdcdc; border-left:0; font-size: 1.3rem; line-height: 38px; color: #9d9d9d; border-bottom: 0; text-align: center;}
.application-info-wrap .application-form .resume-paragraph-select ul li.select a { border:1px solid #5283e0 !important; border-bottom:0; color: #5283e0; font-weight: bold; position: relative; font-size:13px; letter-spacing: -0.08em;}
.application-info-wrap .application-form .resume-paragraph-select ul li.select a:after { position: absolute; z-index: 2; left: 0; bottom: -1px; content: ''; background: #fff; width: 100%; height: 1px; }
.application-info-wrap .application-form .resume-paragraph-select .arrow-wrap { position: absolute; top:5px; right:0;}
.application-info-wrap .application-form .resume-paragraph-select .arrow-wrap i {font-size:15px; width:25px; line-height: 25px; text-align: center; border-radius: 50%; background:#eaeaea; color:#65728a; margin:0 3px;}
.application-info-wrap .application-form .resume-paragraph-select .arrow-wrap i.disabled {color:#cacaca; background:#e2e2e2;}
.application-info-wrap .application-form .resume-paragraph-select .arrow-wrap i.disabled:hover {background:#e2e2e2;}

.application-info-wrap .application-form .resume-input-area { margin-top:20px; }
.application-info-wrap .application-form .resume-input-area .selectbox {position: relative; border-style: none; z-index: 1; display: inline-block; height:45px; width:100%; vertical-align: top; background:#fff; border:1px solid #5283e0; border-radius: 3px; margin-bottom:10px;}
.application-info-wrap .application-form .resume-input-area .selectbox:before {content: ''; position: absolute; top:50%; margin-top:-10px; right:8px; background:url("../../../img/common/select_arrow.png")no-repeat; background-position: 99% 99%; width:13px; height:13px; } 
.application-info-wrap .application-form .resume-input-area .selectbox label {position: absolute; top:0; left:0; z-index: -1; font-size: 1.4rem; line-height: 43px; text-align: left; width: 90%; padding-left:15px; font-weight: 500; color:#5283e0; }
.application-info-wrap .application-form .resume-input-area .selectbox select {width:100%; line-height: normal; font-family: inherit; border:0; opacity: 0; height:45px; padding:8px; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 0;}
.application-info-wrap .application-form .input-title .custom-check { display: none; }
.application-info-wrap .application-form .input-title .custom-check-label { padding-left: 20px; position: relative; font-size: 1.3rem; cursor: pointer; line-height: 20px; color: #666;  margin-left: 10px;}
.application-info-wrap .application-form .input-title .custom-check-label:before { width: 14px; height: 14px; position: absolute; content: ''; background: url(../../../img/sub/common/check.png); background-size: 14px 28px; background-repeat: no-repeat; background-position: 0 0; left: 0; top: 50%; margin-top: -7px; }
.application-info-wrap .application-form .input-title .custom-check:checked + .custom-check-label:before { background: url(../../../img/sub/common/check.png); background-size: 14px 28px; background-repeat: no-repeat; background-position: 0 -14px; }
.application-info-wrap .application-form .resume-input-area .input-title .text-limit-view { float: right; color: #555; }
.application-info-wrap .application-form .resume-input-area .text-limit-input { position: relative; }
.application-info-wrap .application-form .resume-input-area .text-limit-input input[type=text] { width: 100%; text-align: right; padding-right: 40px; }
.application-info-wrap .application-form .resume-input-area .text-limit-input .unit { position: absolute; right: 20px; top: 12px; font-size: 1.3rem; }
.application-info-wrap .application-form  textarea { width: 100%; border: 1px solid #dcdcdc; font-size: 1.4rem; padding: 15px; height: 250px; resize: none; letter-spacing: -0.05em;}
.application-info-wrap .application-form .request-content .notice {margin-bottom:10px;}
.application-info-wrap .application-form .input-area .point-input { margin-top: 15px; }
.application-info-wrap .application-form .input-area .point-input input[type=text] { width: 130px !important; text-align: right; }
.application-info-wrap .application-form .input-area .point-input span.point { font-size: 12px; vertical-align: bottom; margin-left: 10px; color:#888;}
.application-info-wrap .application-form .input-area .coupon-input { margin-top: 15px; }
.application-info-wrap .application-form .input-area .coupon-input:after { clear: both; height: 0; content: ''; display: block; }
.application-info-wrap .application-form .input-area .coupon-input input[type=text] { width: 20%; float: left; }
.application-info-wrap .application-form .input-area .coupon-input .hypen { font-size: 25px; float: left; line-height: 50px; color: #cdcdcd; width: 20px; text-align: center; }
.application-info-wrap .application-form .input-area .coupon-reset-btn { height: 35px; width: 110px; background: #d85451; color: #fff; border: none; border-radius: 20px; position: absolute; right: 0; top: 0; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.15); outline: 0; cursor: pointer; }
.application-info-wrap .application-form .input-area .working-time-input-wrap .box {margin:10px 0 30px;}
.application-info-wrap .application-form .input-area .working-time-input-wrap .box ul li { position: relative;float: left; text-align: center; line-height: 40px; border:1px solid #e7e7e7; border-left:0; font-size:1.4rem; color:#969696;}
.application-info-wrap .application-form .input-area .working-time-input-wrap .box ul li.select{color:#5283e0;}
.application-info-wrap .application-form .input-area .working-time-input-wrap .box ul li.select:after { position: absolute; content: ''; width: 100%; height: 100%; border:1px solid #5283e0; top:-1px; left:-1px; z-index: 1}
.application-info-wrap .application-form .input-area .working-time-input-wrap .box ul li:nth-child(1) {border-left:1px solid #e7e7e7}
.application-info-wrap .application-form .input-area .working-time-input-wrap .box03 ul li {width:33.3%;}
.application-info-wrap .application-form .cost-summary-table { margin-top: 80px; position: relative; border-top: 1px solid #c6cbdc; background: #f2f4f7; }
.application-info-wrap .application-form .cost-summary-table:before { position: absolute; content: ''; height: 1px; width: 100%; left: 0; top: -36%; border-top: 1px dashed #ccc; }
.application-info-wrap .application-form .cost-summary-table .row { padding: 2px 20px 2px 20px; font-size: 14px; color: #555; }
.application-info-wrap .application-form .cost-summary-table .row:after { clear: both; height: 0; content: ''; display: block; }
.application-info-wrap .application-form .cost-summary-table .row:first-child { padding-top: 15px; }
.application-info-wrap .application-form .cost-summary-table .row .head { float: left;  padding:0;}
.application-info-wrap .application-form .cost-summary-table .row .cost { float: right; }
.application-info-wrap .application-form .cost-summary-table .result-row { margin-top: 13px; border-top: 1px solid #c6cbdc; padding: 15px 20px; background: #e8eaf0; }
.application-info-wrap .application-form .cost-summary-table .result-row:after { clear: both; height: 0; content: ''; display: block; }
.application-info-wrap .application-form .cost-summary-table .result-row .head { font-size: 1.6rem; font-weight: bold; color: #27457d; float: left; padding:0;}
.application-info-wrap .application-form .cost-summary-table .result-row .cost { float: right; font-size: 1.6rem; font-weight: bold; color: #27457d; }
.application-info-wrap .application-form .application-btn { width: 100%; border: none; height: 50px; background: #5283e0; font-size: 1.6rem; color: #fff; cursor: pointer; margin-bottom: 20px; }
.application-info-wrap .application-form .credit-notice-wrap .notice .imp-02 {color:#e05252;}
.application-info-wrap .application-form .application-btn:hover { background: #4475D4; }
.application-info-wrap .application-form .credit-notice-wrap .bank-account {margin-top:20px; padding:20px; background:#f8f8f8; text-align: center;}
.application-info-wrap .application-form .credit-notice-wrap .bank-account img {width:100px; margin:0 auto;}
.application-info-wrap .application-form .credit-notice-wrap .bank-account .numb,
.application-info-wrap .application-form .credit-notice-wrap .bank-account .name{vertical-align: top; margin-top:8px; display: inline-block; color:#555; font-weight: 500; font-size: 1.3rem; letter-spacing: -0.025em;}
.application-info-wrap .credit-confirm-messege {padding: 70px 20px; text-align: center; font-size:2rem; letter-spacing: -0.05em; font-weight: 600; border-bottom: 1px solid #dee3eb; border-top:4px solid #5283e0; background:#f8f8f8; word-break: keep-all;}
.application-info-wrap .credit-confirm-messege .col {color:#5283e0;}
.application-info-wrap .credit-confirm-messege.failed-msg { padding:40px 20px;}
.application-info-wrap .credit-confirm-messege.failed-msg .col {color:#e05252;}
.application-info-wrap .credit-confirm-messege.failed-msg .order-num {margin-top:20px; font-size: 15px; display: inline-block; font-weight: 400; letter-spacing: 0;}
.application-info-wrap .credit-confirm-messege.failed-msg .back-btn {width: 100%; text-align: center;}
.application-info-wrap .credit-confirm-messege.failed-msg .back-btn a {display: inline-block; border-radius: 3px; margin:20px auto 0; line-height: 38px; width: 150px; color: #fff; font-size: 1.4rem; font-weight: 400; background:#5283e0; letter-spacing: 0;}
.application-info-wrap .credit-confirm-messege.failed-msg .order-num {padding: 15px 0; width: 100%; background: #fff; margin-top:20px; font-size: 14px; display: inline-block; font-weight: 500; letter-spacing: 0; color:#666; border-top: 2px solid #dee3eb; border-bottom:2px solid #dee3eb;}

.application-info-wrap .notice-wrap {margin-top: 20px; text-align: center; color: #555;}
.application-info-wrap .notice-wrap .notice { display: inline-block; font-size: 1.2rem; letter-spacing:-0.02em; }

@keyframes bounce {
	0%{
		transform: translateY( 0% ) ;
		animation-timing-function: cubic-bezier(.26,.77,.5,1);
	}
	50%{
		transform: translateY( -20% );
		animation-timing-function: cubic-bezier(.35,.02,.63,.7);
	}
	100%{
		transform: translateY( 0% );
		animation-timing-function: cubic-bezier(.35,.02,.63,.7);
	}
}