/*표*/

.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:center; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}
.tbl_type1 th .bg{ background-color:#99EBFF;}
.tbl_type1 .bg{ background-color:#99EBFF; height:1px; margin:0px; padding:0px;}
.tbl_type1 .left{ text-align:left;}
.tbl_type1 .right{ text-align:right;}
.tbl_type1 .center{ text-align:center;}
.tbl_type1 .end{border-right:0px;}
.tbl_type1 .bo{border-bottom: 3px solid #bcbcbc;}


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




.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;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: #f4f4f4;color:#969696;}
.tabs li.active {background-color: #005fab;	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: 24%;}
@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%;}
}
/***탭 끝***/


/*종목안내*/
.grid-block-container {
	float: left;
	width: 100%;
	margin: 10px 0 20px 5px;
}
.grid-block {
	position: relative;
	float: left;
	width: 198px;
	height: 150px;
	margin: 40px 0 20px 5px;
}

.grid-block h4 {
	font-size: 14px;
	font-weight:bold;
	color: #333;
	background: #f5f5f5;
	margin: 0;
	padding: 5px;
	border: 1px solid #ddd;
}

.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: url('./img/trans-black-50.png');
	width: 100%;
	height: 100%;
}
.caption h3, .caption p {
	color: #fff;
	margin: 20px;
}
.caption h3 {
	margin: 20px 20px 10px;
	font-size: 1.3em;
	font-weight:bold;
}
.caption p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 12px;
}
.caption a.learn-more {
	font-size: 14px;
	padding: 3px 8px;
	background: #a23068;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	font-weight: bold;
	text-decoration: none;
}
.caption a.learn-more:hover {
	background: #fff;
	color: #a23068;
}


/*종목버튼*/
.button_lo {
  display: inline-block;
  background-color: #919191;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 11px;
  padding: 6px 2px;
  width: 70px;
  transition: all 0.5s;
  cursor: pointer;
}

.button_lo span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  /* transition: 0.5s; */
  color: #FFFFFF;
}

.button_lo span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s;
}

.button_lo:hover span {
  padding-right: 15px;
  color: #FFFFFF;
}

.button_lo:hover span:after {
  opacity: 1;
  right: 0;
  color: #FFFFFF;
}


