<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
.tit_bg01{
	background: url(../images/common/titie_b_bg.png) no-repeat 0 0 !important;
}
.tit_bg02{
	background: url(../images/common/titie_b_bg02.png) no-repeat 0 0 !important;
}
.tit_bg03{
	background: url(../images/common/titie_b_bg03.png) no-repeat 0 0 !important;
}


/* 인사말 */
.ceo{ overflow:auto ;}
.hello_txt_left p{ padding-bottom:25px; }
.hello_con{
	overflow:hidden;
}

.hello .title{
	font-size: 36px;
	color:#4c7a98;
	text-align:center;
	letter-spacing: -0.07em;
	font-weight: 500;
	margin-bottom:60px;
}
.hello ul{
	float:left;
}
.hello ul.hello_txt{
	width:748px;
	padding-left:30px;
}

/* 사업개요 */
.overview_con{
	overflow:hidden;
}
.overview{
	background: url(../images/sub01/overview_bg.jpg) no-repeat 100% 20%;
}
.overview ul{
	width:750px;
}
.overview ul li{
	border-bottom:1px solid #d6d6d6;
}
.overview ul li dl {
	height:95px;
	margin:20px 0 ;
}
.overview ul li dl dt {
	color:#000;
	font-weight: 500;
	font-size:22px;
	padding-top:10px;
	line-height:40px;
	margin-left:125px;
	letter-spacing: -0.07em;
}
.overview ul li dl dd {
	font-size:16px;
	margin-left:125px;
	line-height:140%;
	letter-spacing: -0.05em;
}
.overview dl.over_3 dt{
	padding-top:0px;
}

.overview dl.over_1{
	background: url(../images/sub01/overview_icon01.png) no-repeat 0 0;

}
.overview dl.over_2{
	background: url(../images/sub01/overview_icon02.png) no-repeat 0 0;

}
.overview dl.over_3{
	background: url(../images/sub01/overview_icon03.png) no-repeat 0 0;

}
.overview dl.over_4{
	background: url(../images/sub01/overview_icon04.png) no-repeat 0 0;

}
.overview dl.over_5{
	background: url(../images/sub01/overview_icon05.png) no-repeat 0 0;

}

/* 증장기 발전 로드맵*/
.road_map_con{
	overflow:hidden;
}
.road_map_w ul li{
	float:left;
	display:inline;
	width:224px;
	margin-left:20px;
	text-align: center;
}
.road_map_w ul li:first-child{
	margin-left:0px;
}
.road_map_w ul li img {
    margin-left: 40px;
}
.road_map_w ul li.road_map_tit{
	font-size:22px;
	padding:32px 0;
	color:#000;
	letter-spacing: -0.05em;
	font-weight: 400;
}
.road_map_w ul li.road_map_tit span{
	font-weight: 600;
	display:inline-block;
}
.road_map_w ul li.road_map_box{
	background: url(../images/common/titie_b_bg.png) no-repeat 0 0;
	width:224px;
	height:70px;
	color:#fff;
	line-height:70px;
	font-size:22px;
}
.road_map_box02{
	margin-top:10px;
}
.road_map_box02 div ul li{
	text-align: left;
	margin-right:0px;
	font-size:15px;
}
.road_map div{
	overflow:hidden;
}
.road_map div ul li{
	margin-left:0;
}

/* 비전및 목표*/
.goal_w{
	border:2px solid #d8d8d8;
	padding:50px;
}
.goal_con{
		overflow:hidden;
		display:table;
		margin:50px auto 0 auto;
}
.goal_tit{
	font-size: 36px;
	color:#4c7a98;
	text-align:center;
	letter-spacing: -0.07em;
	font-weight: 500;
}
.goal_tit sup{
	font-size: 20px;
}

.goal_w ul li{
	float:left;
	display:inline;
	width:224px;
	/*margin-left:20px;*/
    margin-right:10px;
	text-align: center;
}
.goal_w ul li:first-child{
	/*margin-left:0px;*/
}
.goal_w ul li.goal_tit{
	font-size:22px;
	padding:32px 0;
	color:#000;
	letter-spacing: -0.05em;
	font-weight: 400;
	border-bottom:1px solid #d6d6d6;
}
.goal_w ul li.goal_tit span{
	font-weight: 600;
	display:inline-block;
}
.goal_w ul li.goal_box{
	width:224px;
	height:70px;
	color:#fff;
	margin-bottom:35px;
	line-height:70px;
	font-size:22px;
}
.goal_box02{
	margin-top:10px;
}
.goal_box02 div ul li{
	text-align: left;
	margin-right:0px;
	font-size:15px;
}
.goal_point{
	font-weight: 900;
}
.goal div{
	overflow:hidden;
}
.goal div ul li{
	margin-left:0;
}
/* 사업추진체계*/

