@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
body {background:#fff; }
#container {position:relative; z-index:0;; }



.sub_visual {position:relative;text-align:center;overflow:hidden;width:100%;height: 300px;background-repeat:no-repeat;background-position:center top;background-image:url(../images/sub/sub_visual_default.jpg);}
.sub_visual p{padding-top: 72px;font-size:16px;/* line-height:40px; */color:#fff;letter-spacing: 2px;font-family: 'Roboto', sans-serif;font-weight: 500;/* font-family: 'Nanum Square'; */position:relative;z-index:1;}

.sub_visual .this_title{padding-top: 108px;font-size: 53px;line-height:40px;color:#fff;letter-spacing: 0px;font-weight: 800;font-family: "nanumsquare", sans-serif;/* font-family: "SBAggroL", sans-serif; */position:relative;z-index:1;}
.sub_visual .this_title span{display:block;line-height: 23px;margin-top: 46px;font-size: 19px;font-family: 'Noto Sans KR',sans-serif;font-weight: 300;letter-spacing: 0.5px;opacity: 0.8;}
.sub_visual .bg {position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0,0,0,0.3);z-index:1;}

.sub_visual .this_title:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 40px;
    left:50%;
    margin-left:-20px;
    background-color: #ffffff;
    text-align:center;
    top: 163px;
}

.slider-container {
  position: relative;
  max-width: 680px;
  margin: 10px auto;
  overflow: hidden;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  text-align: center;
}

.slide img {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e1e1e1;
  padding: 3px;
  box-sizing: border-box;
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(125 125 125 / 35%);
  border: none;
  cursor: pointer;
  z-index: 999999;
  font-size: 18px;
  border-radius: 50%;
  width: 40px;
  color: #fff;
  height: 40px;
}

.slider-btn.prev {
  left: 0;
}
.slider-btn.next {
  right: 0;
}

.slider-dots {
  text-align: center;
  margin-top: 10px;
}

.slider-dots .dot {
  display: inline-block;
  width: 12px !important;!i;!;
  height: 12px !important;!i;!;
  margin: 0 4px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 0;
}

.slider-dots .dot.active {
  background-color: #069164;
}



/* 이메일무단수집거부 안내 */
h2.noti_tit{text-align:center; border-bottom:1px solid #e1e1e1; margin:57px 0 20px; padding-bottom:20px;}
p.noti_txt{/* text-align:center; */}
	p.noti_txt span.point{color: #f1342c;}
	p.noti_txt span.date{display:block;color: #067d3d;margin-top:10px;}
div.in_area{width: 80%;/* margin:0 auto; */}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom: 50px;padding-left:1px;zoom:1;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width: 229px;margin-right: 10px;}
#bo_cate li:last-child {margin-right: 0px;}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}


#bo_cate a {
    display: flex; /* flexbox 사용 */
    align-items: center; /* 세로 중앙 정렬 */
    justify-content: center; /* 가로 중앙 정렬 (선택사항) */
    height: 40px; /* 원하는 높이로 고정 */
    
    position: relative;
    padding: 5px 10px; /* 좌우 패딩만 주기 */
    margin-left: -1px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    color: #4e4e4e;
    text-align: center;
    font-size: 15px;
    border-radius: 11px;
    font-weight: 400;
    letter-spacing: -1px;
    cursor: pointer;
}

#bo_cate #bo_cate_on {
    z-index: 2;
    border: 1px solid #eb8271;
    background: #eb8271;
    color: #ffffff;
    height: 40px; /* 같은 높이 */
    display: flex;
    align-items: center;
    justify-content: center;
}





.td_subject img {margin-left:3px}


#container_sub {margin-top:30px;}


/*레프트메뉴*/
#left {float:left;width: 210px;position:relative;}
#left h2 {position:relative;color: #4f972b;padding: 25px 0px;margin-bottom: 30px;font-size: 28px;letter-spacing:-1px;line-height:25px;/* text-align:center; */font-weight: 700;border-bottom: 3px solid #4f972b;letter-spacing: 0.3px;/* background: #058b44 url(../images/sub/sub_navi_bg.jpg); */}



ul#leftMenu {border:1px #ddd solid;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;}
ul#leftMenu li {position:relative;letter-spacing: 0.5px;}
ul#leftMenu li a.left_first_depth {display:block;color:#555555;font-size: 17px;border-bottom: 4px #fff solid;line-height: 25px;padding: 20px 15px;font-weight: 600;}
ul#leftMenu li a.left_first_depth:hover {/* font-weight:bold; */color: #00632b;border: 2px solid #9fcb36;}
ul#leftMenu li a.left_first_depth.on {font-weight:bold;color: #00632b;border: 2px solid #9fcb36;}

ul#leftMenu li div {display:none;position:relative; background:#f8f8f8; overflow:hidden; border-bottom:1px #ddd solid;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:10px 0;border-top:0px; }
ul#leftMenu li div ul li {font-size:12px; border-bottom:0px;}
ul#leftMenu li div ul li a {display:block;border:0px; color:#777;padding:0 0 0 35px; line-height:22px;background:url(../images/sub/three_depth_dot.jpg) 20px 50% no-repeat;}







/* 부메뉴 스타일 (새로운 sub_first_depth 클래스) */
ul#leftMenu li a.sub_first_depth {
  display: block;
  color: #555;
  font-size: 14px; /* 주메뉴보다 작은 폰트 */
  font-weight: 500; /* 주메뉴보다 얇은 굵기 */
  padding: 12px 20px 12px 30px; /* 들여쓰기 추가 */
  border-left: 3px solid transparent; /* 왼쪽 테두리 */
}

ul#leftMenu li a.sub_first_depth:hover {
  /* color: #00632b; */
  background-color: #f1f8e9; /* 부메뉴 호버 배경 */
}

ul#leftMenu li a.sub_first_depth.on {
  color: #737373;
  font-weight: 600;
   /* 선택 시 왼쪽 테두리 강조 */
  background-color: #f1f8e9;
}

/* 서브메뉴 영역 스타일 */
ul#leftMenu .sub-menu {
  border-top: 1px solid #eee;
  background: #fff;
}





#contentGroup {overflow:hidden;margin-left: 250px;}





