.sub-content{width:100%;}
 .sub-content_inner{ overflow:hidden; padding:20px 10px; box-sizing:border-box; width:100%;}




/* 충북콩콩나무 - 충북콩콩나무*/
.sub-tit-wrap2{width:100%; overflow:hidden; padding-bottom:10px; border-bottom:2px solid #1d1d1d;}
.sub-tit-wrap2 h3{font-size:20px; display:inline-block; float:left; line-height:1.6;}
.sub-tit-wrap2 h3.color{color:#FFB300;}
.sub-content_inner .contentBox{ padding:20px 0; box-sizing: border-box;}
.sub-content_inner .content{margin-bottom:60px;}
.sub-content_inner .content:last-child{margin-bottom:0;}
.sub-content_inner .content .title{margin-bottom:10px; font-size:15px; }
.sub-content_inner .content .title img{margin-right:5px;}
.sub-content_inner .content p{  line-height:2.0; }
.sub-content_inner .content span.point{margin-bottom:10px; display:inline-block; position:relative;  z-index:1; font-weight:bold; font-size:14px; }
.sub-content_inner .content span.point:before{position:absolute; content:''; width:100%; height:50%; background:#C7FEDA; bottom:0; z-index:-1;}
.sub-content_inner .content span.red{color:#BF2121; font-weight:bold; margin-right:5px;}
.sub-content_inner .content span.bold{font-weight:bold; font-size:13px; line-height:1.6; margin-bottom:20px; display:inline-block;}
.sub-content_inner .content p.list{position:relative; margin-bottom:30px; }
 span.dots{font-weight:900; color:#4E74BF;}

.kong-swiper .swiper-wrapper{}
.kong-swiper .swiper-wrapper .swiper-slide {padding:0 20px; box-sizing:border-box;}
.kong-swiper .swiper-wrapper .swiper-slide img{width:87%;}
.kong-swiper .swiper-button-next{color:#1d1d1d; right:0px;}
.kong-swiper .swiper-button-prev{color:#1d1d1d; left:0px;}
.kong-swiper .swiper-slide{text-align:center;}



.content table{border-top:2px solid #566B92; border-bottom:1px solid #ddd;  text-align:center ;font-size:15px; box-sizing:border-box; width:95%; margin:5px auto 20px; width:100%;}
.content table th{padding:10px 0; background:#F9F9F9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; color:#566B92;}
.content table th:last-child{ border-right:none;}
.content table tr{ border-bottom:1px solid #ddd;}
.content table tr td{padding:10px 20px; box-sizing:border-box; border-right:1px solid #ddd; line-height:1.8;}
.content table td:last-child{ border-right:none;}
.calendar_table td:last-child{border-right:1px solid #ddd !important;}


.kong_guide_table_03 td{padding:8px 10px !important;}
.kong_guide_table_03 td.ul{width:500px !important; }
.kong_guide_table_03 td.ul ul li{margin-bottom:15px !impcortant; text-align:left; list-style:disc;}
.kong_guide_table_03 td.ul ul li:last-child{margin-bottom:0px !important;}
.kong_guide_table_03 td{}

span.first{color:#62911E; font-weight:bold;}
span.second{color:#BF5358; font-weight:bold;}
span.third{color:#188C92; font-weight:bold;}



/* 충북콩콩나무 - 신청하기 */
.calendar_table{margin-top:50px !important; border-top:none !important; font-weight:bold; border:1px solid #ddd; width:100%;}
.calendar_table th{ background:#00234B !important; color:#fff; font-size:16px !important; height:55px !important;}
.calendar_table th a{color:#fff;}
/*.calendar_table th span{font-size:16px;} */
.calendar_table td{padding:5px !important; width:149.55px; position:relative; }
.calendar_table td > div{text-align:left; overflow:hidden;}
.calendar_table td .num{position:absolute; left:10px; top:10px;}
.calendar_table td .reservation{text-align:center !important; height:auto; margin-top:30px;}
.calendar_table td .reservation p:hover{text-decoration:underline;}
.calendar_table td div p{padding-left:0px !important;}
.calendar_table td.sun{color:#BF2121;}
.calendar_table td.sat{color:#0073CB;}
.calendar_table td.sat p{color:#1d1d1d;}
.calendar_table tr.week{height:47px;}
.calendar_table td.holiday{color:#BF2121;}


/* 신청하기 서브페이지 */
.application_sub_table{width:100% !important;}
.application_sub_table tr td:first-child{background:#f8f8f8; font-weight:bold; width:18%;  text-align:center; }
.application_sub_table tr td{ padding: 10px !important; text-align:left; font-size:13px;}
.application_sub_btn p{padding-left:0px !important;}

.class-btn-wrap{width:100%; text-align: center; padding-top:10px; box-sizing:border-box;}
.class-btn-wrap p{display:inline-block; background: #2b3f54; display:inline-block;  }
.class-btn-wrap p:first-child{margin-right:10px; background:#666;}
.class-btn-wrap p a{color:#fff; width:100%; height:100%; display:block ; box-sizing:border-box; padding:5px 40px; text-align:center;}
.class-btn-wrap p:hover{background:#355474;}
.class-btn-wrap p:first-child:hover{background:#777;}


/* 부모교육 이용안내*/
.parents_use_tab{width:100%; overflow:hidden; padding:20px 0; box-sizing:border-box;}
.parents_use_tab li{width:50%; float:left; display:inline-block; text-align:center; height:40px; line-height:40px; background:#eee; cursor:pointer; border-bottom: 1px solid #566B92; font-size:13px;}
.parents_use_tab li.current{background:#fff;  border:1px solid #566B92; border-bottom:none; width:48.5%; color:#566B92 !important; font-weight:bold;  border-top:3px solid #566B92; height:38px;} 
.parents_use_tab li.current a{color:#566B92 !important; }
.parents_use_tab_menu .parents_use_tab_contentBox{width:100%; overflow:hidden; padding:30px 0; padding-top:10px;  box-sizing:border-box;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content{display:none;}
.sub-content_inner .content{margin-bottom:60px;}
.sub-content_inner .content:last-child{margin-bottom:0;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content.current{display:block;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list {font-size:16px; border-bottom:1px solid #ddd; overflow:hidden;  }
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .title{ text-align:center; height:38px; line-height:38px; background:#F9F9F9; margin-bottom:0;
border-bottom:1px solid #ddd; border-top:2px solid #566B92; position:relative; }
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .title:after{position:absolute; content:''; width:1px; height:100%; background:#ddd; left:50%; top:0; transform:translateX(-50%);}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .title h3{float:left; width:50%; margin-bottom:0; font-size:13px; color:#566B92;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title{background:#F9F9F9;border-bottom:1px solid #ddd; height:38px; line-height:38px;  position:relative;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title:after{position:absolute; content:''; width:1px; height:100%; background:#ddd; left:50%; top:0; transform:translateX(-50%);}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title ul{overflow:hidden;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title ul li{float:left; width:25%; text-align:center; position:relative; font-size:13px;  color:#566B92;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title ul li:first-child:after{position:absolute; content:''; width:1px; height:100%; background:#ddd; right:0; top:0;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_title ul li:nth-child(3):after{position:absolute; content:''; width:1px; height:100%; background:#ddd; right:0; top:0;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content{overflow:hidden;position:relative;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content:after{position:absolute; content:''; width:1px; height:100%; background:#ddd; left:50%; top:0; transform:translateX(-50%);}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul{overflow:hidden;  height:100%;  position:relative;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul:after{position:absolute; content:''; width:1px; height:100%; background:#ddd; left:24.9%; top:0;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul:before{position:absolute; content:''; width:1px; height:100%; background:#ddd; right:25%; top:0;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul > li{width:25%; float:left; padding:10px; box-sizing:border-box;  height:100%; }
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul > li ul{width:100%;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul > li ul li{margin-bottom:30px; position:relative;  font-size:13px;}
.parents_use_tab_menu .parents_use_tab_contentBox .tab-content .content_list .sub_content > ul > li ul li:last-child{margin-bottom:0;}


/* 대면교육 */
.sub-content-box{padding:20px 0; box-sizing:border-box;}
.facetoface_table{width:100% !important; margin-bottom:60px !important; border-bottom:2px solid #566B92 !important;}
.facetoface_table tr{height:auto !important;}
.facetoface_table td{border-right:none !important; font-size:13px !important;  color:#444; line-height:1.7 !important; text-align:left; padding:10px  !important;}
p.td_num{display:inline-block; box-sizing:border-box; padding:0px 10px; background:#566B5B; color:#fff; border-radius:10px; font-weight:bold; margin:0 0 5px 10px;}
.facetoface_table td.name{text-align:left;  color:#000;}
.facetoface_table td.name:hover{text-decoration:underline;}
.facetoface_table td.eduTime{color:#00BB95;}
.facetoface_table th{border-right:none !important; font-size:13px !important; padding:13px 10px  !important; width:17%;}
.facetoface_table th tr{font-weight:bold;}
.facetoface_table td.state_ing{color:#BF2121;}
.facetoface_table td.state_end{color:#00439B;}

.facetoface_view_table{border-top:1px dotted #d6d6d6 !important; width:100% !important; font-size:13px !important;}
.facetoface_view_table tr{border-bottom:1px dotted #d6d6d6 !important; height:47px !important;}
.facetoface_view_table td{border-right:none  !important;   text-align:left; line-height:1.5 !important; padding:5px 15px !important;}
.facetoface_view_table td.title{  font-weight:bold; position:relative; border-right:1px dotted #d6d6d6 !important; padding:5px 6px !important;} 
.facetoface_view_table td.money{color:red;}
.facetoface_view_table td.eduTime{color:#00BB95;}

.class-search-wrap {
    overflow: hidden;
}
.class-search-wrap > div {
    float: right;
	padding-top:4px;
	box-sizing:border-box;
}
.class-search-wrap input {
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    padding-left: 5px;
	width:80px;
}
.class-search-wrap > div button.search {
    background: #555;
    color: #fff;
    border: 1px solid #555;
    box-sizing: border-box;
	padding: 4px 10px;
	cursor:pointer;
}

/* 페이징 */
.paging {
	padding:15px 0 15px;
    box-sizing:border-box;
}
.paging div {
 text-align:center;
}
.paging div > span {
  display: inline-block;
}
.paging div > span.prev {
  font-size: 12px;
  color: #999;
  padding-right:20px;
  box-sizing:border-box;
}
.paging div > span.prev:hover{cursor:pointer;}
.paging div > span.prev:hover i {
  color: #566B92; 
}
.paging div > span.next {
  font-size: 12px;
  color: #999;
  padding-left:20px;
  box-sizing:border-box;
}
.paging div > span.next:hover{cursor:pointer;}
.paging div > span.next:hover i {
  color: #566B92; 
}
.paging div > span i {
  color: #b1b1b1;
  padding: 2px 5px;
  font-size:18px;	
}

.paging div > ul {
  display: inline-block;
}
.paging div > ul li {
  display: inline-block;
  margin: 0 3px;
  padding: 3px 7px;
  cursor: pointer;
  color:#1d1d1d;
}

.paging div > ul li.active{
  font-weight: bold;
  background:#566B92;
  color:#fff;
  border-radius:100px;
}

.class-view-tab {
    width: 100%;
    border-top: 0;
    box-sizing: border-box;
}

.class-view-tab li{
    border: 2px solid #566B92;
	border-bottom: none;
	width: 20%;
    display: inline-block;
}

.class-view-tab li a {
    color: #fff;
    text-shadow: 0.3px 0;
    border-bottom: none;
    background: #566B92;
	display: block;
    line-height: 35px;
    height: 35px;
    font-size: 16px;
    text-align: center;
}

.class-tab-contents{width:100%; padding:30px; box-sizing:border-box; border:2px solid #566B92;}
.class-btn-wrap{width:100%; text-align: center; padding-top:40px; box-sizing:border-box;}
.class-btn-wrap p{display:inline-block; background: #2b3f54; display:inline-block;width: 153px;height:37px;line-height:37px; text-align: center; box-sizing:border-box;}
.class-btn-wrap p:first-child{margin-right:10px; background:#666;}
.class-btn-wrap p a{color:#fff; width:100%; height:100%; display:block; padding:0;}
.class-btn-wrap p:hover{background:#355474;}
.class-btn-wrap p:first-child:hover{background:#777;}



/* 온라인교육 리스트 */
.sub-content-box{padding:20px 0; box-sizing:border-box;}
.class-menu{width: 100%; margin-bottom:50px; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.class-menu > li{
	display: inline-block;
	width:25%;
}
.class-menu > li > a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #f9f9f9;
	color: #333;
    padding: 11px 0;
	box-sizing: border-box;
}

.class-menu > li.active a {
    background:#2b3f54;
    color: #fff;
    box-sizing: border-box;
	font-weight:bold;
}
.class-menu > li:hover a{background:#2b3f54; color:#fff; font-weight:bold;}
.class-search-wrap {
    overflow: hidden;
}
.class-search-wrap > div {
    float: right;
	padding-top:4px;
	box-sizing:border-box;
}
.class-search-wrap input {
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    padding-left: 5px;
}
.class-search-wrap > div button.search {
    background: #555;
    color: #fff;
    border: 1px solid #555;
    box-sizing: border-box;
	padding: 4px 10px;
	cursor:pointer;
}

.class-list > ul > li {
    padding:20px 0;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: table;
    width: 100%;
}

.class-list > ul > li .class-img {
	width:100%; height:100%;
	margin-bottom:10px;
}
.class-list > ul > li .class-img a{width:100%; height:100%; display:block; text-align:center;}
.class-list > ul > li .class-img a img{width:95%; height:100%; }
.class-list > ul > li .class-con {
    position: relative;
    overflow: hidden;
	display:inline-block;
	text-align:left;
}
.class-list > ul > li .class-con .class-detail {
    font-size: 16px;
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
.class-list > ul > li .class-con .class-detail h3.title{ box-sizing:border-box;  margin-bottom:20px;}
.class-list > ul > li .class-con .class-detail h3.title:hover{text-decoration:underline;}
.class-list > ul > li .class-con .class-detail h3.title a{font-size:18px; font-weight:900;}
.class-badge-green.study_date a {color:#00BB95;}
.class-badge-green.money a {color:red;}
.class-list > ul > li .class-con .class-detail  h3{overflow:hidden; margin-bottom:10px;}
.class-list > ul > li .class-con .class-detail  h3 a{font-size:13px; width:100%; height:100%; display:block; font-weight:normal;}
.class-list > ul > li .class-con .class-detail  h3 span{font-size:13px; ;display:inline-block;  color:#1d1d1d; margin-right:10px; font-weight:bold;}
.class-list > ul > li .class-con .class-detail  h3:last-child{margin-bottom:0;}



/* 온라인교육 자세히보기 */
.class-view-detail-wrap h3{
	display: block;
    font-size: 23px;
    border-bottom: 1px solid #1d1d1d;
    padding-bottom: 15px;
	box-sizing:border-box;
}
.class-view-detail-wrap > div {
    display: table;
    width: 100%;
	padding:20px 0;
	box-sizing:border-box;
}
.class-view-detail-wrap div .class-img {
	width:100%; height:100%;
	text-align:center;
	margin-bottom:20px;
}
.class-view-detail-wrap div .class-img img {

}
.class-ask-btn_wrap{width:100%; padding:0 0 20px !important;}
.class-ask-btn {
    overflow: hidden;
	text-align: center;
}
.class-ask-btn li {
    display:inline-block;
    width: 153px;
	height:37px;
	line-height:36px;
    background: #2b3f54;
    text-align: center;
	box-sizing:border-box;
}
.class-view-detail-wrap div .class-img .class-ask-btn li:first-child {
    margin-top: 5px;
}
.class-view-detail-wrap div .class-img .class-ask-btn li:first-child a {
    color: #4d687b;
}

.class-ask-btn li a {
    color: #fff;
	width:100%;
	height:100%;
	display:block;
}
.class-ask-btn li:hover{background: #355474;}

.class-view-detail-wrap div .class-con {
    display: inline-block;
    vertical-align: top;
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
.class-view-detail-wrap div .class-con dl {
    position: relative;
	border-top: 1px dotted #d6d6d6;
    padding: 11px 0px;
    box-sizing: border-box;
}
.class-view-detail-wrap div .class-con dl:last-child{
	border-bottom: 1px dotted #d6d6d6;
}
.class-view-detail-wrap div .class-con dl dt {
    position: relative;
    width: 55px;
    display: inline-block;
    color: #1d1d1d;
    vertical-align: top;
	font-weight:bold;
}
.class-view-detail-wrap div .class-con dl dd {
    display: inline-block;
    color: #000;
    font-size: 13px;
}

.class-view-detail-wrap div .class-con dl dd span.money{color:red;}
.class-view-detail-wrap div .class-con dl dd span.study_date{color:#00BB95;}
.class-view-detail-wrap div .class-con dl dd span.file img{margin-right:5px;}
.class-view-detail-wrap div .class-con dl dd span.file{text-decoration:underline; font-weight:bold;}
.class-view-detail-wrap div .class-con dl dd span.file:hover{color:#566B92; cursor:pointer;}
.class-view-detail-wrap div .class-con dl dd ul li:first-child {
    padding-left: 0;
}
.class-view-detail-wrap div .class-con dl dd .class-period li input {
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    vertical-align: middle;
}
.class-view-detail-wrap div .class-con dl dd ul li span.tit {
    color: #1180d2;
}
.class-view-detail-wrap div .class-con dl dd .class-period li {
    display: block;
    padding-left: 0;
    padding-bottom: 5px;
}
.class-view-detail-wrap div .class-con dl dd .class-period li span.day s{
    color: #999;
    padding-right: 5px;
}
.class-view-detail-wrap div .class-con .red {
    color: red;
}
.class-view-detail-wrap div .class-con .class-summary {
    background: #f5f5f5;
    padding: 15px;
    width: 733px;
    margin-left: 20px;
    margin-top: 10px;
    height: 56px;
    color: #666;
    font-size: 13px;
    box-sizing: border-box;
}
.class-view-tab {
    width: 100%;
    border-top: 0;
    box-sizing: border-box;
}

.class-view-tab li{
    border: 2px solid #566B92;
	border-bottom: none;
	width: 25%;
    display: inline-block;
}

.class-view-tab li a {
    color: #fff;
    text-shadow: 0.3px 0;
    border-bottom: none;
    background: #566B92;
	display: block;
    line-height: 35px;
    height: 35px;
    font-size: 15px;
    text-align: center;
}

.class-tab-contents{width:100%; padding:20px 10px; box-sizing:border-box; border:2px solid #566B92; font-size:16px !important; line-height:1.5;}
.class-tab-contents span{font-size:13px !important;}
.class-tab-contents img{max-width:100% !important; height:auto !important;}


/* 상담 상담안내 */
.counseling_use_tab_contentBox .bottom{background:#F3FAFF; width:100%; overflow:hidden; padding:20px; box-sizing:border-box; }
.counseling_use_tab_contentBox img.counseling_01{width:100%;  display:inline-block;text-align:center;}
.counseling_use_tab_contentBox .counseling_p{width:100%; display:inline-block; text-align:inherit; box-sizing:border-box; padding-left:0 !important; margin-top:20px;}
.counseling_table{border-top:2px solid #566B92; border-bottom:1px solid #ddd; font-size:18px; text-align:center; width:100%;}
.counseling_table tr{height:55px; border-bottom:1px solid #ddd;}
.counseling_table th{border-right:1px solid #ddd ; background:#f9f9f9;}
.counseling_table th:last-child{border-right:0;}
.counseling_table td{ border-right:1px solid #ddd; line-height:1.8; padding:0 20px !important; box-sizing: border-box;}
.counseling_table td:last-child{border-right:0;}
table td ul{padding:0 0 0 20px !important;box-sizing:border-box;}
table td ul li{list-style:disc; line-height:1.6; text-align:left; margin-bottom:20px;}
table td ul li:last-child{margin-bottom:0;}
.counseling_table td{padding:15px 10px !important;}
.counseling_use_tab_contentBox .imgBox{display:inline-block; width:100%;}
.counseling_use_tab_contentBox .imgBox img{width:100%; }
.counseling_use_tab_contentBox .imgBox .counseling_02{margin-bottom:20px;}
.counseling_02_p{width:100% !important;}
.counseling_table_02 td{padding:10px 11px !important;}


/* 상담 발달이란? */
.development_use_tab_menu ul li{width:50%; border:none; height:50px; line-height:50px; background:#f9f9f9; font-size:13px;}
.development_use_tab_menu ul li.current{width:50%; border:none; background:#2b3f54; color:#fff !important; height:50px;}
.development_use_tab_menu ul li:hover{background:#2b3f54; color:#fff; font-weight:bold;}
p.list.list_02:after{top:26% !important; }
p.list.list_02.list_03:after{top:17% !important; }
p.list.list_04:after{top:13% !important; }
.p_list{margin-bottom:25px;  }
.development_use_tab_contentBox p img{margin-left:10px;}
p.text{padding:25px; box-sizing:border-box; background:#F6F6F6;  border-radius:20px; margin-top:10px; }


/* 참고 */
div.last{margin-top:40px; text-align:right; border-top:1px solid #ddd; width:100%; padding-top:30px; line-height:1.7; text-align:center;}

/* 상담 클릭, 간편발달체크 */
.sub-content_inner .contentBox{padding:30px 0; box-sizing: border-box;}
.click_p{font-size:20px !important; line-height:1.7 !important; padding:0px 0 20px; box-sizing:border-box; text-align:center;}
.click_p img{margin-left:10px; margin-top:-7px;}
.click_text{position:relative; text-align: center; text-align:vertical; background:#fff !important; border:1px solid #FF7190; line-height:3;}
.click_text:after{position:absolute; content:''; border-style: solid;border-width: 0 16px 20px 17.5px; border-color: #fff transparent;display: block;width: 0;z-index: 1;top: -18.5px; left: 50%; 
transform:translateX(-50%); }
.click_text small {color: #AF2A47; font-weight: bold;}
.click_text:before{position:absolute; content:''; border-style: solid; border-width: 0 16px 20px 17.5px; border-color: #FF7190 transparent; display: block; width: 0; z-index: 0;
top: -20px; left: 50%;  transform:translateX(-50%); }
.my_kids_btn-wrapper {padding:35px 0 20px;}
.my_kids_btn_wrap{width:100%; overflow:hidden; padding:55px 0 20px;   box-sizing:border-box;  text-align:center;}
.my_kids_btn{  background:#951F39;padding-left:0px !important; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,16%); display:inline-block; margin:0 auto;}
.my_kids_btn a{width:auto; height:100%; display:inline-block; font-size:18px;   color:#fff; padding:5px 20px; box-sizing:border-box; margin:0 auto;}
.my_kids_btn:hover{box-shadow:none;  background:#AF2A47;}
.my_kids_logo{margin-top:-4px;}
.my_kids{width:38px; height:38px;}


/* 맞춤육아 시간제보육 */
.sub-content_box{width:100%; overflow:hidden; padding:30px 0; box-sizing:border-box; border-top:2px solid #1d1d1d;}
.videoBox{width:80%; height:450px; margin:30px auto 0;  box-shadow:10px 10px 10px rgba(0,0,0,20%);  position:relative; }
.videoBox img{width:100%; height:100%;}
.videoBox:after{position:absolute; width:100%; height:450px; background:#000; left:0; top:0; content:''; opacity:90%; }
.videoBox button{position:absolute; left:50%; top:50%; z-index:100; cursor:pointer; transform:translate(-50%,-50%);}
.content table{border-top:2px solid #566B92; border-bottom:1px solid #ddd;  text-align:center ; box-sizing:border-box; width:100%; font-size:13px;
line-height:1.5; width:100%;}
.content table th{ background:#F9F9F9; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.content table th:last-child{  border-right:none;}
.content table tr{height:55px; border-bottom:1px solid #ddd;}
.content table tr td{padding: 5px; box-sizing:border-box; border-right:1px solid #ddd; line-height:1.8;}
/*.content table tr td:last-child{  border-right:none;}*/
/* .calendar_table td.holiDays div.reservation p:first-child {padding-top: 52px; pointer-events: none;} */
.calendar_table td.holiDays div.reservation p:nth-child(n+2) {display: none;}
.content table tr td.holiDays {background: #e3e3e3 !important;}
.content table tr td.holiDays a, .content table tr td.holiDays a span {font-size: 0;}
.kong_use_table tr td.date {vertical-align:top; font-size:13px;}

.sub-content button.download{font-size:15px; padding:5px 20px; box-sizing:border-box; background:#ddd; margin-left:5px; cursor:pointer; border:1px solid #bbb; }
.sub-content button.download img{margin-right:10px;}
.sub-content button.download:hover{background:#ccc;}

a.home_pg{font-weight:600;}
a.home_pg i{font-size:11px;}


/* select box 커스텀
.select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  outline: 0 none;  }*/
.select {background:none; border:1px solid #fff; padding:0  5px; width:%; box-sizing:border-box; color:#fff; font-size:15px;  outline: 0 none; cursor:pointer; margin-right:20px; height:30px;}
.select.select_02{width:%; margin-right:0;}
.select:focus{outline:none !important; border:1px solid #fff;}
.select option{color:#1d1d1d; font-size:16px; border:0; outline:none;}

.step{overflow:hidden; width:100%; }
.step ul{overflow:hidden;}
.step ul li{ padding:20px; box-sizing:border-box;  position:relative; border-radius:10px; overflow:hidden;   margin-bottom:25px;}
.step ul li h3{; display:inline-block; font-size:18px;}
.step ul li .go_btn{width:78px; height:25px; line-height:25px; box-sizing:border-box; background:#566B92; margin-left:10px; display:inline-block; }
.step ul li .go_btn a{font-weight:bold; cursor:pointer;  color:#fff;  font-size:13px; width:100%; height:100%; display:block; text-align:center;}
.step table{ border:1px solid #ddd;text-align:center;}
.parttime_table_01{ margin:20px 0 !important; width:100%; }
.parttime_table_02{margin:20px 0 !important; width:100%;}
.step table th{height:60px;  border-bottom:1px solid #ddd; background:#F9F9F9;}
.step table th{border-right:1px solid #ddd;}
.step table td{padding:15px !important; box-sizing:border-box; line-height:1.5; border-right:1px solid #ddd;  font-size:13px;}
.step table td .download_02{width:63px; height:24px; background:#555; line-height:24px;}
.step table td .download_02 a{width:100%; height:100%; display:block; color:#fff;}
.step ul li.step01{border:1px solid #3793FF; }
.step ul li .list_content{width:100%;}
.step ul li.step01 h3{color:#3793FF;}
.step ul li.step02{border:1px solid #279766;}
.step ul li.step02 table{margin:20px 0;}
.step ul li.step02 h3{color:#279766;}
.step ul li.step02 tr{border-bottom:1px solid #ddd;}
.step ul li.step03{border:1px solid #5746A2;}
.step ul li.step03 h3{color:#5746A2;}
.step ul li .step_p{padding:0; font-size:16px; margin:20px 0; font-weight:bold; line-height:1.5;}
.step ul li.step04{border:1px solid #418F94; margin-bottom:0px;}
.step ul li.step04 .list_content{width:100%;}
.step ul li.step04 h3{color:#418F94;}
.step ul li span.bold{font-weight:bold; font-size:13px !important;}
 
.parttime_table {width:100%;}
.parttime_table tr{height:37px;}
.parttime_table td{border-right:1px solid #ddd; padding:0 25px;}
.parttime_table td:last-child{border-right:0;}

.searchBox{border:1px solid #ddd; margin-top:20px;}
.searchBox .searchBox_inner{ overflow:hidden;   padding:20px; box-sizing:border-box; text-align:center;}
.searchBox .searchBox_inner div.select_03{margin-right:0px;}
.searchBox .searchBox_inner div input{width:70%;}
.searchBox .searchBox_inner div p.title{display:inline-block; padding-left:0px;  font-weight:bold; text-align:left; width:80px;}
.searchBox .searchBox_inner .search_btn_wrap{width:100%; padding-top:20px;}
.searchBox .searchBox_inner .search_btn_wrap button{font-size:16px; cursor:pointer; padding:5px 25px; box-sizing:border-box; background:#566B92; color:#fff; border-radius:10px;
margin:0 auto; display:block; }

.resultBox{margin-top:30px;}
.resultBox .resultBox_table{margin-top:10px; width:100%; }
.resultBox .resultBox_table td{border-right:none; padding:15px 10px;}
.resultBox .resultBox_table th{border-right:none;}
.resultBox .resultBox_table td.name:hover{text-decoration:underline;}


.sub_sub_menu{overflow:hidden; padding:; box-sizing:border-box; }
.sub_sub_menu li{ height: 30px; line-height: 30px; padding-left:20px; box-sizing:border-box; position:relative;}
.sub_sub_menu li:after{position:absolute; content:''; width:5px; height:5px; background:#E5EEFF; left:8px; top:50%; border-radius:100px; transform:translateY(-50%);}
.sub_sub_menu li a{color:#E5EEFF;}
.sub_sub_menu li a:hover{font-weight:bold;}
.sub_sub_menu li.active{font-weight:bold; position:relative; }
.sub_sub_menu li.active a{color:#073892; text-decoration:underline;}


/* 맞춤육아 육아정보 */
.btn_wrap{padding:0px 0px 17px !important;}
.parenting_btn{background:#2b3f54 !important;}
.parenting_btn:hover{background:#355474 !important;}
.parenting_btn a{padding:8px 28px;}
.information_table{width:100%;}
.information_table td{padding:10px !important;}


/* 맞춤육아 육아정보 예방접종 안내 */
.vaccination_table{margin-top:10px !important; width:100%;}
.vaccination_table td{padding:10px  !important;}
.vaccination_table td.mouth{background:#f8f8f8;}
.vaccination_ul_01{overflow:hidden; padding:20px 0; box-sizing:border-box;   width:100%; text-align:center;}
.vaccination_ul_01 li{ text-align:center;  border-radius:20px; margin-bottom:20px;}
.vaccination_ul_01 li a{width:100%; height:100%; display:block; font-weight:bold;  padding:20px; box-sizing:border-box;}
.vaccination_ul_01 li a img{width:10%; display:inline-block;  }
.vaccination_ul_01 li a p.txt{padding-left:0px !important; display:inline-block; width:60%; font-size:13px;}
.vaccination_ul_01 li.guide{border:1px solid #338A53;}
.vaccination_ul_01 li.schedule{border:1px solid #9E5A3B;}
.vaccination_ul_01 li.search{border:1px solid #5F4AC6; margin-bottom:0;}
.vaccination_ul_01 li.guide a{color:#338A53;}
.vaccination_ul_01 li.schedule a{color:#9E5A3B;}
.vaccination_ul_01 li.search a{color:#5F4AC6;}
.list_point{margin-right:5px;}

/* 맞춤육아 육아정보 우리동네 병원정보 */
.content{ position:relative;}
p.hospitalImg{margin-left: 0px !important; padding-left:0 !important;}
p.hospitalImg img{width:100%;}
.hospitalImg_btn{ position:absolute; border-radius:5px; width:20%; height:27px;}
.hospitalImg_btn a{ color:#fff; font-weight:bold; width:100%; height:100%; display:block;  font-size:13px; line-height:27px;}
.hospitalImg_01{background:#08BCEB; left:13%; top:40%;}
.hospitalImg_02{background:#35C485;  right:13%; top:40%;}
.hospitalImg_03{background:#48D3DB;  left:13%; bottom:4%;}
.hospitalImg_04{background:#A494EC; right:13%; bottom:4%;}


/* 놀이를 부탁해 */
.play_btn{  background:#1d1d1d; border-radius:20px; margin-left:15px; margin-top:4px;}
.play_btn a{width:100%; height:100%; display:block; font-size:13px;  color:#fff; padding:5px 10px; box-sizing:border-box;}


/*테이블*/
.tbl01 {
  width: 100%;
  font-size: 13px;
  color:#1d1d1d;
  /*뷰,수정,리스트*/
}
.tbl01 thead {width:100%; height:50px;}
.tbl01 thead tr {
  border-bottom: 1px solid #999;
}
.tbl01 thead tr th {
  background: #f9f9f9;
  text-align: center;
  /*테이블정렬*/
}

 
.tbl01 thead tr th.left { text-align: left; } 
.tbl01 thead tr th.right { text-align: right; }
.tbl01 thead tr th.tit { font-size: 16px; color: #000; background: #fff; font-weight: normal; text-shadow: 0.5px 0; }
.tbl01 thead tr td { height: 35px; /*테이블정렬*/ }
.tbl01 thead tr td.center { text-align: center; }
.tbl01 thead tr td.left { text-align: left; } 
.tbl01 thead tr td.right { text-align: right; } 
.tbl01 thead tr td.pdr20 { padding-right: 20px; color: #999; } 
.tbl01 thead tr td dl { font-size: 13px;  display: inline-block; padding-left: 20px; } 
.tbl01 thead tr td dl dt { display: inline-block; width: 50px; text-align: center; color: #999; } 
.tbl01  thead tr td dl dd { display: inline-block; width: 100px; text-align: center; } 
.tbl01 tbody tr { border-bottom: 1px solid #d2d2d2; } 
.tbl01 tbody tr th { height: 30px; text-shadow: 0.3px 0; text-align: center; font-weight: normal;color: #222; /*테이블정렬*/ } 
.tbl01 tbody tr th.center { text-align: center; } 
.tbl01 tbody tr th.left { text-align: left; }
.tbl01 tbody tr th.right { text-align: right; } 
.tbl01 tbody tr td { padding:10px 10px; box-sizing: border-box; text-align: center; line-height:1.6; /*테이블정렬*/ }

.tbl01 tbody tr td.content{text-align:left;}

.tbl01 tbody tr td.center {
  text-align: center;
}
.tbl01 tbody tr td.left {
  text-align: left;
}


.tbl01 tbody tr td.left iframe{width:100% !important;}


 .tbl01 tbody tr td.right {
  text-align: right;
}
.tbl01 tbody tr td a:hover {
  color: #2199e5;
  text-decoration: underline;
}
.tbl01 tbody tr td .dot-icon {
  display: inline-block;
  padding: 0 3px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.tbl01 tbody tr.kong_app {
  text-align: left;
}
.tbl01 tbody tr td .reply-icon {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.tbl01 tbody tr td .reply-icon img {
  width: 3vw;
  margin-right: 4px;
}
.tbl01 tbody tr td .reply-icon .reply-txt {
  background: #ddd;
  padding: 1px 3px 2px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 16px;
}
.tbl01 tbody tr.not-wrap td {
  color: #4f626f;
  text-shadow: 0.8px 0;
  background: #f4f4f5;
}
.tbl01 tbody tr.not-wrap td a {
  color: #4f626f;
}
.tbl01 tbody tr.not-wrap td a:hover {
  color: #2199e5;
  text-decoration: underline;
}
.tbl01 input,
.tbl01 select {
  height: 30px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.tbl01.view > thead > tr {
  border-bottom: 1px solid #d6d6d6;
}
.tbl01.view > thead > th.tit {
  background: #fff;
  padding: 15px 0;
  font-size: 16px;
  text-shadow: .7px 0;
  font-weight: normal;
  color: #000;
}
.tbl01.view > thead > th.day {
  background: #fff;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  padding: 5px 0;
}
.tbl01.view tbody > td {
  padding: 10px 20px;
  background: #f5f5f5;
  font-size: 13px;
}
.tbl01.edit {
  font-size: 13px;
}
.tbl01.edit > tbody > tr > th {
  background: #f5f5f5;
  color: #000;
}
.tbl01.edit > thead > th.tit {
  background: #f5f5f5;
  color: #000;
}
.tbl01.edit > tbody > td {
  background: #fff;
}
.tbl01.edit > tbody > td > input {
  width: 100%;
  border: 1px solid #e5e5e5;
}
.tbl01.board thead > th {
  background: #f5f5f5;
  padding: 10px;
  text-align: center;
  color: #000;
}
.tbl01.dic .dic-tit {
  color: #333;
  text-shadow: 0.5px 0;
}
/* 답변 */
.tbl01 + .ans-box {
  margin-top: 20px;
}
.ans-box + .ans-box {
  margin-top: 20px;
}
.ans-box {
  display: flex;
  gap: 24px;
}
.ans-box .tit {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.ans-box .tit .logo {
  width: 9vw;
  height: 7vw;
  background: #FFF6F5;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  position: relative;
}
.ans-box .tit .logo::after {
  content: "";
  width: calc(9vw - 10px);
  height: calc(9vw - 10px);
  background: #FC5E5B;
  border-radius: 1000px;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  transform: translate(25%, 25%);
}
.ans-box .logo img {
  width: 50%;
  height: 50%;
}
.ans-box .right {
  flex: 1;
}
.ans-box .tit .txt {
  position: relative;
  font-size: 16px;
  color: #1d1d1d;
  font-weight: 600;
  display: flex;
  /* align-items: center;
  justify-content: center; */
  background: #F3FBFF;
  border-radius: 1000px;
  border-top-left-radius: 50px;
  width: 100%;
  padding: 10px 20px;
}
.ans-box .tit .txt::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%, 0) rotate(90deg);
  border-width: 10px;
  border-style: solid;
  border-color: #F3FBFF transparent transparent transparent;
}
.ans-box .tit .reply-txt {
  white-space: nowrap;
  margin-right: 4px;
}
.ans-box .tit > p {
  /* white-space: nowrap;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis; */
  width: 100%;
}
.ans-box .comment {
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 16px;
}
.ans-box .info-ls {
  display: flex;
  gap: 8px;
  justify-content: end;
  /* padding: 18px 0; */
  min-height: 55px;
}
.ans-box .info-ls li {
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex: 1;
  flex-wrap: wrap;
}
.ans-box .info-ls li:last-child::after {
  /* content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  width: 1px;
  background-color: #ddd; */
}
.ans-box .info-ls li span {
  display: inline-block;
}
.ans-box .info-ls li .name {
  font-size: 13px;
  color: #1d1d1d;
  font-weight: 700;
  display: inline-block;
  width: 50px;
  text-align: center;
}
.ans-box .info-ls li .data {
  display: inline-block;
  width: 100px;
  text-align: center;
  margin: 5px 0;
  box-sizing: border-box;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 100px;
  padding-bottom: 1px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.ans-box .info-ls li .data::after {
  content: '';
  display: block;
  background: url('/img/sub/info_bg.svg') no-repeat;
  background-position: right bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
.ans-box .info-ls li.date .data {
  /* min-width: 200px; */
}
.ans-box .comment {
  font-size: 16px;
}
.paging {
	padding:15px 0 15px;
    box-sizing:border-box;
}
.paging div {
 text-align:center;
}
.paging div > span {
  display: inline-block;
}
.paging div > span.prev {
  font-size: 12px;
  color: #999;
  padding-right:20px;
  box-sizing:border-box;
}
.paging div > span.prev:hover{cursor:pointer;}
.paging div > span.prev:hover i {
  color: #566B92; 
}
.paging div > span.next {
  font-size: 12px;
  color: #999;
  padding-left:20px;
  box-sizing:border-box;
}
.paging div > span.next:hover{cursor:pointer;}
.paging div > span.next:hover i {
  color: #566B92; 
}
.paging div > span i {
  color: #b1b1b1;
  padding: 2px 5px;
  font-size:18px;	
}

.paging div > ul {
  display: inline-block;
}
.paging div > ul li {
  display: inline-block;
  margin: 0 3px;
  padding: 3px 7px;
  cursor: pointer;
  color:#1d1d1d;
  box-sizing:border-box;
}

.paging div > ul li.active{
  font-weight: bold;
  background:#566B92;
  color:#fff;
  border-radius:100px;
}
.bbs-search {
  border: #e5e5e5 1px solid;
  padding: 15px;
  background: #f9f9f9;
}
.bbs-search > div {
  text-align: center;
}
.bbs-search > div button {
  background: #566B92;
  height: 30px;
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
  cursor:pointer;
}
.bbs-search.mt25 {
  margin-top: 25px;
}
.bbs-search-term {
  border: #e5e5e5 1px solid;
  padding: 15px;
  background: #f8f8f8;
}
.bbs-search-term > div {
  text-align: center;
}
.bbs-search-term > div button {
  background: #5d5d5d;
  height: 30px;
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
}
.bbs-search-term.mt10 {
  margin-top: 10px;
}
.bbs-search-term-dic {
  border: #e5e5e5 1px solid;
  padding: 15px;
  background: #f8f8f8;
}
.bbs-search-term-dic .term-dic-index {
  text-align: left;
}
.bbs-search-term-dic .term-dic-index .tit {
  text-shadow: 0.5px 0;
  display: inline-block;
  padding-right: 30px;
}
.bbs-search-term-dic .term-dic-index ul {
  display: inline-block;
}
.bbs-search-term-dic .term-dic-index ul li {
  position: relative;
  display: inline-block;
  padding: 0 20px 0 20px;
}
.bbs-search-term-dic .term-dic-index ul li a {
  color: #000;
  text-shadow: 0.3px 0;
}
.bbs-search-term-dic .term-dic-index ul li:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #ccc;
  content: "";
}

.bbs-btn-wrap {
  overflow: hidden;
  padding:15px 0 0;
  box-sizing:border-box;
}
.bbs-btn-wrap li {
	float: right;
  display: inline-block;
  border: 1px solid #dadada;
	width:60px;
	height:30px;
	text-align:center;
	line-height:30px;
  border-radius: 5px;
  color: #000;
  background: #fff;
  cursor: pointer;
  margin-left:10px;
}
.bbs-btn-wrap li a{width:100%; height:100%; display:block;}
.bbs-btn-wrap li:hover {
  border: 1px solid #566B92;
}
.bbs-btn-wrap li.delete {background-color: #CE0000;}
.bbs-btn-wrap li.delete a {color: #ffffff !important;}
.bbs-btn-wrap li.delete:hover {background-color: #F10000; border: 1px solid #F10000;}
.bbs-btn-wrap li:hover a {
  color: #566B92
}
.bbs-btn-wrap li.edit {
  background: #566B92;
}
.bbs-btn-wrap li.edit a {
  color: #ffffff;
}
.bbs-btn-wrap li.delete:hover{}


/* 충북콩콩나무 충북i-나들이 */
.i_content .top{text-align:center; }
.i_content .top .title {position:relative; margin-bottom:15px;}
.i_content .top .title:before{width:25px; height:1px; background:#00234B; position:absolute; left:50%; bottom:0; content:''; transform:translateX(-50%);}
.i_content .top .title .mascot_01{margin-right:10px !important; padding-bottom:10px; width:10%;}
.i_content .top .title h3{display:inline-block; font-size:22px; }
.i_content .top p.txt{padding-left:0; font-size:13px;}
.i_content .top p.txt .bold{font-size:14px;}
.i_content .imgList{margin-top:50px; width:100%; overflow:hidden;}
.i_content .imgList ul{width:100%; overflow:hidden; padding:10px 0; box-sizing:border-box; }
.i_content .imgList ul li{    width: 100%; margin:0 1% 2%; box-sizing:border-box; height:auto; display:inline-block; }
.i_content .imgList ul li p{padding-left:0 !important; }
.i_content .imgList ul li p.img {overflow:hidden; height: 250px;}
.i_content .imgList ul li p.img img{width:100%; transition:all 0.4s; object-fit: cover; object-position: center;}
.i_content .imgList ul li a{width:100%; height:100%; display:block;}
.i_content .imgList ul li a .name{padding:15px 5px; box-sizing:border-box; width:100%; height:100%; position:relative;}
.i_content .imgList ul li a .name .state{padding:3px 15px; box-sizing:border-box; background:#1d1d1d; color:#fff; font-weight:bold; position:absolute; left:15px;
top:-13px; font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 30px);}
.i_content .imgList ul li a .name p.tit{margin-top:0px; font-weight:bold; font-size:13px;}

/* .i_content .imgList ul li a:hover p.img img{transform:scale(1.1); transition:all 0.4s;}
.i_content .imgList ul li:hover{border:4px solid #566B92; box-shadow:0px 0px 10px rgba(86, 107, 146, 40%);} */



/* 충북콩콩나무 충북i-나들이 고드미 뷰 */
.i_content_view {width:100%;}
.i_content_view .title {width:100%; overflow:hidden;  box-sizing:border-box; position:relative;}
.i_content_view .title .mascot_01{float:left; margin-right:10px !important; width:41px; height:51px; width:10%; height:10%;}
.i_content_view .title h3{font-size:18px; float:left; display:inline-block;    position:absolute; top:50%; transform:translateY(-50%);}
.i_content_view .title span.today{color:#FF5A5A;  border:1px solid #FF5A5A; font-size:13px; padding:5px 10px;box-sizing:border-box; border-radius:100px;}
.locationBox{width:99.9%; border:1px solid #D9D9D9; border-top:3px solid #00234B; padding:30px 10px; box-sizing:border-box;}
.locationBox ul{width:100%; overflow:hidden; position:relative;}
.locationBox ul:after{position:absolute; content:''; width:1px; height:93%; border-right:1px dotted #1d1d1d; left:50%; top:0; transform:translateX(-50%); z-index:-1;}
.locationBox ul li{display:inline-block; text-align:center; width:100%; z-index:1; margin-bottom:60px;}
.locationBox ul li span{width:100%; display:block;}
.locationBox ul li span.img{margin-bottom:30px; position:relative; }
.locationBox ul li span.img:after{position:absolute; content:''; width:8px; height:8px; background:#1d1d1d; left:50%; transform:translateX(-45%); bottom:-33%; border-radius:100px;}
.locationBox ul li span.name{font-weight:bold; background:#fff;}
.locationBox #map{margin-bottom:0; height:336px; border:none;  width:100%;}


.locationInfoBox{width:100%;}
.locationInfoBox .infoBox{box-shadow:none; width:100%; padding:50px 0; background:none;  overflow:hidden; border-bottom:1px solid #ddd;}
.locationInfoBox .infoBox:last-child{border-bottom:none; padding:50px 0 0;}
.locationInfoBox .infoBox .text{width:100%;}
.locationInfoBox .infoBox .text h3{font-size:20px; margin-bottom:20px;}
.locationInfoBox .infoBox .text h3 span.num{background:#3C4466; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:100px; color:#fff;
text-align:center; margin-right:10px; box-sizing:border-box;}
.locationInfoBox .infoBox .text ul.con{width:100%; overflow:hidden;}
.locationInfoBox .infoBox .text ul.con li{width:100%; padding:15px 0; overflow:hidden;}
.locationInfoBox .infoBox .text ul.con li p.icon{padding-left:0; line-height:0; margin-right:6px; font-weight:bold; box-sizing:border-box; margin-bottom:10px;  padding-bottom:10px;
border-bottom:1px dotted #ddd;}
.locationInfoBox .infoBox .text ul.con li p.txt{width:100%; line-height:1.7; font-size:16px;}
.locationInfoBox .infoBox .img{margin-top:20px;}
.locationInfoBox .infoBox .img a{display:block; width:100%; height:100%; position:relative; overflow:hidden; text-align:center;}
.locationInfoBox .infoBox .img a img{ transition:all 0.3s; width:100%;}
.locationInfoBox .infoBox .img a:after{position:absolute;  width:100%; height:100%; background:rgba(0,0,0,50%); color:#fff; left:50%; transform:translate(-50%, -50%); top:50%; text-align:center; 
opacity:0; transition:all 0.3s; z-index:1; content:'';}
.locationInfoBox .infoBox .img a:hover:after{opacity:1; transition:all 0.3s; z-index:1;}
.locationInfoBox .infoBox .img a:hover img{transform:scale(1.1); transition:all 0.3s;}
.locationInfoBox .infoBox .img a:before{content:'상세보기 ↑'; position:absolute;  color:#fff; font-size:20px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;font-weight:bold;
display:none;}
.locationInfoBox .infoBox .img a:hover:before{ z-index:2; display:block;}




/* 충북콩콩나무 충북i-나들이 바르미 */
.tab_contentBox_sub .tab-content_sub{display:none;}
.tab_contentBox_sub .tab-content_sub.current_sub{display:block;}
.tab_menu .tab-2-content{display:inline-block; }
.tab_menu .tab-2-content .tab-link{font-size:16px; font-weight:bold; color:rgba(0,0,0,27%); float:left; display:inline-block; width:106px; text-align:center; padding:10px 0;
cursor:pointer;}
.tab_menu .tab-2-content .tab-link.current_sub{color:#1d1d1d; border-bottom:5px solid #566B92;}
.tab_menu .tab_contentBox_sub{background:#fff; margin-top:-6px; position:relative;}
.tab_menu .tab_contentBox_sub span.bold{ position:absolute; right:10px; top:10px; z-index:1;}
.tab_menu .tab_contentBox_sub #tab-1-1 p{display:inline-block; padding-left:0;}
.tab_menu .tab_contentBox_sub #tab-1-1 .localname{width:14%; height:12%;   border-radius:100px; border:3px solid #ddd; background:#fff; position:relative;}
.tab_menu .tab_contentBox_sub #tab-1-1 .localname a{display:block; width:100%; text-align:center; color:#ddd; font-weight:bold; line-height:1.3;font-size: 1em; position:relative; top:50%;
transform:translateY(-50%);} 
.tab_menu .tab_contentBox_sub #tab-1-1 .localname.current{border:4px solid #566B92;  background:#566B92;}
.tab_menu .tab_contentBox_sub #tab-1-1 .localname.current a{color:#fff;}
.tab_menu .tab_contentBox_sub #tab-1-1 .localname:hover{border:4px solid #566B92;  background:#566B92;}
.tab_menu .tab_contentBox_sub #tab-1-1 .localname:hover a{color:#fff;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_01{position:absolute; left:10%; top:46%;} 
.tab_menu .tab_contentBox_sub #tab-1-1 .local_02{position:absolute; left:39%; top:18%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_03{position:absolute; left:56%; top:13%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_04{position:absolute; left:30%; top:55%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_05{position:absolute; left:22%; top:69%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_06{position:absolute; left:33%; top:80%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_07{position:absolute; left:23%; top:35%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_08{position:absolute; left:8%; top:29%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_09{position:absolute; left:42%; top:39%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_10{position:absolute; left:19%; top:20%;}
.tab_menu .tab_contentBox_sub #tab-1-1 .local_11{position:absolute; left:72%; top:21%;}

.tab_menu .tab_contentBox_sub #tab-2-1{border:1px solid #DDDDDD; }

.attraction_wrap{width:100%;}
.attraction_wrap .attraction_top{display: flex; overflow:hidden; width:100%; padding:20px 0 20px; border-bottom:1px solid #ddd; margin-bottom: 20px; position:relative;}
.attraction_wrap .attraction_top p{width:100%; font-size: 16px; display: flex; align-items: center;}
.attraction_wrap .attraction_top p span.color{font-weight:bold; color:#566B92; margin-left: 5px;}
.attraction_wrap .attraction_top .m_search{width:100%; overflow:hidden; }
.attraction_wrap .attraction_top form #sch_name{border:none;  box-sizing:border-box; outline:none; font-size:13px}
.attraction_wrap .attraction_top .s_inp{; border:1px solid #566B92; padding:3px 15px 3px 8px; box-sizing:border-box; border-radius:30px; width:71%; float:right;}
.attraction_wrap .attraction_top form button{cursor:pointer;}
.attraction_wrap .attraction_top form#frm_lis {display: flex; align-items: center; border: 1px solid #566B92; border-radius: 50px; padding: 4px 8px 4px;}
.attraction_wrap .attraction_top form#frm_lis input {background: none;}
.attraction_wrap .attraction_top select{display:inline-block;  border:1px solid #566B92; margin-right:5px; margin-top: 4px; width:25%;}
.attraction_list .imgList{margin-top:0;}
.attraction_list .imgList ul{padding:0;}


.classify_wrap{width:100%;}
.classify_content{overflow:hidden; padding:0 10px; box-sizing:border-box;}
.classify_content ul{width:100%; overflow:hidden;}
.classify_content ul li{float:left; display:inline-block; width:33.3333%; border-bottom:1px dotted #ddd; height:50px;}
.classify_content ul li a{width:100%; height:100%; display:block;   font-size:13px; text-align:center; line-height:50px;}
.classify_content ul li.active a{font-weight:bold; color:#566B92;}


/* 충북콩콩나무 충북i-나들이 바르미 뷰 */
.i_content_view .title p.img{padding-left:0; float:right;   padding-top:10px;}
.i_content_view .title p.img img{margin-right:0;}
.i_content_view .title p.img a:nth-child(1){margin-right:5px; width:100%; height:100%; }
.i_content_view .info{width:99.9%; border:1px solid #D9D9D9; border-top:3px solid #00234B; padding:30px 15PX; box-sizing:border-box; overflow:hidden;
margin-bottom:30px;}
.i_content_view .info p{padding-left:0; }
.i_content_view .info .imgWrap{width:100%;}
.i_content_view .info .imgWrap img{box-shadow:6px 6px 10px rgba(0,0,0,16%); width:100%;}
.i_content_view .info ul{ width:100%;  padding:20px 0 0; box-sizing:border-box;}
.i_content_view .info ul li {padding:15px 0; box-sizing:border-box;}
.i_content_view .info li p.icon{padding-left:0; line-height:0; margin-right:6px; font-weight:bold; box-sizing:border-box; margin-bottom:10px;  padding-bottom:10px;
border-bottom:1px dotted #ddd; font-size:16px;}
.i_content_view .info li p.txt{width:100%; line-height:1.7; font-size:16px;}
.i_content_view p{padding-left:0 !important;}

.i_view_2_p {overflow:hidden; width:100%; margin:20px 0 10px; box-sizing:border-box;}
.i_view_2_p span.point{font-size:20px !important;}
.i_view_2_p #map{height:300px;}


.go_list{width:100%; text-align:center;}
.go_list a{font-size:16px;  background:#566B92; padding:5px 15px; box-sizing:border-box; color:#fff; border-radius:10px; cursor:pointer;}
.go_list a:hover{background:#566BAB;}



/* 맞춤육아 어린이집 안내 */
.announcement_btn_wrap{width:100%; overflow:hidden; text-align:center; padding:40px 0 10px; box-sizing:border-box;}
.announcement_btn{width: 300px; overflow:hidden;   border:1px solid #888; border-radius:10px; background:#fff; box-shadow:5px 5px 7px rgba(0,0,0,16%);}
.announcement_btn a{ width:100%; height:100%; display:block; text-align:center; padding:5px 0; box-sizing:border-box;}
.announcement_btn a img{width:120px; margin-bottom:10px;display:inline-block; margin-right:15px;}
.announcement_btn a .txt{font-size:20px; font-weight:bold; padding-left:0; display:inline-block; padding-top:25px; box-sizing:border-box;}
.announcement_btn:hover{border:1px solid #00234B;  box-shadow:none;}
.announcement_btn:hover a{color:#00234B;}
.announcement_table{width:100%;}
.announcement_table td:first-child{padding:0 10px;}
.announcement_table{font-size:14px !important;}


/*faq*/
.faq-list-ul { font-weight:bold; font-size:13px; } 
.faq-list-ul li{width:100%; overflow:hidden; }
.faq-list-ul .questions { position: relative; border-bottom: 1px solid #ccc; height:auto; width:100%;}
.faq-list-ul .questions.open{border-bottom:none;} 
.faq-list-ul .questions.open:after{content:'ㅡ'; font-weight: bold; font-size:20px;} 
.faq-list-ul .questions a { display: block; width: 93%; height: 100%; padding-left: 27px; box-sizing: border-box; padding:20px 5px 20px 33px; box-sizing:border-box; line-height:1.5;} 
.faq-list-ul .questions:before { position: absolute; top: 50%; left: 5px; content: "Q."; color: #566B92; font-size: 20px; font-weight: bold; transform:translateY(-50%); } 
.faq-list-ul .questions:after { position: absolute; top: 50%; right: 5px; content: "+"; color: #566B92; font-size: 25px; font-weight: bold; transform:translateY(-50%); 
cursor:pointer;  width:5%;  }
.faq-list-ul .answer { position: relative; font-weight: normal; color: #1d1d1d; display: none; padding:20px 30px; background: #f5f5f5; box-sizing: border-box; font-size:13px !important; line-height:1.6;}
.faq-list-ul .answer span{font-size:13px !important;}
.faq-list-ul .answer img{width:100% !important;  height:auto !important;}
.faq-list-ul .answer:before { top: 10px; left: 15px; content: "A."; font-weight: bold;  }


/* 글쓰기 */
.input_table tr th{font-size:16px; color:#1d1d1d !important; font-weight:normal !important; text-shadow:none !important; width:20%;}
.input_table tr input{padding:0 10px; box-sizing:border-box;}
.btn_submit{background:#566B92 !important; border-radius: 5px !important; margin-left:10px;}
.btn_submit a{ color:#fff !important;}

/* 뷰 */
.tbl01 tbody tr td.left > div{width:100% !important; max-width:none !important;}
.view_table {width:100%; overflow:hidden; font-size:16px !important;}
.view_table span{font-size:16px !important}
.view_table thead{ font-size:16px;}
.view_table tbody{width:100%;}
.view_table dl {padding-left:0 !important;}
.view_table img{width:100% !important;  height:auto !important;}
.view_table dl dt{color:#1d1d1d !important; font-weight:bold !important;}
.view_table tbody tr td{padding:20px !important;}
.view_table  thead tr td dl  {text-align:center !important;}}
.view_table  thead tr td dl dt{padding:5px 0; box-sizing:border-box;}
.view_table  thead tr td dl dd{padding:5px 0; box-sizing:border-box;}
.view_table .content{padding:15px !important;}
.view_table tbody tr td.file_tit{background:#f9f9f9; font-weight:bold; padding:10px !important; font-size:13px;}
.view_table tbody tr td.file{text-align:left; padding:10px  !important;}
.view_table tbody tr td.file a{font-size:13px;}
.view_table tbody tr td.file a img{width:auto !important;} 



/* 개인정보처리방침 */
.informationBox{border:1px solid #ddd; padding:25px; box-sizing:border-box;  background:#f9f9f9;}
.informationBox p.txt{padding-left:0;}


/* 뷰어 */
.viewer_ul{overflow:hidden;}
.viewer_ul li{ width:99%; border:1px solid #ddd; margin-right:47px ;  margin-bottom:30px; text-align:center;}
.viewer_ul li.marginNot{margin-right:0;}
.viewer_ul li p.img, .viewer_ul li p.txt{padding-left:0px;}
.viewer_ul li img{width:20%;}
.viewer_ul li a{width:100%; height:100%; display:block; padding:20px 0; box-sizing:border-box;}
.viewer_ul li a p.txt{font-size:13px; margin-top:15px; font-weight:bold;}
.microsoft_img{width:30% !important;}
.viewer_ul li.microsoft{margin-bottom:0;}
.viewer_ul li.microsoft a p.txt{margin-top:20px !important;}
.viewer_ul li:hover{border:1px solid #566B92;}
.viewer_ul li:hover a p.txt{color:#566B92;}



/* 오시는 길 */
#map{width:99%; margin-bottom: 35px; border:1px solid #ddd; height:300px;}
.mapInfo{width:100%; overflow:hidden;}
.mapInfo h3.title { margin-bottom:10px !important; letter-spacing:1.2px;}
.mapInfo h3.title span.point{font-size:18px;  margin-bottom:0px !important;}
.mapInfo p.txt{padding-left:0px;}
.mapInfo > div{margin-bottom:15px; }
.mapInfo > div:last-child{margin-bottom:0px;}
.mapInfo > div p.txt{font-size:13px;  }
.mapInfo .traffic .bus{  width:100%;  padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd; box-sizing:border-box;}
.mapInfo .traffic .bus h3.tit{font-size:16px;  text-decoration:underline;}
.mapInfo .traffic .bus h3.tit p.list{margin-bottom:10px;}
.mapInfo .traffic .car{ width:100%;}
.mapInfo .traffic .car h3.tit{font-size:16px;  text-decoration:underline;}
.mapInfo .traffic .car h3.tit p.list{ margin-bottom:10px;}
.mapInfo .address{border-bottom:1px solid #eee; padding-bottom:10px;}
.mapInfo .contact{border-bottom:1px solid #eee; padding-bottom:10px;}



/* 나의 강의실 */
.class-list-tab {
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
	box-sizing:border-box;
}
.class-list-tab > li {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
	background: #f9f9f9;
}
.class-list-tab > li h3 {
    color: #222;
    width: 100%;
    float: left;
	font-size:17px;
}
.class-list-tab > li h3 > a {
    display: block;
    color: #454d63;
    padding: 11px 30px;
    font-weight: normal;
    box-sizing: border-box;
	width:100%;
	height:100%; 
	font-size:13px;
}
.class-list-tab > li.active {
	background:#454d63;
}

.class-list-tab > li.active > h3 > a {
    color: #fff;
	font-weight:600;
}
.tbl03 {
    width: 100%;
	font-size:13px;
	line-height:1.7;
}
.tbl03 > thead > tr {
	border-bottom:2px solid #454d63;
	height:100%;
}
.tbl03 > thead > tr > th {
	height:40px;
    background: #EFEFEF;
    text-align: center;
    color: #1d1d1d;
    border-right: 1px solid #ccc;
}
.tbl03 > thead > tr > th:last-child{border-right:none;}
.tbl03 > tbody > tr > td {

    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ccc;
}
.tbl03 > tbody > tr > td.completion button{
		  cursor: pointer;
		  width:50px;
		  height:22px;
		  margin-bottom:5px;
		  font-size:13px;
		}
.tbl03 > tbody > tr > td.completion button.top{background:#B41F38; color:#fff;}
.tbl03 > tbody > tr > td.completion button.top:hover{background:#D1213F;}
.tbl03 > tbody > tr > td.completion button.bottom{background:#1F46B4; color:#fff;}
.tbl03 > tbody > tr > td.completion button.bottom:hover{background:#345FD8;}
.tbl03 > tbody > tr > td.completion button.completion{background:#B10099; color:#fff;}
.tbl03 > tbody > tr > td.completion button.completion:hover{background:#D42EBD;}

.tbl03 > tbody > tr > td.left button {
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #dadada;
    padding: 3px 7px;
    border-radius: 5px;
    color: #000;
    background: #fff;
    cursor: pointer;
}
.tbl03 > tbody > tr > td.left button:hover{border:1px solid #454d63; color:#454d63;}


.tbl-progress-wrap {
    position: relative;
    display: block;
    background: #efefef;
    width: 100%;
    height: 15px;
    box-sizing: border-box;
}
.tbl-progress-wrap .tbl-progress-wrap {
    position: relative;
    left: 0;
    top: 0;
    background: #2b8ae6;
}
.tbl-progress-wrap .tbl-progress-wrap .tbl-progress-num {
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    color: #2b8ae6;
    font-size: 10px;
}
.tbl-progress-wrap > ul {
    font-size: 10px;
    color: #9e9e9e;
    padding-top: 1px;
}

.tbl-progress-wrap > ul li {display:inline-block; width: 33.3%; float: left;} 
.tbl-progress-wrap > ul li:nth-child(1) {
    text-align: left;
}
.tbl-progress-wrap > ul li:nth-child(2) {
    text-align: center;
}
.tbl-progress-wrap > ul li:nth-child(3) {
    text-align: right;
}
.tbl03 > tbody > tr > td:last-child {
    border-right: 0;
}
.tbl03 > tbody > tr > td .enter-btn {
    display: inline-block;
    background: #3a3b4c;
    color: #fff;
    padding: 3px 10px;
	box-sizing:border-box;
    border-radius: 3px;
    font-size: 13px;
}
.tbl03 > tbody > tr > td .enter-btn:hover{background:#494B60;}
.tbl03 > tbody > tr > td .enter-btn i {
    padding-right: 4px;
}

.tbl03 > tbody > tr > td.pd0 {
    padding: 0;
}
.tbl03 > tbody > tr > td:last-child {
    border-right: 0;
}
.tbl04 {
    width: 100%;
	font-size: 13px !important;
}
.tbl04 > tbody > tr{border-bottom:1px solid #ddd;}
.tbl04 > thead > tr > th {
    background: #EAEDF8;
    border-right: 0;
	color: #354A84;
	line-height:1.6;
	padding:5px 0;
}
.tbl04 > tbody > tr > td.class-num {
    color: #354A84;
	font-weight:bold;
}
.tbl04 > tbody > tr > td.left {
    text-align: left;
}
.tbl04 > tbody > tr > td {
    border-right: 0;
    background: #fff;
    padding:10px;
	box-sizing:border-box;

}
.class-play-btn a {
    background: #215C9D;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
}


.class-play-btn a:hover{background:#3380D5;}
.class_name{padding:0 0 10px; box-sizing:border-box;}
span.class-num{color:#3380D5; font-weight:bold;}




/* 로그인 */
.login_inner{padding:20px 10px; box-sizing:border-box; position:relative; width:100%;  overflow:hidden;}
.infoBox{width:100%; margin:0 auto;  background:#fff; }
.login_tit{text-align:center; margin-bottom:25px;}
.login_tit i{font-size:20px; margin-bottom:15px; color:#fff; width:40px; height:40px; background:#566B92; line-height:40px; border-radius:100%; text-align:center;}
.login_tit h2{font-size:20px; margin-bottom:10px; font-weight:900;}
.login-btn{border:none; background:#566B92; font-size:16px; width:290px; padding:10px 0; color:#fff; margin-top:10px; cursor:pointer;
box-shadow:5px 5px 10px rgba(0,0,0,16%);}
.login-btn:hover{box-shadow:none; }
#frm{text-align:center;}
#frm .login-form p input{width:290px; height:30px; border:none; border-bottom:1px solid #ddd; font-size:13px; padding:00px 10px; box-sizing:border-box;}
#frm .login-form p input:focus{outline:none; border-bottom:2px solid #000;}
#frm .login-form p input:nth-child(1){margin-bottom:15px;}
#frm .login-form .login-menu{width:100%; margin:20px 0 0;  }
#frm .login-form .login-menu ul{ overflow:hidden; display:inline-block;text-align:center;}
#frm .login-form .login-menu ul li{float:left; display:inline-block; color:#333; margin-right:40px; }
#frm .login-form .login-menu ul li:last-child{margin-right:0;}
#frm .login-form .login-menu ul li a{width:100%; height:100%; display:block; font-weight:bold; text-align:center;}


/* 회원가입 - 동의 */
.join_inner{padding:20px ; box-sizing:border-box;}
.join_tit{text-align:center;  margin-bottom:10px;}
.join_tit h2{font-size:20px;  margin-bottom:10px; font-weight:900;} 
.join_tit p{font-size:15px;  color:#555;}
.join-con-wrap > div{ overflow: hidden;  margin-bottom:50px;}
.join-con-wrap h3{ font-size: 16px; box-sizing:border-box; margin-top:10px; }
.join-con-wrap h3.all{margin-top:0; margin-bottom:15px; font-size:20px; padding:15px 0; box-sizing:border-box; border-bottom:2px solid #1d1d1d;}
.join-con-wrap h3.all input[type="checkbox"]{display: none;}
.join-con-wrap h3.all input[type="checkbox"] + label{display: inline-block; width: 20px; height: 20px; background:#fff; position: relative; float:left; margin-right:10px;  border:1px solid #eee;}
.join-con-wrap h3.all input[type="checkbox"]:checked + label:after{position:absolute; content:"✔"; width:20px; height: 20px; left:0%; top:0%;background:#fff; line-height: 20px; text-align:center;
color:#bbb;}
.join-con-wrap input[type="checkbox"]{display: none;}
.join-con-wrap input[type="checkbox"] + label{display: inline-block; width: 20px; height: 20px; background:#fff; position: relative; float:left; margin-right:10px; border:1px solid #eee;}
.join-con-wrap input[type="checkbox"]:checked + label:after{position:absolute; content:"✔"; width:20px; height: 20px; left:0%; top:0%;background:#fff; line-height: 20px; text-align:center;
color:#bbb;}
.term-con textarea{background: #f9f9f9; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 15px 10px; height: 300px; font-size:13px;}
.term-con textarea:focus{outline:none;}
.join-btn-wrap{text-align: center; border-top:1px solid #ddd; padding-top:20px; box-sizing:border-box;}
.join-btn-wrap li{ background: #454d63; width:128px; height:41px; line-height:41px; display:inline-block;}
.join-btn-wrap li a{ color: #fff; font-size: 15px; width:100%; height:100%; display:block;}
.certified-btn{width:100%;  padding:60px 0; box-sizing:border-box;  width:100%; text-align:center;}
.certified-btn-inner{overflow:hidden; width:620px; margin:0 auto;}
.certified-btn .certified-btn-box{width:300px;  border:1px solid #ddd; margin-right:20px; display:block; float:left;  padding:41px 0; box-sizing:border-box;}
.certified-btn .certified-btn-box:nth-child(2){ margin-right:0px; }
.certified-btn .certified-btn-box h3{font-size:27px; display:block; width:100%; margin-bottom:30px; margin-top:0;}
.certified-btn .certified-btn-box h3 span{color:#566B92;}
.certified-btn .certified-btn-box button{width:128px; height:41px; background:#566B92; line-height:41px; color:#fff; font-family: 'Nanum Gothic', sans-serif; cursor:pointer;}
.certified-btn .certified-btn-box img{width:30%; display:block; margin:0 auto; margin-bottom:30px;}



/* 회원가입 - 정보입력 */
.join_inner2{width:100%; overflow:hidden; padding:20px; box-sizing:border-box;}
.tbl-caption {font-weight:bold; padding:15px 0px; box-sizing:border-box; border-bottom:2px solid #1d1d1d; width:100%; display:block;}
.tbl-caption span{color:red;  margin-right:5px;}
.join-tbl{font-size:13px; width:100%; }
.mt25{padding:10px 0; box-sizing:border-box;}
#frm_join {padding:10px 0; box-sizing:border-box;}
#frm_join tr input{background:#f8f8f8;  border-radius:100px; padding: 0 5px; box-sizing:border-box;   border:none; height:33px;}
#frm_join span{color:red; margin-right:5px;}
#frm_join tr td span{color:#1d1d1d;}
#frm_join tr td{  padding:0 0px 20px; box-sizing:border-box; }
#frm_join #btn_dup{margin-left:5px;  background:#333; color:#fff; font-size:11px; padding:5px 10px; box-sizing:border-box; height:100%; border-radius:100px;}
#frm_join #frm_pw{margin-bottom:10px;}
#frm_join .join-ex{font-weight:bold; color:#777; font-size:13px; line-height:1.6;}
#frm_join #btn_zip{margin-left:10px;  background:#333; color:#fff; font-size:11px; padding:5px 10px; box-sizing:border-box; border-radius:100px;}
.join-btn-wrap .prev a{ color: #fff; font-size: 15px; width:100%; height:100%; display:block;}
.sns div{margin-bottom:10px;}
.sns div:last-child{margin-bottom:0;}
#frm_join tr:last-child{border-bottom:none;}
#frm_join th{text-align:left;  padding: 10px 0;  box-sizing:border-box;}
#frm_join #search_btn{margin-left:5px;  background:#333; color:#fff; font-size:11px; border-radius:100px;}
#frm_join #search_btn a{ color: #fff; width:100%; height:100%; display:block; padding:5px 10px; box-sizing:border-box; }
.join-btn-wrap .prev a{ color: #fff; font-size: 15px; width:100%; height:100%; display:block;}
.sns div{margin-bottom:10px;}
.sns div:last-child{margin-bottom:0;}

th.sub_th{font-weight:bold; background:#fff !important; }

caption.title{text-align:left;box-sizing:border-box; padding:0px 0px 10px; font-weight: bold; border-bottom: 2px solid #1d1d1d; font-size: 13px;}
.tb_plus {border-top:1px solid #eee; margin-top:40px;}
.tb_plus input[type='date']{height:30px; line-height:30px; border:1px solid #ddd; }
.tb_plus .child_content label{display:inline-block; width:17%; font-weight:bold;  }
.tb_plus .child_content p{margin-bottom:10px;border-bottom:1px dotted #ddd; box-sizing:border-box; padding-bottom:10px;}
.tb_plus .child_content p:last-child{margin-bottom:0px;}
.tb_plus .child_content .child_th{display:block;}
.tb_plus .child_content td{display:block;}


/* 내 정보 수정 */
#frm_edit th{text-align:left;  padding: 10px 0;  box-sizing:border-box;}
.tb_plus {padding:10px 0; box-sizing:border-box;}
.tb_plus tr input{background:#f8f8f8;  border-radius:100px; padding: 0 5px; box-sizing:border-box;   border:none; height:33px;}
.tb_plus span{color:red; margin-right:5px;}
.tb_plus tr td span{color:#1d1d1d;}
.tb_plus tr td{  padding:0 0px 20px; box-sizing:border-box; }
.tb_plus #btn_dup{margin-left:5px;  background:#333; color:#fff; font-size:11px; padding:5px 10px; box-sizing:border-box; height:100%; border-radius:100px;}
.tb_plus #frm_pw{margin-bottom:10px;}
.tb_plus .join-ex{font-weight:bold; color:#777; font-size:13px; line-height:1.6;}
.tb_plus #btn_zip{margin-left:10px;  background:#333; color:#fff; font-size:11px; padding:5px 10px; box-sizing:border-box; border-radius:100px;}
.tb_plus tr:last-child{border-bottom:none;}
.tb_plus #search_btn{margin-left:5px;  background:#333; color:#fff; font-size:11px; border-radius:100px;}
.tb_plus #search_btn a{ color: #fff; width:100%; height:100%; display:block; padding:5px 10px; box-sizing:border-box; }
.tb_plus button.child_plus{     margin-left: 10px;background: #333;color: #fff;font-size: 11px; padding: 5px 10px; box-sizing: border-box; border-radius: 100px;}
.tb_plus button.child_plus i{margin-left:5px;}
.tb_plus button.child_delete{ text-align:center; color:#fff; border-radius:100px; background:#E84242; cursor:pointer; font-size:11px; padding: 5px 10px; box-sizing: border-box;}
.tb_plus .center{text-align:center; overflow:hidden;}
.tb_plus button.child_delete i{margin-left:5px;}





/* 회원가입 성공 */
.join3_tit{margin-bottom: 25px;}
.join3-con-wrap {text-align:center; margin-bottom:54px;}
.join3-con-wrap .join-finish i{font-size:45px; color:#566B92; margin-bottom:15px;}
.join3-con-wrap .join-finish p{font-size: 20px; font-weight:bold; margin-bottom:30px;}
.join3-con-wrap .join-finish p span{color:#566B92;}
.join3-con-wrap .join-finish .text{font-size:15px;  line-height:1.7;}
.join3-con-wrap .join-finish .text span{color:#566B92; font-weight:700;}



/* 아이디 비번 찾기 */
.idpw_con_inner{margin-bottom:0  !important; width:100%; overflow:hidden;}
.join-con-wrap{width:100%;}
.idpw_tit{margin-bottom:70px !important; }
.idpw-form ul{  overflow:hidden;position:relative;  }
.idpw-form ul li{ position:relative; padding:30px 0; box-sizing:border-box; border-bottom:1px dotted #ddd;} 
.idpw-form ul li h3{font-size:20px;  position:relative; box-sizing:border-box; text-align:center; font-weight:normal;}
.idpw-form ul li h3.id_h3{ margin-bottom:20px;}
.idpw-form ul li h3.pw_h3{ margin-bottom:33px;}
.idpw-form ul li h3 span.id_span{color:#054800;  font-weight:bold;}
.idpw-form ul li h3 span.pw_span{color:#004448;  font-weight:bold;}
/*.idpw-form ul li h3:before{ position:absolute; content:''; width:10px; height:100%; background:#AC97FF; left:0; top:0;}
.idpw-form ul li h3.pwh3:before{background:#FFAD50;}*/
.idpw-form ul li div.view{}
.idpw-form ul li div.view p{    color:#444; font-weight:bold;text-align:center; margin-bottom:30px; }
.idpw-form ul li div.view p span{font-size:12px;  color:#666;}
.idpw-form ul li div.view dl{margin-bottom:10px;}
.idpw-form ul li div.view dd{text-align:center;}
.idpw-search-btn{ background:#054800; text-align:center;  border-radius:10px; box-shadow:5px 5px 10px rgba(0,0,0,20%); margin-bottom:0px !important; text-align:center; 
width:150px; margin:20px auto 0;}
.idpw-search-btn:hover{box-shadow:none;}
.idpw-search-btn a{width:100%; height:100%; display:block; color:#fff; padding:8px 0; box-sizing:border-box; }
.pw_btn{background:#004448;}
.pw_btn a{color:#fff;}
.id_form{margin-top:20px;}



/* 아이디 찾기 결과 */
.idpw-result-form {   overflow:hidden; padding: 20px; box-sizing:border-box;   }
.idpw-result-form .id-tit{text-align:center; position:relative; width:100%; height:100%;}
.idpw-result-form .id-tit h3{font-size:20px; margin:15px; font-weight:normal; }
.idpw-result-form .id-tit h3 span.id_span{color:#054800;  font-weight:bold; }
.idpw-result-form .id-tit .text{ padding:10px 20px; box-sizing:border-box; display:inline-block; margin-bottom:40px;}
.idpw-result-form .id-tit .text span{color:#054800; font-weight:bold;}
.idpw-result-form .id-tit .id-result-txt{font-size:25px;  margin-bottom:40px;}
.idpw-result-form .id-tit .id-result-txt span{text-decoration:underline; font-weight:bold;}
.idpw-result-form .id-tit .id_btn{bottom:13%;}


/* 비번 찾기 결과 */
.idpw-result-form .pw-result-txt{text-align:center; position:relative; width:100%; height:100%;}
.idpw-result-form .pw-result-txt h3{font-size:20px; margin:15px; font-weight:normal; }
.idpw-result-form .pw-result-txt h3 span.id_span{color:#004448;  font-weight:bold; }
.idpw-result-form .pw-result-txt .text{padding:10px 20px; box-sizing:border-box; display:inline-block; margin-bottom:40px; line-height:1.6;}
.idpw-result-form .pw-result-txt .text span{color:#004448; font-weight:bold;}
.idpw-result-form .pw-result-txt .pw-result-txt{font-size:25px;  margin-bottom:40px;}
.idpw-result-form .pw-result-txt .pw-result-txt span{text-decoration:underline; font-weight:bold;}
.idpw-result-form .pw-result-txt .pw_btn{bottom:13%;}








/* 나의강의실 */
.mypage-list-tab  li{width:100%;}
.mypage-list-content{border-top:none !important; padding: 0 !important;}
.my_list_table{width:100%;}
.my_list_table .edu_time{color:#00BB95;}
.my_list_table .parents{color:#5265A4;}
.my_list_table .teacher{color:#A4525A;}
.my_list_table .name{text-align:left;}
.calendarBox{border:1px solid #ddd;  box-sizing:border-box;  padding:20px; text-align:center;  background:#f9f9f9; margin-bottom:20px; font-size:13px; width:100%;}
.calendarBox span{font-weight:bold;}
.calendarBox input{width:20%;}
.calendarBox img.calendar{margin-left:5px; cursor:pointer;}
.calendarBox select{width:70%;  margin-top:15px;  }
.calendarBox button{cursor:pointer; margin-top:15px;}


.my_list_table{margin-top:30px !important; width:100% !important;  border-bottom:2px solid #566B92 !important;}
.my_list_table td{border-right:none !important; font-size:13px; text-align:left; padding:10px !important;}
.my_list_table th{border-right:none !important; font-size:13px; width:17%;}
.my_list_table td.state{color:#008E3E;}
.my_list_table td button{ cursor:pointer; padding:5px 10px; box-sizing:border-box; border-radius:10px;}
.my_list_table td button.edit{background:#fff; border:1px solid #555; color:#555; margin-right:10px;}
.my_list_table td button.remove{background:#fff; border:1px solid #CB0000;  color:#CB0000;}
.my_list_table td button.edit:hover{background:#555;  color:#fff;}
.my_list_table td button.remove:hover{background:#CB0000; color:#fff;}


/* 등록된 내용이 없습니다. */
.search_result{text-align:center; padding:20px 0; box-sizing:border-box; font-size:13px;}



/* 내 강의 시청 페이지 */
.p_class_name{margin-bottom:20px; line-height:1.7; width:100%; overflow:hidden;}
.p_class_name span{float:right; display:inline-block; width:93%;}
.playBox{width:100%; border-top:2px solid #566B92 ; border-bottom:1px solid #ddd;  height:300px; background:#f9f9f9;}
.playBox .play{width:100%; height:100%; overflow:hidden; }

/* 지역분소 > 지역분소 소개 */
.localist_btns {display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.localist_btns li {width: 100%; text-align: center;}
.localist_btns li img {width: 80%;}
.localinst-table {border-top: 2px solid #566B92; display: grid;}
.localinst-table > div {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-left: 5px;
  padding-right: 5px;
  /*   display */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*   typo */
  font-size: 13px !important;
  text-align: center;
}
.localinst-table > div:nth-child(3n) {
  border-right: none;
}
.localinst-table > div > p {font-size: inherit !important; line-height: normal !important; padding-left: 0 !important;}
.localinst-table > div > small {font-size: 12px;}
.localinst-table > div > small span.alert {color: #BF2121;}
.localinst-table > div.th {background: #F9F9F9; color: #566B92; font-weight: bold;}

/* 말줄임 */
/* .localinst-table > div.a,
.localinst-table > div a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.localinst-table > div a {padding-left: 10px;} */
.localinst-table > div a {word-break: break-all;}

/* 관공서 사이트 */
.board-site-table1 div:nth-child(3n),
.site-table2 div:nth-child(4n) {border-right: none;}

/* 상담 절차 */
.couns_process_vertical, .couns_process {
  border-top: 2px solid #566B92;
}
.couns_process ul {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.couns_process ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-right: 1px solid #ddd;
  flex: 1;
}
.couns_process ul li.filled {
  background: #F9F9F9;
}
.couns_process ul li:last-child {
  border-right: none;
}
.couns_process ul li .head {
  height: 55px;
  background: #F9F9F9;
  width: 100%;
  color: #566B92;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.couns_process ul li .head::after, .couns_process_vertical ul li .head::after {
  content: "▶";
  position: absolute;
  right: 0;
  transform: translateX(50%);
  z-index: 10;
  font-size: 5px;
  width: 15px;
  height: 15px;
  background: #F9F9F9;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.couns_process ul li:last-child .head:after {
  visibility: hidden;
}
.couns_process ul li .body {
  flex-direction: column;
  text-align: center;
  padding: 10px;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.couns_process_vertical ul {
  flex-direction: column;
}
.couns_process_vertical ul li {
  display: flex;
}
.couns_process_vertical ul li.step01 .head {color: #3793FF;}
.couns_process_vertical ul li.step02 .head {color: #279766;}
.couns_process_vertical ul li.step03 .head {color: #5746A2;}
.couns_process_vertical ul li.step04 .head {color: #418F94;}
.couns_process_vertical ul li .body {
  flex: 1;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.couns_process_vertical ul li .head {
  background: #F9F9F9;
  color: #566B92;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  width: 13vw;
  padding: 20px 10px;
  position: relative;
  text-align: center;
}
.couns_process_vertical ul li .head::after {
  content: "▼";
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translate(-50%, 10px);
}
.couns_process_vertical ul li:last-child .head::after {
  visibility: hidden;
}
.couns_process_vertical ul li .body p.list {
  margin-bottom: 0 !important;
}
.couns_process_vertical ul li .body p span.bold {
  margin-bottom: 0 !important;
}

/* 검사안내 테이블 */
.table_for_test {}
/* 검사안내 > 오른쪽 보더 추가해야함 */
.table_for_test td {
  border-right: 1px solid #ddd !important;
}
.table_for_test td.note {
  border-right: none !important;
}
.noticeBox {

}

.noticeBox ul {
  background: #F3FAFF;
  padding: 15px;
}

.pt_table td ul {
  list-style: none;
  margin: 0;
  padding: 0 !important;
}
.pt_table td ul li {
  text-align: center;
  text-decoration: none;
  list-style: none;
}
.pt_table td span.bold {
  margin-bottom: 0 !important;
}

/* 센터소개 */
img.ct_img {
  width: 100%;
}

/* 육아정보 > ebook */
.contents_e-book{padding:20px 0 4px; box-sizing:border-box;margin:0; }
.contents_e-book .books{width:100%; }
.contents_e-book  .title{padding:0 30px 20px; box-sizing:border-box;}
.contents_e-book .books ul{width:100%;  overflow:hidden; box-sizing:border-box;}
.contents_e-book .books ul li{display:inline-block; float:left; width:49%;  background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,16%);  height:auto; transition:all 0.3s; margin-bottom:16px;
padding:20px 0px; box-sizing:border-box; overflow:hidden;}
.contents_e-book .books ul li:nth-child(even){margin-right:0; float:right;}
.contents_e-book .books ul li a{width:100%; height:100%; display:inline-block; text-align:center; ;}
.contents_e-book .books ul li a p.img{border:1px solid #eee; display:inline-block; margin-bottom:10px; width:70%;}
.contents_e-book .books ul li a p.img img{width:100%;}
.contents_e-book .books ul li a p.tit{color:#00234B; font-weight:bold; line-height:1.5; font-size:13px; height:36px;}
.contents_e-book .books ul li:hover{box-shadow:10px 10px 1px rgba(0,0,0,16%); transform:translate(-10px, -10px); transition:all 0.3s;}

/*부모참여광장 > 댓글 */
.i_content .imgList ul li a .name .cmt_count {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  z-index: -1;
  transform: translateX(-4px);
}
.i_content .imgList ul li a .name .cmt_count .icon {
  color: #FC5E5B;
}
.i_content .imgList ul li a .name .cmt_count::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 15px;
  background: #ddd;
  transform: translate(-15px, calc(-50% + 1px));
  top: 50%;
}

/* 뷰 > 댓글 */
.comment_wrap {
  display: flex;
  flex-direction: column;
}
.comments_form {
  text-align: end;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.edcomments_form {
  background: #f9f9f9;
  padding: 15px;
  border-top: 1px solid #e3e3e3;
}
.comments_form textarea {
  box-sizing: border-box;
  resize: none;
  padding: 10px 5px;
  outline: none;
  background: #f9f9f9;
  height: 82px;
  border-radius: 5px;
  font-size: 13px;
}
.comments_form textarea:focus {
  background: #ffffff;
  border: 1px solid #566B92;
}
.comments_form button.new_comment {
  padding: 4px 6px;
  font-size: 13px;
  background: #566B92;
  border: 1px solid #566B92;
}
.edcomments_form .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 16px;
}
.comment_form {
  position: relative;
}
.comment_form .hide {
  position: absolute;
  right: 16px;
  left: auto;
  top: 0;
  transform: translate(0, -100%);
  background: #e3e3e3;
  height: 20px;
  width: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s linear;
}
.comment_form .hide:hover {
  background: #d1d1d1;
}
.edcomments_form p {
  text-align: left;
  font-weight: bold;
}
.edcomments_form textarea {
  background: #ffffff;
  border: 1px solid #566B92;
}
.edcomments_form .textareaWrp {
  position: relative;
  z-index: 10;
}
.edcomments_form .textareaWrp::after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -0px;
  left: -4px;
  background: rgba(86, 107, 146, .1);
  z-index: -1;
  border-radius: 10px;
}
.comments_form button {
  padding: 6px 10px;
  background: #566B92;
  border: 1px solid #566B92;
  cursor: pointer;
  color: #ffffff;
  align-self: end;
  font-size: 16px;
}
.comments_form button:hover {
  background: #ffffff;
  color: #566B92;
}
.edcomments_form button {
  background: #333;
}
.comment_wrap .comment .writer {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 10px;
}
.comment_wrap .comment .writer .icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  align-items: center;
  justify-content: center;
  background: #95edad;
  color: #c2ffd2;
  font-size: 12px;
}
.comment_wrap .comment .writer .val {
  font-size: 13px;
  font-weight: bold;
}
.comment_wrap .comment .writer .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 2px;
}
.comment_wrap .comment .writer .right .icon {
  background: none;
  color: #566B92;
  font-size: 13px;
}
/* .comment_wrap .comment:nth-of-type(2n) .writer .icon {
  background: #f595cf !important;
  color: #f7cbe6 !important;
} */
.comment_wrap .comments_tit {
  display: flex;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #333;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-weight: bold;
}
.comment_wrap .comments_tit .num {
  display: inline-flex;
  padding: 0 0px 0.5px;
  color: #fff;
  border: 1px solid #566B92;
  background: #566B92;
  border-radius: 4px;
  line-height: 20px;
  position: relative;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.comment_wrap .comments_tit .num span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 1px));
  line-height: 14px;
  font-size: 12px;
}
.comment_wrap .comments {
  display: flex;
  flex-direction: column;
}
.comment_wrap .comments .comment {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  position: relative;
  border-top: 1px solid #566B92;
  padding: 20px 0px;
}
.comment_wrap .comments .comment .cmt {
  font-size: 16px;
  text-align: left;
}
.comment_wrap .comments .comment:first-child {
  margin-top: 20px;
}
/* .comment_wrap .comments .comment + .comment {
  margin-top: 20px;
} */
/* .comment_wrap .comments .comment + .comment_form {
  margin-top: 20px;
} */
.comment_wrap .comments .comment_form + .comment {
  margin-top: 20px;
}
.comment_wrap .comments .comment .bottom {
  display: flex;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 10px;
}
.comment_wrap button {
  padding: 2px 6px;
  background: #333;
  border: 1px solid #333;
  cursor: pointer;
  border-radius: 3px;
  font-size: 13px;
  transition: all .2s linear;
}
.comment_wrap button:hover {
  background: #ffffff;
  color: #333;
}
.comment_wrap button.delete {
  background: rgb(191, 33, 33);
  border: 1px solid rgb(191, 33, 33);
}
.comment_wrap button.delete:hover {
  background: #ffffff;
  color: rgb(191, 33, 33);
}
.comment_wrap button a {
  color: #ffffff;
}
.comment_wrap button.delete a {
  /* color: rgb(191, 33, 33); */
}
.comment_wrap .edcomments_form button {
  font-size: 13px;
  padding: 2px 6px;
  border-radius: 3px;
}
.comment_wrap .comments .comment .date {
  font-size: 13px;
  font-weight: bold;
}
/* 뷰 > 팝업업 */
.cmt_popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.cmt_popup .screen {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .1);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cmt_popup .popBox {
  border-radius: 5px;
  background: #ffffff;
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cmt_popup .popBox .alert_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmt_popup .popBox .alert_icon span {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #FC5E5B;
  position: relative;
}
.cmt_popup .popBox .alert_icon span::before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  background: rgba(252, 94, 91, .4);
  border-radius: 100px;
  z-index: -1;
}
.cmt_popup .popBox .alert_icon span::after {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  bottom: -8px;
  right: -8px;
  background: rgba(252, 94, 91, .2);
  border-radius: 100px;
  z-index: -1;
}
.cmt_popup .popBox .titBox {
  font-size: 18px;
  font-weight: bold;
}
.cmt_popup .popBox .btns {
  text-align: center;
}
.cmt_popup .popBox .btns button {
  padding: 6px 10px;
  background: #ddd;
  cursor: pointer;
  border-radius: 5px;
  color: #333;
  border: 1px solid #ddd;
  font-size: 16px;
  transition: all .2s;
}
.cmt_popup .popBox .btns button:hover a {
  color: #333;
}
.cmt_popup .popBox .btns button.delete {
  background: rgb(191, 33, 33);
  border: 1px solid rgb(191, 33, 33);
}
.cmt_popup .popBox .btns button.delete:hover {
  background: #ffffff;
}
.cmt_popup .popBox .btns button.delete:hover a {
  color: rgb(191, 33, 33);
}
.cmt_popup .popBox .btns button.delete a {
  color: #ffffff;
}



/* 충북도 내 놀이시설 */
a.home_pg i.icon_home {font-size:12px; line-height:26px; vertical-align:top;}
.content table th.bd_right {border-right:1px solid #ddd;}
.content table td.bd_right {border-right:1px solid #ddd;}
.content table .txtleft {text-align:left;}
.amusement_img {margin:0 auto; padding:8px 0;}
.amusement_img img {width:100%;}


/* 갤러리 전용 페이징 */
.i_content .imgList .gal_pag_num > div {display:flex; align-items:center; justify-content:center;}
.i_content .imgList .gal_pag_num > div > ul {width:auto;}
.i_content .imgList .gal_pag_num > div > ul li {width:auto; margin:0 6px;}





/* 온라인 신청 */
/* 가이드 */
.sub-content_inner .guide_area {width: 100%; overflow: hidden; padding: 20px; display:flex; align-items:center; gap:20px; background: #F3FAFF;  box-sizing: border-box;}
.sub-content_inner .guide_area .guide_img {flex: 0 1 30%; max-width: 30%; height: auto; display: block;}
.sub-content_inner .guide_area .guide_txt {margin:0; padding:0; display:flex; flex-flow:column nowrap; gap:8px; flex: 1 1 0; min-width: 0;}
.sub-content_inner .guide_area .guide_txt p.list {margin-bottom:0; font-size:16px;}
.sub-content_inner .guide_area .guide_txt p.list::after {top:1em;}
@media (max-width: 768px) {
	.sub-content_inner .guide_area { flex-direction: column; }
	.sub-content_inner .guide_area .guide_img { max-width: 100%; flex-basis: auto; }
	.sub-content_inner .guide_area .guide_txt p.list {padding-left:16px; font-size:13px;}
	.sub-content_inner .guide_area .guide_txt p.list::after {position: absolute; content: ''; width: 7px; height: 7px;  background: #4E74BF; left: 0; top: 1em; border-radius: 100px; transform: translateY(-50%);}
}
/* 공통 */
.appliform-wrap {margin:0; padding:0; list-style:none; border-top:2px solid #566B92; box-sizing:border-box;}
.appliform * {box-sizing: border-box;}
.appliform input[type="text"], .appliform input[type="number"], .appliform textarea {
	width: 100%; height: 30px; line-height: 30px; border:1px solid #ddd; background: #f8f8f8;
}
.appliform input[type="date"] {height: 30px; line-height: 30px; border:1px solid #ddd; background: #ffffff;}
.appliform textarea {min-height: 120px; resize: vertical;}
.fullinput {width: 100%;}
.inp-sm {width: 64px; text-align: center;}
.age-inline {display: inline-flex; gap: 6px; align-items: center; margin-left: 8px;}
.radio-area label {display: inline-flex; gap:4px; align-items: center;}
.row-flow {display: flex; gap: 12px; align-items: center;}
.column-flow {display: flex; gap: 10px; flex-direction: column;}
.red {color: #e53935;}
/* 라벨(헤더) 고정폭 */
:root { --th-w: 180px; }
/* content */
.appliform-content {display: flex; flex-wrap: wrap; align-items: stretch; border-bottom: 1px solid #ddd; background: #fff;}
.appliform-content > .cell-head {
	display: flex; align-items: center; justify-content:center; flex: 0 0 var(--th-w); 
	padding:20px; background: #f9f9f9; color:#566B92; font-size:18px; font-weight: 700; border-right:1px solid #ddd; text-align:center;
}
.appliform-content > :last-child {border-right: 0;}
.appliform-content > .cell {flex: 0 0 calc(50% - var(--th-w)); padding:20px; display: block;}
.appliform-content > .cell-head:first-child + .cell:last-child,
.appliform-content > .cell-head:first-child + .appliform-list-area:last-child {flex-basis: calc(100% - var(--th-w));}
/* 가족관계 내부 표 */
.appliform-content .cell > .appliform-in-wrap {margin:0; padding:0; list-style:none; border:1px solid #eee; box-sizing:border-box;}
.appliform-in-head {display: flex; align-items: center; background:#ddd; color:#1d1d1d;}
.appliform-in-head .cell-head {padding: 10px 12px; border-right: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.appliform-in-head .cell-head:last-child {border-right: 0;}
/* 열 폭: [연번 | 관계 | 연령 | 직업] */
.appliform-in-head .cell-head:nth-child(1) {flex: 0 0 100px; text-align: center;}
.appliform-in-head .cell-head:nth-child(2) {flex: 1 1 0;}
.appliform-in-head .cell-head:nth-child(3) {flex: 0 0 160px;}
.appliform-in-head .cell-head:nth-child(4) {flex: 1 1 0;}
/* 데이터 행 */
.appliform-in-cell,
.appliform-grid-family  {display: flex; align-items: stretch; border-bottom: 1px solid #f2f2f2;}
.appliform-in-cell:last-child,
.appliform-grid-family:last-child {border-bottom: 0;}
.appliform-in-cell .cell,
.appliform-grid-family .cell,
.appliform-grid-family .cell-head {padding: 10px 12px; border-right: 1px solid #eee; display: flex; align-items: center;}
.appliform-in-cell .cell:last-child,
.appliform-grid-family .cell:last-child {border-right: 0;}
/* 폭 매핑 */
.appliform-in-cell .cell:nth-child(1),
.appliform-grid-family .cell-head:nth-child(1),
.appliform-grid-family .cell:nth-child(1) {flex: 0 0 100px; justify-content: center;}
.appliform-in-cell .cell:nth-child(2),
.appliform-grid-family .cell:nth-child(2) {flex: 1 1 0;}
.appliform-in-cell .cell:nth-child(3),
.appliform-grid-family .cell:nth-child(3) {flex: 0 0 160px;}
.appliform-in-cell .cell:nth-child(4),
.appliform-grid-family .cell:nth-child(4) {flex: 1 1 0;}
/* 질문지 */
.appliform-content .appliform-list-area {padding:0;}
.appliform-list-area ul {display: flex; flex-direction:column;}
.appliform-list-area ul > li {padding:16px 20px 20px 20px; border-bottom:1px solid #ddd;}
.appliform-list-area ul > li:last-child {border-bottom:none;}
.appliform-list-area .list {margin: 0 8px 0 0; font-weight: 600;}
.sub-content_inner .content .appliform-wrap p.list {margin:0; padding-left:16px; font-size:16px; font-weight:normal;}
.sub-content_inner .content .appliform-wrap p.list:after {left:0; top:52%;}
/* 버튼 */
.appliform-btn-area {display: flex; gap: 10px; justify-content: center; margin: 24px 0;}
.appliform-btn-area button {padding:8px 20px; font-size:15px; cursor: pointer; box-sizing:border-box;}
.btn-primary {background:#5B6AB7; color: #fff;}
.btn-line {background: #fff; border:1px solid #c8ceef; color: #5B6AB7;}
.btn-line-red {border: 1px solid #e53935; color:#e53935;}
.btn-primary:hover {background:#354078;}
.btn-line:hover {background: #f1f3fb;}
.btn-line-red:hover {background:#F9D3D2;}
/* 반응형 */
@media (max-width: 768px) {
.appliform-wrap {border:1px solid #ddd; border-top:2px solid #566B92;}
.appliform-content {display: block; border-bottom:none;}
.appliform-content > ul > li {padding:10px;}
.appliform-content > .cell-head {width: 100%; padding:10px; font-size:15px; border-right: 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.appliform-content > .cell {padding:10px;}
.appliform-content > .appliform-list-area {width: 100%; flex-basis: 100%; border-right: 0; padding:0;}
.radio-area label {display: inline-flex; gap:4px; align-items: start;}
.appliform-list-area ul > li {padding:10px;}
.appliform-in-head .cell-head:nth-child(1), .appliform-in-cell .cell:nth-child(1) {flex: 0 0 15%;}
.appliform-in-head .cell-head:nth-child(2), .appliform-in-cell .cell:nth-child(2) {flex: 1 1 25%;}
.appliform-in-head .cell-head:nth-child(3), .appliform-in-cell .cell:nth-child(3) {flex: 0 0 25%;}
.appliform-in-head .cell-head:nth-child(4), .appliform-in-cell .cell:nth-child(4) {flex: 1 1 35%;}
.mo-column-flow {display:flex; flex-flow:row nowrap; border-bottom: 1px solid #ddd;}
.mo-column-flow .cell-head {width: var(--th-w); border-top:none; border-bottom:none;}
}




/* 마이페이지 > 나의 신청내역 > 온라인상담 */
.my_list_table td.state {display:flex; align-items:center; justify-content:center;}
.my_list_table td.state span {display:flex; align-items:center; justify-content:center; width:25px; height:25px; font-size:13px; text-align:center; border-radius:1000px;}
.my_list_table td.state span.yes {background:#4E74BF; color:#fff;}
.my_list_table td.state span.no {background:#aaa; color:#fff;}
/* 버튼 영역 */
.onlineview-btn-area {display:flex; align-items:center; gap:12px;}
.onlineview-btn-area > li{ display:flex; align-items:center;}
.onlineview-btn-area > li:first-child {flex:1; justify-content: start;}
.onlineview-btn-area > li:last-child {margin-left:auto;}
.onlineview-btn-area > .appliform-btn-area {display:flex; justify-content:center; gap:10px; width:100%;}
.onlineview-btn-area .btn-list {display:inline-block; padding:8px 20px; font-size:15px; border: 1px solid #dddddd; text-align:center; cursor: pointer; box-sizing:border-box;}
.onlineview-btn-area .btn-list:hover {border:1px solid #5B6AB7; color:#5B6AB7;}
/* 답변 */
.online-counsel-answer {margin-top:20px;}





/* 놀꽃마루 */
/* 서브 리스트 */
.tb_sub_list > span {display:flex; text-align:center; padding-bottom:16px;}
.tb_sub_list > ul > li {font-size:14px; margin-bottom:10px !important;}
.tb_sub_list > ul > li:last-child {margin-bottom:0 !important;}