@charset "utf-8";

/* 내용관리 */
#ctt {margin:0.625rem 0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0.625rem 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}


/* (공통) 탑배너 반응형 */
.textzone .topBanner {border-radius:1.87rem; font-family:'NanumSquare'; background-color:#f6f6f6; background-position:6.25rem center; background-repeat:no-repeat;}
.textzone .topBanner p {background:#fff; margin:0; border-radius:1.87rem;text-align:center; letter-spacing:-0.05em;  line-height:150%;}
.textzone .topBanner p strong {color:#0074dd;}
@media only screen and (min-width:1000px){
	.textzone .topBanner {padding:1.87rem 1.875rem 1.56rem 15.62rem;}
	.textzone .topBanner p {padding:1.25rem;  font-size:1.43rem;}
}
@media only screen and (max-width:999px){
	.textzone .topBanner {padding:8rem 0.62rem 1.56rem 0.62rem; background-position:center 1.25rem !important;}
	.textzone .topBanner p {padding:0.625rem !important; font-size:1.2rem;}
}

/* #################################################################### */

/* (공통) 테이블, 프로세스 반응형 */
.textzone div.process {overflow-x:auto !important; margin-bottom:10px}
.textzone div.process div {width:68.75rem !important;}

/* (공통) 페이지 하단 바로가기 반응형 */
.textzone .btn_go {margin-top:3rem; text-align:center;}
.textzone .btn_go a {display:inline-block; background:linear-gradient(180deg, #ffa4a4, #d64d4d) ; border-radius:3.12rem; color:#fff; font-weight:bold; font-family:'NanumSquare'; text-decoration:none;}
.textzone .btn_go a:nth-child(2) {background: linear-gradient(180deg, #ffd29c, #d87651);}
.textzone .btn_go a i {display:inline-block; margin-left:0.31rem;}
@media only screen and (min-width:1000px){
	.textzone .btn_go a {padding:1.87rem 3.12rem; font-size:1.56rem;}
}
@media only screen and (max-width:999px){
	.textzone .btn_go a {padding:0.625rem 1.25rem; font-size:1.3rem; color:#fff;}
}

/* #################################################################### */
/* s3_1 (신청안내) */
	.s3_1 h2 {margin-top:5.625rem !important}
	.s3_1 .step {display:flex; justify-content:space-between; background:url('/images/sub/text/img_s3_1_step_arrow.gif') no-repeat left center;}
	.s3_1 .step p {margin:auto 0;}
	.s3_1 .step dl {padding:0 0.625rem 0.625rem; width:17%; border-radius:1.56rem;}
	.s3_1 .step dl:nth-child(1) {background:#88dee9}
	.s3_1 .step dl:nth-child(3) {background:#7ec5e0}
	.s3_1 .step dl:nth-child(5) {background:#6ea5d6}
	.s3_1 .step dl:nth-child(7) {background:#6a89cf}
	.s3_1 .step dl:nth-child(9) {background:#5e6ec0}
	.s3_1 .step dl:nth-child(5) dd {padding:1.25rem 0;}
	.s3_1 .step dl dt {padding:0.81rem 0; line-height:1.87rem; font-family:'NanumSquare'; font-size:1.44rem; font-weight:bold; color:#fff; text-align:center}
	.s3_1 .step dl dd {padding:2rem 0; height:5.9rem; background:#fff; border:4px double #dbdbdb; border-radius:1.12rem; font-family:'NanumSquare'; font-size:1.12rem; font-weight:bold; color:#333; text-align:center}
	.textzone .table_div tbody tr th {width:30%;}

	.s3_1 .table_div table td dl {display:flex}
	.s3_1 .table_div table td dl dt {padding-left:0.94rem; background:url('/images/sub/common/li.gif') no-repeat left 0.6em;}
	.s3_1 .table_div table td dl dd {background:none;}
	.s3_1 p.notice {margin-bottom:3.75rem; line-height:4.37rem; border-radius:3.125rem; border:0.31rem solid #e9e9e9; text-align:center; font-size:1.25rem; font-weight:bold; color:#0049ab; background:#f5f9ff;}
	.s3_1 .contact {display:flex; justify-content:space-between; }
	.s3_1 .contact div {width:48%;}
	.s3_1 .contact div a:hover {text-decoration:none}
	.s3_1 .contact div a dl {height:8.75rem;background:#fff; border:0.31rem solid #e9e9e9; border-radius:1.87rem;}
	.s3_1 .contact div.kakao a dl {padding:2.37rem 0 2.37rem 7.2rem; background:url('/images/sub/text/img_s3_1_kakaoCH.gif') no-repeat 1.2rem center; letter-spacing:-0.07em;}
	.s3_1 .contact div.kakao a dl dt {margin-bottom:0.31rem; font-size:1.25rem; font-weight:bold; color:#303030}
	.s3_1 .contact div.kakao a dl dt span {color:#0a3c75; font-style:italic;}
	.s3_1 .contact div.kakao a dl dd {padding-left:0; font-size:16px; color:#303030; background:none;}
	.s3_1 .contact div.call_num a dl {display:flex; justify-content:center; padding:2.2rem 0 2.2rem 6rem; background:url('/images/sub/text/img_s3_1_call.gif') no-repeat 2.5rem center; letter-spacing:-0.07em;}
	.s3_1 .contact div.call_num a dl dt {padding-right:2rem; border-right:0.06rem solid #e9e9e9; font-size:1.31rem; font-weight:bold; letter-spacing:-0.07em; color:#3f99ff; text-align:right;}
	.s3_1 .contact div.call_num a dl dt span {display:block; font-size:1.75rem; color:#0a3c75;} /*  line-height:30.31rem; */
	.s3_1 .contact div.call_num a dl dd {padding-left:2rem; line-height:3.5rem; font-weight:bold; color:#515151; background:none; font-size:1.5rem;}
	.info-circle {display:none;}

@media only screen and (min-width:1000px){

/* 	.s3_1 .table_div table td dl {display:flex}
	.s3_1 .table_div table td dl dt {padding-left:0.94rem; background:url('/images/sub/common/li.gif') no-repeat left 0.6em;}
	.s3_1 .table_div table td dl dd {background:none;}
	.s3_1 p.notice {margin-bottom:3.75rem; line-height:4.37rem; border-radius:3.125rem; border:0.31rem solid #e9e9e9; text-align:center; font-size:1.25rem; font-weight:bold; color:#0049ab; background:#f5f9ff;}
	.s3_1 .contact {display:flex; justify-content:space-between; }
	.s3_1 .contact div {width:48%;}
	.s3_1 .contact div a:hover {text-decoration:none}
	.s3_1 .contact div a dl {height:8.75rem;background:#fff; border:0.31rem solid #e9e9e9; border-radius:1.87rem;}
	.s3_1 .contact div.kakao a dl {padding:0.7rem 0 2.37rem 7.5rem;}
	.s3_1 .contact div.kakao a dl dt {margin-bottom:0.31rem; font-size:1.25rem; color:#303030}
	.s3_1 .contact div.kakao a dl dt span {color:#0a3c75; font-style:italic;}
	.s3_1 .contact div.kakao a dl dd {padding-left:0; font-size:16px; color:#303030; background:none;}
	.s3_1 .contact div.call_num a dl {display:flex; justify-content:center; padding:2.2rem 0 2.2rem 6rem; background:url('/images/sub/text/img_s3_1_call.gif') no-repeat 2.5rem center; letter-spacing:-0.07em;}
	.s3_1 .contact div.call_num a dl dt {padding-right:2rem; border-right:0.06rem solid #e9e9e9; font-size:1.31rem; font-weight:bold; letter-spacing:-0.07em; color:#3f99ff; text-align:right;}
	.s3_1 .contact div.call_num a dl dt span {display:block; font-size:1.75rem; color:#0a3c75;} /*  line-height:30.31rem; */
	.s3_1 .contact div.call_num a dl dd {padding-left:2rem; line-height:3.5rem; font-weight:bold; color:#515151; background:none; font-size:1.5rem;}
}

@media only screen and (min-width:1000px) and (max-width:1201px){
	.s3_1 .contact div.kakao a dl {padding:1rem 0 2.37rem 7rem !important; background-position:1.2rem center;}
	.s3_1 .contact div.kakao a dl dt {font-size:1.25rem;}
}

@media only screen and (max-width:999px){
	.s3_1 .step dl {height:auto;}
	.s3_1 .info-circle.process {display:block !important;color:#15aabf; font-size:0.9rem;}
	.textzone .table_div tbody tr th {width:20%}
	.s3_1 .contact {display:block !important;}
	.s3_1 .contact div {width:100%;}
	.s3_1 .contact div.kakao a dl {padding:2.37rem 0 2.37rem 7rem; text-align:center; background-position:1.85rem}
	.s3_1 .contact div.call_num a dl dt { line-height:3.5rem; font-size:1.5rem; text-align:left;}
	.s3_1 .contact div.call_num a dl dt span {display:inline-block; margin-left:0.625rem;}
	.s3_1 .contact div.call_num a dl dd {margin-bottom:0; font-size:1.25rem;}

}

@media only screen and (max-width:539px){
	.textzone div.table_div {overflow-x:auto !important;}
	.textzone div.table_div table {width:150% !important;}
	.s3_1 .info-circle {display:block !important;color:#15aabf; font-size:0.9rem;}

	#contents .textzone.s3_1 .contact div a dl dt {word-break:break-all !important}
	.s3_1 .contact div a dl {height:auto;}
	.s3_1 .contact div.kakao a dl {padding:1.37rem 1rem 1.37rem 6.5rem; text-align:center; background-position:1.25rem}
	.s3_1 .contact div.kakao a dl dt {padding-bottom:0.5rem;}
	.s3_1 .contact div.kakao a dl dd {padding-top:0.5rem; margin:0; border-top:0.06rem solid #e9e9e9; }
	.s3_1 .contact div.call_num a dl {display:block; padding:1.2rem 1rem 1.2rem 6rem; background-position: 1.5rem}
 	.s3_1 .contact div.call_num a dl dt {padding-right:0; border-right:0; font-size:1.3rem; text-align:center}
	.s3_1 .contact div.call_num a dl dd {padding-left:0; margin:0 1.25rem; border-top:0.06rem solid #e9e9e9; font-size:1.3rem; text-align:center}
}