/*가이드박스*/
.common_guide {position:relative; }
.common_guide h3 {position:relative;color: #1a1a1a;font-size: 40px;padding: 26px 0px;letter-spacing: 0px;line-height:23px;border-bottom:1px #ddd solid;font-family: 'Nanum Gothic', sans-serif;font-weight: bold;}

.common_guide .guide {position:absolute;top: 38px;right:0px;}
.common_guide .guide li{float:left;color:#777777;line-height:23px; font-size:12px; padding:0 12px 0 12px;background:url(../images/sub/guide_dot.jpg) left 50% no-repeat; }
.common_guide .guide li.home {padding:0 12px 0 0;background:none; }
.common_guide .guide li.home a{display:block; padding-left:13px; background:url(../images/sub/guide_home.jpg) left 50% no-repeat;   }
.common_guide .guide li a {color:#777777;}
.common_guide .guide li.this {color: #000;padding-right:0px;font-weight:bold;}




/*컨텐츠박스*/
#content {position:relative;min-height:400px;margin: 36px 0 40px 0;}

#content ul li{
    line-height: 22px;
}

.tep_menu{position:relative; margin-bottom:10px;}
.tep_menu li{display:inline-block; width:120px;text-align:center; }
.tep_menu li a{display:block; line-height:33px; background:#f8f8f8; border:1px #ddd solid;}
.tep_menu li a.on,
.tep_menu li a:hover{background:#0965c4; color:#fff; border-color:#02afe3;}




/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both;font-size: 30px;color: #0768ad;line-height: 18px;padding-left: 23px;margin-bottom: 25px;font-weight: 800;letter-spacing: -0.5px;background: url(../images/common/bul_circle_blue.png) no-repeat 0px 0px;}
h5.cStyle {clear:both;font-size: 25px;/* padding: 0 0 0px 16px; */color: #3a3a3a;padding-bottom: 10px;padding-left: 21px;line-height:24px;margin-bottom:10px;font-weight: 600;background: url(../images/sub/h5_dot.jpg) left 3px no-repeat;}
h6.cStyle {clear:both;font-size: 20px;padding: 0 0 0 12px;color: #262626;background: url(../images/sub/h6_dot.jpg) 0px 6px no-repeat;line-height: 18px;margin-bottom: 15px;font-weight: 600;letter-spacing: -1px;}

dl.cStyle {clear:both;}
dl.cStyle dt {padding:0 0 0 36px; margin:15px 0 0 0; color:#555; background:url(../images/sub/dt_dot.jpg) 25px 9px no-repeat; line-height:20px; }
dl.cStyle dd {padding:0 0 0 46px; margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.jpg) 35px 10px no-repeat; line-height:20px;}
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}




ul.cStyle {overflow:hidden;}
ul.cStyle li{padding: 0 0 0 12px;font-size: 15px;color:#555;background: url(../images/sub/dt_dot.jpg) 5px 13px no-repeat;line-height: 28px;/* font-weight: 600; */}

ul.cStyle2 {overflow:hidden;}
ul.cStyle2 li{padding: 0 0 0 12px;font-size: 15px;color:#555;background: url(../images/sub/dt_dot.jpg) 5px 27px no-repeat;line-height: 58px;font-weight: 600;border-bottom: 1px dotted #c9c9c9;}


p.cStyle {clear:both;font-size: 14px;/* padding:0 0 0 8px; */line-height: 24px;color: #525252;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}

p.cStyle2 {clear:both; font-size:13px; padding:0;}
p.cStyle2 b {color:#fb7a0b; letter-spacing:0;}
p.cStyle2 img {max-width:100%;}

p.cStyle3 {text-align:center;}
p.cStyle3 img{max-width:100%;}








/*후원신청*/
.sub03_02_top {border:1px #ddd solid; padding:30px; background:url(../images/contents/business/sub03_02_top_bg.png) 60px 50% no-repeat;}
.sub03_02_top dl {padding-left:200px;}
.sub03_02_top dl dt{font-size:20px; color:#000; line-height:25px;font-weight:bold; margin-bottom:15px; }
.sub03_02_top dl dd{font-size:16px; color:#777; }

.sub03_02_list {margin-top:20px;overflow:hidden;}
.sub03_02_list li {float:left;width: 302px;margin-right: 22px;}
.sub03_02_list li i{font-size:22px}

.sub03_02_list li.last {margin-right:0px;}
.sub03_02_list li .box { text-align:center;}
.sub03_02_list li dl{color: #ffffff;padding: 25px 0px 12px;}
.sub03_02_list li.m1 dl {
  background: #58b76d;  /* 파스텔 오렌지 */
}

.sub03_02_list li.m2 dl {
  background: #7cb789;  /* 파스텔 핑크 */
}

.sub03_02_list li.m3 dl {
  background: #76b965;  /* 파스텔 블루 */
}
.sub03_02_list li.m4 dl {background:#00aaa1;}
.sub03_02_list li dl dt {font-size:25px;line-height: 42px;}
.sub03_02_list li dl dd {padding-top:10px; font-size:14px;}
.sub03_02_list li .icon {border:1px #ddd solid;padding: 15px 8px;min-height: 204px;}
.sub03_02_list li .icon img {vertical-align:middle; max-width:100%;}
.sub03_02_list li .icon .txt{height: 136px;}
.sub03_02_list li .icon p{padding-top: 0px;}



/*후원금 이렇게 사용됩니다.*/
.huwon{padding-top:12px;/* height: 310px; */border: 1px solid #ddd;padding: 36px;display: flex;}
.huwon dl{float:left;margin-bottom:45px;width:240px;height:278px;margin-right: 46px;vertical-align:top;}






.huwon dl:nth-child(3){margin-right:0px;}
.huwon dl:nth-child(6){margin-right:0px;}
.huwon dl dt{margin-bottom:15px;font-size:18px;line-height:1.3;font-weight:bold}
.huwon dl dt img{display:block;margin-bottom:15px}
.huwon dl dd{font-size:14px;line-height:24px;color:#666;word-break:keep-all;}
.reservation{
    padding: 7px 20px;
    font-size: 14px !important;
    border-radius: 3px;
    text-align: center;
    background: #058b44;
    color: #fff !important;
    display: inline-block;
    font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif !important;
}
.reservation_no{
    padding: 7px 20px;
    font-size: 14px !important;
    border-radius: 3px;
    text-align: center;
    background: #b51d27;
    color: #fff !important;
    display: inline-block;
    font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif !important;
}
.reservation_check{
    padding: 7px 20px;
    font-size: 14px !important;
    border-radius: 3px;
    text-align: center;
    background: #373737;
    color: #fff !important;
    display: inline-block;
    font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif !important;
}

.badge_ing{
    padding: 6px 30px;
    /* line-height: 30px; */
    border-radius: 18px;
    text-align: center;
    background: #6fbc20;
    color: #fff;
    display: inline;
    width: 50px;
    display: inline-block;
}
.badge_do{
    display: inline-block;
    padding: 6px 30px;
    border-radius: 18px;
    text-align: center;
    background: #fdecb3;
    color: #585858;
    /* width: 50px; */
}
.badge_end{
    padding: 6px 30px;
    border-radius: 18px;
    text-align: center;
    background: #9d9d9d;
    color: #fff;
    /* width: 50px; */
    display: inline-block;
}
.twogrid ul {
 display:table;
 width:100%;
 table-layout:fixed;
 background: #fbfbfb;
 padding: 10px 10px;
 margin: 15px 0px;
 /* border-bottom:1px #ededed solid; */
 /* border-top: 1px #ededed solid; */
 }
.twogrid ul li{display:table-cell; vertical-align:middle;}
.twogrid ul li.photo_col {width: 360px;}
.twogrid ul li img {vertical-align:middle;}
.twogrid ul li dl {padding:0 30px;}
.twogrid ul li dl dt {font-size: 20px;font-weight:bold;color: #045b27;margin-bottom:20px;margin-top: 15px;padding: 0 0 10px 0;border-bottom: 1px dotted #cbcbcb;}
.twogrid ul li dl dd {font-size: 15px;line-height: 26px;color: #565656;margin-bottom: 30px;margin-top: 0px;word-break: keep-all;/* font-weight: 600; */}


.business_box {position:relative;margin-top: 40px;}
.business_box .default_layout{position:relative;}
.business_box ul {overflow:hidden; }
.business_box ul li{float:left;margin-right: 4px;/* margin-bottom: 10px; *//* text-align:center; */position:relative;}
business_box ul li.center{margin:0 20px;}
.business_box ul li .box {
    width: 316px;
}
.business_box ul li .box .btn{
}

.business_box ul li .box .icon {overflow:hidden;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.business_box ul li .box .icon img {vertical-align:middle;overflow:hidden;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;width: 100%;height: 230px;/* max-height: 357px; */}
.business_box ul li .box .hidden_text{display:none;}
.business_box ul li .box .text{font-size: 14px;color: #6e6e6e;margin-bottom: 10px;height: 110px;padding: 10px;line-height: 23px;background: #f9f9f9;border: 1px solid #e5e5e5;word-break: keep-all;}



.business_box ul li .box .text .cStyle li{padding: 0 0 0 6px;font-size: 13px;color:#555;background: url(../images/sub/dt_dot.jpg) 0px 7px no-repeat !important;line-height: 17px;/* font-weight: 600; */float: inherit;margin-top: 10px;letter-spacing: -0.4px;}

.business_box ul li .box .title{font-size: 18px;color: #fff;text-align:center;padding: 16px 0px 16px;border-top:0px;background: #747474;/* font-weight: 600; */width: 100%;}
.business_box ul li .box .title .btn{position: absolute; right: 260px; top: 9px;}


.main_business_box ul li:hover .box .icon img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.toy {margin: 0 auto;border-bottom: 2px solid #d7d7d7;padding-top: 260px;background: url(../images/sub/toy_bg.jpg) no-repeat 72px 0px;height: 220px;}
.toy p {font-size: 16px;color: #7a7a7a;/* font-weight: 600; */line-height: 27px;text-align: center;}
.toy a {float:left;}
.toy img{/* padding:10px */}

 /* Program Participate */

.prog_wrap, 
.prog_view_wrap{
	/* padding-left: 20px; */
}

.prog_wrap table,
.prog_view_wrap table{
	border-top: 2px solid #6fbc20;
	width: 100%;
	margin-top: 30px;
	border-collapse: collapse;
}

.prog_wrap table th,
.prog_wrap table td,
.prog_view_wrap table th,
.prog_view_wrap table td{
	/* font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', sans-serif; */
	padding: 17px 0;
	text-align: center;
}

.prog_wrap table th{
	background: #f4f4f4;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.prog_wrap table th:first-child{
	border-left: none;
}

.prog_wrap table td{
	font-size: 15px;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.prog_wrap table td:first-child{
	border-left: none;
}

.prog_wrap table td a{
	text-decoration: none;
	font-size: 15px;
}

.prog_wrap table .ing,
.prog_wrap table .end{
	display: block;
	padding: 5px 5px;
	color: #fff;
	margin: 0 auto;
	border-radius: 5px;
	font-size:13px;
	width: 50px;
}

.prog_wrap table .ing,
.prog_cont th .ing{
	background: #6fbc20;
}

.prog_wrap table .do,
.prog_cont th .do{
	background: #fdecb3;
	color: #000 !important;
}


.prog_wrap table .end,
.prog_cont th .end{
	background: #bbb;
}

.prog_cont th,
.prog_cont td{
	border-bottom: 1px solid #d1d1d1;
}

.prog_cont th{
	font-size: 22px;
	font-weight: normal;
}

.prog_cont th .date{
	font-size: 14px;
	color: #777;
	margin: 0 15px;
}

.prog_cont th .ing,
.prog_cont th .do,
.prog_cont th .end{
	font-size: 17px;
	display: inline-block;
	padding: 0 20px;
	margin: 0 10px;
	line-height: 33px;
	border-radius: 5px;
	text-align: center;
	min-width: 30px;
	color: #fff;
}

.prog_cont tr:first-child th{
	text-align: center;
	padding-left: 10px;
	/* font-weight: 600; */
	line-height: 34px;
	font-family: "nanumsquare", sans-serif;
}

.prog_cont .cont{
	padding: 10px;
}

.prog_cont .cont td{
	font-size: 16px;
}

.prog_cont .file td{
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
}

.prog_cont .file .bar{
	color: #ccc;
	margin: 0 10px;
}

.prog_view_wrap .go_list{
	padding : 5px 0;
	width: 70px;
	background: #666;
	color: #fff;
	border-radius: 5px;
	text-align:center;
	text-decoration: none;
	display: block;
	margin: 50px auto;
}

.prog_view_wrap h2{
	font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
}

.prog_view_wrap .btn_parti{
	background: #6fbc20;
	color: #fff;
	width: 140px;
	padding: 14px 0;
	border-radius: 5px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 20px auto;
	font-size: 15px;
	float: right;
	overflow: hidden;
	font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif;
}
.prog_view_wrap .btn_check{
	background: #a5a5a5;
	color: #fff;
	width: 140px;
	padding: 14px 0;
	border-radius: 5px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 20px auto;
	font-size: 15px;
	float: right;
	overflow: hidden;
	font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif;
}
.prog_precondi th,
.prog_precondi td{
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

.prog_precondi th{
	font-weight: normal;
	background: #f4f4f4;
}

.prog_precondi td{
	font-size: 15px;
	border-left: 1px solid #d1d1d1;
}

.prog_precondi tr th:first-child,
.prog_precondi tr td:first-child{
	border-left: none;
}

.prog_precondi td .prog_user_p{
	text-decoration: none;
}

.prog_precondi td .no_check,
.prog_precondi td .check_end,
.prog_precondi td .check_ing{
	color: #fff;
	padding: 3px 5px;
	font-size: 13px;
	border-radius: 5px;
}

.prog_precondi td .no_check{
	background: #bbb;
}

.prog_precondi td .check_end{
	background: #666;
}

.prog_precondi td .check_ing{
	background : #6fbc20;
}

.prog_precondi td a{
	text-decoration: none;
	font-size: 15px;
}

.prog_user_pw{
	padding-left: 20px;
	margin-top: 30px;
	font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', sans-serif;
}

.prog_user_pw p{
	text-align: center;
	font-size: 16px;
}

.prog_user_pw .pw_box{
	border: 1px solid #d1d1d1;
	padding: 30px;
	width: 350px;
	margin:0 auto;
}

.prog_user_pw .pw_box label{
	font-size: 15px;
	margin-right: 10px;
}

.prog_user_pw .pw_box input{
	height: 30px;
}

.prog_user_pw .pw_box #ok,
.prog_user_pw .pw_box #cancel{
	cursor: pointer;
	border: none;
	color:#fff;
}

.prog_user_pw .pw_box #ok{
	background: #6fbc20;
}

.prog_user_pw .pw_box #cancel{
	background: #666;
}

.prog_user_info{
	padding-left: 20px;
	margin-top: 30px;
	font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', sans-serif;
}

.prog_user_info table{
	width: 100%;
	border-collapse: collapse;
}

.prog_user_info table th,
.prog_user_info table td{
	padding: 10px 0;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.prog_user_info table th:first-child{
	border-left: none;
}

.prog_user_info table .prog_name{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	background: #6fbc20;
	color:#fff;
	text-align: center;
	padding: 15px 0;
}

.prog_user_info table th{
	background: #f4f4f4;
	text-align: left;
	padding: 0 10px;
	font-weight: normal;
	font-size: 14px;
}

.prog_user_info table td{
	padding-left: 10px;
}

.prog_user_info table .red{
	color: #de0d0d;
	vertical-align: baseline;
}

.prog_user_info table input{
	border: 1px solid #d1d1d1;
	height: 30px;
	width: 200px;
}

.prog_user_info table textarea{
	width: 100%;
	height: 250px;
	font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', sans-serif;
}

.prog_user_info #priv_chk{
	width: 15px;
	height: 15px;
}

.prog_user_info .btn_wrap{
	display: table;
	margin: 30px auto;
}

.prog_user_info .user_ok,
.prog_user_info .user_cancel{
	cursor: pointer;
	border: none;
	color:#fff;
	width: 100px;
	height: 30px;
}

.prog_user_info .user_ok{
	background: #6fbc20;
}

.prog_user_info .user_cancel{
	background: #666;
}

.toy_search{
    background: #eaba56;
    padding: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
}
.toy_box{
    width: 250px;
    cursor: pointer;
    float: left;
    display: inline-block;
    border: 2px solid #ededed;
    padding: 17px;
    margin-right: 30px;
    border-radius: 5px;
}

.toy_box img{
width: 250px;
height: 250px;
border: 1px solid #e3e3e3;
margin-bottom: 10px;
}
.toy_box span.t1 {
    color: #000000;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    display: block;
    /* margin-bottom: 5px; */
    }
.toy_box span {line-height: 22px;}
.toy_box span.t3 {
}
.toy_box span.t4 {
}
.toy_box span.t5 {
}

.time_style {text-align:left;color:#000000;font-size:11px;margin-bottom:5px;padding: 3px 3px;background:#f6f6f6;border: 1px solid #dddddd;line-height:20px;font-weight:bold;}
.btn_min_green {border: solid #54952d 1px;background-color: #60a138;padding: 3px 3px 2px 3px;font-family:'NanumGothic';font-size:11px;cursor:pointer;color:#fff;font-weight:normal;}
.btn_min_gray {border: solid #898989 1px;background-color: #8b8b8b;padding: 3px 3px 2px 3px;font-family:'NanumGothic';font-size:11px;cursor:pointer;color:#fff;font-weight:normal;}


p.cStyle6 {text-align:center;margin-top:15px;font-size: 16px;line-height: 27px;/* border: 2px #05632c solid; */padding: 31px;color: #4e4e4e;font-weight: 600;letter-spacing: -0.5px;background: #fbfbfb;/* border-bottom: 1px solid #058b44; */border-top: 2px solid #058b44;margin-bottom: 20px;}
p.cStyle6 img{max-width:100%; vertical-align:middle;}

 .rent {position:relative;margin-top: 50px;}
.rent .icon {position:absolute; right:0px; top:0px;}
.rent .icon img {vertical-align:middle; max-width:100%;}

.rent .text_box {padding-right:50%;}

.rent .title {font-size:40px; font-weight:bold; color:#000f; padding-top:40px;}
.rent .title_info {font-size:20px; padding-top:30px; color:#0060b0;}

.rent  dl {margin-top: 30px;padding: 30px 20px;background: #ffffff;border: 1px solid #ededed;}
.rent  dl dt {font-size: 19px;font-weight:bold;margin-bottom: 26px;color: #00561b;padding-left: 18px;background: url(../images/common/dot_icon.jpg) 0px 6px no-repeat;}
.rent  dl dd {font-size:14px;color: #566256;line-height: 23px;margin: 12px 0px 5px;background: url(../images/common/bul_arrow_gray.gif) left 10px no-repeat;padding-left:10px;}
.rent  dl dd span{color: #c70808;font-weight: bold;text-decoration-line: underline;font-size: 15px;}
.rent  dl dd b{color: #000000;font-weight: bold;font-size: 14px;}

.common_jahwal_top {padding:30px;border:1px #ddd solid;/* font-size: 15px; *//* text-align: center; *//* margin-top: -1px; *//* font-weight: 600; */margin-bottom: 30px;}
  	.edu_btn {
  color: #443c26;
  background: #fbe29b;
  display: block;
  font-weight: bold;
  text-align: center;
  height: 12px;
  padding: 10px 15px 10px 15px;
  line-height: 12px;
  float: left;
  margin-right: 10px;
  font-size: 14px;
  letter-spacing: -0.5px;
  border-radius: 12px;
 }


.go_btn {
  color: #16a201;
  background: #ffffff;
  display: block;
  border: 1px solid #16a201;
  font-weight: bold;
  text-align: center;
  height: 13px;
  padding: 17px 15px 17px 10px;
  line-height: 12px;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 16px;
  letter-spacing: -0.5px;
  border-radius: 9px;
  width: 200px;
 }
 .go_btn i{
  border: 1px solid #ffffff !important;
  margin-right: 5px !important;
  color: #16a201 !important;
  border-radius: 0px !important;
  }

.go_btn:hover {
  color: #ffffff;
  background: #525252;
  border: 1px solid #272727;
}
.go_btn:hover i {
  border: 1px solid #525252 !important;
  color: #ffffff !important;
}
  
 .library_btn {
  color: #443c26;
  background: #fbe29b;
  display: block;
  border: 1px solid #e7ce88;
  font-weight: bold;
  text-align: center;
  height: 13px;
  padding: 17px 30px 17px 25px;
  line-height: 12px;
  float: left;
  margin-right: 8.5px;
  margin-left: 8.5px;
  font-size: 16px;
  letter-spacing: -0.5px;
  border-radius: 9px;
  width: 163px;
 }

 .library_btn i{
  border: 1px solid #93845b !important;
  margin-right: 5px !important;
  color: #4a3f21 !important;
  border-radius: 0px !important;
  }
   .library_btn:hover {
  color: #ffffff;
  background: #404040;
  display: block;
  border: 1px solid #1e1e1e;
  font-weight: bold;
  text-align: center;
  height: 13px;
  padding: 17px 30px 17px 25px;
  line-height: 12px;
  float: left;
  margin-right: 8.5px;
  margin-left: 8.5px;
  font-size: 16px;
  letter-spacing: -0.5px;
  border-radius: 9px;
  width: 163px;
 }
   .library_btn:hover i{
  border: 1px solid #ffffff !important;
  margin-right: 5px !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  }
 span.photo_col img {
    /* height: 193px; */
    min-height: 193px;
    }
    
    
.b_quick_wrap {margin:60px 0px;}
.b_quick_wrap h3 {text-align:center; font-size:30px; color:#333;}
.b_quick_wrap h3 div {font-size:16px; font-weight:normal; margin-top:10px;}
.b_quick_wrap h3 span{color:#009057;}
.b_quick_wrap ul {overflow:hidden;/* margin-top:30px; */}
.b_quick_wrap ul li{float:left;width: 475px;/* margin-left: -2px; *//* margin-top: -2px; *//* width: 25%; */text-align:center;}
.b_quick_wrap ul li.w_100{float:left;width: 100%;/* margin-left: -2px; *//* margin-top: -2px; *//* width: 25%; */text-align:center;}

.b_quick_wrap ul li .icon {height: 110px;width: 110px;margin: 0 auto;line-height: 105px;margin-top: 26px;margin-bottom: 17px;border-radius: 100px;background: #eafbed;}
.b_quick_wrap ul li img {vertical-align:middle;width: 66px;/* transition:transform 500ms; */}
.b_quick_wrap ul li:hover img {transform:rotateY(180deg); transition:transform 500ms;}
.b_quick_wrap ul li .box {/* padding:0 10px; */height: 308px;border: 2px  #f1f1f1 solid;border-radius: 11px;margin: 10px;/* margin-left: -1px; */}
.b_quick_wrap ul li dl dt {position:relative;color:#222;font-size: 24px;font-weight:bold;padding-bottom:15px;line-height: 26px;}



.b_quick_wrap ul li .cStyle img {transform:none;/* border: 1px solid #d9d9d9; */width: 80px;}
.b_quick_wrap ul li .cStyle:hover img {transform:none}

.b_quick_wrap ul li .cStyle td{color: #838383;font-size: 16px;line-height: 24px;letter-spacing: -1px;padding: 20px 0px 10px;}


.b_quick_wrap ul li dl dt:after {content: "";position: absolute;height: 2px;width: 40px;left: 50%;margin-left: -20px;background-color: #559359;text-align: center;bottom: 6px;}
.b_quick_wrap ul li dl dd {color: #838383;font-size: 16px;line-height: 24px;letter-spacing: -1px;padding: 10px 31px 0px;/* font-weight: 600; */}
.b_quick_wrap ul li a {display:inline-block; margin-top:20px; border:1px #666 solid; padding:0 20px; line-height:30px; color:#666;  transition: all .2s;}
.b_quick_wrap ul li:hover a {background:#666; color:#fff; transition: all .3s;}

.vandi_way{/* margin:70px 0 80px 0; */height: 370px;padding: 20px 80px;border: 1px solid #e1e1e1;}
.vandi_way p{margin:0 0 30px 0;color:#666;line-height:24px}
.vandi_way ol{padding:150px 0 0 0;background:url('../images/sub/vandi_way.gif') no-repeat}
.vandi_way ol li{float:left;text-align:center;font-size:13px;color:#8d8d8d;line-height:20px}
.vandi_way ol li strong{display:block;margin:0 0 10px 0;font-size:15px;font-weight:bold;color:#333}
.vandi_way ol li a{display:block;width:115px;height:30px;margin:15px auto 0;padding:0;border:1px solid #cacaca;line-height:30px;font-size:13px;color: #4e4e4e;background: #fff;border-radius: 4px;}
.vandi_way ol li.way2{width:150px;margin:0 55px 0 85px}
.vandi_way ol li.way2 a{width:140px}
.vandi_way ol li.way4{margin:0 0 0 55px}
.b_quick_wrap ul li .box .img img {
    transition: none;
    transform: none;
    width: 420px;
    height: 240px;
    margin-top: 40px;
}

.b_quick_wrap ul li .box .img:hover{    transition: none;
    transform: none;}

.intro1-1 {
  /* width: 830px; */
  border: 1px dotted #8ea197;
  border-radius: 10px;
  margin: 0 auto 20px;
  padding: 20px 20px;
  word-break: break-all;
  overflow: hidden;
  font-size: 16px;
  line-height: 27px;
  /* font-weight: 600; */
  color: #606060;
  /* background: #e9e9e9; */
}


/*대관시설*/


.sub_01_04_view .common_btn {
    padding: 8px 20px;
}
.sub_01_04_view {position:relative;border: 1px solid #e1e1e1;padding: 20px;}
.sub_01_04_view .sub_01_04_teb {text-align:center;margin: 0 0 20px;}
.sub_01_04_view .sub_01_04_teb li {display:inline-block;min-width: 200px;line-height:45px;}
.sub_01_04_view .sub_01_04_teb li a {display:block;color: #4f972b;font-size: 17px;background: #fff;font-weight: 700;border-radius: 2px;border: 2px solid #4f972b;}
.sub_01_04_view .sub_01_04_teb li a:hover {background: #4f972b;color: #ffffff;}
.sub_01_04_view .sub_01_04_teb li.on a {background: #4f972b;color:#fff;font-weight:600;}

.sub_01_04_view .control {position:absolute;left:0px;top: 350px;width:100%;z-index:99999 !important;}
.sub_01_04_view .control a {float:left;width: 18px;height:64px;background:url(../images/sub/intro03_btn.png) left top no-repeat;text-indent:-99999px;/* background-size: 100%; */}
.sub_01_04_view .control .common_next{float:right; background-position:right top;}

.sub_01_04_view .common_teb_box {display:none;}
.sub_01_04_view .common_teb_box ul {margin:0 auto;/* overflow:hidden; */text-align:center;}
.sub_01_04_view .common_teb_box li {width:100%; display:inline-block;}
.sub_01_04_view .common_teb_box li img {vertical-align:top;width: 880px;height: 500px;/* border-radius: 6px; */margin-bottom: 10px;}

.sub_01_04_view .common_teb_box h3{font-size: 19px;padding: 10px;}

.sub_01_04 .cStyle li{
    display: inline-block;
    width: 200px;
    letter-spacing: -1px;
}
.sub_01_04 .cStyle li:last-child{
    display: inline-block;
    width: 100px;
}
.sub_01_04 .view {
    border: 1px solid #e1e1e1;
    margin-top: 30px;
    padding-bottom: 20px;
}






.sub_02_04 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px;}
.sub_02_04 li{float: left;width: 460px;padding: 7px;/* background: #999; */}
.sub_02_04 li .box {/* border:1px #ddd solid; *//* margin-left:-1px; */margin-bottom:-1px;padding: 30px 20px;min-height:290px;/* height: 750px; */background: #eaba56;border-radius: 5px;}
.sub_02_04 li .box .icon {/* height:70px; */line-height:70px;text-align:center;}
.sub_02_04 li .box .icon img {vertical-align:middle;border-radius: 10px;width: 100%;}
.sub_02_04 li dl dt{font-size: 21px;color: #ffffff;font-weight: 600;height:44px;line-height: 47px;margin:10px 0px;border-bottom:1px #ededed solid;padding-bottom:10px;margin-bottom:15px;}
.sub_02_04 li dl dd{background: url(../images/sub/dt_dot_w.jpg) left 8px no-repeat;padding-left:10px;text-align:left;line-height:18px;font-size: 14px;margin:4px 0px;color: #fff;}


.sub_02_04 li:last-child .box {border: 1px #eaba56 solid;/* margin-left:-1px; */margin-bottom:-1px;padding: 0 20px 30px;min-height: 290px;background: #ffffff;border-radius: 5px;}
.sub_02_04 li:last-child .box .icon {/* height:70px; */line-height:70px;text-align:center;}
.sub_02_04 li:last-child .box .icon img {vertical-align:middle;border-radius: 10px;}
.sub_02_04 li:last-child dl dt{font-size: 21px;color: #cd5e37;font-weight: 600;height:44px;line-height: 47px;margin: 18px 0px;border-bottom:1px #ededed solid;padding-bottom:10px;margin-bottom:15px;}
.sub_02_04 li:last-child dl dd{background: url(../images/sub/dt_dot.jpg) left 8px no-repeat;padding-left:10px;text-align:left;line-height:18px;font-size: 14px;margin:4px 0px;/* font-weight: 600; */color: #383838;}
.sub_02_04 li:last-child dl dd span{color: #383838;font-size: 17px;font-weight: 500;font-family: "SBAggroL", sans-serif;}



.sub_05_01 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px;}
.sub_05_01 li{float:left;width: 50%;}
.sub_05_01 li .box {border:1px #ddd solid;margin-left:-1px;margin-bottom:-1px;padding:20px;min-height:290px;/* height: 1178px; */}
.sub_05_01 li .box .icon {/* height:70px; */line-height:70px;text-align:center;}
.sub_05_01 li .box .icon img {vertical-align:middle;border-radius: 10px;}
.sub_05_01 li dl dt{font-size: 21px;color: #058b44;font-weight: 600;height:44px;line-height: 47px;margin:10px 0px;border-bottom:1px #ededed solid;padding-bottom:10px;margin-bottom:15px;}
.sub_05_01 li dl dd{background: url(../images/sub/dt_dot.jpg) left 14px no-repeat;padding-left: 7px;text-align:left;line-height: 28px;font-size: 15px;letter-spacing:-1px;margin:4px 0px;}

.meritList{width:100%;overflow:hidden}
.meritList li{float:left;width: 48%;}
.meritList li:first-child{margin:0 30px 40px 0}
.meritList li.explain2{margin:0 0 40px 0}
.meritList li.explain3{margin:0 30px 0 0}
.meritList li h4{margin-bottom:20px;font-size: 19px;font-weight:bold;color:#333;}
.meritList li p{margin-bottom:0;font-size:14px;color:#666;line-height:24px;text-align:justify;}

.gangjo{
    color: #383838;
    font-size: 17px;
    font-weight: 500;
    font-family: "SBAggroL", sans-serif;
    display: block;
    margin-top: 16px;
    }


 .card-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(303px, 1fr));
      gap: 20px;
      /* padding: 30px; */
    }
    .card {
      background: white;
      border: 3px solid #ddd;
      padding: 30px 10px;
      position: relative;
      cursor: pointer;
      transition: all 0.3s;
    }

    .card:hover {
      border-color: #145d4c;
      /* box-shadow: 0 0 10px rgba(0, 169, 79, 0.4); */
      background-color: #1a7e6a;
      color: white;
      z-index: 800;
    }
.card:hover p{color: white;}


    .card:hover::after {
      content: "+";
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 50px;
      transform: translate(-50%, -50%);
      color: #00ff88;
	
    }
    .card h3{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

    .badge {
      display: inline-block;
      background: #65c18b;
      color: white;
      font-size: 12px;
      padding: 3px 7px;
      margin-right: 5px;
      border-radius: 3px;
      z-index: 0;
    }
    .modal-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999; /* 매우 높은 값으로 변경 */
}

.modal {
  background: white;
  padding: 30px;
  /* border-radius: 8px; */
  max-width: 700px;
  width: 90%;
  max-height: 90vh;           /* 화면 높이 기준 최대값 설정 */
  overflow-y: auto;           /* 내부 콘텐츠 스크롤 가능 */
  position: relative;
  z-index: 10000;             /* overlay보다 높게 */
}

    .modal h2 {
      margin-top: 0;
    }
    .modal img {
      max-width: 100%;
      margin: 20px 0;
    }
    .close-btn {
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 20px;
      cursor: pointer;
    }
    table.card {
      width: 100%;
      margin-top: 20px;
      border-top: 1px solid #ccc;
    }
    table.card td {
      padding: 10px;
      border-bottom: 1px solid #eee;
    }
    table.card td:first-child {
      font-weight: bold;
      width: 30%;
      white-space: nowrap;
    }
.badge-gray {
    background: #999;
    /* display: inline-block; */
    /* padding: 2px 5px; */
    /* color: #fff; */
    /* border-radius: 4px; */
    /* font-weight: 700; */
    /* line-height: 23px; */
}
.btn-md-green{display:inline-block;width: 150px;height: 40px;text-align:center;line-height: 40px;font-size:16px;font-weight:500;color:#fff;background:#03ae52;border:none;vertical-align:middle;}
.btn-md-gray{display:inline-block;width:160px;height: 40px;text-align:center;line-height: 40px;font-size:16px;font-weight:500;color:#fff;background:#7d7d7d;border:none;vertical-align:middle;}
.sub_title { font-size: 24px; color: #222; font-weight: 700; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #52a728; } .sub0202_wrap > ul { display: flex; flex-wrap: wrap; } .sub0202_wrap > ul > li { width: 49%; margin-right: 2%; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; box-sizing: border-box; } .sub0202_wrap > ul > li:nth-child(2n) { margin-right: 0; } .sub_tit02 { position: relative; display: block; font-size: 20px; color: #222; font-weight: 700; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ddd; line-height: 1.4; } .sub_tit02:before { position: absolute; content: ""; display: inline-block; width: 50px; height: 2px; background: #52a728; bottom: -1px; left: 0; } .sub0202_wrap > ul > li p { color: #777; margin-bottom: 10px; line-height: 1.6; } .dot_list li { position: relative; color: #222; padding-left: 55px; font-size: 14px; line-height: 1.6; margin-bottom: 5px; } .dot_list li:before { position: absolute; content: ""; display: inline-block; width: 5px; height: 5px; background: #52a728; border-radius: 50%; left: 0; top: 9px; } .dot_list li span { position: absolute; left: 14px; font-weight: 500; }/* 가족돌봄 아동지원 영역 스타일 */
.support_desc_box {
  border: 2px solid #f1f1f1;
  padding: 25px 30px;
  margin: 10px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.support_desc_box h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
  display: flex;
  align-items: center;
  gap: 8px;
}

.support_desc_box h5 i {
  color: #559359;
  font-size: 18px;
}

.support_desc_text {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 15px;
}

.support_what_box {
  padding: 15px 20px;
  background: #f8f9fa;
  border-left: 3px solid #559359;
  /* border-radius: 6px; */
  font-size: 15px;
  color: #222;
  line-height: 1.6;
}
/* ▒▒ 공통 .box 구조 유지 ▒▒ */
.b_quick_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.b_quick_wrap ul li {
  width: calc(50% - 10px);
}

.box {
  border: 1px solid #ccc;
  /* padding: 20px; */
  height: 100%;
  background: #fff;
}

.box .icon {
  text-align: center;
  margin-bottom: 10px;
}

.box dl dt {
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.box dl dd {
  font-size: 14px;
  text-align: center;
  color: #333;
  line-height: 1.6;
}


/* ▒▒ 어린이 뮤지컬 전용 디자인 ▒▒ */
.edu_musical_box {
  border: 1px solid #ccc;
  margin-top: 20px;
  background: #fff;
  padding: 30px 20px;
  text-align: center;
}

.edu_musical_box .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  margin-left: 250px;
}

.edu_musical_box .icon {
  font-size: 28px;
  color: #559359;
  margin-bottom: 12px;
  position: absolute;
  left: 100px;
}

.edu_musical_box dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.edu_musical_box dd {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

/* sub contents grid wrap */
.cont_grid_wrap {
    display: flex;
    flex-direction: row;
    margin-left: -12px;
    margin-right: -12px
}

.cont_grid_wrap.flex_wrap {
    flex-wrap: wrap
}

.cont_grid_wrap .col {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box
}

.cont_grid_wrap .col.col_1 {
    width: 8.333333%
}

.cont_grid_wrap .col.col_2 {
    width: 16.666667%
}

.cont_grid_wrap .col.col_3 {
    width: 25%
}

.cont_grid_wrap .col.col_4 {
    width: 33.3333%
}

.cont_grid_wrap .col.col_5 {
    width: 41.666667%
}

.cont_grid_wrap .col.col_6 {
    width: 50%
}

.cont_grid_wrap .col.col_7 {
    width: 58.333333%
}

.cont_grid_wrap .col.col_8 {
    width: 66.666667%
}

.cont_grid_wrap .col.col_9 {
    width: 75%
}

.cont_grid_wrap .col.col_10 {
    width: 83.333333%
}

.cont_grid_wrap .col.col_11 {
    width: 91.666667%
}

.cont_grid_wrap .col.col_12 {
    width: 100%
}

/* sub tab */
.tab-type2.fix-width-tab > li {
    width: 295px
}

/* sub space */
.mb4 {
    margin-bottom: 4px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl60 {
    padding-left: 60px!important
}

.pl70 {
    padding-left: 70px!important
}

.pt30 {
    padding-top: 30px!important
}

.pb0 {
    padding-bottom: 0px!important
}

.pb20 {
    padding-bottom: 20px!important
}

/* 후원 리뉴얼 230317 */
.cont_support_top {
    width: 1200px;
    height: 480px;
    margin: 0 auto;
    margin-top: 70px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    letter-spacing: -1.2px
}

.cont_support_top .top_txt {
    display: inline-block;
    font-size: 42px;
    line-height: 52px;
    color: var(--renew-point-color);
    font-weight: 400;
    position: relative;
    padding-left: 28px;
    margin-top: 125px;
    margin-left: 100px
}

.cont_support_top .top_txt>span {
    display: inline-block;
    color: #222;
    font-weight: 700;
    position: relative
}

.cont_support_top .top_txt>span::after {
    content: '';
    display: block;
    width: 22px;
    height: 16px;
    position: absolute;
    bottom: -8px;
    right: -30px;
    background-image: url(https://www.childfund.or.kr/resources/images/support/contents_support_top_txt.png);
    background-position: -20px 0
}

.cont_support_top .top_txt::before {
    content: '';
    display: block;
    width: 20px;
    height: 16px;
    position: absolute;
    top: -3px;
    left: 0;
    background-image: url(https://www.childfund.or.kr/resources/images/support/contents_support_top_txt.png);
    background-position: 0 0
}

.cont_support_top .support_top_btn_area {
    width: 996px;
    background-color: #fff;
    height: 76px;
    padding: 36px 44px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.cont_support_top .support_top_btn_area .btn_area_inner {
    height: 100%;
    align-items: center
}

.cont_support_top .support_top_btn_area .btn_area_inner .txt_box {
    font-size: 20px;
    line-height: 28px;
    color: #333
}

.cont_support_top .support_top_btn_area .btn_area_inner .btn_box {
    text-align: right
}

.cont_support_top .support_top_btn_area .btn_area_inner .btn_box>a {
    display: inline-block;
    width: 252px;
    height: 100%;
    background-color: var(--renew-point-color);
    color: #fff;
    padding: 27px 32px;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    position: relative
}

.cont_support_top .support_top_btn_area .btn_area_inner .btn_box>a::after {
    content: '';
    display: block;
    width: 46px;
    height: 16px;
    background-image: url(https://www.childfund.or.kr/resources/images/support/btn_support_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    transition: all 0.4s linear
}

.cont_support_top .support_top_btn_area .btn_area_inner .btn_box>a:hover::after {
    right: 22px
}

.cont_support_box {
    /* margin-top: 120px!important; */
    /* margin-bottom: 120px!important; */
    letter-spacing: -1.2px;
}

.cont_support_box.bg_green_box {
    background-color: #e8f6ee;
    padding-top: 120px;
    padding-bottom: 120px
}

.cont_support_box h4 {
    font-size: 42px;
    line-height: 52px;
    color: #222;
    font-weight: 700
}

.cont_support_box h4 > span {
    font-weight: 400
}

.cont_support_box .support_business_list {
    margin-bottom: 120px
}

.cont_support_box .support_business_list > li {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #cecece
}

.cont_support_box .support_business_list > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.cont_support_box .support_business_list h5 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    position: relative
}

.cont_support_box .support_business_list h5::before {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    background-color: var(--renew-point-color);
    margin-bottom: 14px
}

.cont_support_box .support_business_list .title_txt {
    margin-top: 70px;
    font-size: 20px;
    font-weight: 400;
    color: #666;
    line-height: 32px
}

.cont_support_box .support_business_list > li > div > div > ul > li {
    margin-bottom: 24px
}

.cont_support_box .support_business_list > li > div > div > ul > li:last-child {
    margin-bottom: 0
}

.cont_support_box .support_business_list > li > div > div > ul > li > .inner {
    background-color: #f5f5f5;
    border-radius: 40px 0px 0px 0px;
    height: 388px;
    padding: 52px 40px 0 40px;
    position: relative
}

.cont_support_box .support_business_list > li > div > div > ul > li > .inner h6 {
    font-size: 20px;
    color: var(--renew-point-color);
    font-weight: 700;
    margin-bottom: 23px
}

.cont_support_box .support_business_list > li > div > div > ul > li > .inner p {
    font-size: 18px;
    color: #222;
    line-height: 30px
}

.cont_support_box .support_business_list > li > div > div > ul > li > .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    bottom: 32px;
    background-position: center center;
    background-repeat: no-repeat
}

.cont_support_box .support_benefit_list {
    border: 1px solid #dddddd;
}

.cont_support_box .support_benefit_list > ul > li {
    margin-bottom: 24px
}

.cont_support_box .support_benefit_list > ul > li:nth-child(4), .cont_support_box .support_benefit_list > ul > li:nth-child(5), .cont_support_box .support_benefit_list > ul > li:nth-child(6) {
    margin-bottom: 0
}

.cont_support_box .support_benefit_list > ul > li > .inner {
    background-color: #fff;
    border-radius: 40px 0px 0px 0px;
    padding: 48px 40px;
    height: 220px;
    position: relative
}

.cont_support_box .support_benefit_list > ul > li > .inner h5 {
    color: var(--renew-point-color);
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 2px solid #333
}

.cont_support_box .support_benefit_list > ul > li > .inner h5::before {
    content: '';
    display: block;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-bottom: 30px
}

.cont_support_box .support_benefit_list > ul > li > .inner::before {
    content: '';
    display: block;
    height: 69px;
    position: absolute;
    top: 48px;
    right: 40px;
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_list_bg.png)
}

.cont_support_box .support_benefit_list > ul > li:nth-child(1) > .inner::before {
    width: 27px;
    background-position: 0 0
}

.cont_support_box .support_benefit_list > ul > li:nth-child(2) > .inner::before {
    width: 49px;
    background-position: -27px 0
}

.cont_support_box .support_benefit_list > ul > li:nth-child(3) > .inner::before {
    width: 49px;
    background-position: -76px 0
}

.cont_support_box .support_benefit_list > ul > li:nth-child(4) > .inner::before {
    width: 52px;
    background-position: -125px 0
}

.cont_support_box .support_benefit_list > ul > li:nth-child(5) > .inner::before {
    width: 49px;
    background-position: -177px 0
}

.cont_support_box .support_benefit_list > ul > li:nth-child(6) > .inner::before {
    width: 50px;
    background-position: -226px 0
}

.cont_support_box .support_benefit_list > ul > li > .inner p {
    color: #222;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.cont_support_box .support_benefit_list > ul > li > .inner .more {
    position: absolute;
    top: 149px;
    right: 40px;
    font-size: 12px;
    color: #666;
    display: flex;
    flex-direction: row;
    align-items: center
}

.cont_support_box .support_benefit_list > ul > li > .inner .more::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    background-image: url(https://www.childfund.or.kr/resources/images/support/btn_more.png);
    background-repeat: no-repeat;
    background-position: center center
}

.cont_support_box .support_benefit_list > ul > li > .inner .more:hover::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/btn_more_hover_v2.png);
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out
}

.cont_support_box .movie.cont_support_movie {
    padding: 56px 0 110px 0
}

.cont_support_box .movie.cont_support_movie::after {
    display: none
}

.cont_support_box .movie.cont_support_movie .cons {
    width: 100%
}

.cont_support_box .movie.cont_support_movie .movieSlider1 {
    margin-right: 24px;
    height: 504px;
    width: 895px
}

.cont_support_box .movie.cont_support_movie .movieSlider1 .slide {
    height: 504px
}

.cont_support_box .movie.cont_support_movie .movieSlider1 .slide a {
    width: 132px;
    height: 132px
}

.cont_support_box .movie.cont_support_movie .movieSlider2, .cont_support_box .movie.cont_support_movie .movieSlider2 .slick-list {
    width: 282px;
    height: 504px!important
}

.cont_support_box .movie.cont_support_movie .movieSlider2 .slick-slide~.slick-slide {
    margin-top: 14px;
    background-size: cover!important
}

.cont_support_box .movie.cont_support_movie .movieSlider2 .item {
    height: 159px;
    border: 0
}

.cont_support_box .cont_support_banner_area {
    width: 100%;
    height: 210px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.cont_support_box .cont_support_banner_area .btn_support_banner {
    position: absolute;
    bottom: 54px;
    left: 72px;
    background-color: var(--renew-point-color);
    padding: 14px 24px
}

.cont_support_box .cont_support_banner_area .btn_support_banner>a {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.cont_support_box .cont_support_banner_area .btn_support_banner>a::after {
    content: '';
    display: inline-block;
    width: 29px;
    height: 14px;
    background-image: url(https://www.childfund.or.kr/resources/images/support/btn_support_arrow_s.png);
    background-repeat: no-repeat;
    margin-left: 16px;
    transition: all 0.4s linear
}

.cont_support_box .cont_support_banner_area .btn_support_banner>a:hover::after {
    transform: translateX(10px)
}
/* 정기후원 */
.cont_support_top.regular_top {
    background-color: #e3e5e4;
    background-image: url(https://www.childfund.or.kr/resources/images/support/contents_regular_top_bg.jpg)
}

.cont_support_box .support_business_list .domesticBiz_list li > .inner::after {
    width: 216px;
    height: 176px
}

.cont_support_box .support_business_list .domesticBiz_list li:nth-child(1)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/dosmeticBiz_img01.png)
}

.cont_support_box .support_business_list .domesticBiz_list li:nth-child(2)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/dosmeticBiz_img02.png)
}

.cont_support_box .support_business_list .domesticBiz_list li:nth-child(3)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/dosmeticBiz_img03.png)
}

.cont_support_box .support_business_list .domesticBiz_list li:nth-child(4)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/dosmeticBiz_img04.png)
}

.cont_support_box .support_business_list .domesticBiz_list li:nth-child(5)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/dosmeticBiz_img05.png)
}

.cont_support_box .support_business_list .outBiz_list li > .inner::after {
    width: 216px;
    height: 176px
}

.cont_support_box .support_business_list .outBiz_list li:nth-child(1)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/outBiz_img01.png)
}

.cont_support_box .support_business_list .outBiz_list li:nth-child(2)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/outBiz_img02.png)
}

.cont_support_box .support_business_list .outBiz_list li:nth-child(3)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/outBiz_img03.png)
}

.cont_support_box .support_business_list .outBiz_list li:nth-child(4)>.inner::after {
    background-image: url(https://www.childfund.or.kr/resources/images/support/outBiz_img04.png)
}

.cont_support_box .support_business_list .outBiz_list li:nth-child(3) {
    margin-bottom: 0
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(1) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon01@2x_v2.png)
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(2) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon02@2x_v2.png)
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(3) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon03@2x_v2.png)
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(4) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon04@2x_v2.png)
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(5) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon05@2x_v2.png)
}

.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(6) > .inner h5::before {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_benefit_icon06@2x_v2.png)
}

.cont_support_box .cont_support_banner_area.regular_banner {
    background-image: url(https://www.childfund.or.kr/resources/images/support/support_regular_banner_v2.jpg)
}

/* 미션and비전 */
.cont_mivision .cont_right {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    /* width: 200px; */
}

.cont_mivision .cont_right .cr_box {
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 310px;
    border: 1px solid #ddd;
    border-radius: 25px 25px;
    box-sizing: border-box;
}

.cont_mivision .cont_right .cr_box .ref_icon {
    width: 111px;
    height: 111px;
    margin: 0 auto 35px;
    padding-top: 37px;
}

.cont_mivision .cont_right .cr_box .ref_icon > img {
    width: 100%;
}

.cont_mivision .cont_right .txt_slogan {
    text-align: center;
    border-top: 1px solid #ddd;
}

.cont_mivision .cont_right .txt_slogan .slogan_tit {
    padding-top: 22px;
    font-size: 30px;
    font-weight: 700;
    color: var(--renew-point-color);
    line-height: 1;
}

.cont_mivision .cont_right .txt_slogan .slogan_sense {
    padding-top: 29px;
    font-size: 20px;
    color: #222;
    line-height: 1;
}

.cont_mivision .cont_right .cr_box.right_box .ref_icon {
    width: 109px;
    height: 104px;
    margin-bottom: 38px;
    padding-top: 41px;
}

/* 핵심가치 */
.coreValue_list > li {
    position: relative;
    padding-top: 30px;
    padding-left: 110px;
    border-bottom: 1px solid #ddd;
}

.coreValue_list > li:first-child {
    padding-top: 0px;
}

.coreValue_list > li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    transform: translateY(-50%);
}

.coreValue_list > li:first-child:before {
    top: 42px;
    width: 67px;
    height: 60px;
    margin-left: 5px;
    background: url(https://www.childfund.or.kr/resources/images/intro/ico_intro01.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.coreValue_list > li:nth-child(2):before {
    width: 68px;
    height: 66px;
    margin-left: 4px;
    background: url(https://www.childfund.or.kr/resources/images/intro/ico_intro02.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.coreValue_list > li:nth-child(3):before {
    width: 76px;
    height: 67px;
    background: url(https://www.childfund.or.kr/resources/images/intro/ico_intro03.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.coreValue_list > li:nth-child(4):before {
    width: 57px;
    height: 60px;
    margin-left: 10px;
    background: url(https://www.childfund.or.kr/resources/images/intro/ico_intro04.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.coreValue_list > li h6 {
    font-size: 24px;
    color: #222;
    font-weight: 700;
}

.coreValue_list > li p {
    margin-top: 10px;
    font-size: 20px;
    color: #222;
}











.cont_left {
    width: 360px;
}


.cont_left h5 {
    font-size: 32px;
    font-weight: 800;
    line-height: 54px;
    margin-bottom: 32px;
}

.cont_grid {
    margin-bottom: 40px;
}
.cont_left small {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: initial
}


.cont_right {
    width: 840px;
    font-size: 20px;
    line-height: 32px
}


.cont_right p {
    margin-bottom: 30px;
    word-break: keep-all;
    text-align: justify
}















/* 윤리강령 */
.ethics_list li {
    padding-top: 30px;
    border-bottom: 1px solid #ddd;
}

.ethics_list li:first-child {
    padding-top: 0;
}

.ethics_list li h6 {
    font-size: 24px;
    font-weight: 700;
    color: var(--renew-point-color)
}

.ethics_list li p {
    padding-top: 11px;
    font-size: 20px;
    color: #222;
    line-height: 31px;
}

.about_tab_cont .tab_cont_inner .cont_grid>.cont_right .ethics_list p {
    margin-bottom: 34px;
}

/* CI */
.logo_img_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 350px;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.use_rule_cont {
    margin-top: 123px;
}

.use_rule_cont .accordion_area {
    margin-top: 35px;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content {
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li {
    width: 25%;
    margin-bottom: 23px;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li:nth-child(n+5) {
    width: 33.333%;
    margin-bottom: 0;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .inner {
    margin: 0 7px;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .img_box {
    position: relative;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .img_box:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 9px;
    width: 17px;
    height: 17px;
    background: url(https://www.childfund.or.kr/resources/images/intro/ico_prohibit.png) 0 0 no-repeat;
    background-size: contain;
}

.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .nation {
    font-size: 16px;
    color: #222;
}

.ci_accod_area .accordion .accordion-inner .accordion-toggle::after {
    margin-top: -4px;
    transform: rotate(225deg);
}

.ci_accod_area .accordion .accordion-inner .accordion-toggle.active::after {
    margin-top: -17px;
    transform: rotate(45deg);
}
/* 📌 건의 및 고충상담 폼 스타일 */
.section-counsel {
  padding: 30px 20px;
  background-color: #f8f9fa;
  border-radius: 12px;
}

.section-counsel h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.section-counsel .write ul {
  list-style: none;
  padding: 0;
}

.section-counsel .write ul li {
  margin-bottom: 20px;
  border-top: 1px solid #dfdfdf;
}
.section-counsel .write ul li p{
    padding: 10px 0 0 0;
}
.section-counsel .btxt span {
  font-weight: 500;
  color: #333;
}

.section-counsel .btxt span.text-danger{
    color: #ff4d4d;
}


.section-counsel .chk-input input{
  width: 100%;
  max-width: 500px;
  padding: 0px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  transition: border-color 0.3s;
  height: 38px;
}


.section-counsel .chk-input textarea {max-height: 180px;overflow-y: auto;border: 1px solid #ddd;padding: 15px;background: #fff;border-radius: 8px;font-size: 14px;max-width: 500px;width: 100%;}


.section-counsel .chk-radio {
  display: inline-block;
  margin-right: 20px;
}

.section-counsel .scroll.policy-text {
  max-height: 180px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.section-counsel .agrees label {
  margin-left: 6px;
}

.section-counsel .btn-primary {
  padding: 12px 0px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #009366;
  border: none;
  color: #fff;
  transition: background 0.3s;
}

.section-counsel .btn-primary:hover {
  background-color: #007752;
}
