@charset "utf-8";


/* ################## 레이어창 설정   ################## */

#wrap_layer *{box-sizing: border-box !important;}

/* 암전 처리된 레이어창 */
.layer_dark {z-index: 999;position: fixed;left: 0;width: 100%;height: 100%;overflow:auto;background: rgba(0,0,0,0.4);  top: 0; display: none;min-width: 360px;}
.layer_dark.dark_none {background:none;  }



/* 기본 레이어창 */
.layer_box_guide01 {z-index: 999;background-color: #fff;padding:20px 0 20px 25px; border: 1px solid #4d4d4d; box-shadow: 1px 10px 10px rgba(0,0,0,0.2); border-radius: 20px; margin: auto; position: relative; top: 30%;transform: translateY(-30%) translateY(-.5px); }

.layer_box_guide01.top_fix {top: 80px;transform: translateY(0) translateY(-.5px); }


.layer_box_guide02{ margin-bottom: 20px;padding: 0 5px;}
.layer_box_guide02 h5{display: flex; align-items: center;}
.layer_box_guide02 h5 > strong{ font-size: 17px; font-weight: 600; margin-right: 5px;}


.layer_box_guide02 .btn_close { background: url(../../images/com/icon_close02.png) center no-repeat; border: 0;position: absolute; top:15px; right:15px; width: 26px; height: 26px; text-indent: -9999px;}


.layer_box_guide02_01{ margin-bottom: 10px;}
.layer_box_guide02_01 h5{display: flex; align-items: center; margin-bottom: 5px;}
.layer_box_guide02_01 h5 > strong{ font-size: 17px; font-weight: 600; margin-left: 5px;}
.layer_box_guide02_01 h5 > span{ font-size: 15px; font-weight: 600; margin-left: 5px; display: flex; align-items: center;}
.layer_box_guide02_01 .btn_close {  position: absolute; top:15px; right:15px; height: 32px; border-radius: 20px; font-size: 12px; font-weight: 500; display: inline-block; text-align: center;background:#1a1e54  url(../../images/com/icon_close04.png) 7px center no-repeat; background-size: 20px; padding: 0 14px 0 32px; color: #fff;}
.layer_box_guide02_01 .lms_badge01{display: inline-flex; border: 2px solid #3669ff; border-radius: 4px; padding: 0 6px; height: 24px;line-height: 23px; font-size: 11px;background: #fff; align-items: center; white-space: nowrap; font-weight: 500;}
.layer_box_guide02_01 .lms_badge02{border-radius:  30px; background: #ff0000; color: #fff; padding: 3px 6px; font-size: 11px; font-weight: 500; display: inline-block; margin-left: 5px;}


/* 레이어 본문 시작 가이드 */
.layer_box_guide03.lbg_maxh01{max-height: 730px;}
.layer_box_guide03{max-height: 620px; overflow-y: auto; padding-right: 25px;overflow-x: hidden;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
.layer_box_guide03{  overflow-y:overlay; }
.layer_box_guide03::-webkit-scrollbar { width:10px; }
.layer_box_guide03::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}


/* 기본텍스트*/
.layer_all_text01{  margin-bottom: 10px; font-size: 13px; font-weight: 500; color: #ff0000;}





.layer_movie_guide{display: flex; justify-content: space-between; }
.layer_movie_guide .layer_movie_left{ width: calc(100% - 330px);}
.layer_movie_guide .layer_movie_right{width: 300px; margin-top: 60px;}

.layer_movie_guide .layer_movie_right h5{background: #d5e4ff;border-radius: 10px 10px 0 0; padding:0 10px; display: flex; align-items: center;}
.layer_movie_guide .layer_movie_right h5 strong{ background: url("../../images/com/tit_02.png")left center no-repeat; font-size: 16px; font-weight: 600; margin-right: 5px; padding: 10px 0 10px 30px;background-size: 25px; display: block;}
@media all and (max-width :1280px) {
.layer_movie_guide .layer_movie_left{ width: calc(100% - 290px);}
.layer_movie_guide .layer_movie_right{width: 280px;}
}
@media all and (max-width :1024px) {
.layer_movie_guide .layer_movie_right h5 strong{ font-size: 15px; padding: 10px 0 10px 25px;background-size: 20px; }
.layer_movie_guide .layer_movie_left{ width: calc(100% - 250px);}
.layer_movie_guide .layer_movie_right{width: 240px;}

}

@media all and (max-width: 767px) {
.layer_movie_guide{flex-wrap: wrap;}
.layer_movie_guide .layer_movie_left{ width: 100%;}
.layer_movie_guide .layer_movie_right{width: 100%; margin-top: 10px;}
.layer_box_guide03{padding-right: 15px;max-height: 550px;}
.layer_box_guide03.lbg_maxh01{max-height: 580px;}
}
@media all and (max-width: 400px) {
.layer_box_guide03{max-height: 410px;}
.layer_box_guide03.lbg_maxh01{max-height: 480px; }
}

@media all and (max-width :360px) {
.layer_box_guide03{max-height: 340px;}
.layer_box_guide03.lbg_maxh01{max-height: 410px;}
}





/* 영상 */
.layer_movie01{  width: 100%; height: 420px;}
.layer_movie02{  width: 100%; height: 530px;}
@media all and (max-width :1280px) {
.layer_movie02{ height: 400px;}
}
@media all and (max-width :1024px) {
.layer_movie02{ height: 300px;}
}

@media all and (max-width :767px) {
.layer_movie02{ height: 200px;}
}





.layer_movie_txt01{margin-top: 10px;display: flex; justify-content: space-between;align-items: flex-start;}
.layer_movie_txt01 ul li{display: flex; align-items: center; margin: 5px 0;}
.layer_movie_txt01 ul li strong{display: inline-block; border-radius: 30px; padding:8px 0; text-align: center; font-size: 12px; background: #e3f1fe; font-weight: 500; margin-right: 8px; min-width: 95px;}
.layer_movie_txt01 ul li span{font-size: 14px;}
.layer_movie_txt01 ul li span > em{font-weight: 600;color: #ff0000;}
.layer_movie_txt01 ul li:nth-of-type(3) strong{background: #3669ff; color: #fff;}
.layer_movie_txt01 ul li:nth-of-type(3) span a{ color: #3669ff; font-weight: 500;}


.ly_good_img a {display: flex; align-items: center; border: 1px solid #a9c3f1; border-radius: 50px; padding: 0 0 0 15px; margin-top: 5px;}
.ly_good_img a span{ font-weight: 500;font-size: 13px; padding:10px 10px 10px 23px; background-repeat:  no-repeat;background-position:  left center; background-size:18px;  margin: 0 5px;}
.ly_good_img a span.ly_good_up{  background-image: url("../../images/com/good_up01.png");}
.ly_good_img a span.ly_good_down{ background-image: url("../../images/com/good_down01.png");}
.ly_good_img a span.ly_good_quiz{ background-image: url("../../images/com/good_quiz01.png");}

.ly_good_img a span.ly_good_up.active{background-image: url("../../images/com/good_up02.png");}
.ly_good_img a span.ly_good_down.active{background-image: url("../../images/com/good_down02.png");}
.ly_good_img a span.ly_good_quiz.active{background-image: url("../../images/com/good_quiz02.png");}




.layer_lms_list04 .lms_badge01{display: inline-flex; border: 2px solid #3669ff; border-radius: 4px; padding: 0 6px; height: 24px;line-height: 23px; font-size: 11px;background: #fff; align-items: center; white-space: nowrap; font-weight: 500;}

.layer_lms_list04{  border:1px solid #d5e4ff; border-radius: 0 0 10px 10px; }
.layer_lms_list04 .lms_box01{max-height: 600px;  overflow-y:overlay;overflow-x: hidden;}
.layer_lms_list04 .lms_box01::-webkit-scrollbar { width:10px; }
.layer_lms_list04 .lms_box01::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}


.layer_lms_list04 .lms_box01 > li{  overflow:hidden;border-bottom: 1px solid #d5e4ff;}
.layer_lms_list04 .lms_box01 > li:last-child{margin-bottom: 0; border-bottom:0;}
.layer_lms_list04 .lms_box01 > li > a{ display:block;  padding:15px; position: relative;}
.layer_lms_list04 .lms_box01 > li > a > strong{ display:flex; width: calc(100% - 15px); font-weight: 600; font-size:15px; align-items: center; margin-bottom: 5px;}


.layer_lms_list04 .lms_box01 > li > a::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 10px; background: url("../../images/com/down_arrow04.png") center no-repeat; width: 10px; height: 10px; display:  inline-block; background-size: 10px;}
.layer_lms_list04 .lms_box01 > li > a.active::after{ background:url("../../images/com/down_arrow05.png")center no-repeat;background-size: 10px;}



@media all and (max-width :1280px) {
.layer_movie_txt01{flex-wrap: wrap;}
.layer_movie_txt01 ul {order: 2; width: 100%;}
.ly_good_img {order: 1; margin-bottom: 5px; width: 100%;text-align: right;}
.ly_good_img a{display: inline-flex;}
}
@media all and (max-width :1024px) {
.layer_lms_list04 .lms_box01 > li > a > strong{ font-size:14px;}
}



/* 학습_일반 : 펼치기 */
.layer_lms_list04 .lms_box01 .s_view{ display:none; transition: 0.2s ease-out; border-top:1px dashed #d5e4ff; padding:  5px 15px; background: #d5e4ff;}
.layer_lms_list04 .lms_box01 .s_view a{ display: flex; justify-content: space-between; margin: 10px 0;}  

.layer_lms_list04 .lms_box01 .s_view a span.layer_movie03{ width: 110px; height: 60px; overflow: hidden; border-radius: 4px;}
.layer_lms_list04 .lms_box01 .s_view a span.lms_box01_txt {width: calc(100% - 120px); padding-top: 5px;position: relative;}
.layer_lms_list04 .lms_box01 .s_view a span.lms_box01_txt em{ display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-top: 5px; font-size: 13px;}

.layer_lms_list04 .lms_box01 .s_view a:hover span.lms_box01_txt em,
.layer_lms_list04 .lms_box01 .s_view a:focus span.lms_box01_txt em{display: inline-block; overflow:auto;text-overflow:inherit; white-space:normal;position: absolute;  bottom:0; right:-20px; background: #fff; border-radius: 4px; padding: 8px; z-index: 5; width: calc(100% + 20px); box-shadow: 1px 10px 10px rgba(0,0,0,0.1);}



/* 학습_마이크러러닝: 펼치기 */
.layer_lms_list05 .lms_badge01{display: inline-flex; border: 2px solid #3669ff; border-radius: 4px; padding: 0 6px; height: 24px;line-height: 23px; font-size: 11px;background: #fff; align-items: center; white-space: nowrap; font-weight: 500;}
.layer_lms_list05 .s_view{ display:block; transition: 0.2s ease-out; border:1px solid #d5e4ff;background: #fff;max-height: 600px;  overflow-y:overlay; overflow-x: hidden;}
.layer_lms_list05 .s_view::-webkit-scrollbar { width:10px; }
.layer_lms_list05 .s_view::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}


.layer_lms_list05 .s_view a{ display: flex; justify-content: space-between; margin: 10px 0;border-bottom: 1px dashed #d5e4ff; padding: 5px 15px 15px 15px;}  
.layer_lms_list05 .s_view li:last-child a{border: 0; margin-bottom: 0;}
.layer_lms_list05 .s_view a span.layer_movie03{ width: 110px; height: 60px; overflow: hidden; border-radius: 4px;}
.layer_lms_list05 .s_view a span.lms_box01_txt {width: calc(100% - 120px); padding-top: 5px;position: relative;}
.layer_lms_list05 .s_view a span.lms_box01_txt em{ display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-top: 5px; font-size: 13px;}

.layer_lms_list05 .s_view a:hover span.lms_box01_txt em,
.layer_lms_list05 .s_view a:focus span.lms_box01_txt em{display: inline-block; overflow:auto;text-overflow:inherit; white-space:normal;position: absolute;  bottom:0; right:-20px; background: #fff; border-radius: 4px; padding: 8px; z-index: 5; width: calc(100% + 20px); box-shadow: 1px 10px 10px rgba(0,0,0,0.1);}






/* 강의보기 : 좋아요 아쉬워요*/
.layer_good_btn{ text-align: center; width:210px; margin: 0 auto 20px auto; }
.layer_good_btn p{font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.layer_good_btn ul{display:flex; justify-content: space-between;}

.layer_good_btn button{background-position: center 15px; background-repeat:  no-repeat; padding: 55px 0 15px 0; background-size: 30px; background-color: #fff; border: 1px dashed #ddd; border-radius: 10px; display: block; width: 100px; height: 100%; font-size: 14px; font-weight: 600;}
.layer_good_btn .ly_good_up{background-image: url("../../images/com/good_up01.png");}
.layer_good_btn .ly_good_down{background-image: url("../../images/com/good_down01.png");}

.layer_good_btn .ly_good_up:hover,
.layer_good_btn .ly_good_up:focus,
.layer_good_btn .ly_good_up.active{background-image: url("../../images/com/good_up02.png");}

.layer_good_btn .ly_good_down:hover,
.layer_good_btn .ly_good_down:focus,
.layer_good_btn .ly_good_down.active{background-image: url("../../images/com/good_down02.png");}








/* 이미지 클릭시 크게보기 */
.layer_file01_img { text-align: center;}
.layer_file01_img img{max-width:1000px;}

/* 레이어창 사이즈 추가 */
.lw200{ width: 201px;}
.lw300{ width: 301px;}
.lw350{ width: 351px;}
.lw400{ width: 401px;}

.lw500{ width: 501px;}
.lw600{ width: 601px;}
.lw700{ width: 701px;}
.lw800{ width: 801px;}

.lw1000{ width: 1001px;}
.lw1200{ width: 1201px;}
.lw1400{ width: 1401px;}
.lf100{ width: 100%;}


@media all and (max-width :1421px) {
.lw1400{ width: 90%!important;}
}

@media all and (max-width :1250px) {
.layer_box_guide01.lw1200{  width: 90% !important;}
}

@media all and (max-width :1050px) {
.layer_box_guide01.lw1000{  width: 90% !important;}
}

@media all and (max-width :950px) {
.layer_box_guide01.lw900{  width: 90% !important;}
}
@media all and (max-width :850px) {
.layer_box_guide01.lw800{  width: 90% !important;}
}

@media all and (max-width :767px) {
.layer_dark,
.layer_dark_none{padding: 20px 5%; }
.layer_box_guide01 {top: 50%;transform: translateY(-50%) translateY(-.5px);padding:15px 0 15px 15px;border-radius: 15px!important;}
.layer_box_guide01.top_fix {top: 30px;}

.layer_box_guide02{ margin-bottom: 10px; }
.layer_box_guide02 h5 > strong{ font-size: 14px;}
.layer_box_guide02 .btn_close { top:7px; right:10px;}


.layer_box_guide01.lw700,
.layer_box_guide01.lw800,
.layer_box_guide01.lw900,
.layer_box_guide01.lw1000,
.layer_box_guide01.lw1200{  width: 100% !important;border-radius: 15px!important;}

.layer_box_guide02_01 {padding: 24px 0 0 0;margin-bottom: 10px;}
.layer_box_guide02_01 h5 > strong{ font-size: 14px; }
.layer_box_guide02_01 h5 > span{ font-size: 13px;}
.layer_box_guide02_01 .btn_close {   top:10px; right:10px; height: 26px;font-size: 11px; background-size: 15px; padding: 0 14px 0 25px;}

.layer_movie01{ height: 300px; }
.layer_movie_txt01 ul {flex-wrap: wrap;}
.layer_movie_txt01 ul li{width: 100%;}
.layer_movie_txt01 ul li strong{padding:5px 0;  font-size: 10px; margin-right: 5px; min-width: 65px;}
.layer_movie_txt01 ul li span{font-size: 12px;}
}

@media all and (max-width :650px) {
.layer_box_guide01.lw600{  width: 100% !important;}
}
@media all and (max-width :550px) {
.layer_box_guide01.lw500{  width: 100% !important;}
}
@media all and (max-width :450px) {
.layer_box_guide01.lw400{  width: 100% !important;}
.layer_movie01{ height: 170px; }

}
@media all and (max-width :400px) {
.layer_box_guide01.lw350{  width: 100% !important;}
}



/* 레이어 창안의 큰 버튼 작은버튼 설정*/
.layer_btn_guide{margin: 20px 25px 10px 0; text-align: center; display: flex; justify-content: center;gap:5px;}
.ly_btn_style{font-size:14px; padding:10px 15px; border-radius:4px; min-width: 80px; font-weight: 500;}

@media all and (max-width :767px) {
.layer_btn_guide{margin: 15px 15px 10px 0;gap:5px;}
.ly_btn_style{padding:5px 15px; min-width:60px;font-size:12px;}
}





/* 위치 효과 
.animate-fading{animation:fading 10s infinite}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.animate-opacity{animation:opac 0.8s}
@keyframes opac{from{opacity:0} to{opacity:1}}

.animate-top{position:relative;animation:animatetop 0.5s}
@keyframes animatetop{from{top:-30%;opacity:0} to{top:30%;opacity:1}}

*/



/* 레이어 타이틀*/
.layer_tit01{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 5px 10px 5px;}
.layer_tit01 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 16px; display: inline-block; padding-left: 22px; font-size: 15px; font-weight: 600; white-space: nowrap;}

.layer_tit02{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 5px 10px 5px;}
.layer_tit02 > strong{background: url(../../images/com/title_icon01.png) left center no-repeat; background-size: 12px; display: inline-block; padding-left: 18px; font-size: 14px; font-weight: 500; white-space: nowrap;}
.layer_tit02 > strong > span{color: #0035d4; font-weight: 600;}



/* 공통메세지 에러 등 */

.layer_box_guide03 .layer_com_txt01{background: url(../../images/com/layer_bicon00.png) center top no-repeat; background-size: 60px; padding-top: 75px; min-height: 120px;text-align: center;line-height: 22px;}/*기본 체크아이콘*/


@media all and (max-width :767px) {
/* 아이콘 & 이미지*/
.layer_bicon01{background-image: url(../../images/com/layer_bicon01.png)!important; }/*에러 아이콘*/
.layer_bicon02{background-image: url(../../images/com/layer_bicon02.png)!important; }/*문서 체크아이콘*/
.layer_box_guide03 .layer_com_txt01{font-size: 13px;background-size: 35px; padding-top: 45px;margin-top: 0;min-height: 70px;line-height: 18px;}

}








/*레이어 탭*/
.layer_tab01{}
.layer_tab01 ul{display: flex; width: 100%;justify-content: space-between;border-right: 1px solid #dbe1ee;border-bottom: 1px solid #dbe1ee; border-radius: 4px; overflow: hidden; margin-bottom: 20px;}
.layer_tab01 ul li{border-left: 1px solid #dbe1ee;border-top: 1px solid #dbe1ee; width: 100%; display: flex;text-align: center;}

.layer_tab01 ul li a{font-size: 14px; padding: 10px 0;width: 100%; display: flex; justify-content: center; color: #747474; align-items: center;}
.layer_tab01 ul li a:hover,
.layer_tab01 ul li a:focus,
.layer_tab01 ul li a.active{background: #3669ff; font-weight: 600; color: #fff;}
@media all and (max-width :767px) {
.layer_tab01 ul li a{font-size: 12px; padding: 7px 5px; }

}



/*에디터 영역*/

.ly_editor{ min-height: 250px;width: 100%; }




#wrap_layer select,
#wrap_layer input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 13px;}
#wrap_layer select{min-width: 70px;}
#wrap_layer input{ padding: 0 10px;}
#wrap_layer input[type="file"]{ border: 0;  background: #eff2f7; font-size: 13px;}


.layer_total{justify-content: space-between; display: flex; align-items: center; margin-bottom:3px;margin-top: 15px;}
.layer_total .layer_bbs_total{background:url("../../images/com/tit_01.png") 5px center no-repeat; padding-left:22px;line-height:30px;font-size: 14px; height: 30px; font-weight: 600; }
.layer_total .layer_bbs_total strong{ font-weight: 600; color: #ff0000;}
.layer_total .cs_ibtn01{height: 26px;line-height: 26px; padding: 0 10px 0 25px;border-radius: 4px;  background: #f5f5fb url(../../images/com/check03.png) 8px center no-repeat; font-weight: 600; font-size: 11px; display: inline-block; white-space: nowrap; background-size: 12px; color: #3b4483; border: 1px solid #c1c1df!important;}
.layer_total .cs_ibtn01.active{ background-color: #1a1e54;background-image: url("../../images/com/check02.png"); color: #fff; border: 1px solid #1a1e54!important;}
@media all and (max-width :767px) {
.layer_total .cs_ibtn01{  line-height: 23px!important;}
}


/* 이전년도 복사 */
.layer_box01{ display: flex; gap:10px; justify-content: center; background: #e5eefe; border-radius: 10px; padding: 10px;}
.layer_box01 li{width: 100%;}
@media all and (max-width :767px) {
.layer_box01 {flex-wrap: wrap;}
}




/*교강사 검색*/
.layer_box02{display: flex; gap:5px; justify-content: center; background: #e5eefe; border-radius: 10px; padding: 10px; margin-bottom: 10px;}

.layer_box02_01,
.layer_box02 form{display: flex; gap:5px; justify-content: space-between; width: 100%;}

.layer_box02_02, 
.layer_box02_02 form { flex-wrap: wrap; width: 100%;}
.layer_box02_02 div, 
.layer_box02_02 form > div { display: flex; gap:5px;justify-content: space-between; width: 100%;}




.layer_box02 .search_btn01{background: #9998b3; border-radius: 4px;display: inline-block; padding: 0; overflow: hidden; text-align: center; border:0; min-width: 40px;}
.layer_box02 .search_btn01 > i{ width: 40px; background: #9998b3 url(../../images/com/icon_search01.png) center no-repeat; color: #fff;line-height: 38px;height: 38px; background-size: 20px; text-indent: -9999px;  text-align: center;   display: inline-block;}





.layer_list01 ul li a{border: 1px solid #d6deeb; border-radius: 10px; padding: 15px; margin-bottom: 10px;box-shadow: 1px 5px 5px rgba(53, 88, 243, 0.05);}
.layer_list01 ul li a:hover,
.layer_list01 ul li a:focus,
.layer_list01 ul li a.active{background: #f0f8ff;border: 1px solid #ceddf5;}

.layer_list01 ul li span{display: block; font-size: 13px;}
.layer_list01 ul li strong{ display: block; margin: 5px 0; color: #0035d1;}
.layer_list01 ul li em{display: block; font-size: 13px; color: #555;}
.layer_list01 ul li em > i{display: inline-block; margin-right: 10px;background: url(../../images/com/point02.png) left center no-repeat; padding-left: 8px; }
.layer_list01 ul li em > i:last-child{ margin-right: 0;}





.layer_list02 dl{border: 1px solid #d6deeb; border-radius: 10px; padding: 15px; margin-bottom: 10px;box-shadow: 1px 5px 5px rgba(53, 88, 243, 0.05); display: flex;}
.layer_list02 .cv_photo01{min-width: 60px; height: 60px; line-height: 60px;overflow: hidden;border-radius: 50%;margin-right: 15px;display: inline-block;}
.layer_list02 .cv_photo01 img{ width: 60px;}

.layer_list02 ul li { display: inline-flex; flex-wrap: wrap; width: 100%;}
.layer_list02 ul li span{display: block; font-size: 13px;}
.layer_list02 ul li strong{ display: block; margin: 5px 0; color: #0035d1;}
.layer_list02 ul li  > i{display: inline-block; background: url(../../images/com/point02.png) left center no-repeat; padding-left: 8px;  font-size: 13px; margin-right: 10px; margin-top:5px; }
.layer_list02 ul li  > i:last-child{margin-right: 0;}
@media all and (max-width :767px) {
.layer_list02 .cv_photo01{min-width: 40px; height: 40px; line-height: 40px;}
.layer_list02 .cv_photo01 img{ width: 40px;}
}








.layer_list03 ul{border: 1px dashed #c9d4ec; border-radius: 10px; padding: 15px; margin-bottom: 15px;box-shadow: 1px 5px 5px rgba(53, 88, 243, 0.05); }

.layer_list03 ul li { display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center; margin-bottom: 5px;}
.layer_list03 ul li:last-child{margin-bottom: 0;}
.layer_list03 ul li strong{ display: flex;  color: #0035d1;  font-size: 16px; align-items: center; padding-left: 12px;background: url(../../images/com/line04.png) left center no-repeat; margin-right: 10px; margin-bottom: 5px;}

.layer_list03 ul li:first-child strong:first-of-type{ background: none;}

.layer_list03 ul li em{ padding: 4px 7px; font-size: 12px; background: #1a1e54; color: #fff;  font-weight: 600;  border-radius: 4px; white-space: nowrap; display: inline-block; margin-bottom: 5px;}


.layer_list03 .layer_list03_txt01 > i{display: inline-block; background:#f2f7ff; padding: 5px 14px;  font-size: 13px; margin-right: 5px; margin-top:5px; border-radius: 30px;}
.layer_list03 .layer_list03_txt01  > i:last-child{margin-right: 0;}



.layer_list03 .layer_list03_txt02{ padding-left: 10px; }
.layer_list03 .layer_list03_txt02 p{background: url(../../images/com/point04.png) left center no-repeat; padding-left: 8px; display: block; width: 100%; margin: 5px 0;}

@media all and (max-width :767px) {

.layer_list03 ul li strong{  font-size: 14px; }
.layer_list03 .layer_list03_txt01 > i{ padding: 4px 12px;  font-size: 13px; }
.layer_list03 .layer_list03_txt02{ padding-left: 5px; }
.layer_list03 .layer_list03_txt02 p{ font-size: 13px;}
}





.layer_list04 {border: 1px solid #d6deeb; border-radius: 10px; padding: 15px; margin-bottom: 20px;box-shadow: 1px 5px 5px rgba(53, 88, 243, 0.05); display: flex; align-items: center;}
.layer_list04 .cv_photo01{min-width: 40px; height: 40px; line-height: 40px;overflow: hidden;border-radius: 50%;display: inline-block; margin-right: 20px;}
.layer_list04 .cv_photo01 img{ width: 40px;}
.layer_list04 ul {width: 100%; display: flex; align-items: center;}
.layer_list04 ul li{  margin-right: 20px;background: url(../../images/com/point01.png) left center no-repeat; padding-left: 8px;  }
.layer_list04 ul li span{font-size: 13px; margin-right: 5px;white-space: nowrap;}
.layer_list04 ul li strong{ color: #0035d1; font-size: 14px; white-space: nowrap;font-weight: 500;}

@media all and (max-width :767px) {
.layer_list04 ul {flex-wrap: wrap;}
.layer_list04 ul li strong{ font-size: 13px; }
}









/*만족도 평가 결과*/
.layer_box03{ background: #e5eefe; border-radius: 10px; padding:10px;}
.layer_box03 dt {padding-left: 10px;}
.layer_box03 dt p{ font-size: 13px; margin-top: 5px;}
.layer_box03 dt strong{ font-size: 15px; margin: 8px 0 10px 0; display: block; }
.layer_box03 ul { display: inline-flex; align-items: center; flex-wrap: wrap;}
.layer_box03 ul li em{ border-radius: 30px;background:#f2f7ff;display: inline-block; padding: 5px 10px; font-size: 12px; margin:0 5px 5px 0;}
.layer_box03 ul li em > i{font-weight: 500; margin-right: 5px;white-space: nowrap;text-align: center;}


.layer_box04 dl {display:inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 50px;}
.layer_box04 dl dt{ width: 100%; margin-bottom: 20px;}
.layer_box04 dl dd{ width: calc(50% - 20px);}

.layer_graph01{ text-align: center; padding:15px 10px; border-radius: 10px; border: 1px solid #e0e8f7;}

.layer_list_table02 table{width:100%; text-align: center;}
.layer_list_table02 table tr{position: relative;}

.layer_list_table02 table thead th{ padding:7px 10px;  font-weight: 600; font-size: 12px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border:1px solid #e0e8f7;}
.layer_list_table02 table td {padding:12px 10px; text-align:center;font-size: 13px;border:1px solid #e0e8f7;}
.layer_list_table02 table .tit_b{font-size: 13px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.layer_list_table02.al td{ text-align: left!important;}
.layer_list_table02 .ly_bg01{background: #eff2f7; padding: 7px 10px;}
.layer_list_table02 .ly_bg02{background: #f7faff;}

@media all and (max-width :850px) {
.layer_box04 dl { margin-top: 30px;}
.layer_box04 dl dd{ width:100%;}
.layer_graph01{ margin-bottom: 20px;}
.layer_box04 dl dt{ font-size: 14px; font-weight: 500;}
}





/* 수동 출강신청 사유서 */

.layer_box05.flex_b01 ul{display: flex; flex-wrap: wrap;}
.layer_box05.flex_b01 ul li{width:50%; display: flex;}
.layer_box05.flex_b01 .flex_w01{width: 100%;}
.layer_box05.flex_b01 li > span{  padding:0 10px 0 5px;}

.layer_box05{ border: 1px dashed #dbe1ee; border-radius: 10px; padding: 5px 15px 15px 15px;}
.layer_box05 li{ display: inline-flex; margin-top: 10px; width: 100%;}
.layer_box05 li > strong{ display:inline-flex; background: #f0f5ff; padding:8px 4px; font-size: 12px; border-radius: 4px; min-width: 90px;max-width: 90px; margin-right: 10px;  align-items: center; justify-content: center;}
.layer_box05 li > span{  font-size: 13px;display:inline-flex;align-items: center;  border-radius: 3px; padding:0 0 0 5px; width: 100%;}

.layer_box05 .point00{ width: 8px; height: 10px; display: inline-block;background:#fff  url(../../images/com/point.png) left center no-repeat;margin-right: 3px; text-indent: -9999px;}


.layer_box05.ly_block01{ width: 100%;}
.layer_box05.ly_block01 textarea{ width: 100%;}


.layer_box05 .day_date01{display: flex; gap:5px; justify-content: space-between;width: calc(100% - 5px); align-items: center;}
.layer_box05 .day_date01 button{ margin-left: -30px!important;}
.layer_box05 .day_date01 input[type=text]{ min-width: inherit;}
.layer_box05 .day_date01 input[type=text].datepicker+.ui-datepicker-trigger{width: 30px;}

@media all and (max-width :767px) {

.layer_box05.flex_b01 ul.flex_b02 li.flex_w03 {display: block;}/* 아직 사용안함 */
.layer_box05.flex_b01 ul.flex_b02 li.flex_w03 span{ padding: 0;}


.layer_box05 .flex_w02{width: 100%; flex-wrap: wrap;}
.layer_box05 .flex_w02 strong{ display: none;}
.layer_box05 .flex_w02 span{ width: 100%; padding: 0;}


.layer_box05 { border:0; border-radius: 0; padding: 0;}
.layer_box05 li > span{ padding: 0 0 0 8px;}
.layer_box05.flex_b01 ul{display: flex; flex-wrap: wrap;}
.layer_box05.flex_b01 ul li{width:100%;}

.layer_box05 li > strong{  font-size: 11px; border-radius: 2px; min-width: 80px;max-width: 80px;padding:8px 4px;}
.layer_box05 li > span{  padding: 0!important;}

}












/*전공및트랙*/

.layer_list_table01{  overflow-y:overlay; }
.layer_list_table01::-webkit-scrollbar { width:10px; }
.layer_list_table01::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.layer_list_table01.swt_02  table{width:250%; }
.layer_list_table01.swt_03  table{width:180%; }
.layer_list_table01.swt_05  table{width:120%; }

.layer_list_table01{overflow-x: auto;}
.layer_list_table01 table{width:100%; text-align: center; }
.layer_list_table01 table tr{position: relative;}


.layer_list_table01.ly_table_row table{border: 1px solid #e0e8f7;}
.layer_list_table01.ly_table_row table th{ padding:10px;  font-weight: 500; font-size: 12px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left: 1px solid #f5f9ff;border-bottom: 1px solid #f5f9ff;}

.layer_list_table01 table thead th{ padding:10px;  font-weight: 600; font-size: 12px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left: 1px solid #f5f9ff;border-bottom: 1px solid #f5f9ff;}
.layer_list_table01 table thead th:first-child{border-radius: 4px 0 0 4px;}
.layer_list_table01 table thead th:last-child{border-radius:  0 4px 4px 0;}

.layer_list_table01 table td {padding:12px 10px; text-align:center; border-bottom:1px solid #e0e8f7;font-size: 13px;}
.layer_list_table01 table .tit_b{font-size: 13px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.layer_list_table01.al td{ text-align: left!important;}
.layer_list_table01 .ly_bg01{background: #eff2f7;}
.layer_list_table01 .ly_bg02{background: #dbe3f3;}
.layer_list_table01 .ly_bg03{background: #eff6fb;}
.layer_list_table01 .ly_bg04{ border: 2px solid #fff; background: #f5f5f5; }
.layer_list_table01 .ly_bg04 .fwb{font-size: 17px; font-weight: 700;}
.layer_list_table01 .ly_bg05{background: #f7faff;}


.layer_list_table01 .ly_line01{border-right: 1px solid #e0e8f7;}
.layer_list_table01 .ly_line02{border-left: 1px solid #e0e8f7;}

.layer_list_table01.ly_focus01 table tr:hover,
.layer_list_table01.ly_focus01 table tr:focus,
.layer_list_table01.ly_focus01 table tr.active td{cursor: pointer;background: #f8f8f8!important;}

.layer_list_table01 .tit_icon01{background: url(../../images/com/title_icon09.png) left center no-repeat; padding-left: 20px; background-size: 15px;font-weight: 500;}


@media all and (max-width :1024px) {
.layer_list_table01.swt_01  table{width:150%;}
.layer_list_table01.swt_02  table{width:320%;}
.layer_list_table01.swt_03  table{width:220%;}
.layer_list_table01.swt_04  table{width:220%;}
}








/* 탭:학생정보 */
.layer_myinfo01{display: flex; justify-content: space-between;}
.layer_myinfo01 .cv_photo01{ min-width: 150px;height: 180px;line-height: 180px; overflow: hidden; border-radius: 10px;   margin-right: 30px;  display: inline-block;}
.layer_myinfo01 .cv_photo01 img{ width: 150px; height: 200px;}

.layer_myinfo01 ul {display: inline-flex; width: 100%; flex-wrap: wrap;}
.layer_myinfo01 ul li{ width: 33.333%; display: flex;align-items: center; font-size: 13px; margin-bottom: 5px;}
.layer_myinfo01 ul li strong{font-size: 12px; padding: 8px 0; min-width: 80px; background: #f0f5ff; text-align: center; margin-right: 10px; border-radius: 4px;}

@media all and (max-width :1024px) {
.layer_myinfo01 ul li{ width: 50%;}
.layer_myinfo01 .cv_photo01{ min-width: 100px;height: 125px;line-height: 125px;  margin-right:20px;border-radius: 6px; }
.layer_myinfo01 .cv_photo01 img{ width: 100px; height: 133px;}
.layer_myinfo01 ul li strong{ padding: 5px 0; min-width: 68px;  font-size: 11px;}

}
@media all and (max-width :767px) {
.layer_myinfo01{flex-wrap: wrap; justify-content: center;}
.layer_myinfo01 ul {  margin-top: 20px;}
.layer_myinfo01 ul li{ width: 100%;}
}



/*탭:성적내역*/
.layer_box06{ background: #e5eefe; border-radius: 10px; padding:10px; margin-bottom: 20px;}
.layer_box06 ul { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%;}
.layer_box06 ul li { border-radius: 30px;background: #fff;padding: 8px 15px; font-size: 14px; margin:5px;}
.layer_box06 ul li > i{font-weight: 500; margin-right: 5px;white-space: nowrap;text-align: center;}
@media all and (max-width :1024px) {
.layer_box06 ul li {  font-size: 13px;}

}



/*탭:시뮬레이션*/
.layer_box07{ display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.layer_color_guide01 ul{ margin-bottom: 10px; display:flex; gap:5px; justify-content: flex-end;}
.layer_color_guide01 li{ border-radius: 2px; padding: 5px 10px; font-size: 11px; font-weight: 500;}

.ly_color01{ background: #ffe9ed;}
.ly_color02{ background: #e9efff;}
.ly_color03{ background: #e9fffe;}
.ly_color04{ background: #f8eeff;}



/* 유고결석 상세 */
.layer_box08{display: flex; justify-content: space-between; border: 1px dashed #dbe1ee; border-radius: 10px; padding: 15px;}
.layer_box08 ul {display: inline-flex; width: 100%; flex-wrap: wrap;}
.layer_box08 ul li{ width: 50%; display: flex; font-size: 13px; margin-bottom: 5px;}
.layer_box08 ul li strong{ display:inline-flex; background: #f0f5ff; padding:8px 0; font-size: 12px; border-radius: 4px; min-width: 80px;  align-items: center; justify-content: center; text-align: center;}
.layer_box08 ul li span{font-size: 14px;display:inline-flex;align-items: center;  border-radius: 3px; padding:8px 10px; width: 100%;}
.layer_box08 .flex_w01{width: 100%;}
@media all and (max-width :1024px) {
.layer_box08 ul li{ width: 50%;}
.layer_box08 ul li strong{ padding: 10px 0; min-width: 68px;  font-size: 11px;}

}
@media all and (max-width :767px) {
.layer_box08{flex-wrap: wrap; border:0; border-radius: 0; padding: 0;}
.layer_box08 ul li{ width: 100%;}
.layer_box08 select{ width: 100px!important;}
}





/* 영문& 국문선택*/
.language_guide01{position: absolute; top:15px; right:50px; display: flex; align-items: center; gap:10px;}
.language_guide01 select{min-width: 130px!important; height: 32px!important; line-height: 32px!important; border: 1px solid #3669ff !important;}

.language_guide01 .ct_down01{ border-radius: 4px;background: #36acff; text-align: center;}
.language_guide01 .ct_down01 i{display: inline-block;padding-left:25px;background: url(../../images/com/icon_donw02.png) 7px center no-repeat;font-size: 11px; height: 32px; line-height: 32px; white-space: nowrap; color: #fff; background-size: 20px; font-weight: 600; padding: 0 10px 0 35px;}


.layer_inpsel01 {display: inline-flex; align-items: center; margin: 0 10px 10px 10px; gap:5px;}
.layer_inpsel01 span{ white-space: nowrap;}
.layer_inpsel01 select{min-width: 130px!important; height: 32px!important; line-height: 32px!important; border: 1px solid #3669ff !important; }

@media all and (max-width :767px) {
.language_guide01{ position: relative; right:inherit; top:inherit; margin-bottom: 10px;}
.language_guide01 select {height: 26px!important; line-height: 26px!important;min-width: 80px!important;}
.layer_inpsel01 select {height: 26px!important; line-height: 26px!important;min-width: 80px!important;}
.language_guide01 .ct_down01 i{height: 26px; line-height: 26px; background-size: 15px; padding: 0 10px 0 30px;}
}




/* 탭: 핵심역량*/
.layer_box09_guide .layer_box05{margin-bottom: 10px;}
.layer_box09_guide .layer_box05:last-child{margin-bottom: 0;}
.layer_box09{ border: 1px dashed #dbe1ee; border-radius: 10px; padding: 15px;}
.layer_box09 ul{ display: inline-flex; margin-bottom:10px; width: 100%; justify-content: space-between; align-items: center;}
.layer_box09 ul:last-child{ margin-bottom:0;}
.layer_box09 ul li{display: flex;}

.layer_box09 ul li strong{ display:inline-flex; background-color: #f0f5ff; padding:15px 5px 15px 48px; font-size: 13px; border-radius: 4px; min-width: 160px; max-width: 160px; margin-right: 10px;  align-items: center; background-size: 28px; background-repeat: no-repeat;background-position: 10px center; }
.layer_box09  ul li span{  font-size: 14px;display:inline-flex;align-items: center;  border-radius: 3px; padding:0 10px; width: 100%;}

.layer_box09 ul:nth-child(1) li strong{background-image: url(../../images/com/cur_v_icon01.png)}
.layer_box09 ul:nth-child(2) li strong{background-image: url(../../images/com/cur_v_icon02.png)}
.layer_box09 ul:nth-child(3) li strong{background-image: url(../../images/com/cur_v_icon03.png)}
.layer_box09 ul:nth-child(4) li strong{background-image: url(../../images/com/cur_v_icon04.png)}
.layer_box09 ul:nth-child(5) li strong{background-image: url(../../images/com/cur_v_icon05.png)}


@media all and (max-width :767px) {
.layer_box09{ border:0; border-radius: 0; padding: 0;}
.layer_box09 ul {background-color: #f0f5ff; padding: 10px 15px; border-radius: 6px; margin-bottom: 10px;}
.layer_box09 ul li{display: block;}
.layer_box09 ul li strong{  background-size: 20px; padding:5px 0 5px 25px;background-position: left center; font-size: 13px;max-width:inherit;}
.layer_box09 ul li span{ padding:0 10px 0 5px; font-size: 13px;}
}






/* 탭:강의계횔서 > 강사정보 */
.layer_box10 {display: flex; justify-content: space-between; gap:10px; flex-wrap: wrap;}
.layer_box10 ul{  border: 1px dashed #dbe1ee; border-radius: 10px; padding: 15px; display: flex; gap:10px;width: calc(50% - 10px);}
.layer_box10 .cv_photo01{width: 50px; height: 50px; line-height: 50px; border-radius: 50%; overflow: hidden; display: inline-block;}

.layer_box10 .cv_photo01 img{width: 50px;}
.layer_box10 ul li{display: inline-flex; align-items: center; flex-wrap: wrap;}
.layer_box10 ul li p{ width: 100%; font-size: 14px;}
.layer_box10 ul li em{display: inline-block;padding: 0 10px; background: #1779ff; font-size: 11px;font-weight: 600; height: 21px;line-height: 21px; border-radius: 30px; color: #fff; margin-bottom: 3px;  white-space: nowrap; width: 50px;}
.layer_box10 ul li strong{ display: inline-block; margin-right: 10px;}
.layer_box10 ul li em.bg_color01{background: #00c5dc;}

@media all and (max-width :767px) {
.layer_box10 { gap:0; flex-wrap: wrap;width: 100%;}
.layer_box10 ul{width: 100%;flex:none; margin-bottom: 10px;}
.layer_box10 ul:last-child{margin-bottom: 0;}
}




/*인풋 작은 사이즈*/
.ly_input_size01{ display: inline-flex; align-items: center; font-size: 13px;  flex-wrap: wrap;}
.ly_input_size01 em{ margin:3px 15px 3px 0;}
.ly_input_size01.flex_100 { display:block;}
.ly_input_size01.flex_100 em{ display:block; margin: 5px 0;}






.layer_box11 ul {display: flex; gap:10px; margin: 10px 0 30px 0;}
.layer_box11 li{ border-radius: 10px; background: #fff;  height: 80px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 1px 10px 10px rgba(0, 61, 180, 0.08); flex: 1; border: 1px solid #eaeffb; padding: 5px 0;}
.layer_box11 em{ font-size: 12px; font-weight: 500;}
.layer_box11 strong{ font-size: 28px; font-weight: 700; }

@media all and (max-width: 1720px) {
.layer_box11 ul { flex-wrap: wrap; gap:5px;}
.layer_box11 li{ height:56px; }
.layer_box11 strong{ font-size: 20px; font-weight: 600; }

}

@media all and (max-width: 1280px) {
.layer_box11 li{ border-radius: 6px;}
.layer_box11 strong{ font-size: 16px; }
}





/* 일반게시판 */
.layer_box12{ margin-bottom:20px;}
.layer_box12 .coss_list_box.state_bg01{background: #f2f9ff; border: 1px solid #b9d0ff;}
.layer_box12 .coss_list_box.state_bg02{background: #fff7f9; border: 1px solid #ffb6c2;}

.layer_box12 .coss_list_box { padding:15px 20px;  border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px dashed #c9d4ec; margin-bottom: 15px;}
.layer_box12 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative; margin-right: 20px;}
.layer_box12 .coss_list_box dl{ overflow: hidden;width: 100%;}
.layer_box12 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.layer_box12 .coss_list_box .s_tit{ font-size: 13px; display: inline-block; font-weight: 500; }
.layer_box12 .coss_list_box .b_tit{ font-size: 16px; color:#0035d1; margin: 0 0 5px 0; font-weight: 600; margin-right: 80px; display: flex; align-items: center;}

.layer_box12 .coss_list_box a.b_tit:hover,
.layer_box12 .coss_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.layer_box12 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px; font-size: 13px;}   

.layer_box12 .coss_list_box .c_txt01 li{display: flex; align-items: center;}
.layer_box12 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}

.layer_box12 .coss_list_box .ab_guide01{ position: absolute; top:50%; transform: translateY(-50%);right:-20px;}

@media all and (max-width: 767px) {
.layer_box12 .coss_list_box { padding:12px 15px;  border-radius: 10px;}
.layer_box12 .coss_list_box li{  margin-right: 10px;}

.layer_box12 .coss_list_box .ab_guide01{  top:-5px; transform:none;right:-15px;}
.layer_box12 .coss_list_box .b_tit{ font-size: 14px; }
.layer_box12 .coss_list_box .c_txt01 li > i{margin: 3px 3px 3px 0;}

}


/*성적 상세 정보*/

.layer_box13{ margin-bottom:20px;}

.layer_box13 .layer_box13_guide01 { padding:15px 20px;  border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px dashed #c9d4ec; margin-bottom: 15px;}

.layer_box13 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative;}
.layer_box13 .layer_box13_txt01 dl{ overflow: hidden;width: 100%;}
.layer_box13 .layer_box13_txt01 dd{ display: flex; align-items: center; gap:5px;}
.layer_box13 .layer_box13_txt01 .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.layer_box13 .layer_box13_txt01 .b_tit{ font-size: 16px; margin: 5px 0; font-weight: 600; margin-right: 80px; display: flex; align-items: center;}

.layer_box13 .layer_box13_txt01 a.b_tit:hover,
.layer_box13 .layer_box13_txt01 a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.layer_box13 .layer_box13_txt01 .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px; font-size: 13px;}   

.layer_box13 .layer_box13_txt01 .c_txt01 li{display: flex; align-items: center; margin-right: 10px;}
.layer_box13 .layer_box13_txt01 .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}


.layer_box13 .layer_box13_txt02{ display: flex; justify-content: space-between; align-items: center; gap:5px; margin-top: 10px; }
.layer_box13 .layer_box13_txt02 li{ border-radius:4px; background: #f3f9fc; padding:10px; flex: 1; width: 100%; font-size: 12px; display: flex; justify-content: space-between; align-items: center;}
.layer_box13 .layer_box13_txt02 li strong{ color: #0033ca; font-size: 14px;}


@media all and (max-width: 767px) {
.layer_box13 .layer_box13_guide01 { padding:12px 15px;  border-radius: 10px;}
.layer_box13 .layer_box13_txt01 .b_tit{ font-size: 14px;flex-wrap: wrap; margin:3px 0 5px 0; }
.layer_box13 .layer_box13_txt01 .s_tit{ font-size: 13px; display: block; width: 100%;}
.layer_box13 .layer_box13_txt01 .c_txt01 li > i{margin: 3px 3px 3px 0;}

.layer_box13 .layer_box13_txt02 li{flex-wrap: wrap; padding: 7px 2px; font-size: 11px;}
.layer_box13 .layer_box13_txt02 li span{ width: 100%; text-align: center; margin-bottom: 5px;}
.layer_box13 .layer_box13_txt02 li strong{ width: 100%; text-align: center;}
}









.layer_box15{ border: 1px dashed #ddd; border-radius: 20px;display: inline-flex; flex-wrap: wrap; justify-content: center; width: 100%; align-items: center; font-size: 14px; padding: 150px 20px 30px 20px; background-repeat: no-repeat; background-size: 150px; line-height: 22px; background-position:47% 25px;}
.layer_box15 div,
.layer_box15 form{ text-align: center;}
.layer_box15.layer_img01{ background-image:url(../../images/com/layer_img01.png);}
.layer_box15.layer_img02{ background-image:url(../../images/com/layer_img02.png);}


.ct_down_guide{position: absolute; top:40px; right:40px;}
.ct_down_guide .ct_down01{ border-radius: 100px; background: #386aff; flex:1; text-align:center;display: inline-block; color: #fff;}
.ct_down_guide a.ct_down01:hover,
.ct_down_guide a.ct_down01:focus{ background: #1a1e55;}
.ct_down_guide .ct_down01 i{ display: inline-block; padding:0 15px 0 40px; background:url("../../images/com/icon_donw02.png") 10px center no-repeat;font-size: 12px;height: 38px; line-height: 38px; font-weight: 500;}



.layer_box15 span{display: block; margin-bottom: 5px;}


/* 첨부파일 */
.layer_box15 .cv_btn_file{ position:relative;  height:40px; line-height:40px; width: 150px; display: inline-block;}
.layer_box15 .cv_btn_file > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:40px; line-height:40px;border:0; display: inline-block;font-size: 0; z-index: 0;}
.layer_box15  .cv_btn_file > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '파일선택'; display: inline-block;  height: 40px; background: #e8ebf2; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;}

.layer_box15 .cv_btn_file_list{width: 100%;}
.layer_box15 .cv_btn_file_list i{background:#d8f1ff; display:inline-flex; border-radius: 20px; overflow: hidden; padding: 0 5px; align-items: center;margin: 5px 0; justify-content: space-between;}
.layer_box15 .cv_btn_file_list a{ font-size: 13px;  display: inline-block; padding:7px 15px; text-align: left;}
.layer_box15 .cv_btn_file_list button{background:#d8f1ff url(../../images/com/icon_close05.png) center no-repeat; background-size: 20px; display: inline-block;text-indent: -9999px; min-width: 25px; height: 25px; }

.layer_box15_01{ font-size: 13px; margin-top: 15px; text-align: center;}


@media all and (max-width: 767px) {
.layer_box15{ padding: 110px 15px 10px 15px; border-radius: 15px;background-size: 110px;font-size: 13px;line-height: 18px; background-position:48% 20px;}
.ct_down_guide{position: absolute; top:25px; right:30px;}
.layer_box15 .cv_btn_file_list a{padding:8px 40px 8px 20px; font-size: 12px; }
.ct_down_guide .ct_down01 i{  padding:0 15px 0 35px;font-size: 11px;height: 28px; line-height: 28px;  background-size: 16px;}
.layer_box15_01{ font-size: 11px; margin-top: 10px;}
}





.layer_box16_guide .cv_tit03{margin:0 5px 10px 5px; display: flex; align-items: flex-start;}
.layer_box16_guide .cv_tit03 > span{ display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background: #1a1e54; color: #fff; font-size: 9px; font-weight: 800; text-align: center; margin-right: 5px;}
.layer_box16_guide .cv_tit03 > strong{display: inline-block; font-size: 14px; font-weight: 500;}


.layer_box16_guide .layer_box16_txt{border-radius: 6px; padding: 10px; background: #e5eeff;margin-bottom: 20px; font-size: 13px;}
.layer_box16_guide .layer_box16_txt ul{ display: flex; justify-content: space-between; align-items: center; width: 100%; }
.layer_box16_guide .layer_box16_txt ul li {  margin: 2px 5px 2px 0; flex: 1;}

.layer_box16_guide .layer_box16_txt ul li button{border: 1px solid #bdd3ff; background: #fff; text-align: center; border-radius: 6px; width: 100%;line-height: 34px; box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.05); font-weight: 500; padding: 0 5px; font-size: 12px; flex: 1;}

.layer_box16_guide .layer_box16_txt ul li button:focus,
.layer_box16_guide .layer_box16_txt ul li button:hover,
.layer_box16_guide .layer_box16_txt ul li button.active{background: #3669ff;color: #fff; border: 1px solid #3669ff;}




@media all and (max-width: 650px) {
.layer_box16_guide .cv_tit03 > strong{ font-size: 13px;}

.layer_box16_guide .layer_box16_txt{border-radius: 4px;}
.layer_box16_guide .layer_box16_txt ul{ display: inline-flex;flex-wrap: wrap;justify-content: center;}
.layer_box16_guide .layer_box16_txt ul li {  flex:none;width: auto;margin: 2px 2px 2px 0;}
.layer_box16_guide .layer_box16_txt ul li button{line-height: 22px; font-size: 11px;  border-radius: 4px;}
}










/*메인에 사용되는 나의메뉴 설정 레이어 */
.main_layer01{}
.main_layer_box01 ul {display: inline-flex; flex-wrap: wrap;  gap:8px; width: 100%; margin-bottom: 30px; background: #edf6ff; padding: 15px; border-radius: 6px;}
.main_layer_box01 ul li em{ position: absolute; top:-1px; right:-1px; z-index: 2;}

.main_layer_box01 ul li{width: calc(16.6% - 8px); position: relative;background-color: #fff; border-radius: 6px; padding: 7px 10px 0 10px; height: 82px; text-align: center; word-break:keep-all;}
.main_layer_box01 ul li span{display: inline-block;line-height: 34px; width: 36px; height: 36px; border-radius: 50%; background: #edf6ff;}
.main_layer_box01 ul li span img{height: 22px;}
.main_layer_box01 ul li strong{display: flex;  font-size: 11px;line-height: 12px; height: 28px;align-items: center; justify-content: center;}

@media all and (max-width :767px) {
.main_layer_box01 ul { padding: 10px; }
.main_layer_box01 ul li{width: calc(33.333% - 8px); } 
}