@charset "utf-8";

/*
 *
 * file : header, wrapper, #ft 공통 레이아웃
 * date : 230703
 * writer : eun
 *
 */

/* 레이아웃 크기 지정 */
.cinner{margin:0 auto}

/* button */
.btn-popup{position:absolute;top:50%;transform:translateY(-50%);background:url('../img/comm/ico-search.png') var(--color-s) center no-repeat;width:28px;height:28px;text-indent:-999%;overflow:hidden;border-radius:4px;right:5px}
.btn-base{background-color:var(--color-s);color:#fff}
.btn-base:hover{background-color:#f36904}
.btn-re{background-color:#1768E8;color:#fff}
.btn-re:hover{background-color:#1358c5}
.flex-shrink{flex-shrink:0}
.btn-frm{display:flex;align-items:center;height:30px;padding:2px 5px;font-size:.835rem;max-width:110px;justify-content:center;background-color:#f5f7ff;border:1px solid var(--color-line);flex-shrink:0;border-radius:5px}
.input-text + .btn-frm{height:40px;width:110px}
.label-txt + .btn-frm{height:40px;width:110px}
.btn-etc{display:flex;align-items:center;height:50px;padding:2px 20px;font-weight:bold;justify-content:center;background-color:var(--color-s);border-radius:5px;color:#fff;flex-shrink:0;min-width:140px}
.btn-bg-cancel{background-color:#505050;color:#fff}
.btn-bg-cancel:hover{background-color:#464646}
.btn-bg-danger{background-color:#ff0000;color:#fff}
.btn-bg-danger:hover{background-color:#d10808}

.tab-select-wrap{display:flex;justify-content:space-between;margin:20px 0;border-bottom:1px solid var(--color-border);align-items:center}
.tab-select-wrap .btn-wrap{display:flex;gap:5px;align-items:center}
.tab-select-wrap .btn-wrap .input-text{min-width:100px;width:max-content}
.tab-select-wrap .btn-wrap .btn-sort{display:flex;gap:5px;align-items:center}
.tab-select-wrap .btn-wrap .btn-sort:not(:first-child){margin-left:5px;padding-left:5px;border-left:1px solid var(--color-border)}
.tab-select-wrap .btn-wrap .btn-sort.on,
.tab-select-wrap .btn-wrap .btn-sort:hover{color:var(--color-s)}
.tab-select-wrap .tab-wrap .tab-item{border-bottom:0}
.tab-wrap{display:flex}
.tab-wrap .tab-item{display:flex;height:45px;padding:0 10px;min-width:100px;background-color:#f5f5f5;align-items:center;justify-content:center;gap:5px;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.tab-wrap .tab-item:last-child{border-right:1px solid var(--color-border)}
.tab-wrap .tab-item:hover,
.tab-wrap .tab-item.on{background-color:var(--color-s);color:#fff}

.search-info{display:flex;gap:20px}
.search-info .item .cnt{color:var(--color-s)}
.search-info .item:not(div):hover{color:var(--color-p)}

/* 상단 레이아웃 */
#body-wrap{padding-left:250px;/*background-color:#eef2ff;*/min-height:100vh;transition:padding-left .3s}
#body-wrap.close{padding-left:50px}
#body-wrap.close #container{width:1500px}
#body-wrap.close #hd{width:35px}
#body-wrap.close #nav .side-menu .btn-close{transform:rotate(-180deg)}
#container{min-width:1200px;overflow:hidden;transition:width .3s;max-width:2000px}
#hd{position:fixed;top:0;left:0;min-height:100vh;width:250px;flex-shrink:0;background-color:#fff;border:1px solid var(--color-border);z-index:1000;transition:.3s;overflow:hidden}
#hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#nav .logo{height:100px;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);padding:20px 25px}
#nav .inner{padding-left:35px;height:calc(100vh - 100px)}
#nav .side-menu{position:fixed;top:100px;left:0;min-height:calc(100vh - 100px);background-color:#221e1f;width:35px;z-index:200}
#nav .side-menu a{display:block;text-indent:-999%;overflow:hidden;width:100%;height:40px}
#nav .side-menu .btn-close{background:url('../img/comm/ico-arrow.png') center no-repeat;transition:.3s}
#nav .side-menu .btn-home{background:url('../img/comm/ico-home.png') center no-repeat}
#nav .nav-wrap{height:100%;overflow-y:auto}
#nav .nav-wrap::-webkit-scrollbar{width:0;background-color:#eef2ff}
#nav .gnb-1li{border-bottom:1px solid var(--color-border)}
#nav .gnb-1item{position:relative;display:block;padding:0 10px 0 35px;line-height:40px;color:#787e95;background:url('../img/comm/menu-ico00.png') 10px center no-repeat;font-weight:500;background-size:15px}
#nav .gnb-1item.on,
#nav .gnb-1item:hover{color:#000}
#nav .gnb-1item.on{background-color:#f2f5ff}
#nav .gnb-1item.add-sub:after{position:absolute;transition:.3s;right:15px;top:50%;transform:translateY(-50%);content:"\e943";font-family:'xeicon';font-size:.875em}
#nav .gnb-1item.on.add-sub:after{transform:translateY(-50%) rotate(-180deg)}
#nav .gnb-1li:nth-child(2) .gnb-1item{background-image:url('../img/comm/menu-ico01.png')}
#nav .gnb-1li:nth-child(3) .gnb-1item{background-image:url('../img/comm/menu-ico02.png')}
#nav .gnb-1li:nth-child(4) .gnb-1item{background-image:url('../img/comm/menu-ico03.png')}
#nav .gnb-1li:nth-child(5) .gnb-1item{background-image:url('../img/comm/menu-ico04.png')}
#nav .gnb-1li:nth-child(6) .gnb-1item{background-image:url('../img/comm/menu-ico05.png')}
#nav .gnb-1li:nth-child(7) .gnb-1item{background-image:url('../img/comm/menu-ico06.png')}
#nav .gnb-1li:nth-child(8) .gnb-1item{background-image:url('../img/comm/menu-ico07.png')}
#nav .gnb-1li:nth-child(9) .gnb-1item{background-image:url('../img/comm/menu-ico08.png')}
#nav .gnb-1li:nth-child(10) .gnb-1item{background-image:url('../img/comm/menu-ico09.png')}
#nav .gnb-2wrap{display:none;padding-left:25px;background-color:#fffbe7}
#nav .gnb-2item{background:url('../img/comm/ico-book.png') left center no-repeat;padding-left:18px;line-height:30px;color:#000;display:block;font-weight:500;font-size:.875em}
#nav .gnb-2item:hover,
#nav .gnb-2item.on{color:var(--color-s);background-image:url('../img/comm/ico-book-on.png')}

#top-menu{display:flex;justify-content:space-between;padding:0 30px;height:100px;background:#ffdb14 url('../img/comm/bg_top.png') right top/cover no-repeat;}
#top-menu .search-wrap{display:flex;align-items:center;position:relative}
#top-menu .search-wrap .radius-wrap{display:flex}
#top-menu .search-wrap .input-text{height:40px}
#top-menu .search-wrap .input-text:first-child{border-right:1px solid var(--color-border)}
#top-menu .search-wrap .btn-search{background:url('../img/comm/ico-search.png') var(--color-m) center no-repeat;border-radius:10px;width:35px;height:35px;position:absolute;right:5px;top:50%;transform:translateY(-50%);text-indent:-999%;overflow:hidden}
#top-menu .search-wrap select.input-text{flex-basis:200px}
#top-menu .search-wrap .item{font-size:16px;font-weight:700;padding:0 20px;height:50px;display:flex;align-items:center;position:relative;margin-left:-1px;flex-shrink:0}
#top-menu .search-wrap .item.on{color:#222;background-color:#fff;border-radius:100px;}
.quick-wrap{display:flex;gap:10px;align-items:center;}
.quick-wrap .user{background:url('../img/comm/ico-user.png') left center/20px no-repeat;padding-left:25px;flex-shrink:0}
.quick-wrap .radius-wrap{height:50px}
.quick-wrap a{background-color:#fff;color:#747b92;border-left:1px solid #c9d5f7}
.quick-wrap a:first-child{border-left:0}
.quick-wrap a:hover{background-color:var(--color-m);color:#fff}
.quick-wrap .btn-setting{text-indent:-999%;overflow:hidden;width:50px;background:url('../img/comm/ico-cog.png') #fff center no-repeat;display:block;background-size:20px}
.quick-wrap .btn-setting:hover{background-image:url('../img/comm/ico-cog-on.png')}
.quick-wrap .btn-ico{padding:0 25px;background-color:#221e1f;color:#fff;}
.quick-wrap .btn-ico.bg-logout span{position:relative;padding-left:30px}
.quick-wrap .btn-ico.bg-logout span::before{position:absolute;left:0;top:0;width:20px;height:20px;background:url('../img/comm/ico_logout.png') center center/contain no-repeat;content:'';}
.quick-wrap .radius-wrap{display:flex}
.radius-wrap{overflow:hidden;border-radius:100px;}
.radius-wrap .input-text{border:0;border-radius:0}
.address-wrap{display:flex;gap:5px}

.breadcrumbs-wrap{display:none}
.breadcrumbs-wrap ul{display:flex;align-items:center}
.breadcrumbs-wrap li:not(:last-child){position:relative;padding-right:20px}
.breadcrumbs-wrap li:not(:last-child):after{position:absolute;right:5px;top:50%;transform:translateY(-50%);content:"\e93e";font-family:'xeicon';color:#888}
.breadcrumbs-wrap .item{color:#888888}
.breadcrumbs-wrap li:last-child{color:var(--color-s)}

.btn-right-wrap{display:flex;gap:5px;justify-content:flex-end;margin:10px 0}
.btn-right-wrap > *{min-width:80px;height:30px;border-radius:30px;font-size:.875rem;align-items:center;justify-content:center;display:flex;padding-right:5px;padding-left:5px}
.btn-center-wrap{display:flex;justify-content:center;gap:5px}

#sub-menu{margin:20px 0 10px 10px}
#sub-menu ol{display:flex;align-items:center}
#sub-menu li{position:relative;padding-right:10px}
#sub-menu li:after{font-family:'xeicon';content:"\e940";margin-left:10px}
#sub-menu li:last-child{color:var(--color-m)}
#sub-menu li:last-child:after{display:none}

.h2-tit{font-size:22px;color:#000}

#wrapper{min-height:500px;overflow:hidden;padding:20px}
.title-wrap{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}
.title-wrap .btn-wrap{display:flex;height:100%}
.title-wrap .btn-wrap .btn-ico{display:flex;flex:1;width:140px;height:40px;justify-content:center;align-items:center;border-right:1px solid #e0e4f0;color:#747b92;gap:5px}
.title-wrap .btn-wrap .btn-ico:last-child{border-right:0}
.title-wrap .btn-wrap .btn-ico:hover{background-color:var(--color-m);color:#fff}
.title-wrap .btn-wrap i{font-size:1.4em}
.title-wrap .info{display:flex;font-size:.875rem}
.title-wrap .info p{position:relative;margin-right:10px;padding-right:10px}
.title-wrap .info p:not(:last-child):after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:8px;content:"";background-color:var(--color-border)}
.title-wrap .input-wrap{display:flex;gap:5px;align-items:center}
.title-wrap .input-wrap label{flex-shrink:0}
.btn-ico{display:flex;gap:5px;align-items:center;padding:5px 10px;flex-shrink:0}

.wrapper-tit{background-color:#d6e0ff;padding:10px 20px;font-weight:500}
.wrapper-con{background-color:#fff;padding:20px}

.board-search{border:1px solid var(--color-m);background-color:#fffbe7;padding:20px}
.board-search .inner{display:flex;gap:10px;flex-wrap:wrap}
.board-search .inner + .inner{margin-top:10px}
.board-search .frm-item{position:relative;display:flex;gap:10px;align-items:center;width:calc((100% / 3) - 6.666px)}
.board-search .frm-item:first-child:nth-last-child(1),
.board-search .frm-item:first-child:nth-last-child(1) ~ .frm-item{width:100%}
.board-search .frm-item:first-child:nth-last-child(2),
.board-search .frm-item:first-child:nth-last-child(2) ~ .frm-item{width:calc((100% / 2) - 5px)}
.board-search .input-text{border-color:var(--color-m)}
.board-search .label-txt{font-weight:500;min-width:110px;padding-left:10px;word-break:keep-all}
.board-search .calendar-wrap{display:flex;gap:5px;align-items:center}
.frm-search{position:relative}
.frm-search .input-text{padding-right:40px}
.board-search input[type=text].input-text:focus,
.board-search input[type=password].input-text:focus,
.board-search textarea.input-text:focus,
.board-search select.input-text:focus{border-color:var(--color-s)}
.board-search:has(.inner-one){display:flex;justify-content:center}
.board-min-search{padding:10px;border:1px solid var(--color-m);background-color:#fffbe7;display:flex;gap:5px}
.board-min-search .inner{display:flex;gap:5px;flex-direction:column}
.board-min-search .input-text{border-color:var(--color-m)}
.board-min-search input[type=text].input-text:focus,
.board-min-search input[type=password].input-text:focus,
.board-min-search textarea.input-text:focus,
.board-min-search select.input-text:focus{border-color:var(--color-s)}
.radio-box-flex{display:flex;gap:5px;align-items:center;width:100%}
.radio-box-flex > *{flex-shrink:0;width:auto !important;min-width:80px}
.board-search-one{display:flex;gap:10px;width:100%}
.board-search-one .label-txt{min-width:auto;flex-shrink:0}
.board-search-one [class^="btn-"]{height:40px}
.board-search-one .inner-one{display:flex;justify-content:center;gap:5px;max-width:40%;align-items:center}

.con-box{margin:10px 0}
.flex-wrap{display:flex;flex-wrap:wrap;gap:10px}
.flex-wrap .flex-half{flex:1;border:1px solid var(--color-line);background-color:#fff}
.flex-wrap .flex-full{position:relative;width:100%;border:1px solid var(--color-line);background-color:#fff}
.flex-wrap .view-wrap{padding:20px;display:flex;gap:10px;/*flex-wrap:wrap;*/flex-direction:column;position:relative}
.flex-wrap .view-wrap .view-subject{font-weight:600}
.flex-wrap .view-wrap .frm-list{display:flex;gap:10px}
.flex-wrap .view-wrap .frm-item{display:flex;gap:10px;align-items:center;flex:1}
.flex-wrap .view-wrap .frm-item.flex-item-half{flex:initial;width:calc(50% - 5px)}
.flex-wrap .view-wrap .frm-item.frm-item-color{background-color:var(--color-s);padding:5px 10px;color:#fff}
.flex-wrap .view-wrap .frm-item.frm-item-color .input-text{background-color:var(--color-s);color:#fff;border-color:var(--color-s)}
.flex-wrap .view-wrap .file-inner{display:flex;;gap:10px;align-items:center}
.flex-wrap .view-wrap .file-inner img{max-width:50%}
.flex-wrap .view-wrap .file-inner .btn-wrap{display:flex;gap:5px;flex-wrap:wrap}
.flex-wrap .view-wrap .file-inner .btn-wrap a{width:calc(50% - 2.5px)}
.flex-wrap .view-wrap .file-inner .info{color:var(--color-p);font-size:.938rem}
.flex-wrap .view-wrap .label-txt{flex-shrink:0;min-width:100px;font-size:14px;font-weight:500}
.flex-wrap .calendar-wrap{display:flex;align-items:center;gap:5px}
.flex-wrap .label-txt + *{flex-grow:1}
.flex-wrap .calendar-date-wrap{display:flex;gap:5px}
.flex-wrap .calendar-date-wrap .date{display:flex;gap:5px;align-items:center}
.flex-wrap .calendar-date-wrap .date .label-txt{min-width:auto}
.flex-wrap .calendar-date-wrap .date .input-text{width:60px}
.flex-wrap .flex-20{width:20%;border:1px solid var(--color-line);background-color:#fff}
.flex-wrap .flex-30{width:30%;border:1px solid var(--color-line);background-color:#fff}
.flex-wrap .flex-30 + .flex-grow{width:calc(70% - 10px)}
.flex-wrap .flex-grow{flex-grow:1;border:1px solid var(--color-line);background-color:#fff}
.flex-wrap .frm-btn-wrap{display:flex;gap:5px;align-items:center}
.flex-wrap .txt-info{font-size:.938em;margin:5px 0}
.flex-wrap .align-start .label-txt{padding-top:10px}
.txt-info{color:var(--color-s);margin:10px 0}

.memo-list{width:100%;height:430px}
.memo-list .item{position:relative;background-color:#f9f9f9;padding:20px;margin:5px 0;border:1px solid var(--color-line)}
.memo-list .btn-close{position:absolute;right:20px;top:20px}
.memo-list .btn-modify{position:absolute;right:50px;top:20px}
.memo-list .btn-ok{position:absolute;right:50px;top:20px}
.memo-list .date{margin-bottom:10px}

/* join */
.join-wrap{border:1px solid var(--color-line);padding:20px;width:1000px;margin:0 auto}
.join-wrap .h3-tit{text-align:center;font-size:1.875rem;font-weight:600}
.join-wrap .h3-tit:after{display:block;background-color:var(--color-s);margin:20px auto;width:50px;height:2px;content:""}
.join-wrap .subject{font-weight:500;margin-bottom:10px;font-size:1.25rem}
.join-wrap .policy-wrap{padding:20px;border:1px solid var(--color-line);background-color:#fff;height:300px;overflow-y:auto;margin:20px 0}

/* calnedar */
.full-calendar{margin:20px 0 0 0}
.full-cal-tit{position:relative;align-items:center;justify-content:center;text-align:center}
.full-cal-tit .btn-control > *{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:30px;padding:2px 5px;font-size:.835rem;max-width:80px;justify-content:center;background-color:#f5f7ff;border:1px solid var(--color-line);border-radius:5px}
.full-cal-tit .btn-control .btn-prev{left:0}
.full-cal-tit .btn-control .btn-next{right:0}
.full-cal-tit .ym{font-size:1.25rem;font-weight:600}
.full-cal-con{margin-top:20px}
.full-cal-con table{width:100%}
.full-cal-con thead th{width:calc(100% / 7);padding:10px;text-align:center;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);border-right:1px solid #fff;background-color:var(--color-border)}
.full-cal-con thead th:last-child{border-right:0}
.full-cal-con tbody td{position:relative;height:100px;padding:10px;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);vertical-align:top}
.full-cal-con tbody tr td:last-child{border-right:0}
.full-cal-con .day-none{opacity:.5}
.full-cal-con thead tr th:first-child{color:red}
.full-cal-con thead tr th:last-child{color:blue}
.full-cal-con tbody tr > *:first-child .day{color:red}
.full-cal-con tbody tr > *:last-child .day{color:blue}
.full-cal-con .item-hipen > li{margin:5px 0}
.full-cal-con .info{color:var(--color-p)}
.full-cal-con .on{background-color:#ffd9bd}

/* show layer popup */
.js-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000}
.js-popup-wrap .js-popup-inner{position:absolute;top:50%;left:50%;width:1000px;height:600px;max-height:80vh;transform:translate(-50%,-50%);background-color:#fff;overflow:hidden}
.js-popup-wrap .header{display:flex;padding:10px 20px;height:50px;background-color:var(--color-s);color:#fff;align-items:center;position:relative}
.js-popup-wrap .popup-con{padding:20px;height:calc(100% - 40px);overflow-y:auto}
.js-popup-wrap .subject{margin-bottom:20px;font-weight:500}
.js-popup-wrap .js-popup-close-btn{position:absolute;top:50%;right:20px;font-size:1.6rem;transform:translateY(-50%);color:#fff}
.js-popup-wrap1 .full-calendar{margin-top:0}
.js-popup-wrap1 .full-cal-con{margin-top:10px}
.js-popup-wrap1 .full-cal-con thead th{padding:5px}
.js-popup-wrap1 .full-cal-con tbody td{padding:5px;font-size:12px}
.js-popup-wrap1 .wrapper-con:has(.full-calendar){padding:10px}

/* 본문 바로가기 */
#skip-to-container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip-to-container a:focus, #skip-to-container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 로그인 */
#login-wrap{position:relative;background-color:#f5f5f5;height:100vh;display:flex;align-items:center;justify-content:center}
#login-wrap:before{position:absolute;top:0;right:0;width:50%;height:100%;background:url('../img/bg_shape.png') center/cover no-repeat;content:""}
#login-wrap .login-wrap-inner{position:relative;width:1300px;background:#fff;display:flex;}
#login-wrap .login-wrap-inner > *{flex:1}
#login-wrap .login-box{padding:140px 80px;}
#login-wrap .login-box.left-box{position:relative;background:#ffdd15;overflow:hidden;}
#login-wrap .login-box.left-box::before{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:600px;height:240px;z-index:1;background:url('../img/bg_jah.png')right top/contain no-repeat;content:'';}
#login-wrap .login-box .login-logo{position:relative;z-index:2;}
#login-wrap .login-box .login-tit{position:relative;z-index:3;font-size:2.5rem;font-weight:700;color:#000;line-height:1.4;margin-top:80px}
#login-wrap .login-box .login-box-inner{display:flex;flex-wrap:wrap;height:100%;}
#login-wrap .login-box.left-box .cont-top{height:90%;}
#login-wrap .login-box .login-cr{font-size:1rem;color:#f5821e;}
#login-wrap .login-box.right-box .cont-top{width:100%;margin-bottom:50px;}
#login-wrap .login-box.right-box .login-txt{display:block;font-size:3.9rem;font-weight:700;color:#000;text-align:center;line-height:1;margin-bottom:10px;}
#login-wrap .login-box.right-box .login-subtxt{display:block;font-size:1.13rem;font-weight:500;color:#bbb;text-align:center;line-height:1;}
#login-form{width:100%;}
#login-form .ico-id{position:relative;}
#login-form .ico-id::before{position:absolute;top:15px;left:20px;width:43px;height:43px;background:url('../img/ico_id.png') left center no-repeat;content:'';}
#login-form .ico-pw{position:relative;}
#login-form .ico-pw::before{position:absolute;top:15px;left:20px;width:43px;height:43px;background:url('../img/ico_pw.png') left center no-repeat;content:'';}
#login-form .input-login{padding-left:30px}
#login-form .input-password{padding-left:30px}
#login-form .input-login,
#login-form .input-password{transition:all 0.2s ease;width:100%;height:70px;padding:0 20px 0 80px;box-sizing:border-box;margin-bottom:10px;font-size:16px;font-weight:400;border:1px solid #f5821e;border-radius:20px;background-color:#fff;}
#login-form .btn-login{transition: all 0.3s ease;width:100%;height:70px;padding:0 20px;margin-bottom:5px;background-color:#ff7100;border-radius:20px;color:#fff;font-weight:400;display:flex;align-items:center;justify-content:center;}
#login-form .btn-login:hover{box-shadow:0px 0px 20px 2px rgba(89,89,89,0.1);}

#login-form .input-login:focus,
#login-form .input-password:focus{border-color:#f5821e !important;box-shadow:0px 0px 20px 2px rgba(89,89,89,0.1);}
#login-form .input-login::placeholder,
#login-form .input-password::placeholder{color:#999;font-weight:400}
#login-form input:autofill, #login-form input:autofill:hover, #login-form input:autofill:focus, #login-form input:autofill:active{
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff8f2 inset;
    box-shadow: 0 0 0px 1000px #fff8f2 inset;
    transition: background-color 5000s ease-in-out 0s;
}

#login-form input:-webkit-autofill, #login-form input:-webkit-autofill:hover, #login-form input:-webkit-autofill:focus, #login-form input:-webkit-autofill:active{
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff8f2 inset;
    box-shadow: 0 0 0px 1000px #fff8f2 inset;
    transition: background-color 5000s ease-in-out 0s;
}

#login-wrap .chk-box{font-family:'NanumSquareNeo', sans-serif;width:100%;margin-bottom:30px;}
#login-wrap .chk-box .chk-box-inner{display:inline-block;}
#login-wrap .chk-box input[type="checkbox"]{display:none;}
#login-wrap .chk-box input[type="checkbox"] + label{display:block;cursor:pointer;height:20px;padding-left:20px;background:url("../img/checkbox.png") left center no-repeat;background-size:contain;}
#login-wrap .chk-box input[type="checkbox"]:checked + label{background:url("../img/checkbox_active.png") left center no-repeat;background-size:contain;}
#login-wrap .chk-box input[type="checkbox"] + label  span{display:block;line-height:20px;color:#999;font-size:1rem;margin-left:10px;}

aside{position:fixed;width:130px;top:0;z-index:5000;background-color:#fff;border:1px solid red;padding:10px;right:-130px}
aside.on{right:0}
aside button{color:#fff;transform:translateX(-60px);width:50px;height:50px;border:1px solid red;background-color:#fff;background-color:red;}
aside a{display:block;font-size:14px;margin:2px 0}
aside a:hover{text-decoration:underline;}
.section-guide{color:#fff;background-color:var(--color-s);padding:20px;font-size:1.25rem}

.board-list-wrap{margin:20px 0}
.board-vlist .board-info{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;align-items:center}
.board-vlist .board-vsearch{position:relative}
.board-vlist .board-vsearch .frm-inner{display:flex;gap:5px}
.board-vlist .board-vsearch .btn-submit{color:#fff;background-color:var(--color-s);height:40px;padding:5px 10px;display:flex;gap:5px;align-items:center;justify-content:center;flex-shrink:0}
.board-vlist .btn-write{width:120px;margin:50px 0 0 auto;color:#fff}
.board-list-gallery ul{display:flex;gap:20px;flex-wrap:wrap}
.board-list-gallery li{width:calc((100% / 5) - 16px)}
.board-list-gallery .item{position:relative;display:block}
.board-list-gallery .item:hover{color:#000}
.board-list-gallery .item .txt{padding:20px 0;background-color:var(--color-light)}
.board-list-gallery .item .board-con{font-weight:500;height:3.5rem}
.board-list-gallery .item .board-date{display:flex;justify-content:flex-end;margin-top:10px;color:#888;font-size:.935rem;align-items:center;gap:5px}
.board-list-gallery .item .board-date span{background:url('../img/comm/ico-calender.png') left center/14px no-repeat;padding-left:20px}
.board-list-gallery .board-img{height:15vw;border-radius:10px}
.board-list-gallery .category{position:absolute;right:0;top:0;background-color:var(--color-m);color:#fff;padding:10px 20px;font-size:.935rem;z-index:10}
.board-list-gallery .item .check-box{position:absolute;margin-left:0;z-index:10;top:10px;left:10px}
.board-list-gallery .item .check-box input[type="checkbox"] + label:before{top:0}
.board-list-gallery .check-box input[type="checkbox"] + label:before{z-index:10}

.board-cview .board-vheader{border-left:5px solid var(--color-s);padding:0 0 0 20px;margin-bottom:20px}
.board-cview .board-vheader .subject{font-size:1.875rem;font-weight:600;border-bottom:1px solid #e7ecf5;padding-bottom:10px;margin-bottom:10px}
.board-cview .board-vheader .info{display:flex;align-items:center}
.board-cview .board-vheader .info > *:not(:last-child){margin-right:10px;padding-right:10px;line-height:1;border-right:1px solid #e7ecf5}
.board-cview .board-vfile{display:flex;flex-direction:column;gap:10px;background-color:#fffcf3;padding:20px;margin:20px 0;border:1px solid #f9ead6}
.board-cview .board-vfile .item{display:flex;gap:10px}
.board-cview .board-vfile .tit{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--color-s)}
.board-cview .board-vfile .tit::after{font-family:'xeicon';content:"\ea89"}
.board-cview .board-vfile .btn-file{text-decoration:underline}
.board-cview .board-vcon{border-bottom:1px solid #d6deed;padding:20px}
.board-nav{background-color:#fffcf3;margin:20px 0;padding:20px;display:flex;gap:20px;flex-direction:column;border:1px solid #f9ead6}
.board-nav .item{display:flex;align-items:center;gap:20px}
.board-nav .info{font-weight:500;flex-shrink:0;color:var(--color-s)}

.board-write .board-wsubject{position:relative;display:flex;gap:5px}
.board-write .board-wsubject .btn-tamp{height:40px;background-color:#333;color:#fff;padding:5px 10px;display:flex;font-size:.875rem;align-items:center;justify-content:center;flex-shrink:0}
.board-write .inner-flex{display:flex;gap:10px;flex-direction:column}
.board-write .board-write-list{display:flex;gap:10px}
.board-write .board-write-item{display:flex;gap:5px;flex-direction:column;flex:1}
.board-write .label-txt{font-weight:500}
.board-write textarea.input-text{height:300px}
.board-write .board-wfile{display:flex;gap:5px;flex-direction:column}
.board-write .board-wfile .file-item{display:flex;gap:5px;border:1px solid var(--color-border);align-items:center;padding:10px}
.board-write .board-wfile .file-item .input-text{border:0;padding:0;height:auto}
.board-write .board-wfile .file-item .file-nm{flex-shrink:0}
.board-write .board-wfile .file-item .btn-delete{flex-shrink:0;color:#fff;background-color:#d10909;font-size:.875rem;padding:5px 10px;border-radius:3px}
.board-write .board-wcon{margin:20px 0}

.tbl-list{width:100%;border-top:3px solid var(--color-m)}
.tbl-list th,
.tbl-list td{border:1px solid #d5d5d5}
.tbl-list tr th:first-child,
.tbl-list tr td:first-child{border-left:0}
.tbl-list tr th:last-child,
.tbl-list tr td:last-child{border-right:0}
.tbl-list tr:hover{background-color:#fffbe7}
.tbl-list thead th{background-color:#fffbe7;padding:10px;text-align:center;font-weight:normal;border-bottom:0}
.tbl-list tbody td{text-align:center;padding:10px}
.tbl-list tbody th{font-weight:normal;padding:10px;background-color:#fffbe7}
.tbl-list .tit{display:flex;gap:5px;justify-content:flex-start;text-align:left}
.tbl-list .tit .board-subject{display:flex;gap:5px;align-items:center}
.tbl-list .check-box.txt-none input[type="checkbox"] + label:before{top:0}

.board-page{display:flex;gap:10px;align-items:center;font-weight:500;justify-content:center}
.board-page .btn-page{display:flex;width:30px;height:30px;color:#160c0d;align-items:center;justify-content:center}
.board-page .btn-current{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#fff;background-color:var(--color-s);border-radius:50%}

.ico-addfile{transform:rotate(40deg)}
.td-num{width:80px}
.td-hit{width:100px}
.td-name{width:100px}
.td-date{width:150px}
.td-ck{width:50px}
.ico-new{display:flex;background-color:var(--color-s);color:#fff;font-size:.75rem;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;font-weight:400}

.frm-list-tbl > .frm-list > .frm-item .label-txt{background-color:#ebeaea;padding:10px;min-width:120px}
.po-right{position:absolute;right:20px;top:10px}
.view-subject + .btn-right-wrap{position:absolute;right:20px;top:5px}

/* grid */
#page_count{position:absolute;right:10px;bottom:12px;height:30px}
.tui-grid-cell{position:relative;border-color:#e3e0e0}/* 문제되면 삭제 */
.tui-grid-cell:has(.tui-grid-cell){padding-right:10px}
.tui-grid-cell .tui-grid-btn-sorting{position:absolute;right:5px;top:50%;transform:translateY(-50%)}

#qr-wrap{display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;background-color:#ffdd15}
#qr-wrap .logo{width:300px;max-width:100%}
#qr-wrap .badge{color:#fff;background-color:#222;border-radius:20px;padding:5px 20px;font-size:1.25rem;font-weight:500}
#qr-wrap .qr-wrap-inner{position:relative;;overflow:hidden;max-width:1000px;padding:50px;width:100%}
#qr-wrap .qr-wrap-inner::before{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:600px;height:240px;z-index:1;background:url('../img/bg_jah.png')right top/contain no-repeat;content:''}
#qr-wrap .inner{position:relative;display:flex;gap:5vw;flex-direction:column;align-items:center;z-index:10}

/* footer */
.ft-one{width:100%;display:flex;align-items:center;justify-content:center;font-size:.9em;background-color:#efefef;text-align:center;padding:10px;flex-direction:column}
.ft-one p span:not(:last-child){position:relative;padding-right:5px;margin-right:5px;line-height:1;display:inline-block}
.ft-one p span:not(:last-child)::after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#999595;content:""}

@media (max-width:1024px){
    .cinner{width:100%;padding:0 20px}
    .cinner > *{width:100%}
    .cinner .join-wrap .h3-tit{font-size:1.25rem;word-break:keep-all}
    .cinner .join-wrap .subject{font-size:1.125rem}
    .cinner .join-wrap .flex-wrap .view-wrap .frm-list{flex-direction:column}

    #login-wrap.mb-login-only .cinner{padding:0}
    #login-wrap.mb-login-only .login-box.right-box .login-txt{font-size:1.875rem}
    #login-wrap.mb-login-only .login-box{padding:20px}
    #login-wrap.mb-login-only .login-wrap-inner{margin:20px;width:100%}
    #login-form.mb-login-only .input-login, #login-form.mb-login-only .input-password{height:50px;border-radius:10px}
    #login-form.mb-login-only .btn-login{height:50px;border-radius:10px}
    #login-form.mb-login-only .ico-id::before{top:10px;width:30px;height:30px;background-size:cover}
}

@media (max-width:480px){
    .cinner .join-wrap .flex-wrap .view-wrap .frm-item{flex-direction:column;align-items:flex-start;width:100%}
    #qr-wrap .inner{gap:40px}

    .ft-one p{display:flex;flex-direction:column;gap:5px}
    .ft-one p span:not(:last-child){padding-right:0;margin-right:0}
    .ft-one p span:not(:last-child)::after{display:none}
}