@charset "utf-8";

/* Mobile */
/* 센터소개 */
.introduce div {text-align: center; box-sizing: border-box;  margin-bottom: 20px; }
.introduce p img {width: 100%; border-radius: 20px 20px 0 0;}
.introduce div ul { border: solid 1px #f5f4fa;  background: #fafafa;  padding: 15px;border-radius: 0 0 20px 20px;}
.introduce div li strong { display: block; font-size: 18px;  padding-bottom: 5px;}

/* Tablet */
@media all and (min-width:768px) {
.introduce {overflow: hidden;}
.introduce div {float: left; width: 50%;  padding: 0 15px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.introduce div { width: 33.3333%; padding: 0 10px;}
.introduce div ul { padding: 15px 10px;min-height: 70px;}
}

/* Mobile */
/* 방문상담신청 */
.notice_box .notice2:after {background-position: -155px 0;}

.bbs_btn .bbs_bt2 {background: var(--bgpoint); color: var(--point1); padding: 10px 20px;}
.bbs_btn .bbs_bt4 {background: var(--point1); color: #fff; padding: 10px 20px;}

/* Mobile */
/* 행사신청 */
.bbs_dbsearch { background: #fafafa;  margin: 30px 0 9px 0;  padding: 15px 10px;  border-radius: 10px;}
.bbs_dbsearch h4 {margin: 0 0 5px 0; background: none; font-size: 18px; padding: 0;  text-align: center;}
.bbs_dbsearch .db_area {position: relative;}
.bbs_dbsearch .db_area p {margin: 0 0 3px 0;}
.bbs_dbsearch .db_area p button {color: #666; border-radius: 5px; font-weight: 100; color: #666;background: #fff;  width: 100%;  padding: 15px;}
.bbs_dbsearch .list {display: none; border-radius: 5px 5px 20px 20px; background: rgba(0,0,0,.7); padding: 15px 0 0 0; top: 0; position: absolute;  top: 53px; left: 0;  width: 100%;  z-index: 1;}
.bbs_dbsearch .list.on {display:block;}
.bbs_dbsearch .list h5 {background: none; padding: 0; margin: 0; text-align: center; color: #fff;}
.bbs_dbsearch .list ul {padding: 5px 15px 15px;}
.bbs_dbsearch .list ul li {color: #fff; margin: 5px; width: 29%; float: left; box-sizing: border-box;  font-size: 14px;}
.bbs_dbsearch .list ul li input[type=checkbox] {width: 20px; height: 20px; border-radius: 5px}
.bbs_dbsearch .list ul:after {display: block; content: ''; clear: both;}
.bbs_dbsearch .db_area .list p {background: #444;}
.bbs_dbsearch .db_area .list .close {text-align: center; margin: 0;border-radius: 0 0 20px 20px;}
.bbs_dbsearch .db_area .list .close button {color: #ccc;  display: block;  background: #1d1d1d;  padding: 5px 0; border-radius: 0 0 20px 20px;}
.bbs_search.right {padding: 20px 20px 20px 0;}

/* Tablet */
@media all and (min-width:768px) {
.bbs_dbsearch .db_area {width:49.5%; float: left; margin-right: 1%;}
.bbs_dbsearch .db_area:nth-of-type(2) {margin-right: 0;}
.bbs_dbsearch::after {content:''; clear:both; display:block;}
.bbs_search.right {padding: 20px;}
}

/* Desktop */
@media all and (min-width:1023px) {

}

/* Desktop wide*/
@media all and (min-width:1400px) {

}

.point_bg2{background: #f8f2ff;}
.point_bg3{background: #f2fff9;}
.point_bg4{background: #f3f5ff;}

.bbs_calender td li strong{font-size: 16px;font-weight: normal;}           


.job_link ul li{margin:20px 0;padding: 20px 0;border:1px #e1e1e1 solid;border-radius:30px;text-align: center;}
.job_link ul li .img{padding: 0 20px 20px;border-bottom:1px #e1e1e1 solid;}
.job_link ul li .img img{max-width:100%;}
.job_link ul li .tit{margin: 20px 0;font-size: 20px;font-weight:400;color: #222;}                                                                                                          
.job_link ul li .basic_btn{margin:0;}
@media all and (min-width:768px) {
.job_link ul{display:flex;flex-wrap: wrap;gap: 20px 3%;} 
.job_link ul li{width: 48%;margin: 0;}
.job_link ul li .img{display: flex;height: 100px;align-items: center;justify-content: center;}
}
@media all and (min-width:1400px) {
 .job_link ul li{width: 30.33%;}   
}