@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 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.table_div {overflow-x:auto !important;}
.textzone div.table_div table {width:69.37rem !important;}
.textzone div.process {overflow-x:auto !important;}
.textzone div.process div {width:69.37rem !important;}

@media only screen and (max-width:420px){
	.textzone div.process {overflow-x:unset !important;}
	.textzone div.process div {width:100% !important}
	.s2_1 .step dl {margin:0.625rem 0; width:100% !important; height:auto !important;}
	.s2_1 .step dl dd {height: auto !important;}
	.arrow_next {display:none;}
}

/* (공통) 페이지 하단 바로가기 반응형 */
.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;}
}


/* #################################################################### */
/* s2_1 (역량강화교육) */

.s2_1 h2 {margin-top:5.625rem !important}
.s2_1 .topBanner {background-image:url(/images/sub/text/img_s2_1_topBanner.gif);}
.s2_1 .step {display:flex; justify-content:space-between; flex-wrap:wrap; background:url('/images/sub/text/img_s2_1_step_arrow.gif') no-repeat left center;}
.s2_1 .step p {margin:auto 0;}
.s2_1 .step dl {padding:0 0.625rem 0.625rem; width:30%; height:12.625rem; border-radius:1.56rem;}
.s2_1 .step dl:nth-child(1) {background:#f47c9d}
.s2_1 .step dl:nth-child(3) {background:#fdcc6a}
.s2_1 .step dl:nth-child(5) {background:#5bafde}
.s2_1 .step dl dt {padding:0.81rem 0; line-height:1.875rem; font-family:'NanumSquare'; font-size:1.4375rem; font-weight:bold; color:#fff; text-align:center}
.s2_1 .step dl dd {padding:0.75rem 0; height:8.25rem; background:#fff; border:0.25rem double #dbdbdb; border-radius:18px; font-family:'NanumSquare'; font-size:1.125rem; font-weight:bold; color:#333; text-align:center}
.s2_1 .step dl dd ul {width:19.62rem; margin:0 auto; text-align:left;}


@media only screen and (min-width:1000px){
	.s2_1 .edu_list {background:url('/images/sub/text/img_s2_1_visual.jpg?data=260119') no-repeat right top;}
}

@media only screen and (max-width:999px){
	/* .s2_1 ul.edu_list  {flex-wrap:wrap; border-top:0.14rem solid #0066bb; border-bottom:0.14rem solid #0066bb}
	.s2_1 ul.edu_list li {padding:0.625rem; width:100%; border-bottom: 0.1rem solid #e9e9e9; border-right:none; text-align:left;}
	.s2_1 ul.edu_list1 li.row1 {width:100%;}
	.s2_1 ul.edu_list1 li.row2 {width:100%;}
	.s2_1 ul.edu_list li:last-child {border-bottom:none;}
	.s2_1 ul.edu_list li h4 {padding-left:2.125rem; margin-bottom:0} */
}