.system_con{
		
}
.system_w{
	border:2px solid #d8d8d8;
	position: relative;
	margin-top:100px;
	box-sizing: border-box;
}
.system_bo{
	padding:50px 50px 70px 50px;
	width:1100px;
	margin:a auto;
}
.system_w p.system_t_title{
	position: absolute;
	left:50%;
	margin-left:-399.5px;
	top:-45px;
}
.system_w p.system_left_img{
	position: absolute;
	left:49px;
	top:109px;
}
div.system_t_table{
	margin:54px 0 0 301px;
}
div.table_con{
	margin:72px 0 0 0px;
	position: relative;
}
div.table_con .table_con_left{
	width:229px;
	position: absolute;
	left:0px;
	top:0px;
}
p.system_arrow_left{
	position: absolute;
	left:-9px;
	top:132px;
}
p.system_arrow_right{
	position: absolute;
	right:-9px;
	bottom:200px;
}
div.table_con .table_con_right{
	margin-left: 301px;
    margin-right: 301px;
}
div.table_con .table_con_right_02 {
    width: 229px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.system_arrow_01{
	position: absolute;
	left:738px;
	top:250px;
}
.system_arrow_02{
	position: absolute;
	left:251px;
	top:0px;
}
.system_arrow_03{
	position: absolute;
	right:251px;
	top:0px;
}
div.table_con02{
	margin:150px 0 0 0px;
	position: relative;
}
div.table_con02 table{
	margin-bottom:5px;
}
.system_w p.system_right_img{
	position: absolute;
	right:0px;
	top:-100px;
}
.system_feed{
	position: absolute;
	right:13px;
	top:500px;
}
.system_intro{
	position: absolute;
	left:50px;
	bottom:10px;
}

.linc_map{
	border: 2px solid #d8d8d8;
	margin-top:40px;
	box-sizing: border-box;
	padding: 50px;
}

/* 찾아오시는길 */
ul.findmap-data &gt; li dl{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
}
ul.findmap-data &gt; li dt{
	padding:15px 0 0 0;
	font-size:17px;
}
ul.findmap-data &gt; li dd{
background: url(../images/common/bullet_list05.gif) no-repeat 0 13px;

}
.s_contact_btn{
	position: absolute;
	right:0px;
	top:-70px;
}
.linc_map{
	position: relative;
}
.s_contact_btn img {
    margin: 0 0 0 11px;
}

/* 연혁 */
.sub_con_toppic .font_rf{
	display:block;
	opacity:0.4 !important;
	filter:alpha(opacity=40);
	font-family: "123rf","NanumBarunGothic","NanumGothic","dotum","gulim",sans-serif;
    font-size: 40px;
	letter-spacing: -0.02em;
	padding-top:10px;
}
.his_block {
	overflow:hidden;
}
.his_block .left_text{
	float:left;
	width:45%;
	text-align:right;
}
.his_block .right_pic{
	float:right;
	width:50%;
}
#sub_body  .history_con h3{
    font-family: "123rf","NanumBarunGothic","NanumGothic","dotum","gulim",sans-serif;
    font-size: 40px;
	letter-spacing: -0.02em;
}
.left_text{
	font-size: 18px;
}
 .history_con h3::after {
    background-color: #3a3e46;
    content: "";
    display: block;
    height: 1px;
    margin-top: 15px;
}
.history_con ul li{
	padding:5px 0;
	overflow:hidden;
}
.history_con ul li strong{
	width:30%;
	color:#4b4b4b;
}
.history_con ul li span{
	display:block;
	width:70%;
}
.his_block ul li strong{
	float:right;
}
.his_block ul li span{
	float:left;
}

