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

/* Font */
body {font-family: 'pretendard', sans-serif;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 ul {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 .pager {margin: 0 3px;width: 30px}
.pagination .pager.current {background-color:#44a5f8;font-weight: 600;color: #fff;}

.pagination .btnPrev, 
.pagination .btnNext {display: inline-block;width: 30px;height: 30px;margin:0 5px;overflow: hidden;text-indent: -9999px;vertical-align: top}
.pagination .btnPrev {background: #fff url(../../images/ui/paging_prev.png) no-repeat 50% 50%;}
.pagination .btnNext {background: #fff url(../../images/ui/paging_next.png) no-repeat 50% 50%;}


/* 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:840px;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:31px;letter-spacing:-2;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:50px;}
.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 30px;font-size:18px;font-weight:500;color:#000;z-index:10}
.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 #ddd;border-radius:20px;white-space: nowrap;}
.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 .btn_mem_wrap{display:none}
.gilbut_header .inner_header .utilMenu{position:relative;display:flex;width:283px;}
.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{width:173px;height:50px;margin-left:10px;}
.gilbut_header .inner_header .utilMenu .fs_wrap{position:relative;display:block;width:173px;height:50px;background-color:#fff;border:1px solid #ddd;border-radius:25px;font-size:13px;color:#9a9a9a;overflow:hidden;transition:.5s;}
.gilbut_header .inner_header .utilMenu .fs_wrap::after{content:'';position:absolute;top:21px;;right:25px;width:12px;height:7px;background:url(../../images/ui/select.png) no-repeat 0 0 / 12px auto;transition:transform .5s;}
.gilbut_header .inner_header .utilMenu .fs_wrap .btn_fs{display:block;width:100%;padding-left:25px;line-height:50px;}
.gilbut_header .inner_header .utilMenu .fs_wrap .fs_list{padding-left:25px;padding-top:15px;border-top:1px solid #ddd}
.gilbut_header .inner_header .utilMenu .fs_wrap .fs_list a{display:block;height:30px;}
.gilbut_header .inner_header .utilMenu .fs_wrap .fs_list a:hover{color:#44a5f8}
.gilbut_header .inner_header .utilMenu .fs_wrap.open{height:160px;}
.gilbut_header .inner_header .utilMenu .fs_wrap.open::after{transform:rotate(180deg)}
.mainpage .gilbut_header .inner_header .utilMenu .fs_wrap{border:none}
.mainpage .gilbut_header .inner_header .utilMenu .fs_wrap .fs_list{border-top:1px solid #c9e1f6}
.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}
.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_login.png) no-repeat 50% 50%;}
.gilbut_header .inner_header .utilMenu .btn.logout{background: url(../../images/icon/ico_logout.png) no-repeat 50% 50%;}
.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_login_bl.png) no-repeat 50% 50%;}
.gilbut_header .inner_header .utilMenu .btn.logout:hover{background: url(../../images/icon/ico_logout_bl.png) no-repeat 50% 50%;}
.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_login_wh.png) no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.logout{background: url(../../images/icon/ico_logout_wh.png) no-repeat 50% 50%;}
.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_login_yl.png) no-repeat 50% 50%;}
.mainpage .gilbut_header .inner_header .utilMenu .btn.logout:hover{background: url(../../images/icon/ico_logout_yl.png) no-repeat 50% 50%;}
.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}
}



.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 #ddd;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;}

@media screen and (max-width: 1400px) {
	.container{padding:0 20px;}
	.gilbut_header .inner_header .navigation .gnb_wrap .menu > a{padding:0 25px;}
}
@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 15px;font-size:16px;}
	.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;}
	.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 .utilMenu .familysite{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{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 .btn.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;}
}
@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%;}
}