@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}

/* ################################################################################################################ */
/* ############################################# 데스크탑 버전 ####################################################### */
@media only screen and (min-width:1110px){
	.s1_1 dl dd {background:none;}
	/* 센터소개 + 설립근거 */
	.s1_1 .intro {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.s1_1 .intro div {width:48%; margin-bottom:5.625rem;}
	.s1_1 .intro div > ul {height:10.625rem; background:#f6f6f6}
	.s1_1 .intro div ul li {letter-spacing:-0.07em;}
	.s1_1 .intro div ul li strong {display:block;}
		/* 센터소개 */
		.s1_1 .intro .introduce ul {display:flex; justify-content:space-between; padding:2.5rem 2.5rem 3.75rem;}
		.s1_1 .intro .introduce ul li {line-height:22px; font-size:1rem; color:#303030; background:none;}
		.s1_1 .intro .introduce ul li:first-child{padding:0.62rem 0 0;}
		.s1_1 .intro .introduce ul li:last-child{padding-left:2.5rem;}
		.s1_1 .intro .introduce ul li strong {margin-bottom:1rem; font-size:1.25rem;}
		.s1_1 .intro .introduce ul li img {width:4.06rem; max-width:4.06rem !important;}
		/* 설립근거 */
		.s1_1 .intro .establish > ul {padding:1.25rem 2.5rem 3.75rem;}
		.s1_1 .intro .establish ul li {margin-bottom:1rem; line-height:150%}
	/* 센터의 주요기능 */
	.s1_1 .function {display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:5.625rem;}
	.s1_1 .function dl {width:15rem; padding:0 0 1.25rem; color:#303030;}
	.s1_1 .function dl:nth-child(1) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_01.gif') no-repeat center 30px}
	.s1_1 .function dl:nth-child(2) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_02.gif') no-repeat center 30px}
	.s1_1 .function dl:nth-child(3) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_03.gif') no-repeat center 30px}
	.s1_1 .function dl:nth-child(4) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_04.gif?date=210813') no-repeat center 30px}
	.s1_1 .function dl dt {padding:11.75rem 0 1.25rem; font-size:1.43rem; text-align:center;}
	.s1_1 .function dl dd {font-size:0.93rem; text-align:center;}
	/* 비전 및 목표 */
	.s1_1 .goal {margin-bottom:5.62rem;}
	.s1_1 .goal dl {display:flex; margin-bottom:1.25rem !important; border:0.31rem solid #d7d7d7; border-radius:3.12rem; background:url('/images/sub/text/img_s1_1_box_point.gif') no-repeat left top;}
	.s1_1 .goal dl dt {width:12.5rem; color:#6b8ccb; font-size:1.87rem; font-weight:bold; letter-spacing:-1px; text-align:center; font-family:'NanumSquare','Nanum Gothic', 맑은고딕;}
	.s1_1 .goal dl dd {width:100%;}
	.s1_1 .goal dl dd ul {margin:0 auto;}
	.s1_1 .goal dl dd ul li {padding:0; background:none;}
		/* 비전 */
		.s1_1 .goal dl.vision {height:8.75rem;}
		.s1_1 .goal dl.vision dt {line-height:8.12rem;}
		.s1_1 .goal dl.vision dd {padding:0; line-height:8.12rem; color:#0084cc; font-size:2.06rem; font-weight:bold; letter-spacing:-1px; text-align:center;}
		/* 목표 */
		.s1_1 .goal dl.value {height:13.75rem}
		.s1_1 .goal dl.value dt {line-height:13.75rem}
		.s1_1 .goal dl.value dd {padding:0; background:url('/images/sub/text/img_s1_1_value_line.gif') repeat-x center;}
		.s1_1 .goal dl.value ul {display:flex; justify-content:space-evenly; flex-wrap:wrap;}
		.s1_1 .goal dl.value ul li {line-height:13.75rem}
	/* 연혁 */
	.s1_1 .history_table {background:url('/images/sub/text/img_s1_1_visual.gif?data=2108190558') no-repeat left bottom;}
	.s1_1 .history_table h3 {display:none;}
	.s1_1 .history_table table {margin-left:200px; background:url('/images/sub/text/img_s1_1_history_line.gif') no-repeat left top;}
	.s1_1 .history_table table tr th {padding:1.5625rem 0.625rem 1.25rem 1.875rem; vertical-align:top; color:#004f9c; font-size:2rem; font-weight:bold;}
	.s1_1 .history_table table tr td.month {padding:1.625rem 3.125rem 0; vertical-align:top; color:#333; font-size:1.25rem; font-weight:bold;}
	.s1_1 .history_table table tr td ul {padding:1.25rem 0 1.25rem 0.9375rem; width:40.4375rem; border-bottom:1px solid #e9e9e9}
	.s1_1 .history_table table tr:last-child td ul {border:none;}
}


/* ################################################################################################################ */
/* ############################################## 모바일 버전 ###################################################### */
@media only screen and (max-width:1109px){
	.s1_1 dl dd {background:none;}
	/* 센터소개 + 설립근거 */
	.s1_1 .intro {display:flex; justify-content:space-between;flex-wrap:wrap;}
	.s1_1 .intro div {width:100%; margin-bottom:3rem;}
	.s1_1 .intro div > ul {background:#f6f6f6}
	.s1_1 .intro div ul li {letter-spacing:-0.07em;}
	.s1_1 .intro div ul li strong {display:block;}
		/* 센터소개 */
		.s1_1 .intro .introduce ul {display:flex; justify-content:space-between; padding:1rem;}
		.s1_1 .intro .introduce ul li {padding:0 !important; line-height:150%; font-size:1rem; color:#303030; background:none;}
		.s1_1 .intro .introduce ul li:first-child {display:none}
		.s1_1 .intro .introduce ul li strong {font-size:1.2rem;}
		/* 설립근거 */
		.s1_1 .intro .establish > ul {padding:1rem 1rem 0.5rem;}
		.s1_1 .intro .establish ul li {margin-bottom:1rem; line-height:150%}
	/* 센터의 주요기능 */
	.s1_1 .function {display:flex; justify-content:space-around; flex-wrap:wrap; margin-bottom:3rem;}
	.s1_1 .function dl {width:10rem; margin-bottom:1em !important; color:#303030;}
	.s1_1 .function dl:nth-child(1) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_01.gif') no-repeat center 20px / 5rem;}
	.s1_1 .function dl:nth-child(2) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_02.gif') no-repeat center 20px / 5rem;}
	.s1_1 .function dl:nth-child(3) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_03.gif') no-repeat center 20px / 5rem;}
	.s1_1 .function dl:nth-child(4) {background:#f6f6f6 url('/images/sub/text/img_s1_1_function_04.gif?date=210813') no-repeat center 20px / 5rem;}
	.s1_1 .function dl dt {padding:7rem 0 0.625rem; font-size:1.25rem; text-align:center;}
	.s1_1 .function dl dd {padding:0; font-size:0.9375rem; text-align:center; background:none; }
	#contents .textzone .function dl dd {word-break:keep-all !important}
	/* 비전 및 목표 */
	.s1_1 .goal {margin-bottom:3rem;}
	.s1_1 .goal dl {margin-bottom:1.25rem !important; border:0.31rem solid #d7d7d7; border-radius:1.25rem; background:url('/images/sub/text/img_s1_1_box_point.gif') no-repeat left top;}
	.s1_1 .goal dl dt {color:#6b8ccb; font-size:1.5rem; font-weight:bold; letter-spacing:-1px; text-align:center; font-family:'NanumSquare','Nanum Gothic', 맑은고딕;}
	.s1_1 .goal dl dd {width:100%; padding-left:0; background:none}
	.s1_1 .goal dl dd ul {margin:0 auto;}
	.s1_1 .goal dl dd ul li {background:none;}
		/* 비전 */
		.s1_1 .goal dl.vision {}
		.s1_1 .goal dl.vision dt {margin:1rem 0.5rem 0.5rem}
		.s1_1 .goal dl.vision dd {padding:0.5rem; color:#0084cc; line-height:150%; font-size:1.25rem; font-weight:bold; letter-spacing:-1px; text-align:center;}
		/* 목표 */
		.s1_1 .goal dl.value {}
		.s1_1 .goal dl.value dt {margin:1rem;}
		.s1_1 .goal dl.value dd {padding:1rem 0.5rem;}
		.s1_1 .goal dl.value ul {display:flex; justify-content:space-around; flex-wrap:wrap;}
		.s1_1 .goal dl.value ul li {padding:0.2rem !important; text-align:center;}
		.s1_1 .goal dl.value ul li img {width:8em;}
		/* 추진과제 */
		.s1_1 .table_div th, .s1_1 .table_div td {font-size:0.875rem !important;}
	/* 연혁 */
	.s1_1 .history_table table {margin-bottom:2rem; width:100%; border-top:1px solid #004f9c; border-bottom:1px solid #004f9c}
	.s1_1 .history_table table tr th {display:none;}
	.s1_1 .history_table table tr td.month {padding:1rem 0; vertical-align:top; color:#333; font-size:1rem; font-weight:bold;}
	.s1_1 .history_table table tr td ul {padding:1rem 0 1rem 0.9375rem; border-bottom:1px solid #e9e9e9}
	.s1_1 .history_table table tr:last-child td ul {border:none;}

}