/*전체보기버튼*/
.btn-group .button {
	width:100px;
    background-color: #f7f7f7; 
    color: #383838; 
    border: 1px solid #9a9a9a;
    padding: 8px 2px;
    margin: 1px 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    float: left;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.btn-group .button:hover {
    background-color: #891d52;
    color: white; 
    border: 1px solid #891d52;
}
.btn-group .font {font-size: 12px; }

.jongmock img{width:800px; margin-top:40px;}
/*종목안내끝*/

/*종목설명 */
.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:8px; }
.cross ul li .cross_img{ width:100%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross ul li .cross_img img{height:340px;}
.cross ul li .cross_right{ width:100%;  height:340px; background:#f8f8f8; padding:50px 50px 0 50px; box-sizing: border-box; }
.cross ul li.other_type .cross_img{width:100%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross ul li.other_type .cross_right{width:100%;  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) {	

	
}

/*윤리경영*/
.grayboard3 {
  padding: 2em 2em;
  text-align: center;
  background: #f7f7f7;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 1.875em;
}

@media (max-width:1280px) {
  .grayboard3 {
    padding: 2em .625em;
  }
}

.grayboard3 .txt .tit {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 500;
}

.grayboard3 .txt .tit_sub {
  font-size: 19px;
  font-weight: 300;
}


.sub_in.articles .declarationList {
  padding-left: 50px;
  padding-bottom: 2.5em;
  margin-bottom: 2.5em;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#999),color-stop(0,rgba(255,255,255,0)));
  background-image: linear-gradient(to right,#999 25%,rgba(255,255,255,0) 0);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}

@media (max-width:1280px) {
   .sub_in.articles .declarationList {
    padding-left: 0;
  }
}

.sub_in.articles .declarationList li {
  font-size: 20px; 
  font-weight: 300;
  position: relative;
  display: table;
  width: 100%;
  height: 65px;
  padding-left: 4.722em;
}

 .sub_in.articles .declarationList li:not(:last-child) {
  margin-bottom: .833em;
}

.sub_in.articles .declarationList li .cell_box p{
  font-size:18px;
  font-weight: 300;
  }

 .sub_in.articles .declarationList li span {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  display: block;
  line-height: 1;
  width: 3.556em;
  height: 3.556em;
  line-height: 3.556;
  color: #fff;
  top: 0;
  left: 0;
  border-radius: 50%;
  text-align: center;
}



.sub_in.articles .declarationList li:nth-of-type(1) span {
  background: #30b884;
}

.sub_in.articles .declarationList li:nth-of-type(2) span {
  background: #22afa6;
}

 .sub_in.articles .declarationList li:nth-of-type(3) span {
  background: #3ca0d1;
}

 .sub_in.articles .declarationList li:nth-of-type(4) span {
  background: #1774c3;
}
 .sub_in.articles .declarationList li:nth-of-type(5) span {
  background: #30b884;
}

 .sub_in.articles .declarationList li:nth-of-type(6) span {
  background: #22afa6;
}

 .sub_in.articles .declarationList li:nth-of-type(7) span {
  background: #3ca0d1;
}

 .sub_in.articles .declarationList li:nth-of-type(8) span {
  background: #1774c3;
}

.sub_in.articles .declarationList li:nth-of-type(9) span {
  background: #30b884;
}

 .sub_in.articles .declarationList li:nth-of-type(10) span {
  background: #22afa6;
}

.sub_in.articles .des_bottom {
  text-align: center;
  font-weight: 300;
}

 .sub_in.articles .des_bottom strong {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-weight: 400;
  margin-top: .278em;
}


.cell_box {
  display: table-cell;
  vertical-align: middle;
}

/*사업소개*/

.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:275px;width:100%;overflow:hidden;}
.support-wrap .intro.small .img.img11 {background: url(./img/sub4_01.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; }

}

/* button */
.normal_btn {font-size: 21px; color: #ffffff; letter-spacing:-1px;  background: #1b1b1b  url('./image/arrow.png') 90% 50% no-repeat;; padding: 15px  75px 15px 55px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;  cursor:pointer}
.txt_center {text-align: center}
.ptb40 {padding: 40px 0px;}

/*버튼2*/
.btnApplyGo a{padding:13px 50px 17px;background:#ff911d;color:#fff;font-size:22px;font-weight:bold;letter-spacing:-0.03em;border-radius:50px;display:inline-block;margin-top:10px;}
.btnApplyGo a img{vertical-align:-2px;margin-left:6px}
.alignC{text-align:center;}

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

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

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

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

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

.ct{text-align:center;}

/*개인상담*/
/* 이용안내 */
.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:48%; 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:100px}
.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;}


/*순서*/
.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%;}
  }

.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:20px 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;}

/*청소년동반자*/
.SymP {overflow:hidden; text-align:center;}

.SymP dl {
	box-sizing:border-box; transition:all 0.3s ease-out; position:relative; margin:0 0 20px 0; 
	border:1px solid #ddd; background:#fff; padding:20px; overflow:hidden;
	border-radius:20px;
	}
.BG_gray .SymP dl {border:none;}
.SymP dl dt {font-weight:600; margin:0 0 15px 0;font-size:1.5em}
.SymP dl dd {padding:10px 0 0 0}
.SymP dl dd ul li{font-size:16px;}
.SymP dl dt .icon {position:relative;display:block;width:80px; height:80px; border-radius:100%; margin:0 auto 20px auto; }
.SymP dl dt .icon:before {content:''; display:block; width:80px; height:80px; border-radius:100%; position:absolute;top:0;left:0;}

.SymP.type dl{padding:40px 20px}
.SymP.type dt{border-bottom:1px solid #333;padding:0 0 20px 0}

@media(min-width:768px) {
	.SymP {overflow:hidden; width:auto; margin:0 0 0 -2%;}
	.SymP dl {width:48%; float:left; margin:0 0 20px 2%;border-radius:0px;}
	.SymP.w3 dl {width:31.33%;}
}

@media(min-width:1200px) {
	.SymP {padding:2% 0;}
	.SymP dl {position:relative;border:1px solid #ddd; padding:30px; overflow:hidden;}
	.SymP.w4 {margin:0 0 0 -1%}
	.SymP.w4 dl {width:24%;margin:0 0 0 1%;padding:30px 10px;min-height:370px;}
	.SymP.w5 {margin:0 0 0 -1%}
	.SymP.w5 dl {width:19%;margin:0 0 0 1%;padding:30px 10px; }
	.SymP dl dt .icon {width:100px;height:100px;}
	.SymP dl dt .icon:before {width:100px;height:100px;}
	.SymP dl:nth-child(even) {margin-right:0;}
	.SymP > dl:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transform:translateY(-10px);border:1px solid #333;}
}

.nonUL li{padding:8px 5px; margin:0.5em 0; background:#fafafa;}


.C31 dl.i01 .icon:before {background:#c4e0f2 url('./img/s4_icon01.png') center no-repeat; background-size:80%;}
.C31 dl.i02 .icon:before {background:#fff8e1 url('./img/s4_icon02.png') center no-repeat; background-size:80%;}
.C31 dl.i03 .icon:before {background:#bbebd2 url('./img/s4_icon03.png') center no-repeat; background-size:80%;}
.C31 dl.i04 .icon:before {background:#ffe4d9 url('./img/s4_icon04.png') center no-repeat; background-size:80%;}


.C44 dl.i01 .icon:before {background:#c0f5ef url('../images/cont/c4/c44_i01.svg') center no-repeat; background-size:contain;}
.C44 dl.i02 .icon:before {background:#c4e0f2 url('../images/cont/c4/c44_i02.svg') center no-repeat; background-size:contain;}

.font_17{font-size:17px;}

/*후원안내*/
.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 p { color:#005f49; font-size:24px;}
.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';}

/* 순서*/
/*순서_블루*/

.font_size16 { font-size:18px !important;}
.font_size20 { font-size:20px !important;  letter-spacing:-0.05em; line-height:130%}

.content_box2 .color_box2{ position:relative; padding:25px 0px; clear:both;  margin:15px 0px; background:#f8f8f8; border:1px solid #e1e1e1; overflow:hidden;text-align:justify;}
.content_box2 ol{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box2 ul{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box2 li{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }

/* 순서 디자인2 */
.diagram2 {position:relative;  overflow:hidden;  text-align:center}
.diagram2 li{ width:18% !important; display:inline-block; background:url(./img/arrew01.png) center right no-repeat; vertical-align:top}
.diagram2 li.no_bg{background:none}
.diagram2 li .box2{  border:1px solid #dadcde;background:#fff; margin:10px 25px 10px 5px}
.diagram2 li .box2 div{padding:10px 10px; text-align:center; color:#000; font-size:16px;}
.diagram2 li .box2 div.box_title{background:#005f49; display:block; padding:15px 10px;text-align:center; color:#fff }
.diagram2 li .box_pad2{padding:15px 0px; height:75px}

/*순서 디자인2 */

@media screen and (max-width:660px){
.diagram2{ position:relative;  overflow:hidden;  text-align:center}
.diagram2 li{ width:99% !important; display:inline-block; background:url(./img/arrew02.png) center bottom no-repeat; vertical-align:top}
.diagram2 li.no_bg{background:none}
.diagram2 li .box2{  border:1px solid #dadcde;background:#fff; margin:10px 10px 25px 10px}
.diagram2 li .box2 div{padding:10px 10px; text-align:center; color:#000}
.diagram2 li .box2 div.box_title{background:#005f49; display:block; padding:15px 10px;text-align:center; color:#fff }
.diagram2 li .box_pad2{padding:15px 0px; height:auto}
}


@media screen and (max-width:550px){
.font_size20 { font-size:16px !important;  letter-spacing:-0.05em}
}