/*�ъ뾽�곸뿭 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;}

}