@charset "utf-8";

/* allmenu */
footer{position:relative;width: 100%;font-family: 'N-sans', "sans-serif";}
footer .allmenu_wrap{width: 100%;}
footer .allmenu_wrap .allmenu_title{width: 100%; height: 70px;line-height: 66px;border-width: 1px;border-style: solid;}
footer .allmenu_wrap .allmenu_title p{font-size: 1.313rem;font-weight: 800;padding-left: 40px;background-position: 14px 50%;background-repeat: no-repeat;;}
footer .allmenu_wrap .allmenu_title a{font-size: 0.875rem;font-weight: 200;color: #999;}
footer .allmenu_wrap .allmenu_con{width: 100%;}
footer .allmenu_wrap .allmenu_con ul{width: 100%;}
footer .allmenu_wrap .allmenu_con ul > li{width: 14.28%;height:410px;float: left;padding-top: 45px;padding-bottom: 50px;padding-left: 40px;border-style: solid;border-left-width: 1px;}
footer .allmenu_wrap .allmenu_con ul > li:last-of-type{border-right-width: 1px;}
footer .allmenu_wrap .allmenu_con ul > li > p{line-height: 23px; font-size: 1.1285rem;font-weight: 500;}
footer .allmenu_wrap .allmenu_con ul > li > p::after{content: '';display: block;width: 19px;height: 1px;margin-top: 12px;background-color: #333;}
footer .allmenu_wrap .allmenu_con ul > li > ol{color: #999;font-size: 0.875rem;margin-top: 20px;}
footer .allmenu_wrap .allmenu_con ul > li > ol > li{display: block;}
footer .allmenu_wrap .allmenu_con ul > li > ol > li > a{display: block;margin-bottom: 8px;line-height: 20px;}

/* banner */
footer .banner_wrap{width: 100%;height: 45px; overflow: hidden;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
footer .banner_wrap .banner_title{float:left;width: 120px;padding: 0 20px 0 36px;font-size: 1rem;font-weight: 500;line-height: 48px;font-family: 'G-sans', "sans-serif";}
footer .banner_wrap .banner_title{background: url(../image/footer/banner_icon.png) 8px 12px no-repeat;}
footer .footer_banner_zone{position:relative;float:left;width:calc(100% - 120px); background:#fff; padding:0;}
footer .footer_banner_zone .flow_banner_box{overflow: hidden;position:relative; width:100%; margin:0 auto; background:#fff; height:45px;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area{position:absolute; width:calc(100% - 90px);}
footer .footer_banner_zone .flow_banner_box .flow_bann_area ul{width: 100%;height: 45px; margin-top:1px; overflow:hidden;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area ul li{float:left; padding:0 25px; height:41px;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area ul li::after{content: '';display: block;margin-top: -27px;margin-left: -24px;width: 1px; height: 10px;background-color: #e8e8e8;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area ul li a{display: block;width:155px; height:41px; font-size: 0.875rem;color: #777;line-height: 45px;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area ul li a img{display:block; width:100% !important; height:100% !important;}
footer .footer_banner_zone .flow_banner_box .flow_bann_area .caroufredsel_wrapper{width:100% !important;}
/* banner_ctrl */
footer .flow_ctrl_box{position: absolute;right: 0;;width:75px;height: 45px;}
footer .flow_ctrl_box > div{position:absolute;top:10px;width:25px; height:25px;background-color: #fff;border: 1px solid #e8e8e8;background-position: 50% 50%;background-repeat:no-repeat;cursor: pointer;}
footer .flow_ctrl_box > div button{width:100% !important; height:100% !important; font-size:0; background:none; text-indent:100%; clip:inherit !important; cursor:pointer;}
footer .flow_ctrl_box div.prev{left:2px;background-image: url(../image/footer/footer_slide_pre.png);}
footer .flow_ctrl_box div.next{right:0;background-image: url(../image/footer/footer_slide_next.png);}
footer .flow_ctrl_box div.play{display:none; left:26px;background-image: url(../image/footer/footer_slide_play.png);}
footer .flow_ctrl_box div.play.front{display:block;}
footer .flow_ctrl_box div.pause{left:26px;background-image: url(../image/footer/footer_slide_pause.png);}
footer .flow_ctrl_box div.front{z-index: 2;}


/* footer box */
footer .footer_wrap{padding: 35px 0 45px 0;font-family: 'G-sans', "sans-serif";}
footer .footer_wrap .footer_logo{float: left;width:152px;margin-right: 55px;}

footer .footer_wrap .footer_con{float: left;}
footer .footer_wrap .footer_con .fnb{width:100%;margin-bottom:15px;}
footer .footer_wrap .footer_con .fnb li{position:relative; float: left;font-size: 0.938rem;color: #595959;padding-right: 24px; margin-left:17px; line-height:22px;}
footer .footer_wrap .footer_con .fnb li:first-child{margin-left:0;}
footer .footer_wrap .footer_con .fnb li:after{content: ''; display:block; position:absolute; right:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background-color: #ccc;}
footer .footer_wrap .footer_con .fnb li:last-of-type::after{display: none;}
footer .footer_wrap .footer_con .fnb li a.red_txt{color: #e5394a;}
footer .footer_wrap .footer_con .footer_info{width: 100%;}
footer .footer_wrap .footer_con .footer_info li{display: block;font-size: 0.875rem;color: #797676;line-height: 25px;font-weight: 500;}
footer .footer_wrap .footer_con .fnb li:nth-child(2){color:#E52638; font-size:0.98rem;}


footer .footer_wrap .footer_select{float: right;}
footer .footer_wrap .footer_select select{position:relative; float:left; width:200px!important; height:40px; padding:7px 0 4px 10px; border:1px solid #e8e8e8; background:#fff url(../image/footer/footer_select_icon.png) 95% 50% no-repeat;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875rem; color:#595959;}
footer .footer_wrap .footer_select select:first-child{margin-right:-1px;}
footer .footer_wrap .footer_select select{/*-moz-appearance:none;*/ /* Firefox */ /*-webkit-appearance:none;*/ /* Safari and Chrome */ appearance:none;}
footer .footer_wrap .footer_select:after{content:''; display:block; clear:both;}
footer .footer_wrap .footer_select select option{display:block; padding:4px; padding-left:15px; line-height:24px; color:#777; cursor:pointer; font-size:0.75rem;}

/*======================================
  Selectric  (select box css )
======================================*/
/* scroll custom */
/* 스크롤바 설정*/
/*footer .selectric-scroll::-webkit-scrollbar{ width: 5px;}*/
/* 스크롤바 막대 설정*/
/*footer .selectric-scroll::-webkit-scrollbar-thumb{height: 67px;background-color: #a9abac;border-radius: 3px;}*/
/* 스크롤바 뒷 배경 설정*/
/*footer .selectric-scroll::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}*/
/* select custom */
footer .selectric-wrapper {position: relative;cursor: pointer;float: left;}
footer .selectric-wrapper:first-child{margin-right:-1px;}
footer .selectric-responsive {width: 100%;}
footer .selectric {width:200px!important;border: 1px solid #e8e8e8;background: #FFFFFF;position: relative;}
footer .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 4px 0 4px 15px;font-size:0.875rem;color: #595959;height: 40px;line-height: 38px;}
footer .selectric .button { background: url(../image/footer/footer_select_icon.png);background-position: 50% 50%;background-repeat: no-repeat;display: block;position: absolute;right: 3px;top: 0;bottom: 0;margin: auto;width: 26px;height: 26px;font-size: 0; transition:all 0.3s ease 0s;}
footer .selectric-focus .selectric {border-color: #e8e8e8;}
footer .selectric-hover .selectric {border-color: #e8e8e8;}
footer .selectric-hover .selectric .button {/* color: #909293; */}
/* .selectric-hover .selectric .button:after { border-top-color: #909293;} */
footer .selectric-open {z-index: 9999;}
/* .selectric-open .selectric {border-color: #909293;background: #e6e6e6;} */
footer .selectric-open .selectric-items {display: block;}
footer .selectric-open .selectric .button{transform:rotate(180deg); transition:all 0.3s ease 0s;}
footer .selectric-disabled {/*filter: alpha(opacity=50);*/opacity: 0.5;cursor: default;/*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/user-select: none;}
footer .selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
footer .selectric-hide-select select {position: absolute;left: -100%;}
footer .selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
footer .selectric-hide-select.selectric-is-native select {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0;}
footer .selectric-input {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;}
footer .selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}
/* Items box */
footer .selectric-items {display: none;position: absolute;bottom: 100%;left: 0;background: #fff;border: 1px solid #e8e8e8;z-index: -1;}
footer .selectric-items .selectric-scroll {height: 100%;overflow: auto;}
footer .selectric-above .selectric-items {top: auto;bottom:calc(100% - 1px);}
footer .selectric-items ul, .selectric-items li {list-style: none; padding: 0;margin: 0;max-height: 130px;}
footer .selectric-items li {display: block;padding: 4px;padding-left: 15px;line-height: 24px;color: #777;cursor: pointer;font-size: 0.75rem;}
/* .selectric-items li.selected {background: #f4f4f4;color: #333;} */
footer .selectric-items li.highlighted {background: #f4f4f4;color: #333;}
footer .selectric-items li:hover {background: #f4f4f4;color: #333;}
footer .selectric-items .disabled {/*filter: alpha(opacity=50);*/opacity: 0.5;cursor: default !important; background: none !important;color: #666 !important;/*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/user-select: none;}
footer .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px;cursor: default;/*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/user-select: none;background: none;color: #333;}
footer .selectric-items .selectric-group.disabled li {/*filter: alpha(opacity=100);*/opacity: 1;}
footer .selectric-items .selectric-group li {padding-left: 25px;}


/* media */
@media screen and (max-width: 800px) {

 /* footer mobile css */
   .allmenu_wrap, .banner_wrap{display: none;}
  footer .footer_wrap{background-color: #f7f7f7;padding: 64px 24px 80px;font-family: 'N-sans', "sans-serif";}
  footer .footer_wrap .footer_logo{display: none;}
  footer .footer_wrap .footer_con{float:none;display: block}
  footer .footer_wrap .footer_con .fnb{width:100%;margin-bottom:20px;}
  footer .footer_wrap .footer_con .fnb li{font-size:0.85rem; color: #333; padding-right:12px; margin-left:10px;}
  footer .footer_wrap .footer_con .fnb li::after{content: '';display: inline-block;margin-left: 8px;width: 1px;height: 10px; margin-top:-5px; border-radius:0; background-color: #ccc;}
  footer .footer_wrap .footer_con .fnb li:nth-child(2){font-size:0.85rem;}
  footer .footer_wrap .footer_con .fnb li a.red_txt{color: #333;}
  footer .footer_wrap .footer_select{position: absolute;top: 0;left: 0;right: 0;}
  footer .footer_wrap .footer_select select{position:relative; width:50%!important; padding:3px 0 4px 10px; color:#fff; font-family:'N-sans', "sans-serif"; border:1px solid #a0a0a0; background-color:#a8a8a8;}
  footer .footer_wrap .footer_select select{appearance:auto !important;}
  footer .footer_wrap .footer_select select option{max-height:130px; color:#333; font-size:0.75rem; background:#fff;}

  /* select */
  footer .selectric-wrapper {width: 50%;font-family: 'N-sans', "sans-serif";}
  footer .selectric .label{line-height: 32px;color: #fff;}
  footer .selectric .button {background: none;display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;font-size: inherit;color: #fff;transform: rotate(-180deg)}

  footer .selectric {width:100%!important;border: 1px solid #a0a0a0;background: #a8a8a8;position: relative;}
  footer .selectric-wrapper:first-of-type .selectric{border-right: 1px solid #fff;}

   /* footer menu */
   .footer_menu {position: fixed; bottom: 0; width: 100%; height: 70px; padding:14px 0; background-color: #fff; z-index: 999999; box-shadow: 0px 0px 15px rgb(32 32 36 / 20%);}
   .footer_menu ul{display: block; width: 100vw; text-align: center;}
   .footer_menu li{float: left; width: 20vw; margin-bottom: 25px;}
   .footer_menu li a{display: flex; align-items: center; width: 30px; height: 30px;  margin: 0 auto;}
   .footer_menu li a .icon_box{display: block;width: 30px; height: 25px;background-position: 50% 50%;background-repeat: no-repeat; background-size: contain;margin: 0 auto}

   .footer_menu li a .icon_box.icon_01{background-image: url(../image/footer/icon_menu_bar_01.png);}/* 홈으로 */
   .footer_menu li a .icon_box.icon_02{background-image: url(../image/footer/icon_menu_bar_02.png);}/* 과정안내 */
   .footer_menu li a .icon_box.icon_03{background-image: url(../image/footer/icon_menu_bar_03.png);}/* 수강신청 */
   .footer_menu li a .icon_box.icon_04{background-image: url(../image/footer/icon_menu_bar_04.png);}/* 나의학습방 */
   .footer_menu li a .icon_box.icon_05{background-image: url(../image/footer/icon_menu_bar_05.png);}/* 더보기 */

   .footer_menu li .txt {font-size: 0.813rem; color: #333; }
   .footer_menu.on .more_menu_wrap {display: block; bottom: 70px; height: 305px; }
   .footer_menu.on .dim {display: block; }
   .dim {display: none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999997; background-color: rgba(0, 0, 0, 0.4);}

    /* 바로가기 */
    .more_menu_wrap.open {display:block;}
    .more_menu_wrap { display:none; position: fixed; bottom: 70px; width: 100%; height: 305px; z-index: 999998; background-color: #009ee3; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .more_menu_wrap .title {padding: 0px 30px 0; line-height: 50px;  font-size: 1.125rem; color: #fff; border-bottom: 1px solid #4dbbeb;}
    .more_menu_wrap .title .btn_close {width: 18px; height: 18px; cursor: pointer; background: url(../image/footer/ico_close.png) top 50% right 0% no-repeat; background-size: contain; margin-top: 16px;}

    .more_menu_wrap ul{width: 100%;padding:20px 14px 14px 14px; text-align: center;}
    .more_menu_wrap li{display: block;float: left;width:20%;margin-right: 0px;}
    .more_menu_Wrap li:nth-last-of-type(5n){margin-right: 0px;}
    .more_menu_wrap li a{display: flex; align-items: center; width: 55px; height: 55px; background-color: #0b95dc; margin: 0 auto; border-radius: 18px;}
    .more_menu_wrap li a .icon_box{display: block;width: 26px; height: 26px;background-position: 50% 50%;background-repeat: no-repeat; background-size: contain;margin: 0 auto}
    .more_menu_wrap li .txt{font-size: 0.8rem; font-family: 'N-sans', "sans-serif"; color: #fff; margin-top: 10px;}

    /* 바로가기 - icon */
    .more_menu_wrap li a .icon_box.icon_01{ background-image: url(../image/footer/ico_link01.png); padding-left: 2px;} /* 연수계획 */
    .more_menu_wrap li a .icon_box.icon_02{background-image: url(../image/footer/ico_link02.png);} /* 수강신청 */
    .more_menu_wrap li a .icon_box.icon_03{background-image: url(../image/footer/ico_link03.png);} /* 수강과정 */
    .more_menu_wrap li a .icon_box.icon_04{background-image: url(../image/footer/ico_link04.png);} /* 이수증발급 */
    .more_menu_wrap li a .icon_box.icon_05{background-image: url(../image/footer/ico_link05.png);} /* 연수문의 */
    .more_menu_wrap li a .icon_box.icon_06{background-image: url(../image/footer/ico_link06.png);} /* 자주하는질문 */
    .more_menu_wrap li a .icon_box.icon_07{background-image: url(../image/footer/ico_link07.png);} /* 오시는길 */
    .more_menu_wrap li a .icon_box.icon_08{background-image: url(../image/footer/ico_link08.png);} /* 전화번호 */
    .more_menu_wrap li a .icon_box.icon_09{background-image: url(../image/footer/ico_link09.png);} /* 시설안내 */
    .more_menu_wrap li a .icon_box.icon_10{background-image: url(../image/footer/ico_link10.png);} /* 연수원소개 */


  }







.select45{position:relative; float:left; height:45px; padding:7px 0 4px 10px; border:1px solid #e8e8e8;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875rem; color:#595959;}
.select30{position:relative; float:left; height:35px; padding:7px 0 4px 10px; border:1px solid #e8e8e8;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875rem; color:#595959;}





/*푸터*/
.main_footer_app{position: fixed; z-index: 9999; width: 100%; left: 0; bottom:0; display: flex; flex-flow: row nowrap; justify-content:space-around; height: 75px; box-sizing: border-box; border-top: 1px solid #dbdbdb; box-shadow: 0 5px 10px 5px #bdbdbd; background:#fff}
.main_footer_app>a{color: #35424b; display:inline-block; width: 60px; background-size: 40px}
.main_footer_app>a:nth-child(1){background: url('../image/footer/icon_footer01.png') 50% 10px no-repeat; background-size: 40px}
.main_footer_app>a:nth-child(2){background: url('../image/footer/icon_footer02.png') 50% 10px no-repeat;background-size: 40px }
.main_footer_app>a:nth-child(3){background: url('../image/footer/icon_footer03.png') 50% 10px no-repeat; background-size: 40px; margin-top:-33px}
.main_footer_app>a:nth-child(3)>p{color: #235dcb; margin-top: 62px}
.main_footer_app>a:nth-child(4){background: url('../image/footer/icon_footer04.png') 50% 10px no-repeat; background-size: 40px}
.main_footer_app>a:nth-child(5){background: url('../image/footer/icon_footer05.png') 50% 10px no-repeat; background-size: 40px}
.main_footer_app>a:nth-child(6){background: url('../image/footer/icon_footer05.png') 50% 10px no-repeat; background-size: 40px}
.main_footer_app>a>p{color: #515151; font-size: 14px; font-family: 'G-sans'; text-align: center; margin-top: 52px}


.sugang_on{width: 230px; height: 115px; margin:0 0 0 -115px; left:50%; position: fixed; bottom:74px; background: url('../image/footer/half_circle.png') 50% 0 no-repeat; background-size: 230px; transform: translate(0%,0) scale(0);opacity: 0;transition: .2s;transition-timing-function: cubic-bezier(.215,.61,.355,1)}
.sugang_on.active{bottom:74px;z-index: 100;opacity: 1;transform: translate(0%,0) scale(1);transition-delay: .2s;transition-timing-function: cubic-bezier(.215,1.19,.37,1);}
.btn_sugang_close{cursor: pointer}
.sugang_on a{display: inline-block}
.sugang_on>a>span{display: inline-block; width: 65px; color: #fff; font-size: 13px; font-family: 'G-sans'; letter-spacing: -1px; text-align: center; text-shadow:0 1px 2px #333}
.sugang_on>a:nth-child(1){position: absolute; top:13px; left: 102px; width: 24px; height: 22px; background: url('../image/footer/sugang_icon01.png') 50% 0 no-repeat; background-size: 22px}
.sugang_on>a:nth-child(1)>span{position: absolute; top:28px;; left: -21px}
.sugang_on>a:nth-child(2){position: absolute; top:59px; left: 29px; width: 22px; height: 21px; background: url('../image/footer/sugang_icon02.png') 50% 0 no-repeat; background-size: 22px}
.sugang_on>a:nth-child(2)>span{position: absolute; top:28px;; left: -24px}
.sugang_on>a:nth-child(3){position: absolute; top:59px; left: 178px; width: 22px; height: 23px; background: url('../image/footer/sugang_icon03.png') 50% 0 no-repeat; background-size: 22px}
.sugang_on>a:nth-child(3)>span{position: absolute; top:28px;; left: -20px}
.sugang_on>div{position: absolute; top:68px; left: 68px; width:94px; height: 121px; background-size: 95px}

.none{display: none}



@media screen and (max-width: 320px) {

	.main_footer_app>a>p{font-size: 12px}

	.sugang_on{background-size: 180px; bottom:49px}
	.sugang_on.active{bottom:49px}
	.sugang_on>a>span{width: 55px; font-size: 11px; letter-spacing: -1px}
	.sugang_on>a{width: 19px!important; height: 19px!important; background-size: 18px!important}
	.sugang_on>a:nth-child(1){left: 103px}
	.sugang_on>a:nth-child(1)>span{top:22px!important; left: -19px!important}
	.sugang_on>a:nth-child(2){top:47px; left: 48px;}
	.sugang_on>a:nth-child(2)>span{top:22px;; left: -17px}
	.sugang_on>a:nth-child(3){background-size: 16px!important; top:47px; left: 163px}
	.sugang_on>a:nth-child(3)>span{top:22px;; left: -18px}
	.sugang_on>div{top:57px; left: 83px}
	.sugang_on>div img{width: 65px}

}

/*출석*/
.attendance{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999;}
.attendance:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.attendance .att_cont{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.attendance ul{display:flex; justify-content:center; align-items:center;  gap:35px; width:100%; height:100%;}
.attendance li button{position:relative; background:none; border-radius:0; cursor:pointer;}
.attendance li button:before{content:''; display:block; position:absolute; background-repeat:no-repeat;}
.attendance li button.att_qr:before{left:-50px; top:-30px; width:91px; height:91px; background-image:url(/resource/image/footer/bg_att_shape01.png);}
.attendance li button.att_history:before{right:-40px; bottom:-60px; width:108px; height:131px; background-image:url(/resource/image/footer/bg_att_shape02.png);}
.attendance li button span{display:block; position:relative; width:170px; height:170px; padding:20px 25px; text-align:left; border-radius:35px; box-sizing:border-box; box-shadow:0 12px 10px 0 rgba(0, 0, 0, 0.2); overflow:hidden;}
.attendance li button span:before{content:''; display:block; position:absolute; top:0; right:0; width:100%; height:100%; background-repeat:no-repeat;}
.attendance li button.att_qr span{background:#1960e8;}
.attendance li button.att_qr span:before{background-image:url(/resource/image/footer/bg_att_qr.png);}
.attendance li button.att_history span{background:#05bcbc;}
.attendance li button.att_history span:before{background-image:url(/resource/image/footer/bg_att_history.png);}
.attendance li button span:after{content:''; display:block; position:absolute; bottom:20px; right:20px; width:39px; height:40px; background-repeat:no-repeat;}
.attendance li button.att_qr span:after{background-image:url(/resource/image/footer/ico_att_qr.png);}
.attendance li button.att_history span:after{background-image:url(/resource/image/footer/ico_att_history.png);}
.attendance li button em{display:block; position:relative; color:#fff; font-family:'jalnan'; font-size:20px; font-style:normal; text-shadow:0 4px 5px rgba(0, 0, 0, 0.2);}

@media screen and (max-width:650px){
	.attendance ul{gap:25px;}
	.attendance li button:before{background-size:100%;}
	.attendance li button.att_qr:before{left:-35px; top:-30px; width:71px; height:71px;}
	.attendance li button.att_history:before{right:-35px; bottom:-55px; width:88px; height:111px;}
	.attendance li button span{width:130px; height:130px; padding:15px 20px; border-radius:25px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2);}
	.attendance li button span:after{bottom:15px; right:15px; width:32px; height:33px; background-size:100%;}
	.attendance li button em{font-size:15px; text-shadow:0 3px 5px rgba(0, 0, 0, 0.2);}
}
@media screen and (max-width:400px){
	.attendance li button:before{display:none;}
}

/*출석이력*/
#att_history_popup{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000;}
.att_history_cont{position:absolute; top:50%; left:50%; width:80%; padding:15px 20px 30px; border-radius:35px; background-image:linear-gradient(to right, #06bdbc, #34cba4); box-sizing:border-box; box-shadow:0 12px 10px 0 rgba(0, 0, 0, 0.2); transform:translate(-50%, -50%); z-index:1;}
.att_history_cont h5{margin-left:10px; margin-bottom:15px; color:#fff; font-family:'jalnan'; font-size:20px; font-weight:normal; letter-spacing:-0.5px; text-shadow:0 3px 5px rgba(0, 0, 0, 0.2);}
.att_history_cont .btn_close{position:absolute; right:30px; top:18px; background:none; cursor:pointer;}
.att_history_cont .btn_close span{display:block; width:30px; height:31px; background:url(/resource/image/footer/ico_att_close.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.att_history_cont .list{padding:25px; border-radius:30px; background:#fff; box-sizing:border-box; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2);}
.att_history_cont .status{display:flex; justify-content:space-between; align-items:center; padding:15px 40px 15px 20px; border-radius:15px; background:#f0f0f0; box-sizing:border-box;}
.att_history_cont .status p{position:relative; padding-left:42px; color:#333; font-family:'jalnan'; font-size:16px;}
.att_history_cont .status p:before{content:''; display:block; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%; background:#fff url(/resource/image/footer/ico_att_people.png) no-repeat 50%;}
.att_history_cont .status span{display:block; position:relative; padding-left:18px; color:#00a073; font-family:'N-sans'; font-size:16px; font-weight:700; letter-spacing:-0.5px;}
.att_history_cont .status span:before{content:''; display:block; position:absolute; left:0;}
.att_history_cont .status span.completion:before{top:10px; width:11px; height:8px; background:url(/resource/image/footer/ico_att_ok.png) no-repeat;}
.att_history_cont .status span.incompletion{padding-left:16px; color:#888;}
.att_history_cont .status span.incompletion:before{top:10px; width:9px; height:9px; background:url(/resource/image/footer/ico_att_no.png) no-repeat;}
.att_history_cont .tbl_scroll{position:relative; height:157px; margin-top:20px; border-top:1px solid #78cdb3; border-bottom:1px solid #dbdedc; overflow:hidden; overflow-y:auto;}
.att_history_cont .tbl_scroll table{width:100%;}
.att_history_cont .tbl_scroll table caption{text-indent:100%; overflow:hidden; white-space:nowrap; width:0; height:0; font-size:0;}
.att_history_cont .tbl_scroll table thead tr{background:#f1faf2;}
.att_history_cont .tbl_scroll table thead th{position:relative; padding:7px; color:#333; font-family:'jalnan'; font-size:16px; font-weight:normal; border-bottom:1px solid #dbdedc; box-sizing:border-box;}
.att_history_cont .tbl_scroll table thead th:first-child:before{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background:#78cdb3;}
.att_history_cont .tbl_scroll table tbody{text-align:center;}
.att_history_cont .tbl_scroll table tbody td{position:relative; padding:7px; color:#555; font-family:'N-sans'; font-size:16px; font-weight:700; letter-spacing:0; box-sizing:border-box;}
.att_history_cont .tbl_scroll table tbody td:first-child:before{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:60%; background:#dbdedc; transform:translateY(-50%);}
.att_history_cont .tbl_scroll table tbody td.att_no{height:114px;}
.att_history_cont .tbl_scroll table tbody td.att_no:before{display:none;}
.att_history_cont .att_select{position:relative; margin-bottom:25px; border:1px solid #ccc; border-radius:12px; background:#fff; overflow:hidden;}
.att_history_cont .att_select:before{content:''; display:block; position:absolute; right:20px; top:50%; width:13px; height:8px; margin-top:-4px; background:url(/resource/image/footer/att_select_arrow.png) no-repeat;}
.att_history_cont .att_select select{width:95%; padding:13px 20px; color:#333; font-family:'N-sans'; font-size:16px; font-weight:700; background:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.att_history_cont .att_select select:focus-visible{outline:0;}

#att_history_popup .flatpickr-calendar{width:100% !important;}
#att_history_popup .dayContainer{width:100%; min-width:100%; max-width:100%;}
#att_history_popup .flatpickr-rContainer{width:100%;}
#att_history_popup .flatpickr-days{width:100%;}
#att_history_popup .flatpickr-day{max-width:14.2857143%;}
#att_history_popup #calendar-text p{margin-bottom:10px; padding:10px; color:#333; font-family:'N-sans'; font-size:16px; border-radius:8px; background:#f3f3f3; box-sizing:border-box;}

@media screen and (max-width:650px){
	.att_history_cont{width:85%; padding:15px 20px 25px; border-radius:25px;}
	.att_history_cont h5{margin-bottom:10px; font-size:18px;}
	.att_history_cont .btn_close{top:18px; right:25px;}
	.att_history_cont .btn_close span{width:25px; height:26px; background-size:100%;}
	.att_history_cont .list{padding:20px; border-radius:25px;}
	.att_history_cont .status{padding:12px 30px 12px 20px; border-radius:12px;}
	.att_history_cont .status p{padding-left:40px; font-size:15px;}
	.att_history_cont .tbl_scroll{height:133px; margin-top:15px;}
	.att_history_cont .tbl_scroll table thead th{padding:5px; font-size:15px;}
	.att_history_cont .tbl_scroll table tbody td{padding:5px; font-size:15px;}
	.att_history_cont .tbl_scroll table tbody td.att_no{height:96px;}
	.att_history_cont .att_select:before{right:15px;}
	.att_history_cont .att_select select{padding:10px 15px; font-size:15px;}
	#att_history_popup #calendar-text p{font-size:15px;}
}
@media screen and (max-width:500px){
	.att_history_cont{width:90%; padding:10px 15px 25px;}
	.att_history_cont h5{margin-bottom:8px; font-size:17px;}
	.att_history_cont .btn_close{top:13px; right:20px;}
	.att_history_cont .list{padding:15px;}
	.att_history_cont .status{padding:12px 20px 12px 15px;}
	.att_history_cont .status span{font-size:15px;}
	.att_history_cont .status span.completion:before{top:8px;}
	.att_history_cont .status span.incompletion:before{top:7px;}
	.att_history_cont .tbl_scroll table tbody td{font-size:14px;}
	.att_history_cont .tbl_scroll table tbody td.att_no{height:91px;}
	.att_history_cont .att_select{margin-bottom:20px;}
	#att_history_popup #calendar-text p{padding:10px 8px; font-size:14px;}
}

/*footer select추가*/
footer .footer_wrap .footer_select.select_three select{width:150px !important;}
footer .footer_wrap .footer_select.select_three select:last-child{margin-left:-1px;}

@media screen and (max-width:800px){
	footer .footer_wrap .footer_select.select_three select{width:33.33333333333333% !important;}
}

/*레이어팝업*/
#popup_layer{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999;}
#popup_layer:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#popup_layer .popup{position:fixed; left:50%; top:50%; width:500px; border-radius:15px; overflow:hidden; box-sizing:border-box; transform:translate(-50%, -50%); z-index:1;}
#popup_layer .popup .top{padding:10px 15px; background:#2b4173; box-sizing:border-box;}
#popup_layer .popup .top h5{width:calc(100% - 35px); color:#fff; font-family:'G-sans'; font-size:16px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#popup_layer .popup .cont{height:calc(100% - 46px); padding:30px 15px 40px; background:#fff; box-sizing:border-box;}
#popup_layer .popup .cont .txt{position:relative; padding-top:60px; text-align:center;}
#popup_layer .popup .cont .txt p{font-family:'G-sans'; font-size:14px; letter-spacing:-0.5px;}
#popup_layer .popup .cont .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:58px; height:47px; margin-left:-29px; background:url(/resource/image/footer/ico_layer_popup.png) no-repeat;}
#popup_layer .popup .cont .btn_box{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:5px; margin-top:20px;}
#popup_layer .popup .cont .btn_box button{padding:9px 20px 7px; color:#fff; font-family:'G-sans'; font-size:14px; border-radius:50px; background:#4b60f7; transition:all 0.3s ease; box-sizing:border-box; cursor:pointer;}
#popup_layer .popup .cont .btn_box button + button{background:#6d7c9a;}
#popup_layer .popup .cont .btn_box button:hover{opacity:.8;}
#popup_layer .popup .btn_close{position:absolute; right:15px; top:7px;}
#popup_layer .popup .btn_close button{background:none; text-indent:100%; overflow:hidden; white-space:nowrap;}
#popup_layer .popup .btn_close button span{display:block; width:25px; height:25px; background:url(/resource/image/sub/ico_top_popup_close.png) no-repeat;}

@media screen and (max-width:580px){
	#popup_layer .popup{width:80%;}
	#popup_layer .popup .top h5{font-size:15px;}
	#popup_layer .popup .cont .txt p{font-size:13px;}
}
@media screen and (max-width:500px){
	#popup_layer .popup .top{padding:10px;}
	#popup_layer .popup .cont{padding:30px 15px;}
	#popup_layer .popup .btn_close{right:10px;}
}