.his_block02 {
	overflow:hidden;
	margin-top:5%;
}
.his_block02 .left_text{
	float:right;
	width:45%;
}
.his_block02 .right_pic{
	float:left;
	width:50%;
}
.his_block02 ul li strong{
	float:left;
}
.his_block02 ul li span{
	float:right;
}



/* 오시는길 */
/*.map{ background:url("../images/sub01/map_bg.gif") repeat center top; } */
.map_con iframe{ height:550px; }
h3.s_title.title_under::after {
    content: " ";
    margin-bottom: 26px;
    margin-top: 10px;
}
.title_under::after {
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 1px;
    margin-bottom: 19px;
    margin-top: 5px;
    width: 40px;
}
#sub_body h3.s_title {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1em;
}
ul.findmap-data &gt; li::after{
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 10px;
}
ul.findmap-data &gt; li{
    line-height: 30px;
    padding-bottom: 14px;
    padding-left: 23px;
    position: relative;
	font-size:18px;
}
ul.findmap-data &gt; li &gt; strong{
    display:inline-block;
	width:110px;
	color:#000;
	font-weight: 600;
}

/* 조직도 */
.organization .sub_con_toppic {background:url("../images/sub01/org_top_pic.jpg") no-repeat center top;}
.foundation .sub_con_toppic {background:url("../images/sub01/foundation_top_pic.jpg") no-repeat center top;}
.history .sub_con_toppic {background:url("../images/sub01/history_top_pic.jpg") no-repeat center top;}

/* 조직도_부서안내 */
	.telephone{
		overflow:hidden;
	}
	.telephone .tele_left{
		float:left;
		width:49%;
	}
	.telephone .tele_right{
		float:right;
		width:49%;
	}
	.telephone ul li{
		float:left;
		width:50%;
	}
	.telephone ul li.width_100{
		width:100%;
	}
	.telephone ul li.ex_li{
		width:50%;
	}
	.telephone ul{
		overflow:hidden;
	}
	.telephone ul li .li_box{
		margin:10px;
		background:#fff;
		border:1px solid #e7e7e7;
	}
	.telephone ul li .li_box dl{
		padding:25px 20px;
		color:#242323;
	}
	.telephone ul li .li_box dt{
		font-size:18px;
		text-align:center;
		border-bottom:1px solid #e7e7e7;
		padding:0 0 5px 0;
	}
	
	.telephone ul li .li_box dd{
		display:block;
		font-size:14px;
	}
	.telephone ul li .li_box dd.name{
		font-size:18px;
		padding:10px 0% 0%;
	}
	.telephone ul li .li_box dd.email{
		padding:0% 0% 10px;
	}
	.telephone ul li .li_box dd.tel{
		padding:5px 10px;
		background:#f5f5f5  url("../images/sub01/tel_icon.png") no-repeat 100% 50%;
	}
	#sub_body .telephone  h3{
		margin-top: 10%;
	}
	#sub_body .telephone  h3::after {
		background-color: #78a0bb;
		content: " ";
		display: block;
		height: 1px;
		margin-top: 5px;
		width: 25px;
	}

