/*인사말*/

.company{ width:100%; max-width:1200px; margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.company .jangnan_img{ float:left; width:35%; height:500px;}
.company .jangnan_img img{width:100%; }
.company .jangnan_txt{ float:left; width:65%; padding:0 50px;}
.company .jangnan_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; }
.company .jangnan_txt p { margin-top:30px;}
.company .jangnan_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .jangnan_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .jangnan_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}
.company .blu{color:#57bee6;}

.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; }



.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;}




/*비전*/
.vision {position:relative; width:100%;}
.vision:after { content:""; display:block; clear:both; }
.vision .vision_tit{position:absolute; top:37%; left:50%; transform:translate(-50%,10%); padding:20px 30px; border-radius:0px; font-size:2em; text-align:center; background:#fff; z-index:999; border:0px solid #ddd; box-sizing:border-box; text-transform:uppercase; font-family: 'Do Hyeon', sans-serif; color:#fff; background-color:#000;}
.vision .vision_tit font{color:#B8DFE8;}

.vision_area { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
.vision_area:before,
.vision_area:after { content:''; position:absolute; z-index:-1; background-color:#ddd; }
.vision_area:before { top:50%; width:100%; height:1px; }
.vision_area:after { left:50%; width:1px; height:100%; }
.vision_area li { float:left; width:50%;  height:auto;}
.vision_area li i{font-size:5em; color:#ccc;}
.vision_area li .txtWrap .tit { font-size:20px; color:#333; margin-bottom:20px;}
.vision_area li .txtWrap .tit span { font-weight:400; padding-right:8px; color:#b82835; }
.vision_area li .txtWrap .txt { margin-bottom:5px; padding:0; color:#757575; }

.vision_area li.detail01, .vision_area li.detail02 { padding:15px 15px 0 15px; }
.vision_area li.detail03, .vision_area li.detail04 { padding:50px 15px 0 15px;}


.vision_area li .txtWrap { height:100%; background-repeat:no-repeat; background-position:0 0; }
.vision_area li.detail01 .txtWrap,
.vision_area li.detail03 .txtWrap { margin:20px 15px; padding:0; }
.vision_area li.detail02 .txtWrap,
.vision_area li.detail04 .txtWrap { margin:20px 15px; padding:0; text-align:right;}



/*오시는길*/

.map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {font-size:1.5em; color:#000;  margin-bottom:10px;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_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;}
.map_wrap .map_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;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}





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

	.timeline .timeline-content ul li img{height:auto; }

}



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

	.company .jangnan_img { width:100%;  text-align:center;  height:auto;  }
	.company .jangnan_img img { width:60%;height:auto;}
	.company .jangnan_txt{ width:100%; padding:0; margin-top:50px;}
	.vision .vision_tit{position:relative; padding:20px; }
	.vision_area li.detail03, .vision_area li.detail04{padding-top:0px;}




}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
.vision .circle_tit{top:40%; }
.vision_area li { height:auto;}
.vision_area li i{font-size:2.2em;}

.company .ceo_txt h2{font-size:1.3em; font-weight:700;}



}



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

	.company .ceo_img img { width:80%;}


}

/* 목록(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://66.232.140.9/~moreweb/theme/jcfmc/images/circleBullet.png) left top no-repeat; font-size:16px;}
.con .infoList .tit { display:block; font-size:18px; font-weight:bold; margin-bottom:5px; }

/*글씨색*/
.green{color:#2b882b;}
.orang{color:#ed4b20;}


/*미션비젼*/
/*비전 및 목표*/
.vision_box {  margin-bottom: 20px;}
.vision_box .round {
	text-align: center;
	border-radius: 40px;
}
.vision .middle {
	margin: 80px auto;
}
.vision .middle h1 {
	font-size: 1.5rem;
	font-weight: 500;
	font-size:30px;
	color:#222;
}
.vision .bottom .vision_box { margin-top: 10px;}
.vision .bottom .vision_box .round {
	display: inline-block;
	position: relative;
	width: 240px;
	height: 80px;
	line-height: 80px;
	border-radius:40px;
	margin-left: 30px;
	font-size: 1.125rem;
	padding: 0 10px;
}
.vision .bottom .vision_box .step01 {
	border: 1px solid #44719e;
}
.vision .bottom .vision_box .step02 {
	border: 1px solid #f9a14a;
}
.vision .bottom .vision_box .step03 {
	border: 1px solid #57835c;
}
.vision .bottom .round:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 32px;
	background: #dddddd;
	left: -33px;
	top: 50%;
}
.vision .bottom .round:nth-child(1):before {display: none;}
.vision .bottom .round span{font-weight: 500; margin-right: 10px;}
.vision .bottom .step01 span{ color: #44719e; }
.vision .bottom .step02 span{ color: #f9a14a; }
.vision .bottom .step03 span{ color: #57835c; }

.vision { width: 100%; text-align: center; }

.vision_box .title, .vision_bottom .title {
	display:inline-block;
	font-size:  1.5rem;
	font-weight: 400;
	padding:30px 0px;
}
.vision_box .top {
	display: inline-block;
	width: 65%;
	min-height: 70px;
	line-height: 70px;
	background: #f8f8f8;
	margin-left: 20px;
	padding: 0 30px;
	font-size:18px;
}
.vision_box .vision01 {
	display: inline-block;
	color: #fff;
	width: 140px;
	line-height: 70px;
	font-weight: bold;
	background: #2e2925;
	font-size:20px;
}
.vision_box .vision02 {
	display: inline-block;
	color: #2e2925;
	width: 140px;
	line-height: 70px;
	font-weight: bold;
	background-color: #fff;
	border:solid 2px #2e2925;
	font-size:20px;
}
.vision .middle .middle_box {
	position: relative;
	display: inline-block;
	width: calc(100% / 3 - 10px);
}
.vision .middle p { color: #333; }
.vision .middle .middle_box:after {
	content: '';
	position: absolute;
	background: url(../../images/common/dotted.png) no-repeat center;
	height: 10px;
	width: 34px;
	top: 220px;
	right: -15px;
}
.vision .middle .middle_box:nth-child(4):after {
	content: '';
	display: none;
}
.vision .middle .round{
	height: 260px;
	width: 260px;
	margin: 50px auto 25px;
	padding: 55px;
	position: relative;
}
.vision .middle .circle01 {background: url(./img/circle01.png) no-repeat center;}
.vision .middle .circle02 {	background: url(./img/circle02.png) no-repeat center;}
.vision .middle .circle03 {	background: url(./img/circle03.png) no-repeat center;}

.vision .middle .round:before {
	content: '';
	position: absolute;
	height: 240px;
	width: 240px;
	border: 2px solid #dddddd;
	border-radius: 100%;
	left: 8px;
	top: 8px;
}

.vision .middle img{ margin-bottom: 30px; }

.vision .vision_box ul{
	width: 75%;
	display: inline-block;
	vertical-align: middle;
}
.vision .vision_box li{
	height: 80px;
	width: 240px;
	text-align: center;
	display: inline-block;
	margin: 15px 0 15px 30px ;
	line-height: 75px;
	font-size: 1.125rem;
	position: relative;
	border-radius:5px;
	background:#f5f5f5;
}

.vision .vision_box li:after {
	content: '';
	position: absolute;
	height: 30px;
	width: 1px;
	background: #dddddd;
	top: 80px;
	left: 50%;
}
.vision .vision_box li:nth-child(4):after { display: none; }
.vision .vision_box li:nth-child(5):after { display: none; }
.vision .vision_box li:nth-child(6):after { display: none; }

/*미션비젼2*/
.vision {
  margin: 5% 0px;
}

.mission .con,
.vision .con,
.people .con {
  border: 1px solid #ccc;
  float: left;
  width: 87%;
  padding: 2%;
  text-align: center;
}

.mission .title,
.vision .title,
.people .title {
  float: left;
  width: 13%;
  font-weight: 600;
  font-size: 25px;
  text-align: center;
  padding: 2%;
}

.mission .con {
  font-family: "BM JUA";
  font-size: 30px;
  background: url(../../../img/sub/mission_bg.png);
  background-repeat: no-repeat;
  background-position: center right 50px;
  background-color: #fff;
}

.mission,
.vision,
.people {
  float: left;
  width: 100%;
  /* font-size: 25px; */
}

.mission .con span {
  color: #3d67af;
}

.mission .con {
  border: 1px solid #ccc;
  float: left;
  width: 87%;
  padding: 2%;
  font-size: 35px;
  text-align: center;
}

.mission .title {
  float: left;
  width: 13%;
  font-weight: 600;
  font-size: 25px;
  text-align: center;
  padding: 2%;
}

.vision .gr_plus {
  width: 3%;
  float: left;
  font-family: "BM JUA";
  margin-top: 11%;
  margin-left: -0.5%;
  text-align: center;
}

.vision .gr_plus::before {
  content: "+";
  text-align: center;
  font-family: "BM JUA";
  font-size: 67px;
  color: #ccc;
}

.vision .t_title {
  font-size: 25px;
  font-family: "BM JUA";
  text-decoration: underline;
  /* padding-bottom: 8px; */
  margin-bottom: 12%;
}

.vision .gr_1,
.vision .gr_2,
.vision .gr_3 {
  float: left;
  width: 25.3%;
  padding: 9% 0%;
  margin: 3%;
  color: #fff;
  border: 9px solid;
  font-size: 20px;
  border-radius: 500%;
  max-width: 250px;
  max-height: 250px;
  font-family: "BM JUA";
  font-size: 25px;
}

.vision .gr_1 {
  border-color: #aad17c;
  background-color: #95c65b;
}

.vision .gr_2 {
  border-color: #f3bb52;
  background-color: #ee9b00;
}

.vision .gr_3 {
  border-color: #7db5d9;
  background-color: #5da3cf;
}

@media (max-width: 768px) {
  .vision .gr_1,
  .vision .gr_2,
  .vision .gr_3 {
    float: none;
    width: 81%;
    padding: 23% 0%;
    margin: 3% 25%;
    color: #fff;
    /* border: 9px solid; */
    font-size: 20px;
    border-radius: 500%;
    margin: 9px auto;
    overflow: hidden;
  }

  .vision .gr_plus {
    width: 100%;
  }
  }


 /*5가지*/

 .core_value {
	float: left;
	width: 100%;
}

.value_1,
.value_2,
.value_3,
.value_4 {
	width: 27%;
	float: left;
	text-align: center;
	margin-left: -1.5%;
	margin-right: -1.5%;
}

.value_1 .v_text {
	color: rgba(112, 212, 222, 1);
	font-weight: 800;
	margin-left: -15px;
}

.value_2 .v_text {
	font-weight: 800;
	color: rgba(68, 169, 220, 1);
}

.value_3 .v_text {
	color: rgba(87, 112, 187, 1);
	font-weight: 800;
}

.value_4 .v_text {
	color: rgba(145, 96, 174, 1);
	font-weight: 800;
}

.value_1 div {
	background-color: rgba(51, 194, 208, 0.7);
	border-radius: 300px;
	padding: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.value_2 div {
	background-color: rgba(68, 169, 220, 0.7);
	border-radius: 300px;
	padding: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.value_3 div {
	background-color: rgba(87, 112, 187, 0.7);
	border-radius: 300px;
	padding: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.value_4 div {
	background-color: rgba(145, 96, 174, 0.7);
	border-radius: 300px;
	padding: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.core_value {
	width: 96%;
	padding: 0 20px;
	margin: 0 auto;
	margin-left: 4%;
}

.core_value .v_img {
	padding: 20px;
}

.core_value .v_text {
	font-size: 20px;
}

@media (max-width:568px) {



	.value_1 div,
	.value_2 div,
	.value_3 div,
	.value_4 div {
		font-size: 20px;
		padding: 10px;
	}

	.core_value .v_text {
		font-size: 16px;
	}
ext-align: center;
	}

}

/*연혁*/
/* 연혁 */
#historyCon {max-width:1200px;margin:0 auto;box-sizing:border-box;padding:120px 0;overflow:hidden}
#historyCon ul.tabs {text-align:Center;font-size:0;margin-bottom:60px}
#historyCon ul.tabs li {display: inline-block;cursor: pointer;font-size:18px;width:240px;height:70px;line-height:68px;box-sizing:border-box;border:1px solid #ccc;border-radius:15px;text-align:center;margin:0 5px}
#historyCon ul.tabs li.current{font-family:"paybooc-Bold";border:3px solid #ff7600;color:#ff7600}
#historyCon .tab-content {display:none;width:100%;height:auto;overflow:hidden}
#historyCon .tab-content div {position:relative}
#historyCon .tab-content div ul {margin-bottom:60px;position:relative;padding-top:60px;line-height:46px;}
#historyCon .tab-content div ul:before {content:"";display:block;width:30px;height:30px;background:#ff7600;border-radius:50%;position:absolute;top:0;left:50%;margin-left:-15px;z-index:1}
#historyCon .tab-content div ul:after {content:"";display:block;width:1px;height:100%;background:#ccc;position:absolute;top:0;left:50%}
#historyCon .tab-content div p {text-align:center;font-size:30px;line-height:30px;margin-bottom:20px;}
#historyCon .tab-content div.rig ul {padding-left:50%;}
#historyCon .tab-content div.rig ul li {position:relative;box-sizing:border-box;padding-left:20px;margin-top:50px;}
#historyCon .tab-content div.rig ul li:before {content:"";display:block;background:#fff;width:15px;height:15px;border-radius:50%;border:3px solid #999;box-sizing:border-box;position:absolute;top:6px;left:-6.5px;z-index:2}
#historyCon .tab-content div.rig ul li b {margin-right:10px;display:inline-block;}
#historyCon .tab-content div.left ul {padding-right:50%;}
#historyCon .tab-content div.left ul li {text-align:right;position:relative;box-sizing:border-box;padding-right:20px}
#historyCon .tab-content div.left ul li:before {content:"";display:block;background:#fff;width:15px;height:15px;border-radius:50%;border:3px solid #999;box-sizing:border-box;position:absolute;top:15px;right:-8px;z-index:2}
#historyCon .tab-content div.left ul li b {margin-left:10px;display:inline-block;}
#historyCon .tab-content.current{display: inherit;}

/* /// mobile /// */
@media screen and (min-width:320px) and (max-width:744px) {

	/* 연혁 */
	#historyCon {padding:60px 0}
	#historyCon ul.tabs li {width:160px;height:50px;line-height:46px;font-size:16px}
	#historyCon .tab-content div ul:before {left:0;margin-left:20px}
	#historyCon .tab-content div ul:after {left:35px}
	#historyCon .tab-content div.rig ul,
	#historyCon .tab-content div.left ul {padding-left:0;width:100%;padding:60px 20px 0;box-sizing:border-box}
	#historyCon .tab-content div.rig ul li,
	#historyCon .tab-content div.left ul li {padding-left:95px;text-align:left}
	#historyCon .tab-content div.rig ul li:before,
	#historyCon .tab-content div.left ul li:before {left:8px;top:7px}
	#historyCon .tab-content div ul li b {position:absolute;top:0;left:30px;}
	#historyCon .tab-content div ul li {line-height:28px;padding-bottom:10px}
}

/*연혁2*/
.historyTop {width: 100%; }
.historyTop img{
	display: block;
	margin : 0 auto;
}
.historyList {
	position: relative;
}
.historyList:before {
	content: '';
	position: absolute;
	background: #dddddd;
	width: 1px;
	height: 100%;
	left: 50%;
}
.historyList .rightyear {
	position: relative;
	font-size: 40px;
	text-align: left;
	padding-left: 55%;
	margin-bottom: 20px;
}
.historyList .leftyear {
	position: relative;
	font-size: 40px;
	text-align: right;
	padding-right: 55%;
	margin-bottom: 20px;
}
.historyList .right {
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.historyList .left {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 30px;
}
.historyList dl {
	position: relative;
	display: inline-block;
	width: calc(50% + 10px);
	overflow: hidden;
	clear: both;
}
.historyList dt {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
}
.historyList .right dt { float: left; width: 65px; }
.historyList .right dt:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(http://www.ysfac.or.kr/user/images/common/history02.png) no-repeat;
	left: -78px;
	z-index: 1;
	top: 2px;
}
.historyList .left dt:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(http://www.ysfac.or.kr/user/images/common/history02.png) no-repeat;
	right: -82px;
	z-index: 1;
	top: 2px;
}
.historyList .right dt:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background: #dddddd;
	left: -75px;
	top: 10px;
}
.historyList .left dt:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background: #dddddd;
	right: -75px;
	top: 10px;
}
.historyList .left dt { float: right; width: 65px;}
.historyList .right dl { text-align: left; padding-left: 5rem;}
.historyList .left dl { text-align: right; padding-right: 5rem;}
.historyList .right dd {float: left; width: calc(100% - 65px);}
.historyList .left dd { float: right; width: calc(100% - 65px); }
.historyList li { position: relative; margin-bottom:10px;}
.historyList .right li:before {
	content: '';
	height: 5px;
	width: 5px;
	background-color: #dddddd;
	position: absolute;
	left: -15px;
	top: 8px;
}
.historyList .left li:before {
	content: '';
	height: 5px;
	width: 5px;
	background-color: #dddddd;
	position: absolute;
	right: -15px;
	top: 8px;
}
.history .historybox {
	position: relative;
	overflow: hidden;
	clear: both;
}


@media screen and (max-width:768px){ /* Tablet */
.historyList .right dt { width: 100%; }
	.historyList .left dt { width: 100%; }
	.historyList .right dl {
		padding-left: 2rem;
	}
	.historyList .left dl {
		padding-right: 2rem;
	}
	.historyList .right dt:before { left: -30px; }
	.historyList .left dt:before { right: -34px; }
	.historyList .right dt:after { left: -22px; width: 20px; }
	.historyList .left dt:after { right: -26px; width: 20px; }
	.historyList dd{ margin:15px 0 0 15px; }


}

/*조직도*/
/*조직도*/
.group_wrap_top{
	margin: 0 auto;
	width: 650px;
	padding-bottom: 5px;
	background: url(./img/bg_group_top.png) no-repeat center 65px;
}
.group_item {
	width: 200px;
	height: 80px;
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 40px;
	margin: 0 auto;}
.group_01{background: #2e2925;}
.group_02{float: left;color: #2e2925; border:1px solid #2e2925; background: #fff;margin-top:40px;}
.group_03{float: right; color: #2e2925; border:1px solid #2e2925;  background: #fff;margin-top:40px;}
.group_04{clear:both; }
.group_05{background: #bbbbbb; margin-top: 30px;}
.group_06{background: #904d2e; margin-bottom: 30px;}
.group_07{background: #57835c; margin-bottom: 30px;}
.group_08{background: #f9a14a; margin-bottom: 30px;}
.group_09{background: #44719e; margin-bottom: 30px;}
.group_09-1{background: #1e4267; margin-bottom: 30px;}
.group_09-2{background: #777777; margin-bottom: 30px;}

.m_group_wrap_top, .m_group_wrap_bottom{display:none;}
.group_wrap_bottom01{
	overflow: hidden;
	padding-top: 30px;
	background: url(http://www.ysfac.or.kr/user/images/common/bg_group_bottom.png) no-repeat center;
	padding-bottom:80px;
}
.group_wrap_bottom01 dl{float: right; width: 25%;}
.group_wrap_bottom01 dd{
	font-size: 15px;
	width: 200px;
    margin: 0 auto 10px;
    padding-left: 15px;
    position: relative;
}


.group_wrap_bottom02{
	overflow: hidden;
	background: url(./img/bg_group_center.png) no-repeat center;
	padding-bottom:80px;
}
.group_wrap_bottom02 dl{float: right; width: 33%;}
.group_wrap_bottom02 dd{
	font-size: 15px;
	width: 200px;
    margin: 0 auto 10px;
    padding-left: 15px;
    position: relative;
}



.group_wrap_bottom{
	overflow: hidden;
	position:relative;
	top:-20px;
}
.group_wrap_bottom dl{float: left; width: 25%;}
.group_wrap_bottom dd{
	font-size: 15px;
    width: 200px;
    margin: 0 auto 10px;
    padding-left: 15px;
    position: relative;
}
.group_wrap_bottom dl:nth-child(1) dd::before{
	content: "";
	position: absolute;
	left: 0;
	top:9px;
	width: 5px;
	height: 5px;
	background: #904d2e;
}
.group_wrap_bottom dl:nth-child(2) dd::before{
	content: "";
	position: absolute;
	left: 0;
	top:9px;
	width: 5px;
	height: 5px;
	background: #44719e;
}
.group_wrap_bottom dl:nth-child(3) dd::before{
	content: "";
	position: absolute;
	left: 0;
	top:9px;
	width: 5px;
	height: 5px;
	background: #f9a14a;
}
.group_wrap_bottom dl:nth-child(4) dd::before{
	content: "";
	position: absolute;
	left: 0;
	top:9px;
	width: 5px;
	height: 5px;
	background: #57835c;
}


@media screen and (max-width:1024px){ /* Laptop */
	/*재단소개*/
	/* .group_wrap_bottom dl{padding:0 10px;}
	.group_wrap_bottom .group_item, .group_wrap_bottom dd {width: 100%;} */

	.group_wrap_top, .group_wrap_bottom, .group_wrap_bottom01{display:none;} .group_wrap_bottom02{display:none;}

	.m_group_wrap_bottom02 .group_item{height: 50px; line-height: 50px; margin-bottom: 20px;}

	.m_group_wrap_top, .m_group_wrap_bottom{display:block; background:url(./img/bg_group_top.png)no-repeat center 40px;;}
	.m_group_wrap_top .group_item { width:100%; height:50px; line-height:50px;}
	.m_group_wrap_top .group_02, .m_group_wrap_top .group_03{ width: 35%; }
	.m_group_wrap_top .group_item, .m_group_wrap_bottom .group_item{margin-bottom:0px;}

	.m_group_wrap_bottom{background: none; padding-top: 0;}
	.m_group_wrap_bottom dl{width: 100%; padding:0;margin-bottom: 30px;}
	.m_group_wrap_bottom dt{width:100%;}
	.m_group_wrap_bottom dd{font-size:15px; margin:0 auto 10px; padding-left:15px; position:relative;}
	.m_group_wrap_bottom .group_item{height: 50px; line-height: 50px; margin-bottom: 20px;}
	.m_group_wrap_bottom .group_wrap_bottom .group_item, .group_wrap_bottom dd{ width: 100%; }
	.m_group_wrap_bottom .group_wrap_top{background-position: center 40px;width: 100%;}
	.m_group_wrap_bottom dl:nth-child(1) dd::before{
		content: "";
		position: absolute;
		left: 0;
		top:9px;
		width: 5px;
		height: 5px;
		background: #904d2e;
	}
	.m_group_wrap_bottom dl:nth-child(2) dd::before{
		content: "";
		position: absolute;
		left: 0;
		top:9px;
		width: 5px;
		height: 5px;
		background: #57835c;
	}
	.m_group_wrap_bottom dl:nth-child(3) dd::before{
		content: "";
		position: absolute;
		left: 0;
		top:9px;
		width: 5px;
		height: 5px;
		background: #f9a14a;
	}
	.m_group_wrap_bottom dl:nth-child(5) dd::before{
		content: "";
		position: absolute;
		left: 0;
		top:9px;
		width: 5px;
		height: 5px;
		background: #44719e;
	}
	}

@media screen and (max-width:480px){ /* Tablet */

.group_02, .group_03 {width: 38%; }
.group_list .list01 { padding: 0 15px !important; }
}

/*미션2*/
/* mission */
.plain b {color:#396e9d;font-weight:normal; }
.mission.cs-head { height:290px; padding:60px 10px; background:#efefef url('./img/bg_mission.png'); text-align:center; }
.mission.cs-tail { text-align:center; }
.mission.cs-head h2 { background:none; padding:0px; margin:0px; font-weight:500; letter-spacing:-1px; font-size:24px;}
.mission.cs-head h2 b { font-size:24px; line-height:20px; font-weight:800; }
.mission.cs-body { margin-top:-115px; text-align:center; }
.mission .unit { display:inline-block; border:7px solid #396e9d; background-color:#fff; width:230px; height:230px; border-radius:50%; overflow:hidden; margin-right:50px; }
.mission .unit:last-child { margin-right:0px; }
.mission .unit-subj { padding:0px; margin:0px; padding-top:50px; }
.mission .unit-subj .text { color:#396e9d; font-size:17px; font-weight:800; }
.mission .unit-body { padding:15px 30px; }
.mission .unit-body p { padding:0px; margin:0px; font-size:22px; font-weight:500; letter-spacing:-1px; }
@media (max-width: 1419px) { /* SMALL MONITOR - 1024 ~  */
    .mission .unit { width:215px; height:215px; margin-right:20px; }
    .mission .unit-subj { padding-top:35px; }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .mission .unit { display:block; width:230px; height:230px; margin:0 auto 10px !important; }
}



/******** 2021-04-12 중장기 비전체계도 ********/
.sub-vision-wrap .vision_system_diagram {width:100%; padding:0 20px; }
.sub-vision-wrap .vision_system_diagram .vision_title {color:#fff; background-color:#6f4389; width:38%; padding:15px; font-size:23px; font-weight:500; text-align:center; margin-bottom:60px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:70px;;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t {color:#444;font-size:20px; font-weight:600; width:18%; display:flex; align-items:center;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t.left_align {align-items:flex-start; padding-top:13px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .right_t {width:82%; margin:auto;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t {width:60%; background-image: url("/resources/img/sub/img_bg_mission.png"); background-repeat:no-repeat; background-position:center center; width:619px; height:83px; margin:0 125px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t h2 {color:#444; font-size:23px; font-weight:600; text-align: center; line-height:83px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t .puple_color {color:#6b3a83; font-size:23px; font-weight:600;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .vision_in {width:68%; border:1px solid #6b3a83; padding:30px; border-radius:10px; color:#6b3a83; font-size:20px; font-weight:600; text-align:center; background-color:#fbf7fa; margin:0 50px; background-image:url("/resources/img/sub/img_bg_vision.png"); background-repeat:no-repeat; background-position:center center;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .vision_in h2 { color:#6b3a83; font-size:20px; font-weight:600;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul {width:100%; display: flex; flex-wrap:wrap; justify-content: space-between; }
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg  {width:175px; height:175px; padding:15px; border-radius: 50%;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .circle_in {width:145px; height:145px; background-color:#fff; border-radius: 50%; box-shadow:8px 5px 12px 0px rgba(85, 85, 85, 0.4); display:flex; flex-direction:column;  align-items:center; justify-content:center;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter {color:#777; font-size:18px; margin-bottom:5px;;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg h4 {color:#444; font-size:18px; font-weight:600; text-align:center;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle01 {background-color:#90d5e3;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle02 {background-color:#7ec4e1;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle03 {background-color:#74a8d5;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle04 {background-color:#7f9bd0;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle05 {background-color:#4a80ce;}

.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor01 {color:#90d5e3; font-size:23px; font-weight:500;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor02 {color:#7ec4e1; font-size:23px; font-weight:500;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor03 {color:#74a8d5; font-size:23px; font-weight:500;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor04 {color:#7f9bd0; font-size:23px; font-weight:500;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor05 {color:#4a80ce; font-size:23px; font-weight:500;}

.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul {display:flex; flex-wrap:wrap; justify-content:space-around; position:relative;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul::after {content:""; display:block; width:100%; height:1px; background-color:#cfb2ed; position:absolute; bottom:-70%;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li {font-size:20px; text-align:center; font-weight:600; position:relative;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor01 {color:#6b3a83;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor02 {color:#454c9b;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor03 {color:#6b3a83;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor01::before {content:""; width:10px; height:10px; background-color:#fff; position:absolute; bottom:-90%; border-radius:50%; border:7px solid #6b3a83; left:40%; z-index:1;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor02::before {content:""; width:10px; height:10px; background-color:#fff; position:absolute; bottom:-90%; border-radius:50%; border:7px solid #454c9b; left:40%; z-index:1;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor03::before {content:""; width:10px; height:10px; background-color:#fff; position:absolute; bottom:-90%; border-radius:50%; border:7px solid #6b3a83; left:40%; z-index:1;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .bg_arrow {content:"";  padding:30px 0 15px; text-align:center; padding:30px 0  0 225px; margin-bottom: -30px;;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li {width:48%;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title {padding:13px 30px; display:flex; flex-wrap:wrap; margin-bottom:10px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title.bg_blue {background-color:#5b68af; border-radius:10px; color:#fff;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title.bg_purples {background-color:#784f9e; border-radius:10px; color:#fff;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title .num {font-size:28px; font-weight:500; width:8%; padding:8px 0;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title h4 {width:calc(100% - 8%); text-align:center; font-weight:500; font-size:19px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con {min-height:160px; border:1px solid #ddd; border-radius: 10px; padding:25px 30px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con p {font-size:17px; color:#333; font-weight:500; position:relative; padding-left:15px; line-height:1.6;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con p::before {content:""; display:inline-block; width:4px; height:4px; background-color:#5b68af; border-radius:50%; position:absolute; left:0; top:10px; }
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con.str_con02 {min-height:130px;}
.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con.str_con02 p::before {background-color:#784f9e;}

@media all and (max-width:1200px){
	/******** 2021-04-12 중장기 비전체계도 ********/
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t {width:0;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .right_t {margin:0;}
}


@media all and (max-width:999px){
	/******** 2021-04-12 중장기 비전체계도 ********/
	.sub-vision-wrap .vision_system_diagram {padding:0;}
	.sub-vision-wrap .vision_system_diagram .vision_title {width:100%; font-size:18px; padding:12px 15px; margin-bottom:40px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one {margin-bottom:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t {width:100%; font-size:18px; margin-bottom:15px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t {width:100%; margin:-15px 0; background-size:300px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t h2 {font-size:17px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t .puple_color {font-size:17px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .vision_in {width:100%; padding:15px; margin:0; border-radius:5px; background-size:150px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .vision_in h2 {font-size:17px; }
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .right_t {width:100%;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul {justify-content:space-around;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg {width:145px; height:145px; padding:13px; margin:5px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg h4 {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .circle_in {width:120px; height:120px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor01 {font-size:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor02 {font-size:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor03 {font-size:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter .txtColor04 {font-size:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget {margin-top:10px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li {width:80%; font-size:18px; font-weight:600; padding-bottom:20px; }
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li:last-child {padding-bottom:0;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li br {display:none;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor01::before {width:5px; height:5px; border-width: 4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor02::before {width:5px; height:5px; border-width: 4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor03::before {width:5px; height:5px; border-width: 4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul::after {display:none;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor01::before {bottom:0; left:8px; top:4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor02::before {bottom:0; left:8px; top:4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li.txtColor03::before {bottom:0; left:8px; top:4px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .bg_arrow {padding:0 20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t.left_align br {display:none;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li {width:100%;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li:nth-child(3) {margin-bottom:10px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title {padding:8px 13px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title .num {font-size:18px; width:100%;text-align:center; padding:4px 0;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title h4 {width:100%; font-size:17px; text-align:center;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title h4 br {display:none;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con {min-height:auto; padding:16px 20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con p {font-size:15px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con.str_con02 {min-height:auto;}
}

@media all and (max-width:500px){
	/******** 2021-04-12 중장기 비전체계도 ********/
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg.circle05 {margin:-10px 0 0;}
}



@media all and (max-width:320px){
	/******** 2021-04-12 중장기 비전체계도 ********/
	.sub-vision-wrap .vision_system_diagram .vision_title {font-size:17px; margin-bottom:20px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .left_t {font-size:17px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t {background-size:280px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t h2 {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .mission_t .puple_color {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .vision_in h2 {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .taget ul li {font-size:17px; padding-bottom:15px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title .num {font-size:15px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_title h4 {font-size:16px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .strategy ul li .str_con p {font-size:14px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg {width:135px; height:135px; padding:13px; margin:2px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .circle_in {width:110px; height:110px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg .capital_letter {font-size:15px;}
	.sub-vision-wrap .vision_system_diagram .vis_system_con .diagram_list_one .value_list ul .circle_bg h4 {font-size:15px;}
}


/*순서*/
.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: 20%;}
  }
@media (min-width: 640px) {
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 20%;}
  }


/*점선네모*/
.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;}
.cont_text_info{ width:95%; margin:0 auto;font-size:14px;line-height:1.6em;color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:10px;}
.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;}

/*점선네모2*/
.cont_text2{overflow:hidden;clear:both;padding-left:5px;}
.cont_text2 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;}
.cont_text_info2{ 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-bottom:10px;}
.cont_text_important2{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}
.title_s2{padding:8px 0;font-size:18px;margin-bottom:10px;line-height:1.3em; color:#333; font-weight:600;}


/*청소년 참여위원회*/
.cts2907_wrap .color_box{position: relative; margin-top:62px; padding: 60px 50px 60px 70px; background-color: #568ce8; color: #fff; }
.cts2907_wrap .color_box:before{display: block; position: absolute;  top:0; left:18px; width: 89px; height: 72px;
    background-image: url("./img/cts2_icon01.png"); background-repeat: no-repeat; background-size: contain;}
.cts2907_wrap .color_box p.titl{position: relative; width:318px; padding-top:13px; font-size: 28px; letter-spacing: -0.025em; font-weight: 600; vertical-align: top;color:#fff;}
.cts2907_wrap .color_box p.titl:before{display: block; position: absolute; top:-55px; right: 0; width: 1px; height: 108px; background-color:rgba(255, 255, 255, 0.23);}
.cts2907_wrap .color_box p{display: inline-block;}
.cts2907_wrap .color_box p.tex{position: relative; width: calc(100% - 322px); padding-left: 120px; font-size: 47px; line-height: 30px; letter-spacing: -0.005em; word-break: keep-all; color:#fff;}

@media all and (max-width: 640px) {
    .cts2907_wrap .color_box p{display: block; }
    .cts2907_wrap .color_box p.titl{width: 100%; padding-top: 0; font-size: 25px;}
    .cts2907_wrap .color_box p.titl:before{width:3px; height: 67px;}
    .cts2907_wrap .color_box p.tex{width: 100%;padding-left: 0;font-size: 24px;line-height:25px;}

}

.Color01 {/*영상시청*/display:inline-block; width:365px; text-align:center; font-size:16px; color:#fff !important; background:#43bb7e; line-height:30px; padding:10px 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;}

@media all and (max-width: 640px) {
.Color01 {width:265px; text-align:center; font-size:16px; color:#fff !important; background:#43bb7e; line-height:30px; padding:10px 0; margin:0 0 5px; margin-top:10px;}
}
/*사랑의교실*/
.cts2907_wrap .color_box2{position: relative; margin-top:62px; padding: 20px 50px 20px 30px; background-color: #f1c228; color: #fff; }
.cts2907_wrap .color_box2:before{display: block; position: absolute;  top:0; left:18px; width: 89px; height: 72px;
    background-image: url("./img/cts2_icon01.png"); background-repeat: no-repeat; background-size: contain;}
.cts2907_wrap .color_box2 p.titl{position: relative; width:318px; padding-top:13px; font-size: 28px; letter-spacing: -0.025em; font-weight: 600; vertical-align: top;color:#fff;}
.cts2907_wrap .color_box2 p.titl:before{display: block; position: absolute; top:-55px; right: 0; width: 1px; height: 108px; background-color:rgba(255, 255, 255, 0.23);}
.cts2907_wrap .color_box2 p{display: inline-block;}
.cts2907_wrap .color_box2 p.tex{position: relative; width: calc(100% - 322px); padding-left: 63px; font-size: 47px; line-height: 30px; letter-spacing: -0.005em; word-break: keep-all; color:#fff;}

@media all and (max-width: 640px) {
    .cts2907_wrap .color_box2 p{display: block; }
    .cts2907_wrap .color_box2 p.titl{width: 100%; padding-top: 0; font-size: 25px;}
    .cts2907_wrap .color_box2 p.titl:before{width:3px; height: 67px;}
    .cts2907_wrap .color_box2 p.tex{width: 100%;padding-left: 0;font-size: 16px;line-height:25px;}

}

/*특별교육*/
.cts2907_wrap .color_box3{position: relative; margin-top:62px; padding: 20px 50px 20px 30px; background-color: #2ac84d; color: #fff; }
.cts2907_wrap .color_box3:before{display: block; position: absolute;  top:0; left:18px; width: 89px; height: 72px;
    background-image: url("./img/cts2_icon01.png"); background-repeat: no-repeat; background-size: contain;}
.cts2907_wrap .color_box3 p.titl{position: relative; width:318px; padding-top:13px; font-size: 28px; letter-spacing: -0.025em; font-weight: 600; vertical-align: top;color:#fff;}
.cts2907_wrap .color_box3 p.titl:before{display: block; position: absolute; top:-55px; right: 0; width: 1px; height: 108px; background-color:rgba(255, 255, 255, 0.23);}
.cts2907_wrap .color_box3 p{display: inline-block;}
.cts2907_wrap .color_box3 p.tex{position: relative; width: calc(100% - 322px); padding-left: 63px; font-size: 47px; line-height: 30px; letter-spacing: -0.005em; word-break: keep-all; color:#fff;}

@media all and (max-width: 640px) {
    .cts2907_wrap .color_box3 p{display: block; }
    .cts2907_wrap .color_box3 p.titl{width: 100%; padding-top: 0; font-size: 25px;}
    .cts2907_wrap .color_box3 p.titl:before{width:3px; height: 67px;}
    .cts2907_wrap .color_box3 p.tex{width: 100%;padding-left: 0;font-size: 16px;line-height:25px;}

}

/*수강명령대상자*/
.cts2907_wrap .color_box4{position: relative; margin-top:62px; padding: 20px 50px 20px 30px; background-color: #009fab; color: #fff; }
.cts2907_wrap .color_box4:before{display: block; position: absolute;  top:0; left:18px; width: 89px; height: 72px;
    background-image: url("./img/cts2_icon01.png"); background-repeat: no-repeat; background-size: contain;}
.cts2907_wrap .color_box4 p.titl{position: relative; width:318px; padding-top:13px; font-size: 28px; letter-spacing: -0.025em; font-weight: 600; vertical-align: top;color:#fff;}
.cts2907_wrap .color_box4 p.titl:before{display: block; position: absolute; top:-55px; right: 0; width: 1px; height: 108px; background-color:rgba(255, 255, 255, 0.23);}
.cts2907_wrap .color_box4 p{display: inline-block;}
.cts2907_wrap .color_box4 p.tex{position: relative; width: calc(100% - 322px); padding-left: 63px; font-size: 47px; line-height: 30px; letter-spacing: -0.005em; word-break: keep-all; color:#fff;}

@media all and (max-width: 640px) {
    .cts2907_wrap .color_box4 p{display: block; }
    .cts2907_wrap .color_box4 p.titl{width: 100%; padding-top: 0; font-size: 25px;}
    .cts2907_wrap .color_box4 p.titl:before{width:3px; height: 67px;}
    .cts2907_wrap .color_box4 p.tex{width: 100%;padding-left: 0;font-size: 16px;line-height:25px;}

}


/**서브 탭***/
.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: #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%;}
.tabs_8ea {width: 100%;	margin:0 auto;}
.tabs_8ea li {width: 12%;}
@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 .tabs_8ea{	width: 100%;}
	.tabs_2ea li, .tabs_3ea li, .tabs_4ea li, .tabs_5ea li, .tabs_6ea li .tabs_7ea li.tabs_8ea li{
		 width:100%; border-right:1px solid #ddd;}
}

@media (max-width: 600px){
.tabs_2ea li {width: 100%;}
}
/***탭 끝***/
/***하단버튼***/
/* 목록(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://66.232.140.9/~moreweb/theme/jcfmc/images/circleBullet.png) left top no-repeat; font-size:16px;}
.con .infoList .tit { display:block; font-size:18px; font-weight:bold; margin-bottom:5px; }


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




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