@charset "UTF-8";

/* 심사신청 > 유의사항 */
.accordian1 {
	border-top: 1px solid #333333;
}

.accordian1 ul li, p, em{
   font-size: 0.755rem;
}

.accordian1 .accordian__list {
	border-bottom: 1px solid #e1e1e1;
}

.accordian .accordian__title {
	position: relative;
	min-height: 2.875rem;
	padding: 0 0.688rem;
}

.accordian .accordian__title .btn--accordion {
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	margin: auto;
	width: 2.5rem;
	height: 100%;
	z-index: 9;
}

.accordian .accordian__title .btn--accordion::after {
	content: '';
	position: absolute;
	top:50%;
	right:0.813rem;
	z-index: 9;
	transform:rotate(0deg) translateY(-50%);
	width:0.583rem;
	height: 0.333rem;
	background: url(/images/intro__sec5__arr-e47eb3745c555d156e3b43d696c760f4.jpg) no-repeat center;
	background-size: contain;
	transition: 0.3s;
}

.accordian1 .accordian__list.active .accordian__title .btn--accordion::after,
.accordian2 .accordian__title .btn--accordion.active::after {
	transform:rotate(180deg) translateY(0.1665rem);
}

.accordian1 .accordian__title img {
	width: 0.916rem;
	margin-right: 0.813rem;
}

.accordian1 .accordian__title span {
	font-size: 0.95rem;
	color: #000;	
	font-weight: 500;
}

.accordian .accordian__contents {
	max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: #f9f9f9;
    font-size: 0.775rem;
    color: #666;
}

.accordian2 .accordian__contents {
	border-top: 0
}

.accordian .accordian__contents .inner {
	border-top: 1px solid #e1e1e1;
    padding: 1rem 0.854rem;
}

.accordian .accordian__contents ul li {
	position: relative;
	padding-left: 0.5rem;
}

.accordian .accordian__contents ul li::before {
	content: '-';
	position: absolute;
	top:0;
	left:0;
}

.accordian .accordian__list3 .accordian__contents em {
	/* font-size: 0.75rem; */
	font-weight: 700;
}

.accordian .accordian__list3 .accordian__contents em:nth-of-type(2) {
	margin-top: 0.5rem;	
}

.accordian .accordian__list4 .accordian__contents ul {
	margin: 0.5rem 0;
}

.accordian2 .accordian__list {
	margin-bottom: 0.416rem;
	border: 1px solid #ddd;
	border-radius: 7px;
	overflow: hidden;
}

.accordian2 .accordian__list:last-child {
	margin-bottom: 0;
}

.accordian2 .accordian__title{
	min-height: 2.750rem;
	height: auto;
	padding: 0.7rem 2.875rem 0.7rem 0.875rem;
}

#wrap  .accordian2 .accordian__title .description {
	line-height: 1;
	margin-top: 4px;
}

.accordian2 .accordian__contents {
	background-color: #fff;
}

.accordian__contents .division {
	margin-bottom: 0.5rem;;
}

.input--check,
.input--radio {
	position: relative;
	width: 100%;
	padding-left: 1.563rem; 
	cursor: pointer;
	font-size: 0.75rem;
	line-height: 1.3;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none;
}

.input--check .txt,
.input--radio .txt {
	font-weight: 500;
}

.input--check .checkmark {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0.938rem;
	height: 0.938rem; 
	border: 1px solid #bdbdbd;
	background: url(/images/icon--check1-a84ff0bc74087bd2273f79ae93f25473.jpg) no-repeat center;
	border-radius: 50%;
	overflow: hidden;
	background-size: 0.46rem;
}

.input--check input:checked ~ .checkmark {
	border: 1px solid #e50112; 
	background-image: url(/images/icon--check2-9138af3b7356f5c3900b36e79285abb6.jpg);
}

/* input--checkSquare checkmark style */
.input--checkSquare input {
	border: 0;
}

.input--checkSquare .checkmark {
	border: 0;
	border-radius: 0;
	background-image: url(/images/icon--checkSquare1-47b623be57a109f10261cc6bd7f7e3d3.png);
	background-size: contain;
}

.input--checkSquare input:checked ~ .checkmark {
	border: 0;
	border-radius: 0;
	background-image: url(/images/icon--checkSquare2-b9fc824bcc0aef88882b880ab7829267.png);
}


/* input--radio checkmark style */
.input--radio .checkmark {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0.938rem;
	height: 0.938rem; 
	background: url(/images/icon--radio1_1-8ff2e3ca33442c09dfa8b08abed49aac.png) no-repeat center;
	border-radius: 50%;
	overflow: hidden;
    background-size: contain;
}