/* 재단참여업체 */
	#sub_body .foundation .sub_con_toppic h3 {
		font-size: 30px;
		color: #fff;
	}
	.foundation .sub_con_toppic .st_div {
		display:table-cell;
		vertical-align:middle;
	}
	.foundation .sub_con_toppic .st_div .txt_div {
		color: #fff;
		font-size: 16px;
		line-height: 120%;
		width:700px;
	}
	.foundation_con{
		overflow:hidden;
	}
	.foundation_con ul li{
		float:left;
		width:25%;
	}
	.foundation_con ul li .li_box{
		margin:5%;
		background:#fff;
		border:1px solid #e7e7e7;
	}
	.foundation_con ul li .li_box p.p_img{
		padding:10% 0;
		background:#fff;
		text-align:center;
	}
	.foundation_con ul li .li_box dl{
		padding:10% 0;
		background:#f7f7f7;
		color:#242323;
	}
	.foundation_con ul li .li_box dt{
		font-size:18px;
		text-align:center;
	}
	.foundation_con ul li .li_box dd{
		display:block;
		font-size:12px;
		margin:5% 10% 0;
		padding:0 5%;
		background:#fff url("../images/sub01/foundation_icon.gif") no-repeat 93% 50%; 
	}
	.foundation_con ul li:hover .li_box { border:1px solid #000; }
	.foundation_con ul li:hover .li_box dl{ background:#707070;}
	.foundation_con ul li:hover .li_box dl dt{ color:#fff; }

/* CI소개 */
	.CI_logo{
		background:url("../images/sub01/ci_line.gif") no-repeat left top; 
		padding:3% 0;
		overflow:hidden;
	}
	#sub_body .CI_logo h3.CI_h3{
		text-transform: uppercase;
		font-family: "123rf","NanumBarunGothic","NanumGothic","dotum","gulim",sans-serif;
		font-size: 28px;
		letter-spacing: -0.4px;
		float:left;
		width:25%;
		color:#859bbe;
	}
	.CI_logo .CI_div{
		float:right;
		width:75%;
	}
	.CI_logo .a_dw{ overflow:hidden;	}
	a.down{
		display:block;
		width:48%;
		border:1px solid #000;
		background:#fff;
		padding:1.5% 0;
		text-align:center;
		color:#000;
	}
	a.down span{
		background:url("../images/sub01/ci_down.gif") no-repeat right 50%; 
		padding-right:25px;
	}
	a.dw_01{ float:left; }
	a.dw_02{ float:right; }
	.CI_div .CI_ulta{
		border:1px solid #e8e8e8;
		background:#fff;
		padding:3%;
		overflow:hidden;
		color:#fff;
	}
	.CI_div .CI_ulta li{
		width:44%;
		padding:2%;
		height:100px;
	}
	.CI_div .CI_ulta li.left{
		float:left;
		background:#3264af;
	}
	.CI_div .CI_ulta li.right{
		float:right;
		background:#000;
	}
	.CI_div .CI_ulta dt{
		font-size:18px;
		padding-bottom:20px;
	}
	.CI_div .CI_ulta dd span.cmy{
		display:inline-block;
		width:20%;
	}

@media screen and  (max-width:1199px) {/* 최대 1023 이하 공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
	.telephone ul li .li_box dd.tel{
		background-size: auto 80%;
	}
	/* 홍보동영상 */
	.movie{
		background: #f5f5f5;
	}
	.mo_right h3{
		color:#000 !important;
		font-size:30px !important;
		font-family:'123rf',"Nanum Gothic","Malgun Gothic","돋움","굴림",sans-serif;
		background: url("../images/sub01/movie_txt.png") no-repeat 150px 12px; 
		letter-spacing: -0px !important;
	}
	.mo_right .mo_txt{
		color:#a5a5a5 ;
		font-size:14px ;
		line-height: 140%;
	}
	.mo_right .play{
		color:#a5a5a5 ;
		font-size:14px ;
		margin-top:1%;
		padding:0 0 0 20px;
		border-top:1px solid #000;
		background: url("../images/sub01/movie_icon02.gif") no-repeat left 50%; 
	}
}

@media screen and (max-width:768px) {/* 최대 767 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 원장인사말 */
	.telephone ul li.ex_li {
		width: 100%;
	}
	.hello_pic{
		text-align:center;
		width:60%;
		margin:0 auto 3%;
	}

	/* 연혁 */
	#sub_body  .history_con h3{ font-size: 26px; }
	.left_text{ font-size: 16px; }
	.history_con h3::after { margin-top: 10px; }
	.history_con ul li{ padding:0.2% 0; }
	.history_con .right_pic{ display:none; }
	.history_con .left_text {
		float: none;
		text-align: left;
		width: 100%;
	}
	.his_block ul li strong {float: left;}

	/* 오시는길 */
	.map_con iframe{ height:300px; }
	#sub_body h3.s_title { font-size: 30px; }
	ul.findmap-data &gt; li{ font-size:14px; }
	ul.findmap-data &gt; li &gt; strong{ width:75px; }

	/* 조직도 */
	.sub_con_toppic{ display:none; }
	.img_change .img_tablet{ display:none; }
	.img_change .img_pc{ display:none; }

	/* 조직도_부서안내 */
	.telephone ul li{ width:50%;	}
	.telephone ul li .li_box dt{ font-size:16px; }
	.telephone .tele_left{
		float:none;
		width:100%;
	}
	.telephone .tele_right{
		float:none;
		width:100%;
	}


	/* 재단참여업체 */
	.foundation_con ul li{
		width:50% !important;
	}
	/* CI소개 */
	#sub_body .CI_logo h3.CI_h3 {
		font-size: 18px;
		clear:both;
		width:100%;
		letter-spacing: -0px;
	}
	.CI_logo .CI_div {
		clear:both;
		width:100%;
	}
	.CI_logo {
		background: none;
	}
	.CI_div .CI_ulta {
		background: rgba(0, 0, 0, 0) ;
		border: none;
		padding: 0%;
	}
	.CI_div .CI_ulta dd span.cmy {
		width: 35%;
	}
}

@media screen and (max-width:400px) {
	/* 연혁 */
	#sub_body  .history_con h3{ font-size: 22px; }
	.left_text{ font-size: 14px; }

	/* 재단참여업체 */
	.foundation_con ul li .li_box dt{ font-size:15px; }

	/* 홍보동영상 */
	.mo_right h3{
		font-size:25px !important;
		background:none;
	}

	 /* 부서안내 */
	.telephone ul li .li_box dl{ padding:10px;	}
	.telephone ul li .li_box dt{ font-size:14px !important;}
	.telephone ul li .li_box dd{ font-size:12px;	}
	.telephone ul li .li_box dd.name{ font-size:16px; }
}
@media all and (min-width:769px) and (max-width:1199px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 인사말 */
	.hello_txt_left{
		width:48%;
		display:inline;
	}
	.hello_pic{
		width:50%;
		float:right;
		display:inline;
		padding-left:3%;
	}

	/* 연혁 */
	#sub_body  .history_con h3{ font-size: 26px; }
	.left_text{ font-size: 15px; }
	.history_con h3::after { margin-top: 10px; }
	.history_con ul li{ padding:1% 0; }

	/* 조직도 */
	.img_change .img_mobile{ display:none; }
	.img_change .img_pc{ display:none; }
	/* 조직도_부서안내 */
	.telephone ul li .li_box dt{
		font-size:16px;
	}

	/* 이사회구성 */
	.bod_con{ 
		background:url("../images/sub01/bod_bg.jpg") no-repeat center top; 
		background-size:157%;
	}
	.bod_con .img_change .img_pc{ display:block; }
	

	/* CI소개 */
	#sub_body .CI_logo h3.CI_h3 {
		font-size: 21px;
	}


}

