@charset "utf-8";

/* Mobile */
.organization { text-align: center; width: 80%; margin: 0 auto;}
.organization .org1 strong {position: relative; display: block;background: #2a7f52;padding: 30px 0 10px; height: 40px; border-radius: 10px; color: #fff; font-size: 1.2em; margin-bottom: 30px;}
.organization .org1 strong:after {display: block; content: ""; position: absolute; top: 80px;  left: 50%;  width: 1px;  height: 30px;  background: #ebebeb;}
.organization .org2 li {position: relative; padding-bottom: 10px;}
.organization .org2 li:after {display: block; content: ""; position: absolute;  top: 49px; left: 50%; width: 1px;  height: 10px; background: #ebebeb;}
.organization .org2 li span { display: block; background: #d3e871; padding: 15px 0; border-radius: 10px; color: #000;}
.organization .org3 li span {display: block; background: #484848; padding: 15px 0; border-radius: 10px 10px 0 0; color: #fff;}
.organization .org3 li ul {overflow: hidden; background: #fff; border: solid 1px #ccc; border-top: none; border-radius: 0 0 10px 10px; margin-bottom: 10px; padding: 10px; color: #666;}
.organization .org3 li ul li {line-height: 1.8em;}
.organization .org3 li ul.col3 li {float: left; width: 33.3333%;}

/* Tablet */
@media all and (min-width:768px) {
.organization { width: 100%;}
.organization .org1 strong, .organization .org2 li span {display: inline-block; width: 30%;}
.organization .org3 { position: relative; overflow: hidden; padding-top: 40px;}
.organization .org3:before {display: block; content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 20px; background: #ebebeb;}
.organization .org3 li {position: relative; float: left; width: 50%; padding: 0 10px; box-sizing: border-box;}
.organization .org3 li ul {height: 140px;}
.organization .org3 li li {padding:0;}
.organization .org3>ul>li:after { display: block; content: "";  position: absolute; top: -20px;  left: 50%;  width: 1px;  height: 20px;  background: #ebebeb;}
.organization .org3:after {display: block; content: ""; position: absolute; top: 20px; left: 25%; width: 50%;  height: 1px;  background: #ebebeb;}
}

/* Mobile */
/* 인사말 */
.greeting .txt_top {margin-bottom: 40%; font-size: 20px;font-weight: 100;  word-break: keep-all;  line-height: 1.4;  color: #fff;  font-family: 'GongGothic';  background: #2a7f52;  padding: 20px 20px 100px; border-radius: 25px 25px 25px 0; text-align: center;  display: block;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.greeting .txt_top span {font-weight: 600;}
.greeting .txt_top img {width: 80%; margin-top: 20px; border-radius: 5px; box-shadow: 2px 2px 16px rgba(0,0,0,.3); position: absolute;left: 10%; top: 75px;}
/* Tablet */
@media all and (min-width:768px) {
.greeting .txt_top { text-align: left; font-size: 25px;padding: 30px 30px 70px;max-width: 600px;margin-bottom: 120px;}
.greeting .txt_top img {max-width: 400px; right:-70px;top: 0;border-radius: 15px; left: auto;}
.greeting li {font-size: 18px; margin-top:20px; line-height:1.4;}
}
/* Pc */
@media all and (min-width:1400px) {
.greeting {margin: 70px 0 100px 0;}
.greeting .txt_top {padding: 50px 0 70px 50px; font-size: 35px;border-radius:25px 0;}
.greeting .txt_top img {top: 20px;right: -270px;}
.greeting li {font-size: 20px; line-height: 1.65;margin: 20px 0 0 45px;}
.greeting li:first-of-type {position:relative; background: #fff; padding-left: 3px; border-radius: 5px;}
.greeting li:first-of-type::after {content:''; position:absolute;  background: url(/images/common/notice_ico.png)no-repeat;  background-position: 35%;  width: 80px; height: 60px; display: inline-block; top: -33px; left: -90px; z-index: -1;background-size: 1800%; transform: rotate(10deg);}
}     

/* 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;}
.request_list {width: 100%; border-top: 2px solid #474b50;}
.request_list li {border-bottom: 1px solid #dde1e4; line-height: 1.25em; position: relative;}
.request_list li a {display: block; padding: 20px 0; margin: 0 auto; width: 95%;}
.request_list li strong {display: block; font-weight: normal; color: #000; font-size: 20px; line-height: 1.5em;}
.request_list strong em {border-radius: 5px; font-style: normal; display: block; padding: 10px; width: 70px; color: #fff; line-height: 1em;  font-size: 14px;   text-align: center;}
.request_list strong .tbox_ing {background: var(--point1);}
.request_list strong .tbox_end {background: #343a40;}
.request_list span {display: block; vertical-align: middle; margin: 0 5px;padding: 15px;}
.request_list .edu_info {background:#fafafa; margin: 10px 0 0; line-height: 1.5em; border-radius: 5px;}
.request_list .edu_info strong {display: inline-block; font-size: 14px; color: #df5262; vertical-align: bottom;}
.request_list .edu_info em { display: block;}

/* 문자알림_개인정보 */ 
.msg_res {margin: 20px 0 30px;  padding: 10px;  background: var(--bgpoint);  text-align: center; word-break: keep-all; border-radius: 10px;}
.msg_res>div {padding: 30px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.03);}
.msg_res .tit {position:relative;}
.msg_res .tit::before {content: ''; position:absolute; background: url(/images/common/notice_ico.png)no-repeat; background-position: 50% 50%; width: 45px; height: 40px; left: -20px; top: -27px; background-size: 2000%;}
.msg_res .tit strong {color: var(--point1);}
.agree_box .txt_box span {display: block;}      
.agree_box p * {vertical-align: middle;}           
.agree_box .txt_box p input {width: 20px; height: 20px; border-radius: 5px;}          
.agree_box .txt_box p input {margin-left: 5px; vertical-align: middle;}  
.jmbtn {margin-top: 25px;}                  
.jmbtn a {padding: 10px 30px; color: #fff; display: inline-block; margin: 5px; border-radius: 10px;} 
.jmbtn .jm_go {background: #2a7f52;}
.jmbtn .jm_none {background: #ebebeb; color: #393939;}

.agree_box>div {background: #fff; padding: 30px 20px; border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.agree_box .basic_p { margin: 10px 0;}

/* Tablet */
@media all and (min-width:768px) { 
.msg_res .tit::before {width: 50px; left: 25px;top: -20px;}
.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) {
.msg_res {padding: 15px;}
.agree_box>div {padding: 30px;}
}
/* Desktop */
@media all and (min-width:1400px) { 
.msg_res .tit::before {left: 185px;}
}