.input--radio input:checked ~ .checkmark {
	background-image: url(/images/icon--radio2-e562ececfcb9bbcec11f8b58021ac91c.png);
}

.check-wrap,
.radio-wrap {
	width: 100%;
	height: 3.333rem;
	background-color: #f6f6f6;
	border-radius: 7px;
	padding: 0 0.875rem;
}

.check-wrap ul,
.radio-wrap ul {
	width: 100%;	 
}


/* tooltips */
.tooltip-title {
	position: relative;
	line-height: 1;
	margin-bottom: 0.688rem;
}

.tooltip-title .tooltips {
	margin-left: 0.563rem;
}

.tooltip-title em {
    max-width: calc(100% - 1.501rem);
    font-size: 0.875rem;
}

.tooltip-title .tooltips {
	position: relative;
	margin-left: 0.563rem;
	width: 0.938rem;
}

.tooltip-title .tooltips__question {
	width: 0.938rem;
	cursor: pointer;
}

.tooltip-title .tooltips__txt {
	display: none;
	position: absolute;
	top: 100%;
	right: -20px;
	z-index: 9;
    width: 150px;
    height: auto;
	margin-top: 7px;
    background: rgba(0,0,0,0.8);
    padding: 0.5rem 0.75rem;
    border-radius: 7px;
    font-size: 0.7rem;
	line-height: 1.4;
    color: #fff;
}

.tooltip-title .tooltips__txt::after {
    content: " ";
    position: absolute;
    top: -5px;
    right: 23px;
    height: 0;
    z-index: -1;
    border-bottom: 5px solid;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	color:  rgba(0,0,0,0.8);
}

.tooltip-title .tooltips.on .tooltips__txt {
	display: block;
}

.input-wrap--terms {
	position: relative;
}

.input-wrap--terms .input--checkAll {
	position: absolute;
    top: 0;
    left: 14.625rem;
	width:4.375rem;
}

.input-wrap--terms .input--checkAll label{
	font-size: 0.625rem;
	font-weight: 700;
	color: #bdbdbd;
}

.input-wrap--terms .input--checkAll .checkmark {
	width: 100%;
	height: 1.458rem;
	border: 1px solid #ddd;
	border-radius: 20px;
	background-position: 0.646rem 50%;
}

.input-wrap--terms .input--checkAll input:checked ~ label{
	color: #e50112;
}

.input-wrap--terms .terms__descriptions {
	margin: 0.875rem 0 1.938rem;
}

.btn--green {
	width: 100%;
	height: 3.125rem;
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #e50112;
	border-radius: 7px;
}




/* 결과조회 */
.contact {
	margin-top: 2.125rem;
	padding: 2.458rem 0.833rem 2.208rem;
	background-color: #f4f2f3;
	border-radius: 7px;
}

.contact .title {
	position: relative;
	margin-bottom: 1.5rem;
	padding-top: 1.083rem;
	font-size:1.083rem;
	line-height: 1.384;
	text-align: center;
	background: url(/images/contact__title-bg-7c12d61fb2f0373f5e138bc3ed8c5fc1.png) no-repeat center top;
	background-size: 1.104rem;
}

.contact .title strong {
	font-weight: 700;
}

.contact .box {
	width: 100%;
	height: 4.792rem;
	margin-bottom: 0.813rem;
	padding: 0 1.25rem;
	background-color: #fff;
	border-radius: 7px;
}
 
.contact .box img {
	width: 1.979rem;
	height: 1.979rem;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1)
}

.contact .box dl {
	margin-left: 1.125rem;
}

.contact .box dl dt {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
}

.contact .box dl dd {
	margin-top: 0.583rem;
	line-height: 1;
}

