/*사업영역 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; }


/* 반응형 중간기기 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(./img/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: #0e6364;color:#fff;}
.tabs li.active {background-color: #76a886;	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_6ea {width: 100%;	margin:0 auto;}
.tabs_6ea li {width: 16%;}
.tabs_7ea {width: 100%;	margin:0 auto;}
.tabs_7ea li {width: 14%;}
@media (max-width: 1200px){
.tabs_4ea, .tabs_6ea {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, tabs_6ea 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;}


.tbl_type2{width:100%; margin:0px auto; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type2 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_type2 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}
.tbl_type2 .left{ text-align:left;}
.tbl_type2 .right{ text-align:right;}
.tbl_type2 .center{ text-align:center;}
.tbl_type2 .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:#666;}
.bt.bt-file:hover,
.bt.bt-file:focus,
.bt.bt-file:active{ border:1px solid #008e7e; }
.bt-ani.bt-file{padding:22px 115px 22px 116px;background-color:transparent;}
.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:20%;}
.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;}

/*사업소개*/

.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(./img/sub2_1.jpg) no-repeat center center/cover;}/*모임모아*/
.support-wrap .intro.small .img.img12 {background: url(./img/sub2_2.jpg) no-repeat center center/cover;}/*기부모아*/
.support-wrap .intro.small .img.img13 {background: url(./img/sub2_3.jpg) no-repeat center center/cover;}/*봉사모아*/
.support-wrap .intro.small .img.img14 {background: url(./img/sub2_4.jpg) no-repeat center center/cover;}/*나눔모아*/
.support-wrap .intro.small .img.img15 {background: url(./img/sub2_5.jpg) no-repeat center center/cover;}/*인재모아*/
.support-wrap .intro.small .img.img16 {background: url(./img/sub2_6.jpg) no-repeat center center/cover;}/*동행모아*/
.support-wrap .intro.small .img.img17 {background: url(./img/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,94,171,.85),rgba(110,186,56,.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; }

}

