@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:unset !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 {text-align:center;}
.textzone .btn_go a {display:inline-block; margin:1.5rem 1.25rem; 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 {display:inline; padding:0.8rem 1.25rem; width:15rem; font-size:1.3rem; color:#fff;}
}
@media only screen and (max-width:597px){
	.textzone .btn_go a {display:block; margin:1.5rem auto !important;}
}
@media only screen and (max-width:594px){
	.textzone .btn_go a {margin:1rem;}
}



/* #################################################################### */
/* s2_2 (권익향상사업) */
.s2_2 .table_div tbody tr th {width:4rem;}
.s2_2 .topBanner {background-image:url(/images/sub/text/img_s2_2_topBanner.gif);}
.s2_2 dl {display:flex; padding:0 0 0.62rem 0px}
.s2_2 dl dt {margin-right:1.25rem}
.s2_2 table i {display:inline-block; width:0.94rem; text-align:center; margin-right:0.31rem;}
.s2_2 .fa-phone-square-alt {color:#3366cc}
.s2_2 .fa-home {color:#3366cc}
.s2_2 .fa-internet-explorer {color:#3366cc}
.s2_2 a {display:inline-block; margin-left:10px; padding:2px 10px; background:#ff6699; color:#fff; font-size:15px; line-height:17px; border-radius:10px; text-decoration:none;}
.s2_2 a:active, .s2_2 a:visited, .s2_2 a:hover {color:#fff;}

@media only screen and (min-width:1000px){
	.s2_2 {background:url('/images/sub/text/img_s2_2_visual.jpg') no-repeat right 520px;}
}