.contact .box dl.contact__tel dd a {
	font-size: 1.125rem;
	line-height: 1;
	color: #474646;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

.contact .box dl.contact__time dd {
	font-size: 0.75rem;
	color: #666666;
}	


/* 결과조회2 */
.result .result__txt {
	font-size: 0.875rem;
	line-height: 1;
}

.result .result__txt strong {
	font-size: 1.125rem;
	font-weight: 700;
}

.result table {
	width: 100%;
	margin: 1.313rem 0 2.063rem;
}

.result table tr {
	height: 3.25rem;
	font-size: 0.75rem;
	border-bottom: 1px solid #e1e1e1;
}

.result table tr:first-child {
	border-top: 1px solid #e1e1e1;
}

.result table tr th {
	width: 22.6%;
	font-weight: 500;
	background-color: #f6f6f6;
}

.result table tr td {
	padding: 0.5rem 0.875rem;
	background-color: #fff;
	color: #505050;
}

.select-wrap select {
    width: 100%;
    height: 2.75rem;
    padding: 0.7rem 2.875rem 0.7rem 0.875rem;
	font-size: 0.75rem;
	border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden;
	background: url(/images/icon--selArr-88dd7d03bcf9179e0efe5b0706a04796.png) no-repeat 95% 50%;
	background-size: 0.563rem;
}



/* 가입신청 완료 */
.finish__txt {
	text-align: center;
	margin: 3.188rem auto 2.188rem;
}
 
.finish__txt h3 {
	margin: 1.938rem auto 0.875rem;
	font-size: 1.125rem;
	line-height: 1;
}

.finish__txt p {
	font-size: 0.75rem;
	line-height: 1.55;
	color: #666666;
}

.finish__tooltip {
	margin-bottom: 3.125rem;
}

.finish__tooltip .tooltip {
	position: relative;
	width: 100%;
	height: 8.313rem;
	margin-bottom: 2.063rem;
	padding-left: 1.667em;
	border-radius: 12px;
	background-color: #f3f3f3;	
}

.finish__tooltip .tooltip::after {
	content: '';
	position: absolute;
	bottom: -0.813rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1.563rem;
	height: 0.813rem;
	background: url(/images/icon--tootip-arr-658df9eef5ade8f748f9edc773055d8b.jpg) no-repeat center;
	background-size: cover;	
}

.finish__tooltip .tooltip img {
	width: 4.188rem;
	margin-right: 1.5rem;
}

.finish__tooltip .tooltip p {
	font-size: 1.25rem;
	line-height: 1.333;
}

.finish__tooltip .tooltip p strong{
	font-weight: 700;
}

.finish__tooltip .question-list li {
	margin-bottom: 1.75rem;
}

.finish__tooltip .question-list li:last-child {
	margin-bottom: 0;
}

.finish__tooltip .question-list li img {
	width: 1.5rem;
	margin-bottom: 0.313rem;
}

.finish__tooltip .question-list li em {
	margin-bottom: 0.563rem;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.481;
}

.finish__tooltip .question-list li p {
	font-size: 0.75rem;
	line-height: 1.55;
	color: #505050;
}

@media (max-width: 320px) {
	.finish__tooltip .tooltip {justify-content: center;padding-left: 0;}
	.finish__tooltip .tooltip img {margin-right: 1rem;}
}

.finish__contact {
	width: 100%;
	padding: 2.438rem 0.813rem;
	background-color: #f0f8fd;
	border-radius: 12px;
	text-align: center;
}

.finish__contact h3 {
	margin-bottom: 0.688rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: #111111;
	line-height: 1;
}

.finish__contact p {
	font-size: 0.75rem;
	color: #505050;
	line-height: 1.55;
}

.finish__contact ul {
	margin-top: 1.938em;
}

.finish__contact ul li {
	width: 47.72%;
	height: 10.625rem;
	padding-top: 1.667rem;
	background-color: #fff;
	border-radius: 7px;
}

.finish__contact ul li img {
	width: auto;
	height: 1.563rem;
	margin-bottom: 0.938rem;
}

.finish__contact ul li em {
	margin-bottom: 0.625rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
}

.finish__contact ul .tel a {
	font-size: 1.125rem;
	font-weight: 600;
	color: #111111;
	line-height: 1;
}

.finish__contact ul .kakao p {
	margin-bottom: 0.938rem;
	font-size: 0.75rem;
	line-height: 1;
	color: #808088;
}

.finish__contact ul .kakao p {
	margin-bottom: 0.938rem;
	font-size: 0.75rem;
	line-height: 1;
	color: #808088;
}

.btn--kakao {
	width: 85.71%;
	height: 1.791rem;
	margin: auto;
	font-size: 0.625rem;
	font-weight: 500;
	color: #080404;
	background-color: #fae100;
	border-radius: 4px;
}

.contact.finish__contact2 {
	margin-top: 0;
	margin-bottom: 2.063rem;
}

/*화면 전체를 어둡게 합니다.*/
.wrap-loading{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}
.wrap-loading div{position:relative;}
#loadingModal {width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: none; opacity: 0.7; background-color: #fff; z-index: 99;  text-align: center;}
#loading-image {position: absolute; top: 50%; left: 50%; z-index: 100;}
.hc { width:70%; left:0; right:0; margin-left:auto; margin-right:auto;}
.vc { height:40px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto;}