/*문의처*/
.inquiry {border:1px solid #ddd;padding:1.1rem 1.5rem;margin-top:1.5rem}
.inquiry ul { position:relative;padding-left:2rem; }
.inquiry ul:after {display:block;clear:both;content:''}
.inquiry ul > li {display:inline;margin-right:.5rem;padding-right:.5rem;position:relative;line-height:160%; }
.inquiry ul > li:before {position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';width:1px;height:.7rem;background:#d5d9df}
.inquiry ul > li.tit { color:#4377c6;font-weight:600}
.inquiry ul > li:last-of-type:before { display:none; }
.inquiry ul:before {position:absolute;left:0;top:0;width:1.3rem;height:1.3rem;line-height:1.3rem;border-radius:50%;background:#4377c6;font-family:'xeicon';content:'\e9f5';color:#fff;font-size:.9rem;text-align:center;margin-top:3px;}

@media (max-width:500px){
	.inquiry ul > li.tit { display:block;margin-bottom:.25rem; }
	.inquiry ul > li.tit:before { display:none; }
	.inquiry ul > li { display:block; }
	.inquiry ul > li:before { display:none; }
	
}

/*사업소개순서*/
.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('./img/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%;}
  }


  /*청소년안전망*/
.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(./img/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(./img/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(./img/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(./img/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(./img/s8_bg_1.jpg);}
	.sub1-1 .text-area li:nth-child(2) div:first-child {background-image: url(./img/s8_bg_2.jpg);}
	.sub1-1 .text-area li:nth-child(3) div:first-child {background-image: url(./img/s8_bg_3.jpg);}
	.sub1-1 .text-area li:nth-child(4) div:first-child {background-image: url(./img/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 */

/*학교폭력예방사업*/
.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(./img/s2_icon_5.png) no-repeat 50px 15px;}
dl.youth.icon-02{background:url(./img/s2_icon_2.png) no-repeat 50px 15px;}
dl.youth.icon-03{background:url(./img/s2_icon_1.png) no-repeat 50px 15px;}
dl.youth.icon-04{background:url(./img/s2_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;}

/*점선*/
.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;}

/*청소년동반자*/
.sub_con_tit4 { font-size:25px; line-height:37px; letter-spacing:-1px; color:#2e2e2e; }
.sub_con_tit6 {font-size:16px;line-height:30px;letter-spacing:-1px;color:#2e2e2e;max-width: 680px;}
.pt_color1 { color:#074d4d !important; } /*진녹색*/

.sub_con .box_title_wrap2 {
    border-radius:15px;
    overflow:hidden;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:280px;
    margin:40px 0 75px;
}
.sub_con .box_title_wrap2::before { content:''; position:absolute; width:100%; height:100%; z-index:0; }
.sub_con .box_title_wrap2 .box_title { position:relative; z-index:1; width:100%; padding:12px 60px 0; }
.sub_con .box_title_wrap2 .box_title::before {
    position:absolute; content:''; width:30px; height:2px; top:0; left:60px;  background-color:#6eba35;
}
.sub_con .box_title_wrap2 .box_title p:first-of-type { margin-bottom:5px; }

/*이미지*/
.sub_con.welfare .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg1.jpg) center no-repeat; background-size:cover; }
.sub_con.meeting .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg2.jpg) center no-repeat; background-size:cover; }
.sub_con.donation .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg3.jpg) center no-repeat; background-size:cover; }
.sub_con.service .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg4.jpg) center no-repeat; background-size:cover; }
.sub_con.fractionation .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg5.jpg) center no-repeat; background-size:cover; }
.sub_con.talented .box_title_wrap2::before { background:url(./img/sub/w2/w2_c_1_bg6.jpg) center no-repeat; background-size:cover; }
.sub_con.accompany .box_title_wrap2::before { background:url(./img/s2_m2_22.jpg) center no-repeat; background-size:cover; }
/*이미지 끝*/

@media screen and (max-width:1200px) {
    .sub_con .box_title_wrap2 { margin:30px 0 65px; height:200px; }
    .sub_con .box_title_wrap2::before { opacity:.8; }
    .sub_con .box_title_wrap2 .box_title { padding:12px 40px 0; }
    .sub_con .box_title_wrap2 .box_title::before { left:40px; }
}
@media screen and (max-width:1000px) {
    .sub_con.moa .moa_wrap .moa_box li { padding:20px 0; }
    .sub_con.moa .moa_wrap .moa_box li .img_box { width:85px; }
    .sub_con.moa .moa_wrap .moa_box li .img_box img { zoom:.9; }
    .sub_con.moa .moa_wrap .moa_box li span { font-size:17px; line-height:26px; width:26px; right:10px; top:10px; }
}
@media screen and (max-width:860px) {
    .sub_con .box_title_wrap2 { margin:10px 0 45px; height:190px; }
    .sub_con .box_title_wrap2::before {opacity:.7;}
    .sub_con .box_title_wrap2 .box_title { padding:12px 30px 0; }
    .sub_con .box_title_wrap2 .box_title::before { left:30px; }

    .sub_con.moa .moa_wrap { padding:45px 30px; }
    .sub_con.moa .moa_wrap .moa_box li { flex-direction:column; padding:30px 0 20px;}
    .sub_con.moa .moa_wrap .moa_box li p { margin:5px 0 0; }
}
@media screen and (max-width:680px) {
    .sub_con .box_title_wrap2 .box_title .sub_con_tit4 { word-break:keep-all; }

    .sub_con.moa .moa_wrap .moa_box li { width:calc( 100% / 2 ); }
    .sub_con.moa .moa_wrap .moa_box li:nth-of-type(3n) { border-right-width:1px; }
    .sub_con.moa .moa_wrap .moa_box li:nth-of-type(2n) { border-right-width:0; }
    .sub_con.moa .moa_wrap .moa_box li:nth-of-type(-n+4) { border-bottom:1px solid #ebeef1; }
}
@media screen and (max-width:600px) {
    .sub_con .box_title_wrap2 {height:320px;margin:0 0 30px;}
    .sub_con .box_title_wrap2 .box_title {padding:10px 20px 0;}
    .sub_con .box_title_wrap2 .box_title::before { left:20px; }
}
@media screen and (max-width:480px) {
    .sub_con .box_title_wrap2 { flex-direction:column; border-radius:0; height:auto; }
    .sub_con .box_title_wrap2::before { position:relative; border-radius:7px; opacity:1; height:70px; }
    .sub_con .box_title_wrap2 .box_title { padding:0; padding-left:10px; margin-top:20px; }
    .sub_con .box_title_wrap2 .box_title::before { left:0; top:0; width:2px; height:100px; }

    .sub_con.moa .moa_wrap { padding:35px 25px; }
    .sub_con.moa .moa_wrap .moa_box li .img_box { width:75px; }
    .sub_con.moa .moa_wrap .moa_box li .img_box img { zoom:.8; }
    .sub_con.moa .moa_wrap .moa_box li span { font-size:12px; line-height:20px; width:20px; right:7px; top:7px; }
}
@media screen and (max-width:370px) {
    .sub_con.moa .moa_wrap { padding:27px 12px; }
}

@media screen and (max-width:600px) {
    .sub_con .box_title_wrap2 {height:320px;margin:0 0 30px;}
    .sub_con .box_title_wrap2 .box_title {padding:10px 20px 0;}
    .sub_con .box_title_wrap2 .box_title::before { left:20px; }
}

@media screen and (max-width:600px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:21px; line-height:38px; }
    .sub_con_tit3 { font-size:20px; }
    .sub_con_tit4 {font-size:19px;line-height:22px;}
    .sub_con_tit6 { font-size:16px; }
	}

/*특화사업*/

 .con_top{margin:0 0 36px 0;box-sizing:border-box;position:relative;}
/*.s0201 .con_top:before{content:"";background:url(/src/img/sub/s0201_org_i.png)0 0 no-repeat;width:100px;height:84px;position:absolute;top:50%;left:0;transform:translate(0,-50%);}*/
 .con_top .tit{font-size:20px;font-weight:bold;padding:0 0 5px 0;}
 .con_top .exp{font-size:18px;line-height:28px;word-break:keep-all;}

 .bx_wrap{font-size: 0;}

.bx_wrap .item{display:inline-block;width:32%;margin:0 2% 0 0;box-sizing: border-box;vertical-align: top;}
.bx_wrap .item:last-of-type{margin:0;}
.bx_wrap .it_t{}
.bx_wrap .it_t span{display:block;}
.bx_wrap .it_t .spIcon{background:url(./img/s0201_img.png)0 0 no-repeat;width:180px;height:180px;margin: 0 auto 24px;}
.bx_wrap .item:nth-child(2) .it_t .spIcon{background-position:-180px 0;}
.bx_wrap .item:nth-child(3) .it_t .spIcon{background-position:-360px 0;}
.bx_wrap .it_t .tit{font-weight:bold;font-size:18px;text-align:center;line-height:28px;padding: 0 0 32px 0;}
.bx_wrap .it_t .tit b{font-weight:bold;color:#ff9c01;border-bottom:2px solid #ff9c01;padding:0 0 5px 0;}
.bx_wrap .item:nth-child(2) .it_t .tit b{color:#7ca919;border-bottom:2px solid #7ca919;}
.bx_wrap .item:nth-child(3) .it_t .tit b{color:#2b93ca;border-bottom:2px solid #2b93ca;}

.bx_wrap .it_b{box-sizing:border-box;border:1px solid #ccc;border-radius:10px;padding: 20px;}
.bx_wrap .it_b ul{font-size:0;}
.bx_wrap .it_b ul li{font-size:16px;line-height:26px;padding:0 0 0 20px;position:relative;word-break: keep-all;}
.bx_wrap .it_b ul li:before{content:"";background:#1a5bb1;width:5px;height:5px;position:absolute;top: 12px;left:0;/* transform:translate(0,-50%); */border-radius:50%;}

@media all and (max-width:1024px){
	 .bx_wrap .item{width: 100%; margin: 0  0 2% 0 0;}
}

.floatRight			{float:right;margin-left:10px;}

@media screen and (max-width:600px) {
.floatRight			{float:left;margin-left:10px;}
}


/*개인상담*/
/* 이용안내 */
.sec .txt_bx { text-align:center; margin-bottom:10px; }
.sec .txt_bx strong{display:block;padding-bottom:2px;font-size:24px;line-height:34px;color:#111;letter-spacing:-0.05em;font-weight:700;font-family: 'Godo', sans-serif;}
.sec .txt_bx p{ font-size:20px; line-height:30px; color:#444; letter-spacing:-0.05em; }
.sec .info_bx{font-size:0;margin-right:-30px;margin-bottom:-75px;}
.sec .info_bx dl{ display:inline-block; vertical-align:top; width:calc(33.33% - 30px); min-height:200px; margin-right:30px; margin-bottom:75px; padding-bottom:30px; border:1px solid #ddd; box-sizing:border-box; text-align:center; }
.sec .info_bx dl.dl04{ width:calc(100% - 30px); }
.sec .info_bx dl dt{ position:relative; padding-top:55px; font-size:22px; line-height:32px; color:#459b20; font-weight:700; font-family: 'Godo', sans-serif; }
.sec .info_bx dl dt:after{ content:''; position:absolute; left:50%; top:-40px; margin-left:-40px; width:80px; height:80px; }
.sec .info_bx dl.dl01 dt:after{ background:url('./img/s4_icon_1.png') no-repeat center; }
.sec .info_bx dl.dl02 dt:after{ background:url('./img/s4_icon_2.png') no-repeat center; }
.sec .info_bx dl.dl03 dt:after{ background:url('./img/s4_icon_3.png') no-repeat center; }
.sec .info_bx dl.dl04 dt:after{ background:url('./img/s4_icon_4.png') no-repeat center; }
.sec .info_bx dl.dl05 dt:after{ background:url('./img/s4_icon_4.png') no-repeat center; }

.sec .info_bx dl dd{ margin-top:7px; font-size:18px; line-height:28px; color:#444; letter-spacing:-0.05em; }
.sec .info_bx dl.dl04 dd ul{ width:100%; text-align:center; font-size:0; }
.sec .info_bx dl.dl04 dd ul li{ position:relative; display:inline-block; vertical-align:top; width:140px; margin-right:68px; }
.sec .info_bx dl.dl04 dd ul li:last-child{ margin-right:0; }
.sec .info_bx dl.dl04 dd ul li:after{ content:''; position:absolute; right:-39px; top:55px; width:8px; height:12px; background:url('./img/s4_arr.png') no-repeat center; }
.sec .info_bx dl.dl04 dd ul li:last-child:after{ display:none; }
.sec .info_bx dl.dl04 dd ul li strong{ display:block; padding-top:138px; font-size:18px; line-height:28px; color:#444; letter-spacing:-0.05em; font-weight:400; }
.sec .info_bx dl.dl04 dd ul li.li01 strong{ background:url('./img/s4_icon_5.png') no-repeat center top; }
.sec .info_bx dl.dl04 dd ul li.li02 strong{ background:url('./img/s4_icon_6.png') no-repeat center top; }
.sec .info_bx dl.dl04 dd ul li.li03 strong{ background:url('./img/s4_icon_9.png') no-repeat center top; }
.sec .info_bx dl.dl04 dd ul li.li04 strong{ background:url('./img/s4_icon_7.png') no-repeat center top; }
.sec .info_bx dl.dl04 dd ul li.li05 strong{ background:url('./img/s4_icon_8.png') no-repeat center top; }
.txt_f16{font-size:16px;margin-bottom:20px;}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){

.sec .txt_bx { margin-bottom:10px; }
.sec .txt_bx strong{ padding-bottom:3px; font-size:18px; line-height:25px; }
.sec .txt_bx p{ font-size:14px; line-height:20px; }
.sec .info_bx{ margin-right:0; margin-bottom:0; }
.sec .info_bx dl{ width:100%; min-height:0; margin-right:0; margin-bottom:70px; padding-bottom:25px;  }
.sec .info_bx dl.dl04{ width:100%; margin-bottom:0; }
.sec .info_bx dl dt{ padding-top:55px; font-size:18px; line-height:23px; }
.sec .info_bx dl dt:after{ top:-40px; margin-left:-40px; width:80px; height:80px; }
.sec .info_bx dl.dl01 dt:after{ background:url('./img/m_s4_icon_1.png') no-repeat center; background-size:80px; }
.sec .info_bx dl.dl02 dt:after{ background:url('./img/m_s4_icon_2.png') no-repeat center; background-size:80px; }
.sec .info_bx dl.dl03 dt:after{ background:url('./img/m_s4_icon_3.png') no-repeat center; background-size:80px; }
.sec .info_bx dl.dl04 dt:after{ background:url('./img/m_s4_icon_4.png') no-repeat center; background-size:80px; }
.sec .info_bx dl.dl05 dt:after{ background:url('./img/m_s4_icon_4.png') no-repeat center; background-size:80px; }
.sec .info_bx dl.dl05 dt{ margin-bottom:25px; }

.sec .info_bx dl dd{ margin-top:3px; font-size:14px; line-height:20px; }
.sec .info_bx dl.dl04 dd ul{ width:100%; text-align:center; font-size:0; }
.sec .info_bx dl.dl04 dd ul li{ width:100%; margin-right:0; margin-bottom:60px; }
.sec .info_bx dl.dl04 dd ul li:last-child{ margin-bottom:0; }
 .sec .info_bx dl.dl04 dd ul li:after{ content:''; position:absolute; right:50%; margin-right:-6px; top:auto; bottom:-32px; width:12px; height:8px; background:url('./img/m_s4_arr.png') no-repeat center; background-size:12px auto; }
.sec .info_bx dl.dl04 dd ul li:last-child:after{ display:none; }
.sec .info_bx dl.dl04 dd ul li strong{ padding-top:96px; font-size:14px; line-height:20px; }
.sec .info_bx dl.dl04 dd ul li.li01 strong{ background:url('./img/m_s4_icon_5.png') no-repeat center top; background-size:90px auto; }
.sec .info_bx dl.dl04 dd ul li.li02 strong{ background:url('./img/m_s4_icon_6.png') no-repeat center top; background-size:90px auto; }
 .sec .info_bx dl.dl04 dd ul li.li03 strong{ background:url('./img/s4_icon_9.png') no-repeat center top; background-size:90px auto; }
.sec .info_bx dl.dl04 dd ul li.li04 strong{ background:url('./img/s4_icon_7.png') no-repeat center top; background-size:90px auto; }
.sec .info_bx dl.dl04 dd ul li.li05 strong{ background:url('./img/m_s4_icon_8.png') no-repeat center top; background-size:90px auto; }

}

/*집단상담*/
.listbox {overflow:hidden;margin:0 0 0 -2%;}
.listbox li {
	float:left; margin:0 0 2% 2%; width:100%; position:relative; 
	box-sizing:border-box; text-align:center; padding:10px 20px; 
	background:#fff; border:1px solid #dedede; 
	-webkit-box-shadow:0 5px 5px rgb(0 0 0 / 5%); 
	-moz-box-shadow:0 5px 5px rgb(0 0 0 / 5%); 
	box-shadow:0 5px 5px rgb(0 0 0 / 5%); 
	transition:all 0.3s ease-out; 
	min-height:230px;
	}
.listbox li p {display:table; width:100%; overflow:hidden;font-size:16px;line-height:1.3;}
.listbox li p span {display:table-cell; vertical-align:middle; min-height:200px;}
.listbox li p span i {
	font-style:normal; position:absolute; top:-15px; left:calc(50% - 15px);  
	width:30px; display:inline-block; 
	height:30px; 
	border-radius:50%; 
	background:#8cc63f; 
	color:#fff; 
	text-align:center; 
	line-height:30px; transition:all 0.3s ease-out; 
	font-family:'Maplestory'; letter-spacing:0; font-weight:400; 
	}

.listbox.p100 span {height:200px}
.listbox.p150 span {height:150px}
.listbox.p250 span {height:250px}

.listbox.type li {margin:20px 0 2% 2%; padding:20px; border:1px solid transparent; line-height:1.5;}

@media(min-width:767px) {
	.listbox {margin:0 0 0 -2%;}
	.listbox li {float:left;margin:0 0 2% 2%;/* line-height:1.5; */}
	.listbox.w2 li {width:48%;}
	.listbox.w3 li {width:31.33%;}
	.listbox.w4 li {width:23%;}

	.listbox.p100 span {height:180px;}
	.listbox.p150 span {height:150px;}
	.listbox.p250 span {height:250px;}

	.listbox.type li {margin:2% 0 2% 2%;}

}

@media(min-width:1200px) {
	.listbox li:hover {border:1px solid #0f8948; color:#0f8948;}
	.listbox li p span i {
		top:-20px; left:calc(50% - 20px);  
		width:40px; 
		height:40px; line-height:40px; 
		}
	
}

@media(min-width:1200px) {
	.block {display:block;} /* 피씨만 글씨 */
	.mblock {display:inline-block;} /* 모바일만 */
}
strong {font-weight:bold;font-size:36px;line-height:1.7;}

.Color01 {/*영상시청*/display:inline-block; width:165px; text-align:center; font-size:16px; color:#fff !important; background:#43bb7e; line-height:30px; padding:3px 0; margin:0 0 5px; margin-top:10px;}
.Color02 {/*마감*/display:inline-block; width:165px; text-align:center; font-size:16px; color:#ddd !important; background:#999; line-height:20px; padding:3px 0; margin:0 0 5px;}
.Color03 {/*신청*/display:inline-block; width:165px; text-align:center; font-size:16px; color:#fff !important; background:#f58e85; line-height:20px; padding:3px 0; margin:0 0 5px;}
.Color04 {/*대기*/display:inline-block; width:165px; text-align:center; font-size:16px; color:#fff !important; background:#febf16; line-height:20px; padding:3px 0; margin:0 0 5px;}
.Color05 {/*수정,취소*/display:inline-block; width:165px; text-align:center; font-size:16px; color:#333 !important; background:#fff; border:1px solid #ccc; line-height:20px; padding:3px 0; margin:0 0 5px;}


/*심리검사*/
.gr_title_box {
    position: relative;
    top: 90px;
}
.gr_bt {
    padding-top: 16px;
}

.gr_bt-po {
    top: 420px;
    height: 279px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: url(../../../img/sub/gr_bt-po.gif) repeat 0 59px;
    box-shadow: 0px 1px 5px -1px #333;
}
.business_bt1, .business_bt2, .business_bt3, .business_bt4, .business_bt5 {
    height: 259px;
    transition: all 0.25s ease-in;
    padding-top: 102px;
    font-size: 17px;
}
.business_bt1 {
	background:url(./img/business_bt11.png) no-repeat center top;
}
.business_bt2 {
	background:url(./img/business_bt22.png) no-repeat center top;
}
.business_bt3 {
	background:url(./img/business_bt33.png) no-repeat center top;
}
.business_bt4 {
	background:url(./img/business_bt44.png) no-repeat center top;
}
.business_bt5 {
	background:url(./img/business_bt55.png) no-repeat center top;
}
.business_bt1 span, .business_bt2 span, .business_bt3 span, .business_bt4 span, .business_bt5 span {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 0px;
    display: block;
}
.business_bt1:hover, .business_bt2:hover, .business_bt3:hover, .business_bt4:hover, .business_bt5:hover {
    padding-top: 130px;
    color: #333;
}

.business_bt1:hover {
	background:url(./img/business_bt11_on.png) no-repeat center top;
	margin-top:-80px;
}
.business_bt2:hover {
	background:url(./img/business_bt22_on.png) no-repeat center top;
	margin-top:-80px;
}
.business_bt3:hover {
	background:url(./img/business_bt33_on.png) no-repeat center top;
	margin-top:-80px;
}
.business_bt4:hover {
	background:url(./img/business_bt44_on.png) no-repeat center top;
	margin-top:-80px;
}
.business_bt5:hover {
	background:url(./img/business_bt55_on.png) no-repeat center top;
	margin-top:-80px;
}
.business_hidden-bt {
display:none;
padding:15px;
background-color:#333;
color:#fff;
width:70%;
margin:0 auto;
}
.gr_bt:hover .business_hidden-bt {
	display:block;
}
.gr_bar {
    width: 1px;
    background-color: #ccc;
    float: left;
    height: 200px;
    margin-left: -1px;
    margin-top: 3%;
}

@media (min-width:1200px) {
.gr_bt-po {
    max-width: 100%;
}
}
@media (min-width:992px) and (max-width:1199px) {
.gr_bt-po {
    max-width: 970px;
}
.logoImg_a img {
    width: 100%;
}

}
@media (min-width:769px) and (max-width:991px) {
/*@media all and (max-width:991px) and (min-width:769px)*/
.gr_bt-po {
    max-width: 96%;
    height: auto;
}
.gr_bt-po { 
    top: 304px; 
}

#tail { 
}
/*@media all and (max-width:812px)*/
.aniTit01 {
    margin-top: 80px !important;
}


}
@media (max-width:850px) {
.business_bt1 span, .business_bt2 span, .business_bt3 span, .business_bt4 span, .business_bt5 span {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 0px;
    display: block;
}

.business_bt1 p, .business_bt2 p, .business_bt3 p, .business_bt4 p, .business_bt5 p {
    font-size: 15px;
}

.gr_bt:hover .business_hidden-bt {
    display: none;
}

/*@media all and (max-width:550px)*/
.business_bt1:hover {
    background: url(./img/business_bt11.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 102px;
    color: rgba(108, 182, 43, 1);
}/*@media all and (max-width:550px)*/
.business_bt3:hover {
    background: url(./img/business_bt33.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 102px;
    color: rgba(108, 182, 43, 1);
}
/*@media all and (max-width:550px)*/
.business_bt4:hover {
    background: url(./img/business_bt44.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 102px;
    color: rgba(108, 182, 43, 1);
}
/*@media all and (max-width:550px)*/
.business_bt5:hover {
    background: url(./img/business_bt55.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 102px;
    color: rgba(108, 182, 43, 1);
}
.gr_bt {
	margin:0;
	padding:0;
}

.business_bt1, .business_bt2, .business_bt3, .business_bt4, .business_bt5 {
    height: 221px; 
}

.business_bt2:hover {
    background: url(./img/business_bt2.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 102px;
    color: rgba(108, 182, 43, 1);
}}
@media (max-width:768px) {
.gr_bt-po {
    max-width: 95%;
}
#tail {
    margin-top: 26%;
}
.tail_hd2 {
    padding: 18px 0 0 0;
    margin-bottom: 0;
    /* background-color: #5b5b5b; */
    /* border-top: 1px solid #d1d1d1; */
}
.gr_bt-po {
    position: absolute;
    top: 373px;
    height: 567px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: url(../../../img/sub/gr_bt-po.gif) repeat 0 59px;
    box-shadow: 0px 1px 5px -1px #333;
}

}

@media (max-width:550px) { 
.gr_bt-po {
    max-width: 93%;
}
.gr_top {
    background: url(./img/business_bg.jpg) repeat-x center top;
    height: 690px;
}

#tail {
    margin-top: 40%;
}
.gr_bt-po {
    position: absolute;
    top: 373px;
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: url(./img/gr_bt-po.gif) repeat 0 59px;
    box-shadow: 0px 1px 5px -1px #333;
}



}

@media (max-width:480px) {
#tail {
    margin-top: 8%;
}
.gr_bt-po {
	    top: 224px;
}


}

@media (min-width: 1200px) {

.cool-xs-6 {
	float: left;
}
.cool-xs-6 {
	width: 50%;
}
}

@media (min-width: 992px) {
.cool-md-3 {
	float: left;
}
.cool-md-3 {
	width: 20%;
}

}

/*심리검사*/

.counsel_main_hd {
	padding:5% 3% 5% 3%;
	background-color:#ffefb5;
	background-image:url('./img/webtest_bg1.png'), url('./img/webtest_bg22.png'), url('./img/webtest_bg.png');
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:20% bottom, 95% bottom, center;
	background-size:auto, auto 80%, auto;
}

.counsel_main_hd p {
	margin-top:1em;
	line-height:1.5em;
	font-size:1.1em;
	color:#222;
	
}

@media screen and (max-width:540px) {
	#web_mindtest a {
		width:100%;
		margin:1em 0;
	}
	.counsel_main_hd {
		padding:10% 3% 30% 3%;
		background-position: 10% bottom, 95% bottom, center;
		background-size: 20% auto, 50% auto, auto;
	}
	.counsel_main_hd img {
		width:174px;
	}
}

@media screen and (max-width:540px) {	
	.counsel_main_info {
		padding:2em 1em;
	}
	.counsel_main_hd p {
		font-size:1em;
	}
}

.box.type3{position: relative; padding: 32px 35px; border: 1px solid #e7e7e7; background-color: #f8f8f8;}
 .box.type3 ul li{font-size: 16px; line-height: 32px; letter-spacing: -0.01em; color: #303030;}
.box.type3 ul.bu > li:before{top: 15px;}

@media all and (max-width: 640px) {
    .box.type3{padding: 30px;}
    .box.type3 ul li{line-height: 25px; word-break: keep-all;}
    .box.type3 ul.bu > li:before{top: 10px;}
}



.f_red {color:#c60a43;}
.mar{margin-top:26px;}
.mar2{margin-bottom:22px;}
/*웹심리검사*/
.lifeCycleBox3 {
	float: left;
	width: 100%;
}
.lifeCycleBox3 ul {
	overflow: hidden;
}
.lifeCycleBox3 ul {
	padding-left: 0px;
}
.lifeCycleBox3 ul li {
	margin-right: 2.5%;
	overflow: hidden;
}
.lifeCycleBox3 ul li:last-child {
    margin-right: 0;
}
.lifeCycleBox3 ul li:after {
	content: '';
	display: inline-block;
	width: 90%;
	height: 1px;
	border-top: 1px dashed #d9dfe5;
	background: url(../img/sub/bar_lifeCycle.png) center left repeat-x;
	position: absolute;
	top: 205px;
	left: 50%;
	margin-left: -45%;
}
.lifeCycleBox3 ul li:hover, .lifeCycleBox3 ul li:hover a {
	background-color: #3FA339;
	color: #fff;
}
.lifeCycleBox3 ul li img {
	width: 142px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -71px;
}
img {
	border: 0;
	vertical-align: middle;
}
.lifeCycleBox3 ul li strong {
	padding-top: 12px !important;
	font-size: 20px;
}
.lifeCycleBox3 ul li em {
	padding-top: 35px !important;
}
.lifeCycleBox3 ul li strong, .lifeCycleBox3 ul li em {
	display: block;
	text-align: center;
	line-height: 24px;
}
.lifeCycleBox3 ul li {
	margin-bottom: 2%;
	float: left;
	position: relative;
}
.lifeCycleBox3 ul li em {
	font-size: 16px;
	color: #737b87;
	margin-top: 3px;
}
.lifeCycleBox3 ul li:hover img {
	display: none;
}
.lifeCycleBox3 ul li:hover strong, .lifeCycleBox3 ul li:hover em {
	position: absolute;
	top: 20px;
	color: #fff;
	animation: sb_slidein_dnt 1.5s;
}
.lifeCycleBox3 ul li span.text {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 120px;
}
.lifeCycleBox3 ul li span.text, .lifeCycleBox3 ul li span.more {
	display: block;
	position: absolute;
}
.lifeCycleBox3 ul li span.text, .lifeCycleBox3 ul li span.more {
	display: none;
}
.lifeCycleBox3 ul li span.text, .lifeCycleBox3 ul li span.more {
	display: block;
	position: absolute;
}
.lifeCycleBox3 ul li span.text, .lifeCycleBox3 ul li span.more {
	display: none;
}
li, ul {
	list-style: none !important;
}
.lifeCycleBox3 ul li span.text {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 120px;
}
.lifeCycleBox3 ul li:hover span.text, .lifeCycleBox3 ul li span.more {
	display: block;
	position: absolute;
	top: 100px;
	animation: sb_slidein_dnt 1s;
}
.lifeCycleBox3 ul li.hover a {
	height: 256px;
}
.lifeCycleBox3 ul li strong, .lifeCycleBox3 ul li em {
	position: absolute;
	left: 0px;
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
}
.lifeCycleBox3 ul li em {
	font-size: 16px;
	color: #737b87;
	margin-top: 3px;
}
.lifeCycleBox3 ul li span.text {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 120px;
}
.lifeCycleBox3 ul li.hover a {
	height: 256px;
}
.lifeCycleBox3 ul li.hover a {
	border: 1px solid #2051a3;
	background-color: #22991B;
	padding: 20px;
	height: 256px;
}
.lifeCycleBox3 ul li a {
	font-size:17px;
}
.lifeCycleBox3 ul li {
	width: 18% !important;
}
.lifeCycleBox3 ul li {
	height: 280px;
	margin-bottom: 2%;
	float: left;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d9dfe5;
	background-color: #f8fafb;
	background-image: none;
	text-align: center;
	padding: 205px 20px 20px;
	width: calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
	width: -moz-calc(100% - 42px);
}
.lifeCycleBox3 ul li span.text, .lifeCycleBox3 ul li span.more {
	display: none;
}
.lifeCycleBox3 ul li.hover span.text {
	font-size: 18px;
	display: block;
	text-align: left;
	line-height: 24px;
	min-height: 35px;
	color: #fff;
}
.lifeCycleBox3 ul li:hover span.more {
	display: block;
	position: absolute;
	top: 231px;
	left: 30%;
}
.lifeCycleBox3 ul li.hover strong, .lifeCycleBox3 ul li.hover em, .lifeCycleBox3 ul li.hover span.text, .lifeCycleBox3 ul li.hover span.more {
	color: #fff;
}
.lifeCycleBox3 ul li.hover span.more {
	display: inline-block;
	position: absolute;
	bottom: 30px;
	line-height: 24px;
	left: 50%;
	margin-left: -52px;
	background: url(../img/sub/btn_detailGo.png) right 66% no-repeat;
	padding-right: 38px;
}
.lifeCycleBox3 ul li span.text {
	position: absolute;

	left: 5%;
	width: 90%;
	height: 120px;
}

@media all and (max-width: 1200px) {
.lifeCycleBox3 ul li {
	width: 100% !important;
}
.lifeCycleBox3 ul li:hover span.more {
	margin-left:30px;}
}

/*부모교육*/

.photo-area {position:relative;min-height:200px;text-align:center;}
.photo-area div {position:absolute; top:50%; right:0; left:0; color:#fff; font-size:20px; line-height:26px; text-align:center; transform: translate3d(0, -50%, 0);}
.photo-area div.tit {position:relative; margin:0; padding:0 0 34px 0; font-family:"AritaDotum"; font-size:36px; line-height:42px;}
.photo-area div.tit:after {content:""; position:absolute; top:auto; bottom:17px; left:50%; width:55px; height:1px; margin-left:-27.5px; overflow:hidden; background-color:#fff;}
.photo-area strong,
.photo-area span {display:block; letter-spacing:-1px;line-height:28px;}
.photo-area strong {font-weight:500;}
.photo-area span {font-weight:300;}
.photo-area a {display:inline-block; margin-top:46px; padding:15px 30px; background-color:#485c92; color:#fff; font-size:18px; font-weight:300; line-height:28px; letter-spacing:-0.5px; vertical-align:top;}

@media screen and (max-width: 600px) {
	.photo-area div.tit {font-size:24px;line-height:32px;}
	.photo-area div {font-size:16px;}
	.photo-area img{min-height:300px;}

}
@media screen and (max-width: 768px) {
	.sub-page .photo-area div.tit {font-size:30px;line-height:38px;}
}

/*사업소개*/
.center 	{text-align: center;}
.charter-wrap 	{padding:4px;background:url(./img/boxTop_bg.gif) repeat 0 0;clear:both;}
.charter-wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
.charter				{padding:30px;background:#fafafa;line-height:170%;font-size:17px;}
.charter:after			{content:'';display:block;clear:both;height:0;visibility:hidden}

.bu_title	{ clear:both; margin-top:20px; margin-bottom:35px; font-size:31px;   letter-spacing:-0.5px; padding:30px 0 0 30px; color:#000; line-height:40px; position:relative; font-family: 'Godo';text-align: center;font-weight: bold;}
.bu_title:before {position:absolute;top:0px;left:50%; content:"";display:block;  z-index:10; background:url(./img/tt.png) no-repeat; width: 20px; height:  20px; }
.bu_title span	{font-size:31px;font-weight: bold;letter-spacing:-0.5px;padding: 0 5px;color:#bd3d3e;line-height:30px;font-family: 'MICEGothic Bold';}



/* summary */
.summary.cs-wrapper { background-color:#f6f6f6; padding:50px; margin-bottom:25px; }
.summary.cs-tail { display:none; }
.summary.css-head {position:relative;padding-bottom:40px;}
.summary.css-head b { padding:0; margin:0; letter-spacing:-1px; font-size:24px; color:#35403d; }
.summary.css-head blockquote { padding:0; letter-spacing:-1px; padding-bottom:40px; border-bottom:1px solid #d5d5d5; font-size:17px;margin-top:20px; }
.summary.css-head blockquote::after { content:''; display:block; width:45px; height:0; position:absolute; bottom:40px; border-bottom:2px solid #005f49; }
.summary.css-head h4 { display:block; position:absolute; bottom:-140px; }
.summary.cs-body { padding-left:180px; }
.summary.plain .matrix.table { width:100%; }
.summary.plain .matrix.table .unit { padding:5px; text-align:center; }
.summary .unit-photo .text { padding:0; margin-top:15px; font-size:17px;}
@media (max-width: 1279px) { /* SMALL MONITOR - 1024 ~ */
    .summary.css-head h4 { display:none; }
    .summary.cs-body { padding-left:0; }
    .summary .unit-photo .img { width:100%; }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .summary.cs-wrapper { padding:15px; }
    .summary.css-head { padding-bottom:10px; }
    .summary.css-head blockquote { padding-bottom:10px; }
	.summary.css-head blockquote::after { bottom:10px; }

}

/*사업소개사진*/
	ul.img			{ width:100%;clear:both; margin-top:0px; margin-bottom: 30px;}
	ul.img li		{position: relative;display:inline-block;margin-bottom:10px;padding:0 10px 10px 10px; box-sizing:border-box;text-align: center}
 
	ul.img li:nth-child(even)    { margin-right:0px} 
	ul.img li img			{ /*width:100%;*/ width:100%; border-radius:20px;text-align:center}

     ul.img li span {
        position: absolute;
        bottom: 10px;
        left: 10px;
        background: rgba(0, 0, 0, 0.5);
        color: #eee;
        z-index: 2;
        padding: 7px 20px;
        font-size: 15px;
        border-radius: 0 20px;
    }

@media (max-width: 767px) { /* MOBILE - ~ 768 */
    ul.img			{ width:100%;}

}

/* 사업소개노랑 */
.cs-wrapper {position:relative;}
.cs-head, .cs-body, .cs-tail { position:relative; }
.cs-head { text-align:center; margin-bottom:0px; }
.cs-head h1 { font-weight:normal; padding:0; margin:5px 0; }
.cs-head p { font-size:18px; line-height:30px; padding:0; margin:0; color:#fff;padding:0 60px; }
.cs-body { padding:10px; }
.plain .matrix.table .unit { vertical-align:top; padding:3px; }
 .unit-photo img { display:block; width:100%; }

/* 사업소개노랑 */
.cs-wrapper.bg::before { content:''; display:block; width:100%; height:270px; position:absolute; }
.cs-head.bg { padding:45px 0 30px; }
.cs-head.bg,
.cs-head.bg h1 {color:#fff !important;font-size:32px;line-height:62px;}
.cs-tail.bg { display:none; }


/* 사업소개노랑-01 */
.cs-wrapper.bg-01::before { content:''; display:block; width:100%; height:270px; position:absolute; background:#e8ba00 url('./img/bg_gallery_01.png') top center no-repeat; }

/* 사업소개노랑-02 */
.cs-wrapper.bg-02::before { background:#00c6c8 url('../img/sub/bg_gallery_02.png') top center no-repeat; }
@media (max-width: 767px) { /* MOBILE - ~ 768 */
.cs-wrapper.bg::before { content:''; display:block; width:100%; height:370px; position:absolute; }
}


/*사업이미지*/
	ul.img			{clear:both;margin-top:20px;margin-bottom: 30px;}
	ul.img li		{position: relative;display:inline-block;margin-bottom:10px;margin-right:8px;box-sizing:border-box;text-align: center}
 
	ul.img li:nth-child(even)    { margin-right:0px} 
	ul.img li img			{ /*width:100%;*/ width:399px; border-radius:20px;text-align:center}

     ul.img li span {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.5);
        color: #eee;
        z-index: 2;
        padding: 7px 20px;
        font-size: 15px;
        border-radius: 0 20px;
    }
	

	ul.img2			{ clear:both; margin-top:20px; margin-bottom: 30px;}
	ul.img2 li		{ display:inline-block ; margin-bottom:30px; margin-right:8px;   box-sizing:border-box; text-align:center; color:#000; font-weight:400; line-height: 35px;}
 
	ul.img2 li:nth-child(even)    { margin-right:0px} 
	ul.img2 li img			{ /*width:100%;*/ width:479px;margin-bottom:30px;  border-radius:20px}	



	ul.img3			{ clear:both; margin-top:20px; margin-bottom: 30px;text-align: center}
	ul.img3 li		{ position: relative; display:inline-block ;/* margin-bottom:10px; margin-right:8px;  */ margin: 3px; box-sizing:border-box;  text-align: center}
 
/*	ul.img3 li:nth-child(n+2)    { margin-right:0px} */
	ul.img3 li img			{ /*width:100%;*/ width:310px; border-radius:20px;text-align:center}


	.con_img	{ clear:both; margin:15px 0 0 0;}
	.con_img:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.con_img p.img		{ width:265px; float:left; margin:10px 0; }
	.con_img p.img img	{ width:265px; }
	.con_img div.txt	{ float:left; float:left; width:935px;}
	
		/* 모바일 해상도 */
	@media all and (max-width:640px) {	
		
		.con_img img	{ width:100%;}
		
		ul.img	{ clear:both; margin-top:10px;}
		ul.img li		{ }
		ul.img li img	{width:100%;}
		
		div.pimg{ display:none}
		ul.mimg	{ clear:both; margin-top:0px; display: block; margin-bottom:10px; text-align:center; box-sizing:border-box}
		ul.mimg li		{ margin:1% 0; width:49.5%; float:left;}
		ul.mimg li img	{ width:100%;}
		
	}

	
	.clear 		{clear: both;}