@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:27px;color:#006cb0; letter-spacing:-2px;padding:0 0 10px 5px;line-height:120%;}
.sub_title_txt02			{font-size:18px;color:#66b20d;letter-spacing:-1px;line-height:130%;} 
.t_bluelight				{color:#2d87e8;}
.t_greenlight				{color:#66b20d;}
 


/* 인사말  ===================================================================================== */
.int_txt					{background:url('../image/sub/int_back21.png') no-repeat bottom right;}
.int_txt2					{padding:0 280px 50px 0;}
.int_txt .int_last			{font:bold 17px 'Nanum Myeongjo';color:#222; margin-left:7px;}


/* 사업소개  ===================================================================================== */
.int_box					{border:3px solid #eee;padding:10px 15px;overflow:hidden;margin-bottom:30px;}
.int_box dl					{overflow:hidden;}
.int_box dl dt				{float:left;}
.int_box dl dd				{padding:20px 0 0 120px;font-size:20px;letter-spacing:-1px;color:#006cb0;line-height:140%;}
.int_box dl .int2			{padding:10px 0 0 120px;}


.int_list					{margin-bottom:20px;position:relative;overflow:hidden;background:#f7f8f8;padding:15px 20px;border-radius:10px;}
.int_list dl dt				{background:#2d87e8;width:35px;height:35px;line-height:35px;border-radius:50px;color:#fff;float:left;text-align:center;font-size:1.2em;}
.int_list dl dd				{border-radius:5px;margin-left:50px;}

.step_list					{overflow:hidden;}
.step_list div				{float:left;width:25%; text-align:center;}
.step_list dl				{padding:5px;}
.step_list dl dt			{padding:5px 0;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;}
.step_list dl dd			{padding:5px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.step03 dl dt				{background:#8bd6f3;}
.step04 dl dt				{background:#75c6fe;}
.step05 dl dt				{background:#4d9feb;}
.step06 dl dt				{background:#2879d2;}

.step_list2					{overflow:hidden;}
.step_list2 div				{float:left;width:33%; text-align:center;}
.step_list2 dl				{padding:5px;min-height:120px;}
.step_list2 dl dt			{padding:5px 0;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;}
.step_list2 dl dd			{margin-bottom:7px;padding:5px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.step01 dl dt				{background:#afe6e2;}
.step02 dl dt				{background:#94dbdd;}
.step_list2	.sub_list02		{text-align:left;}

.step_list3					{overflow:hidden;}
.step_list3 div				{float:left;width:33%; text-align:center;}
.step_list3 dl				{padding:5px;}
.step_list3 dl dt			{padding:5px 0;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;}
.step_list3 dl dd			{margin-bottom:7px;padding:5px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}


.photo_list01, .photo_list02, .photo_list03			{overflow:hidden;}
.photo_list01 dl									{margin:5px;border:1px solid #ddd;}
.photo_list02 dl									{margin:5px;border:1px solid #ddd;}
.photo_list03 dl									{margin:5px;border:1px solid #ddd;}
.photo_list01 dl dt, .photo_list02 dl dt			{padding:7px 7px 0 7px;}
.photo_list03 dl dt									{padding:7px;}
.photo_list01 dl dt	img, .photo_list02 dl dt img, .photo_list03 dl dt img	{width:100%;border:1px solid #ddd;}
.photo_list01 dl dd, .photo_list02 dl dd			{color:#555;text-align:center;padding:7px 0;}
.photo_list03 dl dd									{display:none;}



.photo_list01 div			{float:left;width:33%;}
.photo_list02 div			{float:left;width:25%;}
.photo_list03 div			{float:left;width:33%;}

.info_box					{background:#f7f8f8;padding:15px 20px;margin-top:20px;}
.info_box .h2				{float:left;padding:3px 0;width:80px;text-align:center;color:#fff;background:#2d87e8;border-radius:50px;}
.info_box dl				{padding:0 0 0 95px;}
.info_box dl dt				{line-height:160%;color:#666;}
.info_box dl dd				{overflow:hidden;padding-top:7px;}
.info_box dl dd p			{float:left;width:33%;}

.b_part						{background:#6ec607;color:#fff;font-size:17px;font-weight:bold;width:280px;text-align:center;border-radius:50px;letter-spacing:-1px;margin:0 auto 20px auto;padding:7px 0;}

/* 오시는길  ===================================================================================== */
.map_list					{overflow:hidden;padding:25px 0 20px 0; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.map_list p					{font-size:18px;color:#252525;float:left;padding:13px 0 0 30px;}
.map_list ul				{padding-left:150px;}
.map_list .location01		{padding: 5px 0 5px 35px;background:url('../image/sub/map_acc01.png') no-repeat 0 2px;background-size:25px auto;}
.map_list .location02		{padding: 5px 0 5px 35px;background:url('../image/sub/map_acc02.png') no-repeat 0 2px;background-size:25px auto;}


 /* 연혁  ===================================================================================== */

.con_history				{position:relative; overflow:hidden;background:url('../image/sub/dot01.jpg') repeat-y center 0;}
.con_history_date			{width:162px; height:55px; background:#fff;border-top:1px solid #000000; border-bottom:1px solid #d5d5d5; color:#006cb0; 
							font-size:22px; font-weight:600; text-align:center; line-height:55px; letter-spacing:-0.03em; margin:0 auto; }

.con_history_rt				{position:relative;padding:0 54% 0 0;margin:30px 0;text-align:right;background:url('../image/sub/dot02.jpg') no-repeat center 0;background-size:6px auto;}
.con_history_lt				{position:relative;padding:0 0 0 54%;margin:30px 0;background:url('../image/sub/dot02.jpg') no-repeat center 0;background-size:6px auto;}
.con_history_txt dt			{font-size:17px;color:#106cc1;font-weight:bold;margin-bottom:10px;}
.con_history_txt dd			{color:#666;margin:5px 0;}
.con_history_rt .con_history_txt span	{float:right;font-weight:bold;color:#000;margin-left:10px;}
.con_history_lt .con_history_txt span	{float:left;font-weight:bold;color:#000;margin-right:10px;}


 /* 연혁 180724  ===================================================================================== */
.his_wrap					{overflow:hidden;border-bottom:1px solid #ddd;}
.his_wrap .title			{float:left;width:32%;border-top:1px solid #04427f;padding:20px 0 0 0;text-indent:10px;font-size:21px;color:#04427f;}
.his_wrap ul				{float:right;width:68%;border-top:1px solid #ddd;}
.his_wrap ul li				{padding:20px 0;border-bottom:1px dashed #ddd;}
.his_wrap ul li:last-child	{border:0;}
.his_wrap dl				{overflow:hidden;}
.his_wrap dl dt				{float:left;color:#222;font-size:15px;font-family:'Roboto_b';}
.his_wrap dl dd				{padding:0 0 0 100px;font-size:1.05em;color:#555;}
.his_wrap dl dd .img		{width:60%;border:1px solid #ddd;padding:5px;margin:10px 0 0 0;}
.his_wrap dl dd .img img	{width:100%;}
	



/* mobie screen 785 */
@media screen and (max-width:785px) {

	.sub_title_txt01			{font-size:1.5em;}
	.sub_title_txt02			{font-size:1.1em;}

	.int_box					{padding:15px;margin-bottom:20px;}
	.int_box dl dt img			{width:50px;}
	.int_box dl dd, .int_box dl .int2		{padding:5px 0 0 60px;font-size:1.2em;}	
	.int_box dl dd br			{display:none;}

	.step_list div, .step_list2 div,  .step_list3 div, .photo_list01 div, .photo_list02 div	{width:50%;}
	.photo_list03 div				{width:50%;}
	.step_list2 dl .sub_list02 br	{display:none;}
	.photo_list01 dl, .photo_list02 dl			{margin:5px;}	
	.info_box					{padding:15px;}
	.info_box dl dd p			{width:33%;}
	.b_part						{margin:0 auto 10px auto;font-size:17px;}

	.info_box dl				{padding:0;}
	.info_box dl dt				{padding:0 0 0 95px;}

	.map_list					{padding:15px 0;}
	.map_list p					{font-size:1.3em;float:left;padding:10px 0 0 20px;}
	.map_list ul				{padding-left:130px;}

	.con_history_date			{height:50px; font-size:1.4em;line-height:50px;margin:0 auto 20px auto; }


	.his_wrap .title			{float:none;width:100%;text-align:center;padding:10px 0;font-size:18px;}
	.his_wrap ul				{float:none;width:100%;}
	.his_wrap ul li				{padding:10px 0;}
	.his_wrap dl dd				{font-size:1em;padding:0 0 0 90px;}
	.his_wrap dl dd .img		{width:95%;}
		

}


/* mobie screen 600 */
@media screen and (max-width:600px) {

	.int_txt					{background-size:500px; }
	.int_txt2					{padding:0 0 230px 0;}

	.info_box dl dd p			{width:100%;}

}


/* mobie screen 480 */
@media screen and (max-width:480px) {

	.int_box dl dt				{float:none;text-align:center;}
	.int_box dl	dd, .int_box dl .int2		{padding:5px 0 0 0;text-align:center;}
	.step_list div, .step_list2 div,  .step_list3 div, .photo_list01 div, .photo_list02 div, .photo_list03 div	{width:100%;}
	.step_list2 dl				{min-height:0;}

	.info_box .h2				{float:none;}
	.info_box dl dt				{padding:7px 0 0 0;}

	.map_list p					{float:none;padding:10px 0;}
	.map_list ul				{padding-left:0;}

	.con_history_date			{width:100%;}
	.con_history				{background:url('../image/sub/dot01.jpg') repeat-y 13px 0;}

	.con_history_rt				{padding:0 0 0 30px;text-align:left;background:url('../image/sub/dot02.jpg') no-repeat 10px 0;background-size:6px auto;}
	.con_history_lt				{padding:0 0 0 30px;background:url('../image/sub/dot02.jpg') no-repeat 10px 0;background-size:6px auto;}
	.con_history_txt dt			{font-size:1.2em;margin-bottom:7px;}
	.con_history_rt .con_history_txt span	{float:none;margin:0 10px 0 0;}
	.con_history_lt .con_history_txt span	{float:none;}


}





/* 이전 홈페이지 css */
   .bbs_table {
            border-collapse: collapse;
            width: 100%;
            table-layout: fixed;
        }

            .bbs_table td {
                padding: 5px;
                font-size: 13px;
                line-height: 160%;
            }

            .bbs_table .text_s {
                font-size: 12px;
                color: #999;
            }

            .bbs_table .title {
                line-height: 70px;
                color: 444;
                font-size: 25px;
                font-weight: bold;
                text-align: center;
            }

            .bbs_table .sub_title01 {
                line-height: 20px;
                padding-top: 20px;
                font-size: 17px;
                font-weight: bold;
                color: #fc7d00;
            }
            /* 주황 중간 타이틀*/
            .bbs_table .sub_title02 {
                line-height: 20px;
                padding-top: 20px;
                font-size: 17px;
                font-weight: bold;
                color: #088fed;
            }
            /* 파랑 중간 타이틀*/
            .bbs_table .sub_title03 {
                line-height: 15px;
                padding-top: 20px;
                font-size: 13px;
                font-weight: bold;
                color: #088fed;
            }
            /* 주황 작은 타이틀*/
            .bbs_table .sub_title04 {
                line-height: 15px;
                padding-top: 20px;
                font-size: 13px;
                font-weight: bold;
                color: #444;
            }
            /* 검은 작은 타이틀*/
            .bbs_table .text_cont {
                color: #888;
            }

            .bbs_table .center {
                text-align: center;
            }

            .bbs_table .right {
                text-align: right;
            }

            .bbs_table .left {
                text-align: left;
            }

            .bbs_table .space01 {
                height: 10px;
            }

            .bbs_table .space02 {
                height: 20px;
            }

            .bbs_table .space03 {
                height: 30px;
            }

        .bbs_cont_table {
            border-collapse: collapse;
            width: 100%;
            table-layout: fixed;
            border-top: 2px solid #878787;
        }

            .bbs_cont_table thead th {
                background: #ebebeb;
                text-align: center;
                color: #666;
                padding: 5px 0;
                font-weight: bold;
                border: solid 1px #cdcdcd;
                line-height: 160%;
                letter-spacing: -1px;
            }

            .bbs_cont_table tbody th {
                background-color: #f9f9f9;
                text-align: center;
                color: #595959;
                padding: 5px;
                border: solid 1px #cdcdcd;
                font-weight: normal;
            }

            .bbs_cont_table tbody td {
                padding: 5px;
                border: solid 1px #ccc;
                line-height: 160%;
            }

            .bbs_cont_table tfoot td {
                background: #f4f4f4;
                text-align: center;
                font-weight: bold;
                padding: 5px 0;
                border: solid 1px #ccc;
                line-height: 160%;
            }