@media screen and (min-width:1200px) {/* 최소 1024 ~ 최대 ----------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 원장인사말 */
	.hello_txt_left{
		width:48%;
		float:left;
	}
	.hello_pic{
		width:50%;
		float:right;
	}
	/* 조직도 */
	.img_change .img_tablet{ display:none; }
	.img_change .img_mobile{ display:none; }

	/* 이사회구성 */
	.bod_con{ background:url("../images/sub01/bod_bg.jpg") no-repeat center top; }
	.img_change .img_mobile{ display:none; }

	


	/* 홍보동영상 */
	.movie{  background:url("../images/sub01/movie_bg.jpg") no-repeat center top;  }
	.movie_con{
		 background:#fff;
		 padding:8% 5%;
		 overflow:hidden;
		 position:relative;
	}
	.mo_left{
		float:left;
		width:790px;
	}
	.mo_right{
		float:right;
		width:260px;
		background: url("../images/sub01/movie_icon01.gif") no-repeat left 90%;
	}
	.mo_right h3{
		color:#000 !important;
		font-size:34px !important;
		font-family:'123rf',"Nanum Gothic","Malgun Gothic","돋움","굴림",sans-serif;
		background: url("../images/sub01/movie_txt.png") no-repeat left 45px; 
		padding-top:0 !important;
		letter-spacing: -0px !important;
	}
	.mo_right h3::after{
		background-color: #000;
		content: " ";
		display: block;
		height: 3px;
		margin-bottom: 19px;
		margin-top: 50px;
		width: 40px;
	}
	.mo_right .mo_txt{
		color:#a5a5a5 ;
		font-size:14px ;
		line-height: 140%;
	}
	.mo_right .play{
		color:#a5a5a5 ;
		font-size:14px ;
		margin-top:90%;
		padding:0 0 0 20px;
		border-top:1px solid #000;
		background: url("../images/sub01/movie_icon02.gif") no-repeat left 50%; 
	}
}</pre></body></html>