/*사업영역 Type01 */
.business { width:100%; max-width:1210px; overflow:hidden; margin:0 auto;  }
.business:after { content:""; display:block; clear:both; }
.business ul { padding:0; margin:0; }
.business ul li { float:left; width:31.333333%; margin-left:1%; margin-right:1%; }
.business ul li img { display:block; width:100%;}
.business ul li strong { display:block; margin-top:20px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.business ul li > span { display:block; margin:20px 0; font-size:1em; text-align:center; letter-spacing:-0.04em; }


/*사업영역 Type02 */
.cross {width:100%; max-width:1200px; overflow:hidden;  margin:0 auto;  }
.cross:after{ content:""; display:block; clear:both;}
.cross ul {padding:0; margin:0; }
.cross ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross ul li .cross_tit{font-size:1.4em;font-weight:bold;padding-top:2px;}
.cross ul li .cross_txt{font-size:1.2em; padding-top:5px; }
.cross ul li .cross_img{float:left; width:55%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross ul li .cross_img img{height:340px;}
.cross ul li .cross_right{float:right; width:45%;  height:340px; background:#f8f8f8; padding:50px 50px 0 50px; box-sizing: border-box; }
.cross ul li.other_type .cross_img{float:right; width:55%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross ul li.other_type .cross_right{float:left; width:45%;  height:340px; background:#f8f8f8; padding:50px 40px 0 50px; }
.cross ul li.other_type .cross_img img{height:340px; }


.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:15px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }



.tbl_type1{width:100%; margin:0px auto; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}
.tbl_type1 .left{ text-align:left;}
.tbl_type1 .right{ text-align:right;}
.tbl_type1 .center{ text-align:center;}
.tbl_type1 .end{border-right:0px;}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1.2em; }
	.cross ul li .cross_txt{font-size:1em; }
	.cross ul li .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li .cross_right{ width:40%;  height:250px; padding:30px 30px; margin-bottom:50px; }
	.cross ul li .cross_img img{height:100%;}
	.cross ul li.other_type .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right{ width:40%; height:250px; padding:30px 30px; }
	.cross ul li.other_type .cross_img img{height:100%;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.cross ul li{ width:100%; height:auto;}
	.cross ul li .cross_img{float:left; width:100%; height:auto;}
	.cross ul li .cross_img img{width:100%;}
	.cross ul li .cross_right{width:100%; height:auto; padding:30px 20px; }
	.cross ul li.other_type .cross_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross ul li.other_type .cross_img{float:right; width:100%; height:auto;}
	.cross ul li.other_type .cross_img img{width:100%;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}


.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:21px; height:16px; display:inline-block;background: url('http://www.jcwf.or.kr/theme/jcwf/html/s2/img/tab_l.png');margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

/* 목록(List) */
.con { position:relative; }
.con .infoList {margin-top:20px;margin-bottom:50px;}
.con .infoList li {margin-left:10px;margin-bottom:10px;padding-left:10px;background:url('http://www.jcwf.or.kr/theme/jcwf/html/s2/img/tab_ss.png') left top no-repeat; font-size:16px;}
.con .infoList .tit { display:block; font-size:18px; font-weight:bold; margin-bottom:5px; }





/**서브 탭***/
.tabs_wrap{width:100%;	margin:5% 0;float:left;	background: url(./image/tab_line.png); background-position: center center; background-repeat:no-repeat;}
.tabs_no_margin{margin:2.5% 0;}
.tabs li{border:1px solid #ddd; border-right:0; padding: 15px 0; text-align:center; font-size:18px; color:#969696; font-weight:500; float:left; background-color:#fff; cursor:pointer; transition:ease-in-out 0.3s;}
.tabs li:last-child{border-right:1px solid #ddd;}
.tabs li:hover{background-color: #475873;color:#fff;}
.tabs li.active {background-color: #475873;	color:#fff;}
.tabs_2ea {width: 50%;margin:0 auto;}
.tabs_2ea li {width: 50%;}
.tabs_3ea {width: 67%;margin: 0 auto;}
.tabs_3ea li {width: 33.33%;}
.tabs_4ea {width: 80%;margin:0 auto;}
.tabs_4ea li {width: 25%;}
.tabs_5ea {width: 100%;	margin:0 auto;}
.tabs_5ea li {width: 20%;}
.tabs_7ea {width: 100%;	margin:0 auto;}
.tabs_7ea li {width: 14%;}
@media (max-width: 1200px){
.tabs_4ea {width: 100%;}
}

@media (max-width: 768px){
	.tabs li{font-size:17px;border-right:1px solid #ddd; padding: 4% 0;}
	.tabs_wrap {margin-left:0;margin-right:0;}	
	.tabs_2ea, .tabs_3ea, .tabs_4ea, .tabs_5ea, .tabs_6ea .tabs_7ea {	width: 100%;}
	.tabs_2ea li, .tabs_3ea li, .tabs_4ea li, .tabs_5ea li, .tabs_6ea li .tabs_7ea li{
		 width:100%; border-right:1px solid #ddd;}
}

@media (max-width: 600px){
.tabs_2ea li {width: 100%;}
}
/***탭 끝***/


/*신청인처리기관*/
.volunteer_info {margin-top:2%;}
.volunteer_info_text {overflow:hidden; margin-bottom:30px; }
.volunteer_info_step {margin:30px 0;}
.volunteer_info_step div {border:1px solid #eee;display:inline-block;}
.volunteer_info_step li {text-align:center; padding:10px 0; }
.volunteer_info_step li:first-child {font-size:18px;}
.volunteer_info_step li:last-child {padding:20px; border:1px solid #eee; border-top:0; font-size:16px; line-height:2;}
.vlstep_inner {width:44%; }
.volunteer_info_step .major_arrow {display:inline-block; min-width:15px; width:8%; height:50px; vertical-align:top; margin-top:50px; background:url(./image/small_arrow.png) 50% no-repeat !important;}
.bg_yellow {color:#fff !important; background:#f0ba00 !important; font-family:"NotoSansM", sans-serif;}
.bg_green2 {color:#fff !important; background:#78b345 !important; font-family:"NotoSansM", sans-serif;}
.bg_blue3 {color:#fff !important; background:#006bcc !important; font-family:"NotoSansM", sans-serif;}

@media screen and (min-width:1025px) and (max-width:1240px), print {
	.vlstep_inner {width:27.4%; vertical-align:top;}
}

@media screen and (max-width: 768px) {
		.vlstep_inner {width:100% !important;}
	.volunteer_info_step .major_arrow {width:100%; margin:0; background:url(../images/icon/small_arrow2.png) 50% no-repeat;}
	
	}

@media screen and (max-width: 768px) {
	.volunteer_info_step .major_arrow {width:100%; margin:0; background:url(.image/small_arrow2.png) 50% no-repeat;}

}

.lbox  {border:1px solid #ddd;padding:25px 25px 25px 25px; ;text-align:left;margin:0 auto;font-size:16px;}

/*표*/
.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:center; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}
.tbl_type1 .left{ text-align:left;}
.tbl_type1 .end{border-right:0px;}


/* 보육사업안내 */
.btn-default:visited{background-color:#585a67;border-color:#585a67;}
.btn:visited{background-color:#008e7e;border-color:#008e7e;color:#fff;}
#sub02_03 #body_layout .body_wrap {padding:0;}
/*#sub02_03 #body_layout #lnb_layout {display:none;}*/

span.check {display:block;padding-left:20px; background:url(./img/sub01_01_icon06.png)no-repeat left 5px;}
span.check.check02 {color:#ff8c00;}
span.check em {}

.ui.uip li em.block {display:inline; padding:0;color:#54535a;}
.ui.uip.type2 li {text-align: center;}


.btn_wrap {text-align: center;}
.btn_wrap a {display:inline-block;text-indent:-20px;padding:15px 0 15px;width:280px; color:#fff; font-size:15px; background: #008e7e url(./img/next.png)no-repeat 95% center}


.fax_down {margin-top:20px;width:100%;}
.fax_down a {display:inline-block;margin:0 1% 15px;padding:21px;width:45%;background:url(./image/down_icon.png)no-repeat 95% center;border:1px solid #585a67;}



@media(max-width:1022px) {
	.fax_down a {width:47%; }

}
@media(max-width:940px) {
	.ui.uip li em.block {display:block; }
}

@media(max-width:740px) {
	.fax_down a {width:98%; }

}

@media(max-width:499px) {
.ui.uip li .ui_icon.circle {position: absolute;top: 10px;left: 23%;}
}
@media(max-width:366px) {
.ui.uip li .ui_icon.circle {position: absolute;top: 10px;left: 15%;}
	.fax_down a {padding:15px 0;background:none; text-align: center;}

}

/* button */
.bt{display:inline-block;position:relative;height:auto;border:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;margin-bottom:10px;border:1px solid transparent;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;text-decoration: none;}
.bt, 
.bt.disabled, 
.bt[disabled],
.bt,
.bt:link,
.bt:visited{background-color:#008e7e;border-color:#008e7e;color:#fff;}
.bt:hover,
.bt:focus,
.bt:active{background-color:#fff;border-color:#008e7e; color:#008e7e; }


.bt-default, 
.bt-default.disabled, 
.bt-default[disabled],
.bt-default,
.bt-default:link,
.bt-default:visited{background-color:#585a67;border-color:#585a67;}
.bt-default:hover,
.bt-default:focus,
.bt-default:active{background-color:#fff;border-color:#585a67;color:#585a67;}

/*사용료감면*/
.bt.bt-file:visited{color:#666;}
.bt.bt-file{background-color:#fff;border-radius:0;border:1px solid #cbcbcb;}

.bt.bt-file, 
.bt.disabled.btn-file, 
.bt.bt-file[disabled],
.bt.bt-file,
.bt.bt-file:link,
.bt.bt-file:visited{color:#fff;}
.bt.bt-file:hover,
.bt.bt-file:focus,
.bt.bt-file:active{background-color:transparent;color:#585a67; }
.bt-ani.bt-file{padding:22px 115px 22px 116px;background-color:#008e7e; }
.file_icon { position:relative; top:-2px; display:inline-block; width:17px; height:17px; margin-right:16px; background:url(./image/ico_file2.png) no-repeat; vertical-align:middle;   }



/*순서*/
.h4Content{margin-bottom:30px;padding-left:20px;line-height:150%;font-size:15px;word-break:keep-all;}
.sub2-4 .progress{margin:0 -10px;}
.sub2-4 .progress:after{display:block;content:'';clear:both;}
.sub2-4 .progress > li{float:left;padding:10px;box-sizing:border-box;}
.sub2-4 .progress.col5 > li{width:25%;}
.sub2-4 .progress.col4 > li{width:25%;}
.sub2-4 .progress.col5 > li.wid40 {width:40%;}
.sub2-4 .progress > li span{display:block;min-height:45px;line-height:45px;padding:14px 0 10px;position:relative;font-size:14px;border:1px solid #3a88d8;border-radius:10px;text-align:center;}
.sub2-4 .progress > li span.row2{line-height:150%;}
.sub2-4 .progress > li span.colorRed {color:#ef2e6d;}
.sub2-4 .progress > li span:after{display:block;content:'';clear:both;width:10px;height:66px;position:absolute;top:0;right:-16px;background:url(./image/bg_progress.gif) no-repeat center center;}
.sub2-4 .progress > li:last-child span:after{display:none;}

/*어린이집평가제 */
.sub2-5-1 .h4Content.contentTop{padding:35px 0 0 185px;background:url(../../images/sub/img_sub2-5-1.jpg) no-repeat left center;box-sizing:border-box;}
.sub2-5-1 ul.col7 {margin-left:-12px;overflow:hidden;}
.sub2-5-1 ul.col7 li {float:left;padding-left:12px;width:14.285714%;box-sizing:border-box;text-align:center;color:#555;}
.sub2-5-1 ul.col7 li b {position:relative;display:block;margin-bottom:10px;padding:15px 0;border:3px solid #447be0;border-radius:100px;color:#3c67d5;font-size:16px;}
.sub2-5-1 ul.col7 li b::after {content:"";position:absolute;display:block;top:50%;right:-15px;width:12px;height:1px;background:#3c67d5;}
.sub2-5-1 ul.col7 li:nth-child(7n) b::after {display:none;}
.sub2-5-1 .appraisal{position:relative;height:190px;}
.sub2-5-1 .appraisal ul.col2{position:absolute;left:50%;margin-top:10px;margin-left:-310px;width:621px;height:186px;}
.sub2-5-1 .appraisal ul.col2 li{float:left;padding-left:5px;margin-bottom:5px;width:50%;height:90px;box-sizing:border-box;}
.sub2-5-1 .appraisal ul.col2 li:first-child,
.sub2-5-1 .appraisal ul.col2 li:nth-child(3){padding:0px;}
.sub2-5-1 .appraisal ul.col2 li:first-child span,
.sub2-5-1 .appraisal ul.col2 li:nth-child(3) span{border-radius:10px 0 0 10px;}
.sub2-5-1 .appraisal ul.col2 li:nth-child(2) span,
.sub2-5-1 .appraisal ul.col2 li:nth-child(4) span{border-radius:0 10px 10px 0;}
.sub2-5-1 .appraisal ul.col2 li span {display:block;border:1px solid #3c67d5;color:#3c67d5;font-weight:bold;font-size:15px;text-align:center;line-height:89px;}
.sub2-5-1 .appraisal p {position:absolute;top:50%;left:50%;margin-top:-57px;margin-left:-57px;width:114px;height:114px;background:#3c67d5;color:#fff;font-size:15px;text-align:center;line-height:113px;border:1px solid #ddd;border-radius:100%;}


/*수탁시설*/
.grayboard {
  border: 10px solid transparent;
  -o-border-image: url(./image/italic_dashed.png) 10 round;
  border-image: url(./image/italic_dashed.png) 10 round;
}

 .grayboard.grayboardRbg {
  padding: 2.5em 0 2.5em 2.5em;
  margin-bottom: 2.063em;
}

@media (max-width:1080px) {
  .grayboard.grayboardRbg {
    background: #fff!important;
    padding-right: 2.5em;
  }
}

.grayboard.grayboardRbg .tit {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -.05rem;
  margin-bottom: .464em;
}

.grayboard.grayboardRbg .tit span {
  color: #007fc0;
}

.grayboard.grayboardRbg .des {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  letter-spacing: -.07rem;
}

.grayboard.grayboardRbg .des:not(:last-of-type) {
  margin-bottom: 1em;
}


/*수탁시설 슬라이드이미지*/
.sutak						{ width:100%; display:inline-block; position:relative; margin:30px 0 0; }
.sutak>.tit					{ position:absolute; top:0; left:0; z-index:10; background: rgba(0,0,0, 0.8); width:370px; height:120px; line-height:120px; font-size:36px; color:#fffea2; text-align:center; }
.sutakSlide					{ position:relative; }
.sutakSlide .slide			{ width:100%; height:340px; float:left; position:relative; }
.sutakSlide .slick-list		{ width:100%; overflow:hidden; z-index:4; position:relative; }
.sutakSlide .slick-slide		{ float:left; width:100%; text-align:center; position:relative; }
.sutakSlide .slick-slide img	{ width:100%; height:650px;}
.sutakSlide .slick-arrow		{ width:43px; height:43px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; border:0; background:none; position:absolute; bottom:0; z-index:9; }
.sutakSlide .slick-prev		{ right:44px; background:url(http://www.jcwf.or.kr/theme/jcwf/html/s3/image/festival_l.png) 0 0 no-repeat; }
.sutakSlide .slick-next		{ right:0; background:url(http://www.jcwf.or.kr/theme/jcwf/html/s3/image/festival_r.png) 0 0 no-repeat; }


/*수탁시설오시는길*/

.sumap_wrap{ width:100%; max-width:1270px; margin:0 auto; margin-bottom:0px;}
.sumap_wrap .sumap_info {width:100%; margin-top:40px;}
.sumap_wrap .sumap_info .con_box {margin-bottom:30px;}
.sumap_wrap .sumap_info .con_box>h2 {font-size:1.5em; color:#000;  margin-bottom:10px;}
.sumap_wrap .sumap_info table {width:100%; border-top:1px solid #000;}
.sumap_wrap .sumap_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;}
.sumap_wrap .sumap_info table td {width:80%; text-align:left; font-size:1em; color:#888; vertical-align:top;  padding:10px 0 10px 15px; border-bottom:1px solid #EEE;}
.sumap_wrap .sumap_info table td > a {color:#666;}
.sumap_wrap .sumap_info table td > a:hover {color:#000;}

@media (max-width:1080px) {
.sutakSlide .slick-slide img	{ width:100%; height:300px;}

}

/*사업소개*/

.tit_box1{position:relative; margin-bottom:40px; padding:55px 0; background:#f7f7f7 url(https://www.ansanart.com/images/sub/box_bg01.png) left top no-repeat; text-align:center;}
.tit_box1:after{content:""; position:absolute; right:0; bottom:0; width:108px; height:60px; background:url(https://www.ansanart.com/images/sub/box_bg02.png) right bottom no-repeat;}
.tit_box1 p{margin-top:20px; font-family:"NS"; font-size:18px; line-height:28px;}
.tit_box1 p:first-child{margin-top:0; font-family:"NSB"; font-size:30px; letter-spacing:-0.045em;}
.tit_box1 p:first-child span{color:#9a1824;}

.support-wrap .intro {position:relative;}
.support-wrap .intro.small .img {display: block;height:200px;width:100%;overflow:hidden;}
.support-wrap .intro.small .img.img11 {background: url(./image/sub2_1.jpg) no-repeat center center/cover;}/*모임모아*/
.support-wrap .intro.small .img.img12 {background: url(./image/sub2_2.jpg) no-repeat center center/cover;}/*기부모아*/
.support-wrap .intro.small .img.img13 {background: url(./image/sub2_3.jpg) no-repeat center center/cover;}/*봉사모아*/
.support-wrap .intro.small .img.img14 {background: url(./image/sub2_4.jpg) no-repeat center center/cover;}/*나눔모아*/
.support-wrap .intro.small .img.img15 {background: url(./image/sub2_5.jpg) no-repeat center center/cover;}/*인재모아*/
.support-wrap .intro.small .img.img16 {background: url(./image/sub2_6.jpg) no-repeat center center/cover;}/*동행모아*/
.support-wrap .intro.small .img.img17 {background: url(./image/sub2_7.jpg) no-repeat center center/cover;}/*페이백*/
.support-wrap .intro.small .desc{ height: auto;padding: 1rem;min-height:6rem; }

.support-wrap .intro.small .img img { display:none; }

.support-wrap .intro.small .desc{/* height: auto; */padding: 1rem;min-height:6rem;}

.support-wrap .intro.small .desc > div { position: relative; left:auto; top:auto; transform: none;width:100%; }
.support-wrap .intro.small .desc strong { line-height: normal;font-size: 24px; font-weight: 600;margin-bottom:.25rem; }
.support-wrap .intro.small .desc strong.no_more { padding-right:0; }
.support-wrap .intro.small .desc p { font-size: 17px; line-height: 130%; letter-spacing: -1px; }

.support-wrap .intro.small .desc.more div {padding-right:3.5rem; }

.support-wrap .intro.small .desc > div .more { width:2.75rem;height: 2.75rem;display: block; background: url(../img/sub/intro_small_home.png) no-repeat center center/cover; position: absolute; top:-.5rem; right:0; }
.support-wrap .intro.small .desc > div .more span { font-size:.7rem;display:block;text-align:center;position:absolute;top:100%; }

.support-wrap .intro .desc {position:absolute;left:0;bottom:0;background:linear-gradient(to right,rgba(0,168,158,.85),rgba(0,121,202,.85));display:inline-block;padding:0 2.2rem;width:50%;color:#fff;height:200px}
.support-wrap .intro .desc > div {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 3rem)}
.support-wrap .intro .desc strong {display:block;font-size:24px;font-weight:900; color:#fff; line-height:normal;}
.support-wrap .intro .desc p {font-size:17px;word-break:keep-all;color:#fff; }

@media(max-width:1200px){
	.support-wrap .intro.small .desc { width:100%;top:auto;left:auto;position: relative;display: block; }

}


/*점선*/
.cont_text{overflow:hidden;clear:both;padding-left:5px;}
.cont_text p{background:url(../s6/image/barblit_1.png1) left top no-repeat;padding-left:10px;font-size:16px;line-height:1.6em; color:#666;padding-bottom:5px;text-align:center;}
.cont_text p img{}
.cont_text_info{ width:100%; margin:0 auto;font-size:14px;line-height:1.6em;color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-top:30px;margin-bottom:30px;}
.cont_text_important{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}
.title_s{padding:8px 0;font-size:18px;margin-bottom:10px;line-height:1.3em; color:#333; font-weight:600;}


.Color01 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#fabf01; border-radius:50px; line-height:2em;}
.Color02 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#af63a4; border-radius:50px; line-height:2em;}
.Color03 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#00a5a9; border-radius:50px; line-height:2em;}
.Color04 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#0073bb; border-radius:50px; line-height:2em;}
.Color05 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#6bbc58; border-radius:50px; line-height:2em;}
.Color06 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#007039; border-radius:50px; line-height:2em;}
.Color07 {display:block; width:100px; text-align:center; font-size:12px; color:#fff !important; background:#003f7b; border-radius:50px; line-height:2em;}

@media(min-width:767px) {
	.Color01 {display:inline-block;width:140px;font-size:16px;font-weight:400;margin-right:10px;}
	.Color02 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
	.Color03 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
	.Color04 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
	.Color05 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
	.Color06 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
	.Color07 {display:inline-block; width:140px; font-size:16px; font-weight:400; margin-right:10px}
}


  /*청소년안전망*/
.text-area p {margin-top:36px;}
.sub1-1 .text-area ul {margin-top:34px;}
.sub1-1 .text-area ul:after {content:""; display:block; clear:both;}
.sub1-1 .text-area li {position:relative; float:left; width:305px; margin-left:20px; background:none #fff no-repeat 50% 0 / 100% auto; text-align:center;}
.sub1-1 .text-area li:first-child {margin-left:0;}
.sub1-1 .text-area li div {display:table; width:100%;}
.sub1-1 .text-area li strong,
.sub1-1 .text-area li span {display:table-cell; vertical-align:middle;}
.sub1-1 .text-area li div:first-child {height:175px;}
.sub1-1 .text-area li div:last-child {height:139px;}
.sub1-1 .text-area li strong {padding-top:12px; background:none no-repeat 50% 39px; color:#fff; font-size:20px; font-weight:500; line-height:36px;}
.sub1-1 .text-area li span {border:1px solid #eee; border-top:0 none; font-size:16px; font-weight:400; line-height:26px;}
.sub1-1 .text-area li:nth-child(1) {background-image:url(./image/s8_bg_1.jpg);}
.sub1-1 .text-area li:nth-child(1) strong {background-image:url(http://211.239.150.54/~pc1388/theme/pc1388/html/s8/s8_icon_11.png);}
.sub1-1 .text-area li:nth-child(2) {background-image:url(./image/s8_bg_2.jpg);}
.sub1-1 .text-area li:nth-child(2) strong {background-image:url(http://211.239.150.54/~pc1388/theme/pc1388/html/s8/s8_icon_22.png);}
.sub1-1 .text-area li:nth-child(3) {background-image:url(./image/s8_bg_3.jpg);}
.sub1-1 .text-area li:nth-child(3) strong {background-image:url(http://211.239.150.54/~pc1388/theme/pc1388/html/s8/s8_icon_33.png);}
.sub1-1 .text-area li:nth-child(4) {background-image:url(./image/s8_bg_4.jpg);}
.sub1-1 .text-area li:nth-child(4) strong {background-image:url(http://211.239.150.54/~pc1388/theme/pc1388/html/s8/s8_icon_44.png);}

.text-area p {font-size:20px; font-weight:400; letter-spacing:-0.25px; line-height:28px;}

@media screen and (max-width: 1400px) {
	.text-area {padding:0;  margin:0 auto; box-sizing: border-box !important;}
	.sub1-1 .text-area ul {margin:34px -10px 0;}
	.sub1-1 .text-area li {width:50%; padding:0 10px 20px; margin:0; box-sizing:border-box;}
	.sub1-1 .text-area li div:first-child {height:200px;}
	.sub1-1 .text-area li:nth-child(1) {background-image:none;}
	.sub1-1 .text-area li:nth-child(2) {background-image:none;}
	.sub1-1 .text-area li:nth-child(3) {background-image:none;}
	.sub1-1 .text-area li:nth-child(4) {background-image:none;}
	.sub1-1 .text-area li:nth-child(1) div:first-child {background-image: url(./image/s8_bg_1.jpg);}
	.sub1-1 .text-area li:nth-child(2) div:first-child {background-image: url(./image/s8_bg_2.jpg);}
	.sub1-1 .text-area li:nth-child(3) div:first-child {background-image: url(./image/s8_bg_3.jpg);}
	.sub1-1 .text-area li:nth-child(4) div:first-child {background-image: url(./image/s8_bg_4.jpg);}
	.sub1-1 .text-area li span {padding:0 10px;}
	.sub-page .tab-menu {padding:0;  margin:0 auto; }
	}

@media screen and (max-width: 600px) {
	.main-page .visual-wrap {position:relative; min-width: inherit; height:0; padding-bottom:80%;}
	.m-menu-wrap .m-menu-mid .m-util li {font-size:16px;}
	.m-menu-wrap .m-menu-mid .m-util li img {width:25px; margin-top: 23px; margin-right:5px;}
	.sub-page .photo-area h3.tit {font-size:24px; line-height:32px;}
	.sub-page .photo-area div {font-size:16px;}
	.sub-page .text-area p, .sub-page .text-area li {font-size:16px;}
	.sub1-1 .text-area li {width:100%;}
	.form .check {text-align:left;}
	.form .check .radiobox {margin-left:0;}
	.form .check .radiobox:first-child {margin-bottom:15px;}
	.sub-page .form .check-1 label {white-space:normal; display:block;}
	.sub-page .form .check-2 label {white-space:normal; display:block;}
	.form p.agree {text-align:left;}
	.sub4-2 .tb-1 .col-1 {width:auto;}
	.sub4-2 .tb-1 .col-2 {width:auto;}
	.sub4-2 .tb-1 .col-3 {width:auto;}
	.sub4-2 .tb-1 .col-4 {width:auto;}
	.sub4-2 .tb-2 .col-1 {width:auto;}
	.sub4-2 .tb-2 .col-2 {width:auto;}
	.sub4-2 .tb-2 .col-3 {width:auto;}
	
	.main-page .link-area a {height:64px; background-size:160px; background-position:100% 100%;}
	.main-page .link-area a span {font-size:20px; padding-left:27px;}
	
	.sub-page .text-area .type li strong {font-size:18px;}
	.sub-page .text-area .type li span {font-size:14px; line-height:20px;}
	
	.sub2-2 .tab-menu a.tab-btn {height:75px;}
	
	.apply-inner {background-size:250px;}
	.apply-inner h2 {font-size:24px;}
	.apply-inner li {font-size:16px; line-height:24px;}
	
	.form .button a.btn, .form .button button {width:100%; margin-left:0; margin-top:5px;}
	.form .button a.btn:first-child, .form .button button:first-child {margin-top:0;}
	
	.sub5-4 .story-list li {width:100%;}
	
	.fc .fc-toolbar {flex-direction: row; flex-wrap: wrap; }
	.fc .fc-toolbar .fc-toolbar-chunk {width:100%; display:flex; justify-content: center; margin:5px 0;}
	.fc .fc-button-group {width:100%;}
	
	.main-page .type-1 {padding:0 10px;}
	.main-page .story-wrap h2 {padding:40px 0 20px;}
	.main-page .story-paging {padding:15px 0 40px;}
	.main-page .story-list {padding:0 10px;}
	.main-page .type-2 .contents-inner {padding:20px 10px;}
	.main-page .consulting-area strong {font-size:30px;}
	.main-page .consulting-area {padding:20px 30px;}
	
	.sub-page .title-area {padding-bottom:20px;}
	.board-total {margin-top:0;}
	
	.form .check .radiobox:first-child {margin-bottom:0;}
	.form .box {padding: 13px 10px;}
	.main-page .relation-wrap .contents-inner {padding:10px 0 10px;}
	.main-page .relation-list {height:43px;}
	.main-page .relation-list ul {width:1700%;}
	.main-page .relation-list li {margin-right:10px;}
	.main-page .relation-list li a img {width:120px; height:40px;}
	.main-page .relation-button a {top:17px;}
	
	.sub-page.sub1-3 .photo-area strong, .sub-page .photo-area span {padding:0;}
	
	.main-page .quickmenu-wrap li {width:100%;}
	.main-page .quickmenu-wrap li:nth-child(1) a span {padding:13px 0 14px 150px; background-position: 69px 50%;}
	.main-page .quickmenu-wrap li:nth-child(2) a span {padding:14px 0 13px 150px; background-position: 67px 50%;}
	.main-page .quickmenu-wrap li:nth-child(3) a span {padding:14px 0 13px 150px; background-position: 65px 50%;}
	.main-page .quickmenu-wrap li:nth-child(4) a span {padding:5px 50px 4px 150px; background-position: 62px 50%; line-height:24px; text-align:left;}
	
	.sub-page .photo-area span.br_space {display:inline;} 
	.sub1-3 .text-area ul {margin-top:40px;}
	.sub-page.sub1-3 .photo-area img {position:static; left:0; transform: inherit;} 
}
/* responsive end */


/*순서*/
.box-lst.box4 {margin:-1.35rem 0 0 -1.35rem;}
.box-lst.box4 .col-xs-12 {padding:1.35rem 0 0 1.35rem;}
.box-lst .col-xs-12 > div {border:.3rem solid #f0f2f7;display:table;width:100%;height:180px;text-align:center;position:relative}
.box-lst .col-xs-12 > div:before {position:absolute;left:50%;transform:translateX(-50%);top:-.3rem;width:5rem;height:.3rem;background:url('./image/deco01.jpg') #fff no-repeat center/contain;content:''}
.box-lst .col-xs-12 > div > p {display:table-cell;vertical-align:middle;font-size:18px;color:#555;font-weight:600;line-height:1.4}
.box-lst .col-xs-12 > div > p span {display:block;font-weight:300;margin-top:.3rem;font-size:16px;}

.row::after {content:''; display: block; clear:both;}
[class*="col-"]{ position: relative; min-height: 1px;	float: left;}
.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-9 { width: 75%;}
.col-xs-8 { width: 66.66666667%;}
.col-xs-7 { width: 58.33333333%;}
.col-xs-6 { width: 50%;}
.col-xs-5 { width: 41.66666667%;}
.col-xs-4 { width: 33.33333333%;}
.col-xs-3 { width: 25%;}
.col-xs-2 { width: 16.66666667%;}
.col-xs-1 { width: 8.33333333%;}


@media (min-width: 992px) {
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  }
@media (min-width: 640px) {
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  }


  /*안전망하단*/
.protect{width:100%; float:left;min-height:100px;}

@media (max-width: 767px) {
	.protect{width:100%;}
}

dl.youth{border-bottom:1px dotted #dddddd; padding-left:175px; padding-bottom:40px; margin-bottom:40px;}
dl.youth dt{color:#000; font-weight: 700; font-size:22px; padding-bottom:25px;}

dl.youth.icon-01{background:url(./image/s3_icon_5.png) no-repeat 50px 15px;}
dl.youth.icon-02{background:url(./image/s3_icon_2.png) no-repeat 50px 15px;}
dl.youth.icon-03{background:url(./image/s3_icon_1.png) no-repeat 50px 15px;}
dl.youth.icon-04{background:url(./image/s3_icon_4.png) no-repeat 50px 15px;}
dl.youth.icon-05{background:url(./image/icon_55.png) no-repeat 50px 15px;}
dl.youth.icon-06{background:url(./image/icon_66.png) no-repeat 50px 15px;}

dl.youth.icon-07{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business02_01.png) no-repeat 50px 15px;}
dl.youth.icon-08{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business02_02.png) no-repeat 50px 15px;}
dl.youth.icon-09{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business02_03.png) no-repeat 50px 15px;}
dl.youth.icon-10{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business02_04.png) no-repeat 50px 15px;}

dl.youth.icon-11{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business03_01.png) no-repeat 50px 15px;}
dl.youth.icon-12{background:url(https://www.bsbukgu.go.kr/images/youth/youth_icon_business03_02.png) no-repeat 50px 15px;}


/*1388*/
.C2_box {position:relative; margin:30px 20px 50px; padding:30px; border-radius:10px; background:#ffb12f; z-index:0; box-sizing:border-box;}
.C2_box .top_img {box-shadow:0 0 25px rgba(0,0,0,0.1); background:#fff; border-radius:10px; overflow:hidden; margin:0 0 30px;}
.C2_box .top_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.C2_box .txtb {overflow:hidden; color:#555; z-index:2;}
.C2_box .txtb em {display:block; margin-bottom:10px; font-size:13px; font-weight:normal; color:#444;}
.C2_box .txtb strong {display:block; position:relative; font-size:16px; line-height:1.3; color:#fff; z-index:1; border-bottom:1px dashed rgba(255,255,255,.5); padding:0 0 10px;}
.C2_box .txtb strong p {color:#ff6b6c; font-size:20px;font-weight:bold;}
.C2_box .txtb strong:before {content:""; display:inline-block; position:absolute; left:0; bottom:-2px; width:100%; height:10px; background-scolor:#fae8e9; z-index:-1;}
.C2_box .txtb .txt {margin-top:20px; font-size:14px; color:#fff;}

@media(min-width:767px) {
	.C2_box {min-height:280px; margin:70px 20px; padding:70px 30px; border-radius:10px;}
	.C2_box .top_img {position:absolute; right:30px; top:calc(50% - 95px); width:300px; height:195px; z-index:1;}
	.C2_box .top_img img {width:100%; height:100%;}
	.C2_box .txtb {padding-right:340px;}
	.C2_box .txtb em {font-size:15px;}
	.C2_box .txtb strong {font-size:26px; line-height:1.3;}
	.C2_box .txtb strong:before {left:0; bottom:-5px; height:20px;}
	.C2_box .txtb .txt {font-size:16px;}
}

@media(min-width:1024px) {
	.C2_box {min-height:280px; margin:70px 20px; padding:70px 50px; border-radius:10px;}
		.C2_box:after {position:absolute; bottom:30px; left:30px; content:''; width:211px; height:170px; background:url('./img/pc_logo.png') no-repeat; background-size:contain; z-index:-1; opacity:.15;}
	.C2_box .top_img {position:absolute; right:50px; top:-35px; width:400px; height:260px; z-index:1; border-radius:40px;}
	.C2_box .top_img img {width:100%; height:100%;}
	.C2_box .txtb {padding-right:450px;}
	.C2_box .txtb em {font-size:15px;}
	.C2_box .txtb strong {font-size:32px; line-height:1.3;}
	.C2_box .txtb strong:before {left:0; bottom:-5px; height:20px;}
	.C2_box .txtb .txt {font-size:16px;}
}

@media(min-width:1200px) {
	.C2_box {min-height:280px;width:1200px;margin:70px auto;padding:70px;border-radius:30px;}
	.C2_box .top_img {position:absolute; right:70px; top:-35px; width:400px; height:260px; z-index:1; border-radius:40px; margin:0;}
	.C2_box .top_img img {width:100%; height:100%;}
	.C2_box .txtb {padding-right:500px;}
	.C2_box .txtb em {font-size:15px;}
	.C2_box .txtb strong {font-size:20px; line-height:1.3; padding:0 0 20px;}
	.C2_box .txtb strong p {color:#fff; font-size:36px;font-weight:bold;}
	.C2_box .txtb strong:before {left:0; bottom:-1px; height:18px;}
	.C2_box .txtb .txt {font-size:17px;}

	.C2_box.type .txtb {padding-right:0;}
}

.ct{text-align:center;}