/*서브 공통 가이드*/
.tab{overflow:hidden; margin-bottom:25px;}
.tab ul li{width:33.333%; float:left}
.tab ul li a{display:block; padding:15px; border:1px solid #d6d6d6; text-align:center; font-weight:bold; font-size:1.1em}
.tab ul li a:hover{background:#e9e9e9}
.tab ul li.on a{background:#f08200; color:#fff}

	.tab ul.v2 li{width:50%}

/*블릿*/
h4.h4{background: url('/images/sub/bul-h4.gif') no-repeat 0 6px;padding-left: 20px;font-size:1.3em; font-weight:bold;color:#000;}
h5.h5{font-size:1.15em; font-weight:bold;color:#f08200; margin-top:15px}
.h4wrap {padding:0 0 20px 15px;overflow:hidden;}

/*이미지박스*/
.img-box.v1{border:1px solid #ddd; padding:20px; text-align:center;}
.img-box img{max-width:100%}
.img-box:after{display:block; content:''; clear:both;}
.img-box ul li{float:left; margin-left:2%; text-align:center; overflow:hidden; border:1px solid #ccc; box-sizing:border-box;}
.img-box ul li:first-child{margin-left:0}
.img-box ul li img{max-width:100%; height:100%; }
.img-box ul li strong{background:#fff; border-top:1px solid #ccc; display:block; padding:10px; text-align:center;}
.img-box ul.v2 li{width:49%;}
.img-box ul.v2 li img{height:240px}
.img-box ul.v3 li{width:32%;}
.img-box ul.v2 li img{height:250px}
.img-box ul.v2.bg1 li{background:#e6e7e9}

/* ul (v1) */
ul.bu01 {margin:10px 0 0 0;}
ul.bu01 > li {background:url('/images/sub/bul-ul1.gif') no-repeat 0 10px;padding-left:10px;margin-bottom:3px;line-height:1.7;}
ul.bu01 > li:last-child {margin-bottom:0;}
ul.bu01 > li > ul {padding:10px 0;}
ul.bu01 > li > ul > li {background:url('/images/sub/bul-ul2.gif') no-repeat 5px 8px;padding-left:15px;margin-bottom:10px; line-height:150%;}
ul.bu01 > li > ul > li:last-child {margin-bottom:0;}

.guide-box{border:2px solid #ddd; padding:20px 25px; margin-bottom:40px}
.guide-box p{font-size:1.5em; font-weight:bold; color:#000;}
.guide-box ul{margin-left:10px}

/* 기본 (type1) */
div.table.type1 {padding-top:20px;}
div.table.type1 table {width:100.2%;border-spacing:0;border-collapse:separate;border-top:2px solid #1f3c64;table-layout:fixed;}
div.table.type1 table thead th {background-color:#ebf3f8;color:#1f3c64;font-weight:bold;text-align:center;padding:15px 0;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
div.table.type1 table thead th:last-child {border-right:0;}
div.table.type1 table tbody td {padding:14px 7px;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
div.table.type1 table tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
div.table.type1 table tbody td:last-child {border-right:0;}
div.table.type1 table tbody td.b-none{border-right:none;}
div.table.type1 table tbody td.left {text-align:left;}

/*버튼*/
.btn-st1 a{display:inline-block; background:#444; color:#fff; font-weight:bold; padding:10px 25px; }
/*연구조사*/
.con-0201{overflow:hidden; text-align:center;}
.con-0201:after{display:block; content:''; clear:both}
.con-0201 > p{display:inline-block; background:#0086ce; color:#fff; padding:15px 50px; border-radius:100px; font-size:1.3em; font-weight:bold;}
.con-0201 ul{overflow:hidden; margin-top:50px}
.con-0201 ul li{float:left; width:33.333%; box-sizing:border-box; border-left:1px solid #ccc}
.con-0201 ul li:first-child{border-left:none}
.con-0201 ul li span{display:block; background-repeat:no-repeat; background-position:50% 25px; padding:200px 20px 20px 20px; font-size:1.2em;}
.con-0201 ul li.icon1 span{background-image:url('/images/sub/0201-icon1.gif')}
.con-0201 ul li.icon2 span{background-image:url('/images/sub/0201-icon2.gif')}
.con-0201 ul li.icon3 span{background-image:url('/images/sub/0201-icon3.gif')}

/*연구조사-국민행복지수*/
.con-020102 {overflow:hidden; }
.con-020102 ul li{width:18.4%; margin-right:2%; float:left; margin-top:30px; overflow:hidden; }
.con-020102 ul li:nth-child(5n){margin-right:0}
.con-020102 ul li p{background:#e3e3e3; border-radius:45px; line-height:45px;padding-left:45px; position:relative; text-align:center;}
.con-020102 ul li p i{width:45px; line-height:45px; height:45px; border-radius:45px; background:#2398c6; text-align:center; color:#fff; position:absolute; top:0; left:0; font-style:normal;}
.con-020102 ul li div{border:1px solid #d8d8d8; margin-top:5px; border-radius:15px; padding:15px 25px;}

/*행복포럼*/
.con-0202 ul li{width:25%; float:left;}
.con-0202:after{display:block; content:''; clear:both}
.con-0202 ul li.icon1, .con-0202 ul li.icon4{margin-top:30px;}
.con-0202 ul li strong{display:block; height:295px;  font-size:1.3em; background-repeat:no-repeat; background-position:50% 0; color:#fff; padding:170px 0 25px 0; text-align:center; box-sizing:border-box;}
.con-0202 ul li.icon1 strong{background-image:url('/images/sub/0202-icon1.gif')}
.con-0202 ul li.icon2 strong{background-image:url('/images/sub/0202-icon2.gif')}
.con-0202 ul li.icon3 strong{background-image:url('/images/sub/0202-icon3.gif')}
.con-0202 ul li.icon4 strong{background-image:url('/images/sub/0202-icon4.gif')}
.con-0202 ul li span{display:block; margin-top:20px; text-align:center;}

/*교육*/
.con-0203{position:relative;height:550px; background:url('/images/sub/0203-bg1.gif') no-repeat 51% 0;}
.con-0203 > p{font-size:1.3em; font-weight:bold; color:#fff; padding-top:200px; text-align:center;}
.con-0203 > ul > li{position:absolute;}
.con-0203 > ul > li.pos1{top:7%; left:10%;}
.con-0203 > ul > li.pos2{top:7%; right:10%;}
.con-0203 > ul > li.pos3{top:65%; left:10%;}
.con-0203 > ul > li.pos4{top:65%; right:10%;}
.con-0203 > ul > li strong{font-size:1.2em; color:#0098d5}
.con-0203 > ul > li > ul > li{margin-top:5px;}
.con-0203-img{margin-top:30px; text-align:center;}

/*상담*/
.con-0204 ul li{border-bottom:1px solid #ccc; padding:30px 0; min-height:205px}
.con-0204 ul li strong{display:block; margin:10px 0 20px ; font-size:1.3em; font-weight:bold; color:#0098d5;}
.con-0204 ul li.img1{background:url('/images/sub/0204-img1.gif') no-repeat 0 30px; padding-left:480px; }
.con-0204 ul li.img2{background:url('/images/sub/0204-img2.gif') no-repeat 100% 30px; padding-right:480px; }
.con-0204 ul li.img3{background:url('/images/sub/0204-img3.gif') no-repeat 0 30px; padding-left:480px; }

/*국민참여운동*/
.con-0206 ul{overflow:hidden; margin-top:50px}
.con-0206 ul li{float:left; width:33.333%; box-sizing:border-box; border-left:1px solid #ccc}
.con-0206 ul li:first-child{border-left:none}
.con-0206 ul li strong{display:block; background-repeat:no-repeat; background-position:50% 25px; padding:200px 20px 0 20px; font-size:1.2em; font-weight:bold; text-align:center;}
.con-0206 ul li.icon1 strong{background-image:url('/images/sub/0206-icon1.gif')}
.con-0206 ul li.icon2 strong{background-image:url('/images/sub/0206-icon2.gif')}
.con-0206 ul li.icon3 strong{background-image:url('/images/sub/0206-icon3.gif')}
.con-0206 ul li span{display:block; margin-top:15px; text-align:center;}

/*버튼*/
.btnwrap{overflow:hidden; padding:20px 0;}
.btn-st01{display:inline-block; padding:10px 25px; color:#fff; font-weight:bold; background:#2a7593}

/*후원안내*/
.con-0304 ul li{border:1px solid #ddd; margin-bottom:25px; padding:20px 20px 20px 100px; position:relative; min-height:100px;}
.con-0304 ul li i{font-style:normal; position:absolute; top:20px; left:30px; font-size:3em; font-weight:bold; color:#e76e07}
.con-0304 ul li strong{display:block; font-size:1.2em; padding-bottom:10px;}
.con-0304 ul li p{}

/*연혁*/
.history{background:url('/images/sub/010103-img1.gif') no-repeat 50px 40px; padding-left:500px;}
.history dl{overflow:hidden; border-bottom:1px dashed #d7d7d7; padding:20px 0}
.history dl dt {font-size:1.2em; font-weight:bold; color:#1692c4; padding-bottom:15px;}
.history dl dd {padding-left:5px;}
.history dl dd ul li{position:relative; padding-left:50px; padding-bottom:5px}
.history dl dd ul li strong{display:block; position:absolute; top:0; left:0}

/*인사말*/
.greeting .title{width:500px; margin:0 auto ; background:url('/images/sub/0102-img1.gif') no-repeat; height:450px; position:relative;}
.greeting .title p{background:#636363; color:#fff; width:320px; padding:30px; position:absolute; bottom:13%; right:0}
.greeting .title p span{font-family:'Nanum Myeongjo', serif; font-size:1.5em;}
.greeting .title p strong{font-size:1.2em; font-weight:bold; display:block; margin-top:15px;}
.greeting .con1 p{margin-bottom:15px; line-height:1.7}
.greeting .con2{background:#e3e3e3; overflow:hidden; padding:25px 25px 10px 25px; margin-top:35px}
.greeting .con2 ul li{width:48%; float:left; overflow:hidden;  position:relative; box-sizing:border-box; padding-left:50px; margin-bottom:10px}
.greeting .con2 ul li:nth-child(2n){float:right;}
.greeting .con2 ul li strong{position:absolute; top:0; left:0; width:45px; line-height:45px; height:45px; border-radius:45px; background:#359fc9; color:#fff; text-align:center; }
.greeting .con2 ul li span{line-height:45px;}
	
	@media only screen and (max-width: 1024px){ 
		.greeting .title{background-size:auto 75%} 
		.greeting .title p{width:30%; bottom:40%}
	}

/*사이트맵*/
.sitemap{overflow:hidden; border-top:2px solid #666}
.sitemap dl{overflow:hidden; border-bottom:1px solid #666; background:#efefef;}
.sitemap dl:after{display:block; content:''; clear:both;}
.sitemap dl dt{width:20%; float:left; font-weight:bold; padding-top:20px; text-align:center; }
.sitemap dl dd{background:#fff; width:80%; float:right; box-sizing:border-box; padding:20px;}
.sitemap dl dd > ul > li{width:19.2%; float:left; margin-left:1%}
.sitemap dl dd > ul > li:nth-child(5n-4){margin-left:0}
.sitemap dl dd > ul:after{display:block; content:''; clear:both;}
.sitemap dl dd > ul > li > a{display:block; border-bottom:1px solid #000; padding:10px 0; margin-bottom:10px; font-weight:bold;}
.sitemap dl dd > ul > li > ul > li > a{padding-left:5px; font-size:0.9em; }