@charset "utf-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2024.06
\* -------------------------------------------------- */

/* Font */
body {font-family: 'pretendard', sans-serif !important;font-size:100%;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;background-color:#fff}
input,select {font-size:14px;color:#333}
.a11y-hidden {overflow:hidden !important;position:absolute !important;width:1px !important;height:1px !important;clip:rect(1px, 1px, 1px, 1px) !important}
.clearfix:after {clear:both;content:'';display:table;height:0;overflow:hidden;visibility:hidden}
.ellipsis {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.highlight {color:#00afb4}
.highlight2 {font-weight:700;color:#000}
input::placeholder,
textarea::placeholder{color:#aaa}
body.loading{position:relative;}
body.loading::after{content:'';position:fixed;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:1px solid #e9e9e9;border-radius:10px;background:#fff url('../images/preload.svg') no-repeat 50% 50%;z-index:1000000;}

/* Form */
.select {margin:0;padding-left:15px;border:none;border-radius:5px;height:50px;width:202px;background:#eff5fa url('../images/ui/arr_acc.png') no-repeat right 15px top 50% / 13px auto;border-radius:30px;}
.input {box-sizing:border-box;padding:0 18px;width:100%;height:50px;background-color: #eff5fa;border-radius:30px;;font-size:14px;color:#333}
.textarea{width:100%;height:100px;padding:18px;resize:none;border:1px solid #ddd;border-radius:3px;font-size:14px;color:#333}

input[type="checkbox"],
input[type="radio"]{display:none;}
input[type="checkbox"] + label,
input[type="radio"] + label{display:flex;font-size:15px;color:#000;cursor:pointer;align-items:center;}
input[type="checkbox"] + label span,
input[type="radio"] + label span{display:inline-block;width:28px; height:28px;margin:-3px 10px 0 0;vertical-align:middle;cursor:pointer;flex-shrink: 0;}
input[type="checkbox"] + label span{background:url('../images/ui/bg_chk.png') left top no-repeat;}
input[type="radio"] + label span{background:url('../images/ui/bg_radio.png') left top no-repeat;}
input[type="checkbox"]:checked + label span {background:url('../images/ui/bg_chk_on.png') left top no-repeat;}
input[type="radio"]:checked + label span {background:url('../images/ui/bg_radio_on.png') left top no-repeat;}
input[type="checkbox"] + label span.txt{display:inline;width:auto;height:auto;margin:0;background:none;font-size:14px;color:#000;}


.board_list li .date{font-size:14px;color:#999}
.tag{display:inline-block;width:auto;height:24px;padding:4px 6px;border-radius:2px;font-size:12px;font-weight:500;text-align:center;line-height:1;white-space:nowrap}
.tag.tagA1{background-color: #d0fdfc;border:1px solid #67cecb;color:#14b3ae}
.tag.tagA2{background-color: #fff8e2;border:1px solid #ffc776;color:#ff9600}
.tag.tagB1{background-color: #e9feee;border:1px solid #8ccf9b;color:#09ad20}
.tag.tagB2{background-color: #e8f1ff;border:1px solid #accdff;color:#0654c9}
.tag.tagB3{background-color: #fbf0ff;border:1px solid #d392e8;color:#9621bd}
.tag.tagC1{background-color: #ffeffb;border:1px solid #fa85da;color:#e244b6}
.tag.tagC2{background-color: #fff2e5;border:1px solid #cf9157;color:#a24e00}
.tag.tagD1{background-color: #e7f4ff;border:1px solid #8dc4f4;color:#65b4f7}
.tag.tagD2{background-color: #fff0e8;border:1px solid #fbc5aa;color:#f26a26}
.tag.tagZ1{background-color: #f9ffe7;border:1px solid #c0d877;color:#85b000}
.tag.tagZ2{background-color: #fff6eb;border:1px solid #dcb179;color:#cb9044}
.tag.tagNotice{width:45px;background-color: #14b3ae;border:1px solid #14b3ae;color:#fff}
.tag.tagEvent{width:45px;background-color: #f8ea50;border:1px solid #f8ea50;color:#333}
.tab_menu{display:flex;}
.tab_menu .intab{position:relative;font-size:17px;font-weight:500;color:#999;line-height:1;cursor:pointer;}
.tab_menu .intab.on{font-weight:700;color:#00afb4}
.tab_menu .intab.on::after{content:'';position:absolute;bottom:-15px;left:calc(50% - 3px);width:6px;height:6px;background-color:#ffcd21;border-radius:100%; ;}
.tabCont_wrap .tabCont{display:none}
.tabCont_wrap .tabCont.on{display:block;}
.box_board .box{display:block;padding:28px 18px;border:1px solid #e0e0e0;border-radius:8px;}

.button{width:100%;height:58px;background-color: #44a5f8;border-radius:58px;font-size:15px;font-weight:500;color:#fff;text-align:center;line-height:58px;}
.button.btn_line{border:1px solid #c9e1f6;background-color: #fff;color:#44a5f8;line-height:56px;}
.error{font-size:14px;color:#ff4e78}

/* Filebox */
.filebox{display:flex;max-width:450px;;align-items:center;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display:inline-block;padding-bottom:5px;border-bottom:1px solid #44a5f8;margin-left:10px;color: #44a5f8;font-size: 15px;cursor: pointer;text-align:center;}
.filebox .upload-name{display:block;width:350px;padding:0 20px;background-color: #eff5fa;border-radius: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 14px;color:#333;line-height:50px;}

/* swiper */
.swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{background: #44a5f8;}

/* Dropdown */
.caret{display:block;position:absolute;top:50%;right:8px;margin-top:-2px;width:0;height:0;border-top:4px dashed #c40452;border-right:4px solid transparent;border-left:4px solid transparent}
.dropup,
.dropdown{position:relative;font-size:12px;line-height:18px;color:#666}
.dropdown-toggle {display:block;width:100%;text-align:left}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;font-size:12px;line-height:18px;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#00afb4}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus{color:#777}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{left:auto;right:0}
.dropdown-menu-left{left:0;right:auto}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}

/* Paging */
.pagination {margin-top:60px}
.pagination nav ul.pagination {display: flex;height: 30px;justify-content: center;align-items:center;}
.pagination ul li {display: inline}
.pagination ul li a {display: block;float: left;width: 30px;height: 30px;border-radius:100%;font-size: 15px;line-height: 30px;color: #666;text-align: center}
.pagination li a {margin: 0 3px;width: 30px}
.pagination li.active {width:30px; height:30px; line-height:30px; text-align:center; font-weight: 600;color: #44a5f8;}

.pagination .btnPrev, .pagination .btnNext,
.pagination [aria-label="« 이전"], .pagination [aria-label="다음 »"]
{display: inline-block;width: 30px;height: 30px;margin:0 5px;overflow: hidden;text-indent: -9999px;vertical-align: top; }
.pagination .btnPrev, .pagination [aria-label="« 이전"] {background: #fff url('../images/ui/paging_prev.png') no-repeat 50% 50%;}
.pagination .btnNext, .pagination [aria-label="다음 »"] {background: #fff url('../images/ui/paging_next.png') no-repeat 50% 50%;}
.pagination a[aria-label="« 이전"], .pagination [aria-label="다음 »"] span{text-indent: -9999px;}


/* Datepicker */
.calwrap{position:relative;display:flex;}
.date-picker-wrapper{padding:0 !important;background: transparent;border:none;box-shadow:none;}
.date-picker-wrapper .month-wrapper{width:300px;padding:0 10px;border:1px solid #14b3ae;border-radius:3px;}
.date-picker-wrapper .month-wrapper table{width:280px;}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td{width:40px;height:40px;vertical-align:middle;text-align:center;font-size:15px;}
.date-picker-wrapper .month-wrapper table .caption th,
.date-picker-wrapper table .caption>th:first-of-type{width:40px;}
.date-picker-wrapper .month-wrapper table .caption{position:relative;}
.date-picker-wrapper .month-wrapper table .caption:after{content:'';position:absolute;bottom:0;left:-10px;width:calc(100% + 20px);height:1px;background-color: #ddd;}
.date-picker-wrapper .month-wrapper table .caption th{height:55px;}
.date-picker-wrapper .month-wrapper table .caption th.month-name{width:200px;font-size:18px;font-weight:600;}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev{display:block;overflow:hidden;text-indent:-99999px}
.date-picker-wrapper table .caption .next{background: url('../images/ui/next.png') no-repeat 50% 50%; }
.date-picker-wrapper table .caption .prev{background: url('../images/ui/prev.png') no-repeat 50% 50%;}
.date-picker-wrapper table .caption .prev.disable,
.date-picker-wrapper table .caption .next.disable{opacity:.3}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover{background-color:transparent;}
.date-picker-wrapper .month-wrapper table .week-name th{height:50px;padding-top:10px;font-size:15px;}
.date-picker-wrapper .month-wrapper table .week-name th:first-child,
.date-picker-wrapper .month-wrapper table .day{display:flex;width:26px;margin:0 auto;padding:0;height:26px;border-radius:26px;align-items:center;justify-content: center;}
.date-picker-wrapper .month-wrapper table .day.real-today{background-color: #e9f8f8;}
.date-picker-wrapper .month-wrapper table .day.real-today.toMonth.valid{font-weight:500;color:#30bcb8}
.date-picker-wrapper .month-wrapper table td:first-child .day.toMonth.valid{color:#f01717 !important}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected{background-color:#30bcb8 !important;color:#fff !important}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color: #e9f8f8;}
.date-picker-wrapper .month-wrapper table td:first-child  .day.toMonth.valid.checked{color:#fff !important}
.date-picker-wrapper .footer{display:none;}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0;}
.header{position:relative;}
#gilbut.openmenu{overflow-y:hidden;height:100%;}

/* Header */
#gilbut .gilbut_header{position:relative;z-index:110;}
.gilbut_header .inner_header{display:flex;align-items:center;justify-content: space-between;padding:25px 0;}
.gilbut_header .inner_header h1{width:138px;}
.gilbut_header .inner_header h1 a{position:relative;font-family:'Noto Sans KR',sans-serif;font-size:30px;letter-spacing:-.05em;line-height:1;-webkit-transition:color .3s;transition:color .3s}
.gilbut_header .inner_header h1 a::after{content:'';position:absolute;top:50%;left:56px;display:block;width:4px;height:4px;background-color:#000;border-radius:4px;}
.gilbut_header .inner_header h1 a span{display:inline-block;font-size:21px;vertical-align:middle;}
.gilbut_header .inner_header .pageTitle{display:none}
.gilbut_header .inner_header .navigation{/*width:calc(100% - 513px);*/margin-left:0;}
.gilbut_header .inner_header .navigation .gnb_wrap{display:flex;}
.gilbut_header .inner_header .navigation .gnb_wrap .menu{position:relative;}
.gilbut_header .inner_header .navigation .gnb_wrap .menu > a{position:relative;padding:0 20px;font-size:18px;font-weight:500;color:#000;z-index:10}
.gilbut_header .inner_header .navigation .gnb_wrap .menu > .promotion{color:#FF8000;}
.gilbut_header .inner_header .navigation .gnb_wrap .menu > a::after{content:'';position:absolute;bottom:0;left:calc(50% - 3px);width:6px;height:6px;background-color: #f3f45a;border-radius:100%;opacity:0;transition:.5s;}
.gilbut_header .inner_header .navigation .gnb_wrap .menu.onmenu > a::after{bottom:-14px;opacity:1;}
.gilbut_header .inner_header .navigation .submenu{position:absolute;top:0;left:0;width:0;padding-top:45px;opacity:0;overflow:hidden}
.gilbut_header .inner_header .navigation .onmenu .submenu{width:auto;opacity:1;}
.gilbut_header .inner_header .navigation .submenu_wrap{display:flex;padding:30px 35px;background-color:#fff;border:1px solid #44a5f8;border-radius:20px;white-space: nowrap;}
/* 선생님 자료실 서브메뉴 위치 강제 조정 */
.gilbut_header .inner_header .navigation .gnb_wrap .teacher-menu .submenu {left: auto !important; right: calc(10vw - 500px) !important;}

/*.mainpage .gilbut_header .inner_header .navigation .submenu_wrap{border:none;}*/
.gilbut_header .inner_header .navigation .submenu_wrap dl{margin-left:50px;}
.gilbut_header .inner_header .navigation .submenu_wrap dl:first-child{margin-left:0;}
.gilbut_header .inner_header .navigation .submenu_wrap dl.addmenu{margin-left:25px;padding-top:32px;}
.gilbut_header .inner_header .navigation .submenu_wrap dt{margin-bottom:15px;font-size:17px;font-weight:700;}
.gilbut_header .inner_header .navigation .submenu_wrap dd a{display:block;padding:5px 0;font-size:15px;color:#666;}
.gilbut_header .inner_header .navigation .submenu_wrap dd a:hover{color:#44a5f8}
.gilbut_header .inner_header .navigation .submenu_wrap dd a.to-be{color:#ababab; cursor:default;}
.gilbut_header .inner_header .navigation .submenu_wrap dd a.to-be:hover{ pointer-events: none;}

.gilbut_header .inner_header .navigation .btn_mem_wrap{display:none}
.gilbut_header .inner_header .utilMenu{position:relative;display:flex;}
.gilbut_header .inner_header .mbMenu{position:relative;display:none;width:80px;margin-left:-8px}
.openmenu .gilbut_header .inner_header .mbMenu{position:absolute;}
.gilbut_header .inner_header .utilMenu .btn,
.gilbut_header .inner_header .mbMenu .btn{display:block;width:50px;height:50px;overflow:hidden;text-indent:-9999px}
.gilbut_header .inner_header .mbMenu .btn{width:40px;height:40px;}
.gilbut_header .inner_header .utilMenu .nav{display:none;text-indent:0;align-items:center;justify-content: center;flex-direction:column}
.gilbut_header .inner_header .utilMenu .nav span{position:relative;display:inline-block;width:26px;height:2px;margin:6px 0;background-color:#000;text-indent:-9999px;}
.gilbut_header .inner_header .utilMenu .nav::before,
.gilbut_header .inner_header .utilMenu .nav::after{content:'';width:26px;height:2px;background-color: #000;}
.gilbut_header .inner_header .utilMenu .familysite{display: none;}
/* FAMILY SITE 버튼 감싸는 박스 */
.gilbut_header .inner_header .familysite {
    position: relative;
    width: auto;
    height: auto;
    margin-top:5px;
    margin-left: -45px;
}

/* fs_wrap 전체 */
.gilbut_header .inner_header .fs_wrap {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    border: none;
    overflow: visible;
}

/* FAMILY SITE 텍스트 버튼 */
.gilbut_header .inner_header .fs_wrap .btn_fs {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
}

/* 버튼 오른쪽 화살표 */
.gilbut_header .inner_header .fs_wrap .btn_fs::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 정확한 중앙 정렬 */
    width: 16px; /* 기존보다 큼 */
    height: 10px;
    background: url('../images/ui/select.png') no-repeat 50% 50% / contain;
    transition: transform 0.3s;
}

/* 열린 상태 - 화살표 회전 */
.gilbut_header .inner_header .fs_wrap.open .btn_fs::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

/* 드롭다운 리스트 */
.gilbut_header .inner_header .fs_wrap .fs_list {
    position: absolute;
    top: 44px;
    right: 0;
    width: 160px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* 펼쳐졌을 때 */
.gilbut_header .inner_header .fs_wrap.open .fs_list {
    opacity: 1;
    visibility: visible;
}

/* 링크 스타일 */
.gilbut_header .inner_header .fs_wrap .fs_list a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
    text-decoration: none;
}

/* hover 효과 */
.gilbut_header .inner_header .fs_wrap .fs_list a:hover {
    color: #44a5f8;
}
.mainpage .gilbut_header .inner_header h1 a{color:#fff}
.mainpage .gilbut_header .inner_header h1 a::after{background-color: #fff;}
.mainpage .gilbut_header .inner_header .navigation .gnb_wrap .menu > a{color:#fff}
.mainpage .gilbut_header .inner_header .navigation .gnb_wrap .menu > .promotion{color:#F9ED65; font-weight: bold;}
.gilbut_header .inner_header .mbMenu .btn.back{background: url('../images/ui/back.png') no-repeat 50% 50% / auto 50%;}
.gilbut_header .inner_header .mbMenu .btn.home{background: url('../images/icon/ico_main.png') no-repeat 50% 50% / 55% auto;}
.gilbut_header .inner_header .utilMenu .btn.login{background: url('../images/icon/ico_mypage.png') no-repeat 50% 50%;}
.gilbut_header .inner_header .utilMenu .logout{font-size: 15px; color:#000000;}
.gilbut_header .inner_header .utilMenu .login-mid{color:#000000;}
.gilbut_header .inner_header .utilMenu .btn.mypage{background: url('../images/icon/ico_mypage.png') no-repeat 50% 50%;}
.gilbut_header .inner_header .utilMenu .btn.login:hover{background: url('../images/icon/ico_mypage_bl.png') no-repeat 50% 50%;}
.gilbut_header .inner_header .utilMenu .logout:hover{color:#000000;}
.gilbut_header .inner_header .utilMenu .btn.mypage:hover{background: url('../images/icon/ico_mypage_bl.png') no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.nav span,
.mainpage .gilbut_header .inner_header .utilMenu .btn.nav:before,
.mainpage .gilbut_header .inner_header .utilMenu .btn.nav:after{background-color:#fff;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.login{background: url('../images/icon/ico_mypage_wh.png') no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .logout{font-size: 15px; color:#ffffff;}
.mainpage .gilbut_header .inner_header .utilMenu .login-mid{color:#ffffff;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.mypage{background: url('../images/icon/ico_mypage_wh.png') no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.login:hover{background: url('../images/icon/ico_mypage_yl.png') no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .logout:hover{font-size: 15px; color:#FFF94F;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.mypage:hover{background: url('../images/icon/ico_mypage_yl.png') no-repeat 50% 50%;}

/* Footer */
.footer {padding-bottom:70px;border-top:1px solid #ddd}
.mainpage .footer {border-top:none;}
.footer .container{display:flex;justify-content: space-between}
.footer .foot_top{margin-bottom:35px;border-bottom:1px solid #ddd;;}
.footer .foot_top .container{padding:20px 0;}
.footer .foot_menu{width:50%;}
.footer .foot_menu ul{display:flex;align-items:center;height:100%;}
.footer .foot_menu ul li{margin-right:40px}
.footer .foot_menu ul a{font-size:14px;color:#666;}
.footer .foot_menu ul a em{color:#44a5f8}
.footer .sns_wrap{display:flex;width:195px;justify-content: space-between;}
.footer .sns_wrap a{display: block;width: 34px;height: 34px;overflow: hidden;text-indent: -9999px}
.footer .sns_wrap .facebook{background: url('../images/icon/f_facebook.png') no-repeat 50% 50%;}
.footer .sns_wrap .youtube{background: url('../images/icon/f_youtube.png') no-repeat 50% 50%;}
.footer .sns_wrap .instagram{background: url('../images/icon/f_instagram.png') no-repeat 50% 50%;}
.footer .sns_wrap .podcast{background: url('../images/icon/f_podcast.png') no-repeat 50% 50%;}
.footer .footMenu {display: none;width: 100%;height: 34px;background:#f0f0f0;overflow: hidden;}
.footer .footMenu ul {display: flex;overflow:hidden;padding:0 8px}
.footer .footMenu li {display: inline-block;width:33.3%}
.footer .footMenu li a {display:block;font-size:12px;line-height:34px;color:#666;text-align:center}
.footer .footInfo .f_logo{margin-bottom:25px}
.footer .footInfo p,
.footer .footInfo .address{font-size:13px;color:#8c8c8c}
.footer .footInfo .address{margin-bottom:10px;}
.footer .footInfo span{position:relative;display:inline-block;padding-left:34px;}
.footer .footInfo span:after{content:'';position:absolute;top:calc(50% - 6px);left:17px;width:1px;height:12px;background-color:#ddd;}
.footer .foot_right{position:relative;width:50%;text-align:right;}
.footer .familySite {display:inline-block;width:165px}
.footer .familySite .dropdown-toggle {display:block;position:relative;padding:10px 0;border-bottom:1px solid #ddd;width:100%;font-size:13px;line-height:20px;color:#000;text-align:left;text-indent:2px}
.footer .familySite .dropdown-toggle::after{content:'';position:absolute;top:18px;;right:0;width:12px;height:7px;background:url('../images/ui/select.png') no-repeat 0 0 / 12px auto;transition:transform .5s;}
.footer .familySite .dropdown-menu {margin:0;padding:0;border:0;width:100%;box-shadow:none}
.footer .familySite .dropdown-menu a {display:block;padding:0 2px;border-bottom:1px solid #ddd;font-size:14px;line-height:30px;color:#000}
.footer .familySite .dropdown-menu a:hover {color:#44a5f8;background:none}
.footer .familySite.open .dropdown-toggle:after {transform:rotate(180deg)}
.footer .copyright {margin-top:55px;font-size:13px;line-height:20px;font-weight:300;color:#b2b2b2}

/** Print
===================================*/
@media print{
    *{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    blockquote,pre{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    img,tr{page-break-inside:avoid}
    img{max-width:100%!important}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
    select{background:#fff!important}
}

/** Modal ===================================*/
.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,.45);z-index:1000}
.modal.on{display:block;}
.modal_wrap{display:flex;height:100%;align-items:center;justify-content:center;}
.modal_contents{background-color: #fff;border-radius:20px;overflow:hidden}
.modal_contents .btn_full{display:block;width:100%;height:50px;background-color: #14b3ae;border-radius:5px;font-size:16px;font-weight:500;color:#fff;line-height:50px;text-align:center;}
.modal_msg .modal_contents, .modal_fail .modal_contents, .modal_check .modal_contents,
.modal_confirm .modal_contents{width:380px;max-width:calc(100% - 40px);padding:22px 25px;border-radius:20px}
.modal_msg .modal_contents .msg, .modal_fail .modal_contents .msg, .modal_check .modal_contents .msg,
.modal_confirm .modal_contents .msg{padding:20px 30px 35px;font-size:17px;font-weight:500;color:#000;text-align:center;line-height:1.3;}
.modal_msg .modal_contents .btn_ok, .modal_check .modal_contents .btn_ok, .modal_textbookcover .modal_contents .btn_ok,
.modal_fail .modal_contents .btn_ok{display:flex;width:140px;height:48px;margin:0 auto;justify-content: center;align-items:center;}

.modal_confirm .modal_contents .btn_wrap{display:flex;justify-content: space-between;}
.modal_confirm .modal_contents .btn_line, .modal_textbookcover .modal_contents .btn_ok,
.modal_confirm .modal_contents .btn_ok{display:flex;width:140px;height:48px;margin:0 auto;justify-content: center;align-items:center;}
.modal_confirm .modal_contents .btn_line,
.modal_confirm .modal_contents .btn_ok{width:calc(50% - 5px);}
.modal_textbookcover .modal_contents .btn_ok{width:calc(30% - 5px);}

.modal_header{position:relative;padding:20px;background-color: #eff5fa;font-size:18px;font-weight:700;color:#000}
.modal_header .btn_close{position:absolute;top:20px;right:20px;width:14px;height:14px;background: url('../images/ui/modal_close.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px}



.scroll_wrap {overflow:hidden; overflow-y: auto;}
.scroll_wrap::-webkit-scrollbar {width: 5px;}
.scroll_wrap::-webkit-scrollbar-track {-webkit-box-shadow:none;-webkit-border-radius: 10px;border-radius: 10px;background-color:#fff;}
.scroll_wrap::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background:#44a5f8;-webkit-box-shadow:none;}
.scroll_wrap::-webkit-scrollbar-thumb:window-inactive {background:#44a5f8;}

input[type="checkbox"],
input[type="radio"]{display:none;}
.btnipt{font-size:15px;color:#000;cursor:pointer;}
.btnipt input[type="checkbox"] + span,
.btnipt input[type="radio"] + span{display:inline-block;width:26px; height:26px;margin:0 10px 0 0;border:1px solid #808080;border-radius:100%;vertical-align:middle;cursor:pointer;}
.btnipt input[type="checkbox"] + span{background:url('../images/ui/chk.png') no-repeat 50% 50% / 11px auto;}
.btnipt input[type="radio"] + span{position:relative;background:none;border-radius:100%;}
.btnipt input[type="radio"] + span:after{content:"";position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);width:10px;height:10px;background-color: #ddd;border-radius:100%;}
.btnipt input[type="checkbox"]:checked + span {background-color:#44a5f8;border-color:#44a5f8}
.btnipt input[type="radio"]:checked + span {border-color:#44a5f8}
.btnipt input[type="radio"]:checked + span:after{background-color: #44a5f8;}

.no-hover dd a:hover {
    color: inherit !important;
    cursor: inherit !important;
}

@media screen and (max-width: 1400px) {
    .container{padding:0 20px;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a{padding:0 20px;}
}
@media screen and (max-width: 1200px) {

    .gilbut_header .inner_header{padding:20px 0;}
    /*.gilbut_header .inner_header h1{width:auto;}*/
    .gilbut_header .inner_header h1 a{font-size:28px;}
    .gilbut_header .inner_header h1 a::after{left:50px;}
    .gilbut_header .inner_header .navigation{margin-left:0;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a{padding:0 10px;font-size:15px;}
    .gilbut_header .inner_header .navigation .submenu{padding-top:40px;}
    .gilbut_header .inner_header .navigation .submenu_wrap{padding:20px;}
    .gilbut_header .inner_header .navigation .submenu_wrap dt{margin-bottom:10px;font-size:15px;}
    .gilbut_header .inner_header .navigation .submenu_wrap dd a{padding:5px 0;font-size:13px;}
    .gilbut_header .inner_header .utilMenu{width:273px;align-items:center;}
    .gilbut_header .inner_header .utilMenu .familysite{width:163px;height:40px;}
    .gilbut_header .inner_header .utilMenu .fs_wrap{width:100%;height:100%;}
    .gilbut_header .inner_header .utilMenu .fs_wrap .btn_fs{line-height:40px;}
    .gilbut_header .inner_header .utilMenu .fs_wrap::after{top:16px;}
    .gilbut_header .inner_header .utilMenu .logout{width:70px; font-size: 14px !important;}
    .footer .foot_top{margin-bottom:30px;}
    .footer .foot_top .container{padding:15px 20px;}
}

@media screen and (max-width: 1024px) {
    .gilbut_header .inner_header .utilMenu{position:static;width:100px;}
    .gilbut_header .inner_header .familysite{display: none;}
    .gilbut_header .inner_header .fs_wrap .btn_fs::after {
        display: none;
    }
    .gilbut_header .inner_header .utilMenu .familysite{display:block; position:absolute;top:34px;left:150px;width:24px;height:24px;margin:0;}
    .gilbut_header .inner_header .utilMenu .fs_wrap{background: none;border:none;border-radius:0;overflow:visible;}
    .gilbut_header .inner_header .utilMenu .fs_wrap .btn_fs{position:relative;width:24px;height:24px;padding:0;background:#fff url('../images/ui/select.png') no-repeat 50% 50% / 12px auto;border:1px solid #ddd;border-radius:24px;line-height:24px;overflow:hidden;text-indent:-9999px;transition:transform .5s;z-index:10}
    .mainpage .gilbut_header .inner_header .utilMenu .fs_wrap .btn_fs{border:none}
    .gilbut_header .inner_header .utilMenu .fs_wrap.open{height:auto;}
    .gilbut_header .inner_header .utilMenu .fs_wrap.open .btn_fs{transform:rotate(180deg)}
    .gilbut_header .inner_header .utilMenu .fs_wrap::after{content:none;}
    .gilbut_header .inner_header .utilMenu .fs_wrap .fs_list,
    .mainpage .gilbut_header .inner_header .utilMenu .fs_wrap .fs_list{border-top:none}
    .gilbut_header .inner_header .utilMenu .fs_wrap .fs_list{position:absolute;top:0;right:0;display:block;width:153px;height:0;padding:10px 20px;background-color:#fff;border-radius:10px;opacity:0;overflow:hidden;}
    .gilbut_header .inner_header .utilMenu .fs_wrap .fs_list a{line-height:30px;}
    .gilbut_header .inner_header .utilMenu .fs_wrap.open .fs_list{top:34px;width:153px;height:auto;border:1px solid #ddd;opacity:1;transition:opacity .5s, top .5s;}
    .mainpage .gilbut_header .inner_header .utilMenu .fs_wrap.open .fs_list{z-index:99;border:none;}
    .gilbut_header .inner_header .navigation{width:calc(100% - 320px)}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu:last-child .submenu{left:unset;right:0;}

    .pagination{margin-top:30px;}
}
@media screen and (max-width: 860px) {
    #gilbut .gilbut_header{position:static;}

    .gilbut_header .inner_header .pageTitle{display:block;font-size:18px;font-weight:700;color:#000}
    .mainpage .gilbut_header .inner_header .pageTitle,
    .bookpage .gilbut_header .inner_header .pageTitle,
    .teacherpage .gilbut_header .inner_header .pageTitle{display:none}
    .gilbut_header .inner_header{padding:10px 0;}
    .gilbut_header .inner_header h1{display:none;z-index:10010}
    .mainpage .gilbut_header .inner_header h1,
    .openmenu .gilbut_header .inner_header h1{display:block}
    .gilbut_header .inner_header .mbMenu{display:flex;}
    .mainpage .gilbut_header .inner_header .mbMenu{display:none}
    .gilbut_header .inner_header .utilMenu .familysite{display:none;top:21px;left:135px;width:20px;height:20px;}
    .mainpage .gilbut_header .inner_header .utilMenu .familysite{display:block}
    .gilbut_header .inner_header .utilMenu .fs_wrap .btn_fs{width:20px;height:20px;background-size:8px auto}
    .gilbut_header .inner_header .utilMenu .fs_wrap.open .fs_list{width:135px;}
    .gilbut_header .inner_header h1 a{font-size:24px;}
    .gilbut_header .inner_header h1 a::after{left:42px;width:3px;height:3px;}
    .openmenu .gilbut_header .inner_header h1 a{color:#000}
    .openmenu .gilbut_header .inner_header h1 a::after{background-color: #000;}
    .gilbut_header .inner_header .utilMenu{width:80px;margin-right:-8px}
    .gilbut_header .inner_header .utilMenu .btn{width:40px;height:40px;}
    .gilbut_header .inner_header .utilMenu .btn.login,.gilbut_header .inner_header .utilMenu .login-mid,
    .gilbut_header .inner_header .utilMenu .logout{display:none}
    .gilbut_header .inner_header .utilMenu .nav{display:flex;}

    .openmenu .gilbut_header .inner_header .utilMenu .nav{position:absolute;top:10px;right:10px;z-index:10010;}
    .openmenu .gilbut_header .inner_header .utilMenu .btn.nav span{display:none}
    .openmenu .gilbut_header .inner_header .utilMenu .btn.nav:before,
    .openmenu .gilbut_header .inner_header .utilMenu .btn.nav:after{position:Absolute;top:calc(50% - 1px);left:calc(50% - 13px);background-color: #000;}
    .openmenu .gilbut_header .inner_header .utilMenu .btn.nav:before{transform: rotate(45deg);}
    .openmenu .gilbut_header .inner_header .utilMenu .btn.nav:after{transform: rotate(-45deg);}

    .gilbut_header .inner_header .navigation{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding-top:70px;background-color:#fff;z-index:10000;transform:translateX(-100%);transition:transform .25s cubic-bezier(0.19, 1, 0.22, 1)}
    .openmenu .gilbut_header .inner_header .navigation{transform:translateX(0)}
    .gilbut_header .inner_header .navigation .gnb_wrap{display:block;height:calc(100% - 70px);overflow-y:auto;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a,
    .mainpage .gilbut_header .inner_header .navigation .gnb_wrap .menu > a{position:relative;display:block;height:50px;color:#000;font-size:21px;line-height:50px;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu.on > a{color:#44a5f8}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a::after{content:none;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a::before{content:'';position:absolute;top:calc(50% - 4px);right:20px;width:14px;height:8px;background: url('../images/ui/arr_acc_dk.png') no-repeat 50% 50% / 100% auto;transition:transform .5s;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu.on > a::before{transform:rotate(180deg)}
    .gilbut_header .inner_header .navigation .submenu{position:static;display:none;width:auto;height:auto;padding-top:0;opacity:1;}
    .gilbut_header .inner_header .navigation .gnb_wrap .menu.on .submenu{display:block;}
    .gilbut_header .inner_header .navigation .submenu_wrap{padding:0;background-color: #f5faff;border-radius:0;flex-direction:column}
    .gilbut_header .inner_header .navigation .submenu_wrap dl{margin-left:0;padding:20px;border-top:1px solid #ddd}
    .gilbut_header .inner_header .navigation .submenu_wrap dl:first-child{border-top:none;}
    .gilbut_header .inner_header .navigation .submenu_wrap dl.addmenu{padding:0 20px 20px;margin:-20px 0 0;border-top:none}
    .gilbut_header .inner_header .navigation .submenu_wrap dt{font-size:17px;}
    .gilbut_header .inner_header .navigation .submenu_wrap dd a{padding:10px 0;border-top:1px solid #e9ebee;font-size:14px;}
    .openmenu .gilbut_header .inner_header .navigation .btn_mem_wrap{position:absolute;bottom:0;left:0;display:flex;width:100%;border-top:1px solid #eee}
    .openmenu .gilbut_header .inner_header .navigation .btn_mem_wrap a{display:block;width:50%;height:70px;font-size:18px;font-weight:500;color:#000;line-height:70px;text-align:center;}

    .footer{display:flex;padding:30px 20px 40px;flex-direction: column-reverse;}
    .footer > .container{display:block;width:100%;padding:0;}
    .footer .footInfo .f_logo{margin-bottom:20px;}
    .footer .footInfo .f_logo img{width:130px;}
    .footer .footInfo p,
    .footer .footInfo .address{font-size:12px;}
    .footer .footInfo span{padding-left:24px;}
    .footer .footInfo span:after{left:12px}
    .footer .foot_right{text-align:left;width:100%;}
    .footer .copyright{margin-top:20px;}
    .footer .familySite{display: none;}
    .footer .foot_top{margin:25px 0 0;padding:20px 0 0;border-top:1px solid #eee;border-bottom:none;}
    .footer .foot_top .container{padding:0;flex-direction: column;}
    .footer .foot_menu{width:100%;}
    .footer .foot_menu ul li{position:relative;margin-right:0;padding-right:24px;;}
    .footer .foot_menu ul li::after{content:'';position:absolute;top:calc(50% - 6px);right:12px;width:1px;height:12px;background-color: #ddd;;}
    .footer .foot_menu ul li:last-child{padding-right:0}
    .footer .foot_menu ul li:last-child::after{content:none}
    .footer .sns_wrap{width:180px;margin:20px 0 0}

    .input{height:40px;}
    .filebox{width:100%;max-width:100%;}
    .filebox .upload-name{width:calc(100% - 70px);height:40px;}
}
@media screen and (max-width: 640px) {

    .gilbut_header .inner_header .navigation .gnb_wrap{height:calc(100% - 50px)}
    .openmenu .gilbut_header .inner_header .navigation .btn_mem_wrap a{height:50px;font-size:16px;line-height:50px;}

    .gilbut_header .inner_header .navigation .gnb_wrap .menu > a,
    .mainpage .gilbut_header .inner_header .navigation .gnb_wrap .menu > a{font-size:18px}
    .gilbut_header .inner_header .pageTitle{font-size:16px}

    .input{font-size:13px;}

    .pagination li.active, .pagination ul li a {width: 20px;height: 20px;font-size: 14px;line-height: 20px;}

    .pagination [aria-label="« 이전"], .pagination [aria-label="다음 »"]{width: 10px;height: 10px}

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

}
@media screen and (max-width: 415px) {
    .footer .sns_wrap{width:150px;}
    .footer .footInfo .address{margin-bottom:5px;}
    .footer .footInfo span{display:block;margin-top:5px;padding-left:0;}
    .footer .footInfo span:after{content:none}
    .footer .foot_menu ul a{font-size:13px}

    .pagination{margin-top:20px;}

    .modal_header{font-size:15px;}

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

}

@media (hover: hover) {
    .board_list li >a:hover .title{color:#00afb4}
    .box_board .box:hover{background-color:#f3fefe;border-color:#14b3ae;}
    .pagination .pager:hover:not(.current) { color: #44a5f8 }
    .pagination .btnPrev:hover{background: #fff url('../images/ui/paging_prev_bl.png') no-repeat 50% 50%;}
    .pagination .btnNext:hover{background: #fff url('../images/ui/paging_next_bl.png') no-repeat 50% 50%;}
    .pagination [aria-label="« 이전"]:hover{background: #fff url('../images/ui/paging_prev_bl.png') no-repeat 50% 50%;}
    .pagination [aria-label="다음 »"]:hover{background: #fff url('../images/ui/paging_next_bl.png') no-repeat 50% 50%;}
}

/* sweetalert custom */
.sweet.modal_wrap {display: flex; align-items: center; justify-content: center; height: 100%;}
.sweet.modal_contents {background-color: #fff; border-radius: 20px;}
.sweet.modal_header {position: relative; padding: 10px 20px; background-color: #ffffff; font-size: 18px; font-weight: 700; color: #000; text-align: center; height: 100px; line-height: 2rem;}
.sweet.btn_close {position: absolute; top: 20px; right: 20px; width: 14px; height: 14px; background: url('../images/ui/modal_close.png') no-repeat 50% 50%; background-size: cover; overflow: hidden; display: block; text-indent: -9999px;}
.sweet.inner_wrap .txt {color: #333; line-height: 1.4; text-align: center;}
.sweet.button {width: 100%; height: 48px; background-color: #44a5f8 !important; border-radius: 58px !important; font-size: 1em; font-weight: 500; color: #fff; text-align: center; line-height: 48px; justify-content: center; align-items: center; }
.sweet.button.btn_ok {line-height: 30px; width: 140px;}
.sweet .swal2-icon { display: none !important; }
.sweet.modal_icon { display: none !important; }
.sweet.btn_close { display: block !important; }

/* file downloader */
#customOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999; }
#customLoadingSpinner { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; z-index: 99999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 32em; }
#customLoadingSpinner p { margin: 0; font-size: 1.125rem; white-space: nowrap; } /* font-size 수정 */
#customProgressContainer { margin-top: 5px; width: 100%; background-color:#f3f3f3; border-radius: 8px; overflow: hidden; }
#customProgressBar { width: 0%; height: 10px; background-color:#4caf50; }
#cancelDownloadBtn { width: 75px; height: 40px; background-color: #808080 !important; border-radius: .25em; font-size: 1em; font-weight: 500; color: #fff; text-align: center; justify-content: center; align-items: center; }