@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "layout.css";
@import "sub_base.css";
@import "board.css";

body { background:none; }

.content { width: 100%; min-height:500px; position: relative;   overflow:hidden;  }
.content .bg_gray { width: 100%; background:#f9f9f9; padding:10px 0 10px; }
.content .session { width:1200px;  margin: 0 auto 70px;  position:relative;  *display:inline-block;}
.content .session:after{display:block;clear:both;content:'';}

h4 { font-size:36px; line-height:130px;  text-align:center; border-bottom:1px dashed #333; margin:60px 0 40px; color:#000; }
h5 { height:60px; font-size:28px; color:#333; background:url(../img/c_title_bg.png) no-repeat left bottom; margin:40px 0 20px;  text-align:left; }


.video_wrap  { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.video_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dbdbdb; box-sizing: border-box;}


/*사업소개 */



.about .c1 { position:relative; }
	.tbl11 { width:60%;  text-align:center; line-height:24px;border: 1px solid #fff;  font-size:16px; margin-bottom:5px;  background:#fff; float:left;  font-family: 'Nanum Gothic', sans-serif;}
	.tbl11 caption { display:none; }
	.tbl11 th, .tbl11 td {  border-top: 1px solid #fff; border-left: 1px solid #fff; padding:7px;  box-sizing: border-box; text-align:center; color:#333; }
	.tbl11 th { background:#ecf6ff; font-weight:bold; vertical-align:middle; }
	.tbl11 td { padding:5px; color:#666; background:#f3f3f3; text-align:left; padding-left:20px; box-sizing: border-box; }
	.tbl11 .left { text-align:left; }

	.img11 { float:right; }

.about .wrap1 { position:relative;  }
.about .wrap1 .c2 { float:left; width:48%;  }
.about .wrap1 .c3 { float:right; width:48%;  }
.about .wrap1 dl { width:100%; min-height:310px; display:inline-block; padding:20px 0; background: #f3f3f3; }
.about .wrap1 dl dt { width:90px; height:inherit; padding-left:30px; font-size:24px;  float:left; background:url(../img/about/01_bg_line.png) 110px 10px  repeat-y; margin:0; }
.about .wrap1 dl dt .point { float:right; padding:10px 0; box-sizing: border-box;}
.about .wrap1 dl dd { padding:5px 0px 15px 20px; font-size:16px; margin-left:120px; font-weight:none; font-family: 'Nanum Gothic', sans-serif; }
.about .wrap1 dl dd b { width:65px; display:inline-block; vertical-align:top;  }
.about .wrap1 dl dd p { display:inline-block;   }

.about .wrap1 .c2 dl dt.t1 { height:88px; } /*추진경위 라인 높이값 */
.about .wrap1 .c2 dl dt.t2 { height:112px; }
.about .wrap1 .c2 dl dt.t3 { height:44px; }
.about .wrap1 .c2 dl dt.t4 { height:260px; }


.about .wrap1 .c3 dl { background:#ecf6ff; height:150px; min-height: 150px;} 
.about .wrap1 .c3 dl dt.t1 { height:132px; } /*향후추진계획 라인 높이값 */
.about .wrap1 .c3 dl dt.t2 { height:176px; }
.about .wrap1 .c3 dl dt { height:44px; }


.about .s2 p { height:143px; font-size:42px; color:#333;  text-align:center; line-height:50px; padding-top:20px; background:url(../img/about/02_title.png) top left no-repeat; box-sizing: border-box;}
.about .s2 p strong { color:#005bac; display:block; }


.about .wrap2 { position:relative; display:inline-block; width:100%; height:540px;   }
.about .wrap2 ul { width:60%; margin-top:10px; }
.about .wrap2 ul li { min-height:66px; padding-left:85px; box-sizing: border-box; color:#555; font-size:18px; margin-bottom:30px; }
.about .wrap2 ul li b { display:block; font-size:26px; color:#555; }
.about .wrap2 ul li span { display:block; background:url(../img/about/02_blit.png) 0 9px no-repeat ; padding-left:10px; box-sizing: border-box; }
.about .wrap2 ul li:nth-child(01) { background:url(../img/about/02_01.png) 0 0 no-repeat; position:relative; top:30px; }
.about .wrap2 ul li:nth-child(02) { background:url(../img/about/02_02.png) 0 0 no-repeat; position:relative; top:40px; }
.about .wrap2 ul li:nth-child(03) { background:url(../img/about/02_03.png) 0 0 no-repeat; position:relative; top:40px;}
.about .wrap2 ul li:nth-child(04) { background:url(../img/about/02_04.png) 0 0 no-repeat; position:relative; top:40px; }
.about .wrap2 ul li:nth-child(05) { background:url(../img/about/02_05.png) 0 0 no-repeat; position:absolute; top:30px; left:400px; }
.about .wrap2 ul li:nth-child(06) { background:url(../img/about/02_06.png) 0 0 no-repeat; position:absolute; top:170px; left:400px; }

.about .wrap2 .img02{ width:40%; position:absolute; right:0; top:0; text-align:right; }


.about .s3 p { height:143px; font-size:42px; color:#333;  text-align:center; line-height:50px; padding-top:20px; background:url(../img/about/03_title.png) top left no-repeat; box-sizing: border-box;}
.about .s3 p strong { color:#ea500c; display:block; }

.about .wrap3 { position:relative; display:inline-block; margin-top:30px;  width:100%; height:540px;   }
.about .wrap3 dl { width:58%; min-height:360px; display:inline-block; padding:20px 0; }
.about .wrap3 dl dt { width:80px; height:inherit; font-size:24px; color:#888; font-weight:bold; float:left; background:url(../img/about/02_blit.png) 50px 10px no-repeat; margin:0; }
.about .wrap3 dl dt .point { float:right; padding:10px 0; box-sizing: border-box;}
.about .wrap3 dl dd { padding:5px 0px 15px 10px; font-size:18px; font-weight:none;  }
.about .wrap3 dl dd b { width:65px; display:inline-block;  }

.about .wrap3 .img03{ width:40%; position:absolute; right:0; top:20px; text-align:right; }




/* 개발계획 */
.development { width:100%; vertical-align:top; text-align:center; margin-top:10px; position:relative;   }

.tbl21 { width:100%;  text-align:center; line-height:24px;border: 1px solid #dbdbdb; border-top:2px solid #333; font-size:16px; margin-bottom:5px;  background:#fff; }
.tbl21 caption { display:none; }
.tbl21 th, .tbl21 td {  border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding:7px;  box-sizing: border-box; text-align:center; color:#333; }
.tbl21 th { background:#ecf6ff; font-weight:bold; vertical-align:middle; }
.tbl21 td { padding:5px; color:#666; }
.tbl21 .left { text-align:left; padding-left:30px; box-sizing: border-box; }
.tbl21 .right { text-align:right; padding-right:115px; box-sizing: border-box; }
.tbl21 .right2 { text-align:right; padding-right:60px; box-sizing: border-box; }

.tbl21 .bg { background:#fafafa; }
.tbl21 .bg1 { background:#eaeaea; }

.tbl21 .bg1 { background:#eaeaea; }

/*
.tbl21 .bgA { background:#70c5d9 }
.tbl21 .bgB { background:#a7d08c }
.tbl21 .bgC { background:#f09b96 }
.tbl21 .bgD { background:#fddd78 }
.tbl21 .bgE { background:#87c9ad }
.tbl21 .bgF { background:#5bbae8 }
*/


.tbl21 td.p1 { border-left:none;  padding-right:40px; box-sizing: border-box; }
.tbl21 td.p2 { border-top:none;  }
.tbl21 td.p3 { border-top:none;  }

.tbl22 { width:100%;  text-align:center; line-height:24px;border: 1px solid #dbdbdb; border-top:2px solid #333; font-size:16px; margin-bottom:5px;  background:#fff; }
.tbl22 caption { display:none; }
.tbl22 th, .tbl22 td {  border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding:7px;  box-sizing: border-box; text-align:center; color:#333; }
.tbl22 th { background:#f3f3f3; font-weight:bold; vertical-align:middle; }
.tbl22 td { padding:5px; color:#666; }


.information { position:relative; }
.information #s3 .fleft{ width:65%; height:auto; position:relative; top:0px; left:0;   }
.information #s3 .fright { width:30%; height:auto; position:absolute; top:230px; right:0;    }

.dl01 { width:100%;} 
.dl01 dt { font-size:20px; color:#333; margin-bottom:5px; }
.dl01 dd { font-size:15px; margin-bottom:15px; }


.conts  { line-height:20px; font-family: 'Nanum Barun Gothic', sans-serif; font-size:15px; color: #555; text-align:left; border:1px solid #ddd; padding:20px 20px 20px 30px; position:relative; box-sizing: border-box; }
.conts li + li { margin-top:2px;}
.conts li:before { content:"●"; position:absolute; left:20px; font-size:5px; }


.note  { line-height:20px; font-family: 'Nanum Barun Gothic', sans-serif; font-size:14px; color: #777; padding:5px 10px 10px 16px ; text-align:left; position:relative;  box-sizing: border-box; }
.note li + li { margin-top:2px;}
.note li:before { content:"※";  font-size:14px; position:absolute; left:0px;}

.note2  { line-height:20px; font-family: 'Nanum Barun Gothic', sans-serif; font-size:14px; color: #777; padding:5px 10px 10px 14px ; text-align:left; position:relative;  box-sizing: border-box; }
.note2 li + li { margin-top:2px;}
.note2 li:before { content:"-";  font-size:14px; position:absolute; left:0px;}

.pdl40 { padding-left:40px !important;  }
.pdl300 { padding-left:300px !important;  }



.tbl31 { width:100%;  text-align:center; line-height:24px;border: 1px solid #dbdbdb; border-top:2px solid #333; font-size:16px; margin-bottom:5px;  background:#fff; }
.tbl31 caption { display:none; }
.tbl31 th, .tbl31 td {  border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding:7px;  box-sizing: border-box; text-align:center; color:#333; }
.tbl31 th { background:#ecf6ff; font-weight:bold; vertical-align:middle; }
.tbl31 td { padding:5px; color:#666; }
.tbl31 .left { text-align:left; }

.tbl31 p { margin-left:20px; }
.note3  { line-height:20px; font-family: 'Nanum Barun Gothic', sans-serif; font-size:14px; color: #777; padding:5px 10px 10px 14px ; text-align:left; position:relative;  box-sizing: border-box; margin-left:30px;  }
.note3 li + li { margin-top:2px;}
.note3 li:before { content:"-";  font-size:14px; position:absolute; left:0px;}


/*오시는길*/
.map_box { width:100%;  height:auto;  display:inline-block; position:relative;  background:#c9caca;  margin-bottom:30px;  font-family: 'Nanum Square', serif; border:5px solid #c9caca;  }
.map_box .imgBox { width:840px; height:520px; float:left;   }
.map_box .txtBox { text-align:Center;  font-size:20px; border-top:none; color:#222; width:350px;; height:520px; float:left; background:#fff; }
.map_box .txtBox li:nth-child(01) { margin-top:130px; font-size:30px; font-weight:bold; }
.map_box .txtBox li:nth-child(02) { margin-top:20px; }
.map_box .txtBox li:nth-child(03) { margin-top:20px; }
.map_box .txtBox li:nth-child(04) { margin-top:5px; }

.map_box .txtBox a { display:inline-block; margin-top:10px; border:none; border:1px solid #333; ; color:#333; padding:7px 0; width:250px; box-sizing: border-box; }
.map_box .txtBox a span { margin:0 10px 0 20px; }
.triangle-right::after { content:''; display:inline-block;  width: 0;	height: 0;	border-top: 5px solid transparent;	border-left: 10px solid #333;	border-bottom: 5px solid transparent; }