@charset "utf-8";

html {margin: 0;padding: 0; width:100%; height:100%;}
body {margin: 0;padding: 0; width:100%; height:100%; color:#465057; font-size: 12px; font-family:'Spoqa Han Sans Neo', 'Spoqa Han Sans', 'Sans-serif';  -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; line-height:auto; }
header, nav, article, section, aside, footer, figure {display: block;margin: 0;padding: 0;}/* html 5*/
div:not(:where([class~="note-editable"] *)), p, h1, h2, h3, h4, h5, h6, ol:not(:where([class~="note-editable"] *)), ul:not(:where([class~="note-editable"] *)), li:not(:where([class~="note-editable"] *)), dl, dt, dd, img, a, form, span, em, strong, iframe{margin: 0;padding:0;}
input, select, textarea, form, div, p, pre{font-family:'Spoqa Han Sans Neo', 'Spoqa Han Sans', 'Sans-serif';}

.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */
    overflow:hidden;            /* "overflow" value must be different from "visible" */
    -moz-binding: url('ellipsis.xml#ellipsis');
}

input:-moz-read-only { /* For Firefox */
    background-color: #f6f6f6;
}
input:read-only {
    background-color: #f6f6f6;
}
input[readonly], input[readonly="readonly"] {
    background-color: #f6f6f6;
}
input.input_search {background: url("/img/common/ic_search.png") no-repeat 95% 50%;}


div:not(:where([class~="note-editable"] *)), ul:not(:where([class~="note-editable"] *)), ol:not(:where([class~="note-editable"] *)) {list-style:none;}
table {width: 100%; border-collapse: collapse;margin: 0;padding: 0;border: 0;border-spacing: 0;}
th, td {margin:0;padding:0;border-spacing:0;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0 none;vertical-align:middle;}
a{color:#505050;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis; -webkit-tap-highlight-color : transparent !important;}
a:link,a:hover,a:active{text-decoration:none;}
address {font-style: normal;}
/*hr {display: none;}*/

strong {font-weight:normal;}
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input, select, textarea {font-size:12px;}
input {vertical-align:middle;border:none;}
select {vertical-align:middle; border:1px solid #e6e6e6; height: 28px; /*min-width: 100px;*/ width:100%; box-sizing: border-box; border-radius: 4px; padding: 0px 8px; /*appearance: none; -webkit-appearance: none; -moz-appearance: none;*/}
/*select::after{content: ''; position: absolute; z-index: 1; right:20px; top:10px; width:10px; height:10px; background: url('/img/common/btn_down_arrow.png') no-repeat; background-size: 10px;}*/

select::-ms-expand {display: none;}
input[type=text],
input[type=password],
input[type=file],
input[type=datetime-local],
input[type=time],
input[type=number],
input[type=month],
input[type=date] {width: 100%; height: 28px; border:1px solid #e6e6e6; padding:2px 8px; box-sizing: border-box; border-radius: 4px;}
input[type=file]{border:none; background:none; padding:2px 0px;}
input::placeholder,
textarea::placeholder{color:#bbb;}

textarea:not(.comment_inbox_text){display:block; width:100%; height:100%;  padding:12px; box-sizing: border-box; border:1px solid #e6e6e6;}

input.input-datetime {border: 1px solid #e6e6e6; border-radius: 4px; padding: 8px 16px; margin: 0 5px;}

select:focus,
input:focus,
textarea:focus{outline: 1px solid #0162af; }

/* 스크롤바 */
::-webkit-scrollbar,
::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
::-webkit-scrollbar-track,
::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.none {display: none;}
.flex {display: flex;}
.flex.al-c {align-items: center !important;}
.flex-start {display: flex !important; justify-content: flex-start !important;}
.flex-end {display: flex !important; justify-content: flex-end !important;}
.flex-center {display: flex !important; justify-content: center !important;}
.flex-between {display: flex !important; justify-content: space-between !important; align-items: center !important;}
.flex-around {display: flex !important;; justify-content: space-around !important;}
.flex-vertical {display: flex !important; flex-direction: column;}
.flex-row {display: flex !important; flex-direction: row; height: 100% !important;}

/* input/select 높이 */
.i-wrap.h-42 input,
.i-wrap.h-42 select{height:42px;}
.i-wrap.h-48 input,
.i-wrap.h-48 select{height:48px;}

/*========================================================================
768px
========================================================================*/
@media screen and (max-width: 768px) {
    input[type=text] {
        font-size:12px;
    }
    input, select, textarea {font-size:12px;}
}

/*========================================================================
common btn
========================================================================*/
.com-btn{display:inline-block; box-sizing: border-box; min-width:125px; padding:18px 10px; font-size:14px; line-height:18px; font-weight:400; text-align:center; border-radius:4px;}
.com-btn.small {padding: 5px; min-width: 60px;}
.com-btn.small2 {padding: 6px 12px; min-width: 60px;}
.com-btn.n-bd {border: none;}
.com-btn{background:#0162af; color:#ffffff;}
.com-btn.sky{background:#cce0ef; color:#0162af;}
.com-btn.gray{background:#f3f3f6; color:#465057;}
.com-btn.red{background:#f7d1d1; color:#e66464;}
.com-btn.orange{background:#FFA512; color:#ffffff;}
.com-btn.green{background:#00aa7d; color:#ffffff;}

.com-btn.h-42{min-width:80px; padding:11px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-34{min-width:80px; padding:7px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-30{min-width:80px; padding:5px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-28{min-width:80px; padding:4px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-26{min-width:80px; padding:3px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-20{min-width:50px; padding:0px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}

.com-btn.empt{font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.icn{min-width:auto; padding:5px 10px 5px 34px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px; color:#465057; background:#f3f3f6 url('/img/common/btn_edit.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.edit{background:#f3f3f6 url('/img/common/btn_edit.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.calendar{background:#f3f3f6 url('/img/common/btn_calendar.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.download{background:#f3f3f6 url('/img/common/btn_download.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.sms{background:#f3f3f6 url('/img/common/btn_sms.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.more{background:#f3f3f6 url('/img/common/btn_more.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.search{background:#f3f3f6 url('/img/common/btn_search.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.refresh{background:#f3f3f6 url('/img/common/btn_refresh.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.plus{background:#f3f3f6 url('/img/common/btn_plus.png') 10px 8px no-repeat; background-size:14px auto;}
.com-btn.minus{background:#f3f3f6 url('/img/common/btn_minus.png') 10px 8px no-repeat; background-size:14px auto;}

.com-btn.btn-yellow {border: #FFA512 solid 1px; background-color: #FFA512;}

/*========================================================================
common tab
========================================================================*/
.com-tab{position:relative; border-bottom:1px solid #b7c4cf; }
.com-tab>ul{display:table;}
.com-tab>ul>li{float:left;}
.com-tab>ul>li>a{display:block; padding:0 25px 12px; font-size:14px; color:#596670; font-weight:400; text-align: center; border-bottom:1px solid #fff;}
.com-tab>ul>li>a:hover,
.com-tab>ul>li>a.on{color:#465057; font-weight:600; border-bottom:1px solid #465057;}

.com-tab.type-2{position:relative; border-bottom:none; }
.com-tab.type-2>ul{display:table;}
.com-tab.type-2>ul>li{float:left; padding-right: 1rem;}
.com-tab.type-2>ul>li>a{display:block; padding:10px; font-size:14px; color:#596670; font-weight:400; text-align: center; border-bottom:1px solid #fff; }
.com-tab.type-2>ul>li>a:hover,
.com-tab.type-2>ul>li>a.on{color:#465057; font-weight:600; border: 1px solid #ccc; background: #f9f9f9; border-radius: 10rem; padding: 10px;}

/*========================================================================
common color
========================================================================*/
.c-blue{color:#0162af;}
.c-red{color:#e66464;}
.c-gray{color:#465057;}
.c-light-gray{color:#999999;}
.c-white{color:#fff;}
.c-black{color:#000;}
.c-green{color:#00aa7d;}

/*========================================================================
common img
========================================================================*/
img.android {content:url('/img/ico/Android.png'); width: 40px;}
img.ios {content:url('/img/ico/ios.png'); width: 40px;}

/*========================================================================
common background color
========================================================================*/
.bgc-yellow{background-color:#ffe600 !important;}
/*========================================================================

common list
========================================================================*/
.com-list{}
.com-list>li{/*padding-bottom:5px;*/}
.com-list>li:last-child{/*padding-bottom:0px;*/}

.com-list > ul > li { margin: 0 0 6px 6px; list-style:disc; }


/*========================================================================
common tbl
========================================================================*/
table.list-tbl{color:#656565; background:#fff; border-top:1px solid #e6e6e6; color:#465057;}
table.list-tbl th{border-bottom:1px solid #e6e6e6; padding:5px 10px; height:30px; line-height:normal; font-size:12px; background:#f3f3f6; text-align:center; }
table.list-tbl td{border-bottom:1px solid #e6e6e6; padding:5px 20px; height:30px; line-height:normal; font-size:12px; text-align:center; }
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl tr.current td{background-color: #dcedfb;}
table.list-tbl .brd-r{border-right:1px solid #e6e6e6;}

table.list-tbl tfoot {background: #f3f3f6;}

table.list-tbl.type2{border-left:1px solid #e6e6e6;}
table.list-tbl.type2 th{border-right:1px solid #e6e6e6;}
table.list-tbl.type2 td{border-right:1px solid #e6e6e6;}

table.list-tbl tr.focus:hover {background-color: #e6e6e6;}
table.list-tbl tr.pointer:hover {cursor: pointer}

table.thin th, table.thin td {padding: 0 !important;}

table.view-tbl{color:#505050; background:#fff; border-top:1px solid #e6e6e6; color:#465057;}
table.view-tbl th{border-bottom:1px solid #e6e6e6; padding:5px 10px; line-height:normal; font-size:12px; height:30px; background:#f3f3f6; text-align:center; line-height:160%;}
table.view-tbl td{border-bottom:1px solid #e6e6e6; padding:5px 20px; line-height:normal; font-size:12px; height:30px; text-align:left; line-height:160%;}
table.view-tbl td a:hover{text-decoration:underline;}
table.view-tbl td .board-con{position:relative; padding:20px 20px; min-height:100px; line-height:160%;}
table.view-tbl td .board-con img{max-width:100%; height:auto !important;;}
table.view-tbl .brd-r{border-right:1px solid #e6e6e6;}

table.view-tbl.disabled td{color:#999999;}
table.view-tbl.blue th{background:#D9E5F8; font-size:13px; border-bottom:1px solid #c2c5e9;}
table.view-tbl.blue th:last-child{border-bottom:none;}
table.view-tbl.blue td{font-size:13px;}


table.schedule-tbl{color:#656565; background:#fff; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#465057;}
table.schedule-tbl th{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:5px 10px; height:40px; line-height:normal; font-size:12px; background:#f3f3f6; text-align:center; }
table.schedule-tbl td{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:5px 20px; height:50px; line-height:normal; font-size:12px; text-align:center; }
table.schedule-tbl td a:hover{text-decoration:underline;}

table.schedule-tbl tbody tr td dl{}
table.schedule-tbl tbody tr td dl dt{font-size:12px;}
table.schedule-tbl tbody tr td dl dd{font-size:10px; color:#999; display:none; font-weight:300;}
table.schedule-tbl tbody tr td:first-child dl dd{display:block;}

table.schedule-tbl tbody tr td.close{background-color:#f1f1f1;}
table.schedule-tbl tbody tr td.close dl dt,
table.schedule-tbl tbody tr td.close dl dd{color:#999;}

table.schedule-tbl tbody tr td.check{background-color:#5388ff;}
table.schedule-tbl tbody tr td.check dl dt,
table.schedule-tbl tbody tr td.check dl dd{color:#fff;}

table.schedule-tbl tbody tr td.possible{cursor: pointer;}


/*========================================================================
Search
========================================================================*/
.search-wrap{}

.simple-search-wrap{position:relative;}
.simple-search-wrap .i-wrap{}
.simple-search-wrap .i-wrap.dp-ib{margin-right:5px;}
.simple-search-wrap .i-wrap input.search{background:url('/img/common/btn_search.png') 12px center no-repeat; background-size:18px auto; padding-left:40px;}


.search-wrap{position:relative;}
.search-wrap .i-wrap{}
.search-wrap .i-wrap.dp-ib{margin-right:5px;}
.search-wrap .i-wrap input.search{background:url('/img/common/btn_search.png') 12px center no-repeat; background-size:18px auto; padding-left:40px;}


/*=============================================================
Paging
=============================================================*/
.new-paging{clear:both; position:relative; padding-bottom:20px; text-align:center;}
.new-paging a{display:inline-block; min-width:25px; height:25px; line-height:25px; font-size:13px; color:#656565; text-align:center; vertical-align:top; margin-right:4px; }
.new-paging strong{display:inline-block; min-width:25px; height:25px; line-height:25px; font-size:13px; color:#004174; margin-right:4px; font-weight: 600;}
.new-paging a:hover, .new-paging a.on{color:#004174; font-weight: 600;}
.new-paging a img{vertical-align:top; margin-top:0px;}
.new-paging a.no-hover{background:none; border:1px solid #d9d9d9;}

/*=================================================================================
Error
=================================================================================*/
#error-info{position:relative; width:90%; margin:80px auto; text-align:center; }
#error-info .notice{margin-bottom:20px;}
#error-info .notice .logo{margin-bottom:20px;}
#error-info .notice h3{font-size:16px;}
#error-info .notice .desc{font-size:12px; margin:20px 0;}

table.error-tbl{color:#616161; border-top:1px solid #bcbcbc; margin-bottom:10px; width:100%;}
table.error-tbl th{text-align:left; border-bottom:1px solid #e4e4e4; padding:10px 5px;  line-height:18px; font-size:12px; font-weight:normal; width:120px; background:#f4f4f4;}
table.error-tbl td{text-align:left; border-bottom:1px solid #e4e4e4; line-height:18px; padding:10px 5px;}


/*========================================================================
Etc
========================================================================*/
.rsps-bg{position:relative;}
.rsps-bg iframe{width:100%; height:100%;}

.com-tbl{display:table; width:100%;}
.com-tbl.h-100{height:100%;}
.com-tbl>.cell{display:table-cell;}
.com-tbl>.cell.center{text-align:center; vertical-align:middle;}

#pre-loader{position:fixed; z-index:999999; display:none;}
#blind{position:fixed; z-index:9997; display:none; background-color:#000; top:0; left:0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5);}


/*========================================================================
Layout
====0====================================================================*/
#wrapper{position:relative; width:100%; min-width: 1400px;}

#header{position:relative; width:100%; height:80px; border-bottom:1px solid #e6e6e6;}
#header .gnb-logo{position:absolute; left:40px; top:25px;}
#header .gnb-logo img{height:21px;}
#header .gnb{position:absolute; right:40px; top:20px;}
#header .gnb>ul{float:left; margin-top:10px;}
#header .gnb>ul>li{float:left; text-align:right; margin-right:40px;}
#header .gnb>ul>li>a{font-size:16px; color:#465057;}
#header .gnb>ul>li>a.selected{font-weight: bold; background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(110, 20, 220, 0.15) 50%, rgba(110, 20, 220, 0.15) 100%);}
#header .gnb a.id{float:right; min-width: 50px; height:40px; padding:11px 13px; font-size: 12px;}
#header .gnb a.id .icn-schedule{display: inline-block; width:16px; height:16px; background:url('/img/common/ic_schedule.png') no-repeat; background-size: cover; margin:0px 7px; cursor: pointer;}

#body-contents{position:relative; display:flex; min-width:1200px; }
#left-menu{position:relative; height:100%; background:#F7F7F7; width:280px; box-sizing: border-box; padding:0px 0px; overflow-y: auto;}
#left-menu .lnb{position:relative;}
#left-menu .lnb .menu{border-bottom:1px solid #e6e6e6; padding:30px;}
/*#left-menu .lnb .menu{border-bottom:1px solid #e6e6e6; margin-top:24px; padding:0 30px;}*/
/*#left-menu .lnb .menu:last-child{border-bottom:none;}*/
#left-menu .lnb .menu a{color:#596670; font-size:14px; line-height:18px;}
#left-menu .lnb .menu h5{font-size:14px; line-height:24px; font-weight:400; padding:0px 0px 0px 32px; background:url('') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.menu-title{ padding-left: 30px; position: relative; cursor: pointer; }
/*#left-menu .lnb .menu h5.menu-title::after { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 16px; height: 16px; background-image: url('/img/common/btn_next.png'); background-size: contain; background-repeat: no-repeat; transition: transform 0.3s ease; }*/
/*#left-menu .lnb .menu h5.menu-title.on::after { transform: translateY(-50%) rotate(90deg); }*/

#left-menu .lnb .menu h5.menu-title span.icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #596670; }
#left-menu .lnb .menu h5.menu-title.active span.icon { background-color: #0162AF; }

#left-menu .lnb .menu h5.menu-title span.arrow { position: absolute; right: 10px; top: 50%; width: 16px; height: 16px; background-image: url('/img/common/btn_next.png'); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%); }
#left-menu .lnb .menu h5.menu-title.on span.arrow { transform: translateY(-50%) rotate(90deg); }

#left-menu .lnb .menu h5.ic-1 {background:url('/img/lnb/icn_penalty.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-2 {background:url('/img/lnb/icn_reregist.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-3 {background:url('/img/lnb/icn_tr_user.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-4 {background:url('/img/lnb/icn_user.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-5 {background:url('/img/lnb/icn_user_log.png') left top no-repeat; background-size:24px 24px;}

#left-menu .lnb .menu ul { display: none; }
#left-menu .lnb .menu ul{margin:24px 0px 0 14px;}
#left-menu .lnb .menu ul>li{margin-bottom:24px;}
#left-menu .lnb .menu ul>li>a.on,
#left-menu .lnb .menu ul>li>a:hover{color:#0162af;}
#left-menu .lnb .menu ul>li>a.selected{color:#0162AF; font-weight: 600; background: linear-gradient(to bottom, transparent 0%, transparent 50%, #C5D9FF 50%, #C5D9FF 100%);}
#left-menu .lnb .menu ul>li:last-child{margin-bottom:0px;}
#left-menu .lnb .main-menu .menu{display: none;}
#left-menu .lnb .main-menu.active .menu{display: block;}

#contents-wrap{position:relative; width:calc(100% - 280px); box-sizing: border-box; padding:32px 50px; overflow-y: auto;}
#contents-wrap .con-header{width:100%;}


#contents-wrap h2{font-size:24px; color:#465057; font-weight:600; line-height:120%; margin-bottom:20px;}
#contents-wrap h3{font-size:16px; color:#465057; font-weight:600; line-height:120%; margin-bottom:15px;}
#contents-wrap h4{font-size:15px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
#contents-wrap h5{font-size:13px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}

#contents-wrap .btn-wrap{position:relative; text-align:right; padding-top:20px;}
#contents-wrap .btn-wrap.ta-l{text-align:left;}
#contents-wrap .btn-wrap::after{display: table; width:100%; content: '';}


#contents-wrap .cont-wrap{position:relative;}
#contents-wrap .cont-wrap .row-box{position:relative; margin-bottom:30px;}
#contents-wrap .cont-wrap .row-box:last-child{margin-bottom:0px;}
#contents-wrap .cont-wrap .row-box .c-box{position:relative; margin-bottom:24px;}
#contents-wrap .cont-wrap .row-box .c-box:last-child{margin-bottom:0px;}
#contents-wrap .cont-wrap .row-box .msg-box{display:inline-block; box-sizing: border-box; font-size:12px; line-height:15px; color:#465057; padding:13px 16px; border:1px solid #e6e6e6; border-radius:4px;}

#contents-wrap div::-webkit-scrollbar,
#contents-wrap ul::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
#contents-wrap div::-webkit-scrollbar-thumb,
#contents-wrap ul::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
#contents-wrap div::-webkit-scrollbar-track,
#contents-wrap ul::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.scroll-box{clear:both; position: relative; box-sizing: border-box; background-color: #fafafa; border:1px solid #e6e6e6; padding:16px 24px; height:150px; overflow-x: hidden; overflow-y: scroll;}


/*========================================================================
Elements
========================================================================*/
.i-wrap{position:relative;}
.i-wrap input{margin:0px;}
.i-wrap label{vertical-align:middle; padding-left:5px;}
.i-wrap.dp-ib{/*padding-right:25px;*/ margin-left:-2px;}
.i-wrap.dp-ib:last-child{padding-right:0px;}

.i-wrap.c-filter { position: relative; display: inline-block; box-sizing: border-box;}
.i-wrap.c-filter label{background:#efefef; padding:8px 8px; border-radius:4px; cursor: pointer; display:inline-block; margin:2px 0px; line-height:14px;}
.i-wrap.c-filter input { opacity: 0; width: 0; height: 0; }
.i-wrap.c-filter input:checked + label{ background-color: #cce0ef; color:#0162af;}
.i-wrap.c-filter label > input:checked { background-color: #cce0ef; color:#0162af;}

.i-wrap.c-filter.type-2 { position: relative; display: inline-block; box-sizing: border-box;}
.i-wrap.c-filter.type-2 label{background:#fff; border:1px solid #e6e6e6; font-size:12px; line-height:14px; color:#465057; padding:9px 16px; border-radius:4px; cursor: pointer; display:inline-block; margin:2px 0px; text-align:center;}
.i-wrap.c-filter.type-2 input { opacity: 0; width: 0; height: 0; }
.i-wrap.c-filter.type-2 input:checked + label{border:1px solid #0162af; color:#0162af; background:#fff;}
.i-wrap.c-filter.type-2 label > input:checked {border:1px solid #0162af; color:#0162af; background:#fff;}
.i-wrap.c-filter.type-2.big label{padding:13px 16px;}
.i-wrap.c-filter.type-2.small label{padding:6px 16px;}

.i-wrap.c-check input[type=checkbox] {display:none;}
.i-wrap.c-check input[type=checkbox] + label {cursor: pointer; display:inline-block; padding-left: 34px; min-height: 24px; line-height: 24px; background: url('/img/common/checkbox_off.png') left top no-repeat; background-size:24px auto; font-size:14px;}
.i-wrap.c-check input[type=checkbox]:checked + label {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check label > input[type=checkbox]:checked {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check input[type=checkbox]:disabled + label {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check label > input[type=checkbox]:disabled {background-image: url('/img/common/checkbox_on.png');}

.switch-button { position: relative; display: inline-block; width: 56px; height: 25px; box-sizing: border-box;}
.switch-button input { opacity: 0; width: 0; height: 0; }
.switch-button .onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #b5b5b5; -webkit-transition: .4s; transition: .4s; }
.switch-button .onoff-switch:before { position: absolute; content: ""; height: 21px; width: 21px; left: 3px; bottom: 2px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:20px; }
.switch-button input:checked + .onoff-switch { background-color: #0162af; }
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
.switch-button input:disabled + .onoff-switch { opacity: 0.5; }


.i-wrap.c-select select{appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.i-wrap.c-select::after{content: ''; position: absolute; z-index: 1; right:10px; top:0px; width:18px; height:100%; background: url('/img/common/btn_down_arrow.png') left center no-repeat; background-size: 18px auto; pointer-events: none;}



/*========================================================================
popup
========================================================================*/
.pop-form{position:relative; width:1100px; margin:30px auto; padding:30px 30px 30px 30px; background:#fff; border-radius:12px; box-shadow:0px 0px 20px #555; color:#465057; /*box-sizing: border-box;*/}
.pop-form.page{width:auto; border-radius: 0; box-shadow: none;}
.pop-form.max-1800{max-width:1800px;}
.pop-form.max-1600{max-width:1600px;}
.pop-form.max-1400{max-width:1400px;}
.pop-form.max-1200{max-width:1200px;}
.pop-form.max-1000{max-width:1000px;}
.pop-form.max-900{max-width:900px;}
.pop-form.max-800{max-width:800px;}
.pop-form.max-700{max-width:700px;}
.pop-form.max-600{max-width:600px;}
.pop-form.max-500{max-width:500px;}
.pop-form.max-400{max-width:400px;}
.pop-form.max-300{max-width:300px;}
.pop-form.max-200{max-width:200px;}
.pop-form h2{font-size:24px; color:#465057; font-weight:600; line-height:120%; margin-bottom:20px;}
.pop-form h3{font-size:16px; color:#465057; font-weight:600; line-height:120%; margin-bottom:15px;}
.pop-form h4{font-size:12px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
.pop-form h5{font-size:13px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
.pop-form .h-desc{font-size:12px; margin-bottom:15px;}
.pop-form .sec{position:relative;}

.pop-form .sec{position:relative;}
.pop-form .sec .cont-wrap{position:relative;}
.pop-form .sec .cont-wrap .row-box{position:relative; margin-bottom:24px;}
.pop-form .sec .cont-wrap .row-box:last-child{margin-bottom:0px;}
.pop-form .sec .cont-wrap .row-box .c-box{position:relative; margin-bottom:24px;}
.pop-form .sec .cont-wrap .row-box .c-box:last-child{margin-bottom:0px;}
.pop-form .sec .cont-wrap .row-box .c-box .box{font-size:13px;}
.pop-form .sec .btn-wrap{position:relative; padding-top:50px; text-align:right;}
.pop-form .sec .btn-wrap::after{display: table; width:100%; content: '';}

.pop-form .sec .cont-wrap .i-wrap{height:28px; line-height:28px;}
.pop-form .sec .cont-wrap .i-wrap input[type=text],
.pop-form .sec .cont-wrap .i-wrap input[type=date],
.pop-form .sec .cont-wrap .i-wrap input[type=datetime-local],
.pop-form .sec .cont-wrap .i-wrap input[type=file],
.pop-form .sec .cont-wrap .i-wrap input[type=password],
.pop-form .sec .cont-wrap .i-wrap label,
.pop-form .sec .cont-wrap .i-wrap select{height:100%;}

.pop-form .sec .cont-wrap .i-wrap.h-34{height:34px;}
.pop-form .sec .cont-wrap .i-wrap.h-26{height:26px;}


.pop-form .sec .cont-wrap .i-wrap label{display: inline-block;}

.pop-form .sec .cont-wrap .i-wrap label.switch-button{height:25px;}
.pop-form .sec .cont-wrap .i-wrap.c-filter{height:auto; line-height:auto;}
.pop-form .sec .cont-wrap .i-wrap.c-filter label{height:auto; line-height:auto;}


.pop-form div::-webkit-scrollbar,
.pop-form ul::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
.pop-form div::-webkit-scrollbar-thumb,
.pop-form ul::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
.pop-form div::-webkit-scrollbar-track,
.pop-form ul::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.custom-pop{position:fixed; z-index:9999; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); overflow: scroll;}
.custom-pop .cp-flex{display:flex; height:100%; flex-wrap:wrap; align-items:center; justify-content:center;}
.custom-pop .cp-close{z-index:2; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;}
.custom-pop .cp-button{display: flex; justify-content: flex-end; padding-top: 20px;}
.custom-pop .cp-button a {cursor: pointer;}
#custom-temp{display:none;}


/*========================================================================
calendar
========================================================================*/
.calendar-wrap{position:relative; color:#465057;}
.calendar-wrap:not(:first-child) {margin-top: 15px;}

.calendar-wrap .search-date{position:relative; margin-bottom:30px;}
.calendar-wrap .search-date strong{vertical-align:top; display:inline-block; font-size:16px; font-weight:600; line-height:120%; padding:0 5px;}
.calendar-wrap .search-date a.cal{position:absolute; margin-left:10px; margin-top:-1px; display:inline-block; width:18px; height:18px; background:url('/img/common/btn_calendar.png') center no-repeat; background-size:cover; text-indent:-999999px; overflow:hidden;}
.calendar-wrap .search-date .ui-datepicker-trigger{opacity: 0; width:0px !important; height:0px; margin:0px !important; margin-top:0px !important;   /*width:18px !important; margin-top:-1px !important; margin-left:-20px !important;*/}
.calendar-wrap .search-date a.btn{vertical-align:top; display:inline-block; width:18px; height:18px; background:url('') no-repeat center; background-size:auto 14px;}
.calendar-wrap .search-date a.prev{background-image:url('/img/common/btn_prev.png');}
.calendar-wrap .search-date a.next{background-image:url('/img/common/btn_next.png');}

.calendar-wrap .month{font-size:15px; font-weight:600; margin-bottom:16px;}
.calendar-wrap>ul{display:table; width:100%;}
.calendar-wrap>ul>li{position:relative; float:left; width:14.28%; text-align:center; font-size:13px; line-height:18px; padding:0px 0px 15px;  }
.calendar-wrap>ul>li a{font-size:13px; color:#465057;}
.calendar-wrap>ul.week{border-bottom:1px solid #465057;}
.calendar-wrap>ul>li.gray{color:#bcbcbc;}
.calendar-wrap>ul>li.gray a{color:#bcbcbc;}
.calendar-wrap>ul.week>li{font-weight:600;}
.calendar-wrap>ul.day{}
.calendar-wrap>ul.day li{min-height:140px; box-sizing: border-box; padding:10px 0px 0px 15px; text-align:left; border-bottom:1px solid #e6e6e6;}
.calendar-wrap>ul.day li.bg-1{/*background:#f3f3f6 !important;*/}

.calendar-wrap>ul.day li span{display:block; padding-bottom:5px;}
.calendar-wrap>ul.day li .sch-class{font-size:12px;}
.calendar-wrap>ul.day li .sch-class>dl{margin-bottom:3px; padding:0 5px; border-radius:3px;}
.calendar-wrap>ul.day li .sch-class>dl.bg-1{background:#5388ff; color:#fff;}
.calendar-wrap>ul.day li .sch-class>dl>dt{display: inline-block; margin-right:10px;}
.calendar-wrap>ul.day li .sch-class>dl>dd{display: inline-block; font-size:10px;}

.calendar-wrap.exam .search-date.calendar-month-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.calendar-wrap.exam .search-date.calendar-month-head .month-side{display:flex; align-items:center; gap:6px; font-size:12px; color:#7d8791; cursor:pointer;}

.calendar-wrap.exam>ul.week>li{background:#F3F3F6;}
.calendar-wrap.exam>ul.week>li:nth-child(7n),
.calendar-wrap.exam>ul.week>li:nth-child(7n+1),
.calendar-wrap.exam>ul.day>li:nth-child(7n),
.calendar-wrap.exam>ul.day>li:nth-child(7n+1) {background:#F9F9FB;}
.calendar-wrap.exam>ul.day>li:not(:nth-child(7n)) {border-right: 1px solid #E6E6E6;}
.calendar-wrap.exam>ul.day li span {text-align: right; padding-right: 6px;}
.calendar-wrap.exam>ul.day li .sch-class p{margin-bottom:3px; font-size:12px;}
.calendar-wrap.exam>ul>li a {font-size: 11px; color: #000000; font-weight: 500;}
.calendar-wrap.exam>ul.day li.today{box-shadow:inset 0 0 0 2px #3782be; background:#cbe0ef !important;}

.year-head {display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: #666;}
.year-head .year-arrow {width: 24px; text-align: center; font-weight: 700; color: #666;}
.year-head .year-label-wrap {display: flex; align-items: center; justify-content: space-evenly; flex: 1; column-gap: 120px;}
.year-head .year-label-wrap .year-side {color: #9da3af; font-size: 15px; font-weight: 500;}
.year-head .year-label-wrap strong {color: #333; font-weight: 700;}

.tag-chip {display: inline-block; margin: 2px 6px 2px 0; padding: 3px 10px; border-radius: 14px; background: #ffe4d5; color: #ff7f3f; font-size: 12px; font-weight: 600;}
.current-label {margin-left: 6px; color: #4549E1; font-size: 12px; font-weight: 600;}

.reserve-time{position:relative;}
.reserve-time::after{content:''; display: table; width: 100%;}
.reserve-time .time-line{float:left; width:100px; border:1px solid #ddd; border-right:none;}
.reserve-time .time-line:last-child{border-right:1px solid #ddd;}
.reserve-time .time-line>li{height:20px; line-height:20px; border-bottom:1px solid #ddd; box-sizing: border-box; text-align:center;}
.reserve-time .time-line>li:last-child{border-bottom:0px;}
.reserve-time .time-line.head>li,
.reserve-time .time-line.body>li:first-child{height:40px; line-height:40px;}
.reserve-time .time-line.body{width:200px;}
.reserve-time .time-line.body li.reserve{background:#cce0ef; border-bottom:1px solid #cce0ef;}
.reserve-time .time-line.body li.reserve a{display:block; height:100%;}


/*========================================================================
teacher-wrap
========================================================================*/
.teacher-wrap{position:relative;}
.teacher-wrap .seat-wrap{position:relative; width:960px; height:1063px; background:url('') no-repeat; background-size:960px auto;}
.teacher-wrap .pos-box{position:absolute; display:inline-block; vertical-align:top;}
.teacher-wrap .pos-box .seat-box{position:relative; display:inline-block; box-sizing:border-box; width:90px; height:84px; padding:2px; border:3px solid #bcbcbc; border-radius:4px; background:#fff; font-size:10px;}
/*.teacher-wrap .pos-box .seat-box .seat-no{font-size:12px; height:16px; color:#444b53;}*/
.teacher-wrap .pos-box .seat-box .seat-no{height:16px; line-height: 16px; background:#444b53; color:#fff; text-align:center; font-size:11px; font-weight: 400; margin-bottom:1px;}

.teacher-wrap .pos-box .seat-box .penalty{height:16px;}
.teacher-wrap .pos-box .seat-box .penalty a{color:#e66464;}
.teacher-wrap .pos-box .seat-box .name{font-size:13px; height:13px; line-height: 13px; margin-top:1px;}
.teacher-wrap .pos-box .seat-box a.btn-tool{position:absolute; top:20px; right:2px; width:14px; height:14px; background:url('/img/common/btn_more.png') center no-repeat; background-size: 14px auto; text-indent: -999999px; border:1px solid #ccc;}
.teacher-wrap .pos-box .seat-box .number{font-size:10px; height:16px;}
.teacher-wrap .pos-box .seat-box a.btn-study-status{position:absolute; bottom:1px; width:calc(100% - 5px); font-size:10px;color:#333333; background:url('/img/training/icn_arrow.png') right no-repeat;}
.teacher-wrap .pos-box .seat-box .mb-box{position:absolute; top:40px; right:3px; text-align:right;}
.teacher-wrap .pos-box .seat-box .mb-box .no{margin-bottom:2px; height:15px;}
.teacher-wrap .pos-box .seat-box .mb-box .mobile{display:inline-block; width:15px; height:18px; background:url('/img/training/icn_moile_x.png') no-repeat;}
.teacher-wrap .pos-box .seat-box .mb-box .mobile.y{background:url('/img/training/icn_moile_y.png') no-repeat;}
.teacher-wrap .pos-box .seat-box .mb-box .mobile.n{background:url('/img/training/icn_moile_n.png') no-repeat;}
.teacher-wrap .pos-box .seat-box .mb-box .mobile a{display:block; width:100%; height:100%;}
.teacher-wrap .pos-box .seat-box .status{display:none; position:absolute; z-index:2; width:96%; border:1px solid #333; background:#fff; top:0px; left:2%;}
.teacher-wrap .pos-box .seat-box .status li{border-bottom:1px solid #e6e6e6;}
.teacher-wrap .pos-box .seat-box .status li:last-child{border-bottom:none;}
.teacher-wrap .pos-box .seat-box .status li a{display:block; height:30px; line-height:30px; font-size:12px; color:#333333; text-align:center; font-weight:600;}
.teacher-wrap .pos-box .seat-box .m-status{display:none; position:absolute; z-index:2; width:96%; border:1px solid #333; background:#fff; top:0px; left:2%;}
.teacher-wrap .pos-box .seat-box .m-status li{border-bottom:1px solid #e6e6e6;}
.teacher-wrap .pos-box .seat-box .m-status li:last-child{border-bottom:none;}
.teacher-wrap .pos-box .seat-box .m-status li a{display:block; height:30px; line-height:30px; font-size:12px; color:#333333; text-align:center; font-weight:600;}
.teacher-wrap .pos-box .seat-box a.self-modify{position:absolute; bottom:5px; left:5%; width:90%; height:20px; line-height:20px; background:#00aa73; color:#fff; text-align:center; border-radius:4px;}

/* 21.08.31 - 추가 */
.teacher-wrap .pos-box .seat-box .mobile-mngt-no{position:absolute; margin-top:-20px; right:1px; font-size:12px;}

/*상단 관리 아이콘*/
.teacher-wrap .pos-box .seat-box .top-st{position:relative; height:16px;}
.teacher-wrap .pos-box .seat-box .top-st span{float:left; width:25%; height:15px; line-height:15px; font-size:10px; color:#fff; text-align:center;}
.teacher-wrap .pos-box .seat-box .top-st .concen{background:#747f8a;}
.teacher-wrap .pos-box .seat-box .top-st .manage{background:#b7c4cf;}
.teacher-wrap .pos-box .seat-box .top-st .adult{background:#fad278;}
.teacher-wrap .pos-box .seat-box .top-st .sleep{background:#45beb7;}

.teacher-wrap .pos-box .seat-box .tool-box{position:absolute; width:100px; margin-top: 23px; margin-left:-5px; z-index: 1; border-radius: 4px; background:#fff; box-sizing: border-box; border:1px solid #ccc; box-shadow: 4px 4px 8px #666;}
.teacher-wrap .pos-box .seat-box .tool-box p{border-bottom:1px solid #ccc; text-align:center;}
.teacher-wrap .pos-box .seat-box .tool-box p:last-child{border-bottom:none;}
.teacher-wrap .pos-box .seat-box .tool-box p a{display:block; height:32px; line-height: 32px; font-size:12px; color:#000;}
.teacher-wrap .pos-box .seat-box .tool-box p a:hover{background:#f2f2f2;}

.teacher-wrap .pos-box .seat-box .tool-box.type-2{width:150px; z-index:10; top:0px; margin:0px; right:-151px;}
.teacher-wrap .pos-box .seat-box .tool-box.type-2 .row{padding:5px;}


/*범례*/
.teacher-wrap .legend{position:relative; text-align:left; padding-bottom:30px;}
.teacher-wrap .legend span{display:inline-block; color:#465057; font-size:12px; margin-right:20px; vertical-align:middle;}
.teacher-wrap .legend span:last-child{margin-right:0px;}
.teacher-wrap .legend span .rect{display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:4px; margin-right:5px; margin-top:-2px; border:2px solid #747f8a; box-sizing: border-box;}
.teacher-wrap .legend.brd-n span .rect{border:none;}
.teacher-wrap .legend.brd-n span .rect.s-use{border:1px solid #bcbcbc;}

/*집중 상태*/
.teacher-wrap .b-concen{border-color:#00aa73 !important;}
.teacher-wrap .b-absence{border-color:#e66464 !important;}
.teacher-wrap .s-disabled{border-color:#fff !important;}

/*좌석 상태*/
.teacher-wrap .s-empty{background:#e6e6e6 !important;}
.teacher-wrap .s-use{background:#fff !important;}
.teacher-wrap .s-late{background:#fff5a3 !important;}
.teacher-wrap .s-disabled {background: #848484 !important;}
.teacher-wrap .s-disabled .top-st {color: #e6e6e6;}

.teacher-wrap .con-wrap .s-wrap{position:relative; display:inline-block; margin-right:-4px; vertical-align:top;}
.teacher-wrap .con-wrap .s-wrap.x1{width:110px;}
.teacher-wrap .con-wrap .s-wrap.x2{width:220px;}
.teacher-wrap .con-wrap .s-wrap.x3{width:330px;}
.teacher-wrap .con-wrap .s-wrap.x4{width:440px;}
.teacher-wrap .con-wrap .s-wrap.x5{width:550px;}
.teacher-wrap .con-wrap .s-wrap.x6{width:660px;}
.teacher-wrap .con-wrap .s-wrap.x7{width:770px;}
.teacher-wrap .con-wrap .s-wrap.x8{width:880px;}
.teacher-wrap .con-wrap .s-wrap.x9{width:990px;}
.teacher-wrap .con-wrap .s-wrap.x10{width:1100px;}

.teacher-wrap .con-wrap .door{position:absolute; z-index:2;}
.teacher-wrap .con-wrap .door.angle-0{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.teacher-wrap .con-wrap .door.angle-45{-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.teacher-wrap .con-wrap .door.angle-90{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.teacher-wrap .con-wrap .door.angle-135{-webkit-transform:rotate(135deg); -ms-transform:rotate(135deg);}
.teacher-wrap .con-wrap .door.angle-180{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.teacher-wrap .con-wrap .door.angle-225{-webkit-transform:rotate(225deg); -ms-transform:rotate(225deg);}
.teacher-wrap .con-wrap .door.angle-270{-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg);}
.teacher-wrap .con-wrap .door.angle-315{-webkit-transform:rotate(315deg); -ms-transform:rotate(315deg);}

/* 21.08.31 - 추가 */
.teacher-wrap .con-wrap .room{position:relative; display:table; margin-bottom:30px;}
.teacher-wrap .con-wrap .room span{float:left; min-width:100px; height:30px; padding:7px 0px; background:#fff;}
.teacher-wrap .con-wrap .room span a{display:block; height:100%; text-align:center; line-height:30px; font-size:14px; color:#ccc; padding:0 10px; border-right:1px solid #ddd;}
.teacher-wrap .con-wrap .room span:last-child a{border-right:0px solid #ddd;}
.teacher-wrap .con-wrap .room span a.on{color:#777; font-weight:600;}

/* 인지 경로 통계 */
.marketing-wrap{position: relative;}
.marketing-wrap .m-box{position: relative; margin-bottom:20px;}
.marketing-wrap .m-box .name{font-size: 14px; margin-bottom: 6px; font-weight:bold;}
.marketing-wrap .m-box .bar{position: relative; width:100%; height:20px; background: #bbb; border-radius: 10px; overflow: hidden}
.marketing-wrap .m-box .bar .inner-bar{height:100%; background: #0162af; border-radius: 10px; }
.marketing-wrap .m-box .bar .num{position: absolute; z-index: 1; color:#fff; text-align:center; line-height:20px; width:100%; height:100%; top:0px; left:0px;}


/*========================================================================
locker-wrap
========================================================================*/
.locker-wrap{position:relative;}
.locker-wrap .l-header{position:relative;}
.locker-wrap .l-header .status{position:relative; text-align:left; padding-bottom:30px;}
.locker-wrap .l-header .status span{display:inline-block; color:#000000; font-size:12px; margin-right:20px; vertical-align:middle;}
.locker-wrap .l-header .status span:last-child{margin-right:0px;}
.locker-wrap .l-header .status span>i{text-decoration: none; color:#0162af; font-style: normal;}
.locker-wrap .l-header .legend{position:relative; text-align:left; padding-bottom:30px;}
.locker-wrap .l-header .legend span{display:inline-block; color:#465057; font-size:12px; margin-right:20px; vertical-align:middle;}
.locker-wrap .l-header .legend span:last-child{margin-right:0px;}
.locker-wrap .l-header .legend span .rect{display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:4px; margin-right:5px; margin-top:-2px;}
.locker-wrap .bg-empty{background:#e6e6e6;}
.locker-wrap .bg-used{background:#fff; border:1px solid #dcdcdc;}
.locker-wrap .bg-unavailable{background:#bcbcbc;}
.locker-wrap .bg-yellow{background:#fad278;}
.locker-wrap .bg-orange{background:#faae78;}
.locker-wrap .bg-red{background:#e66464;}
.locker-wrap .bg-purple{background:#c19bcb;}
.locker-wrap .bg-pink{background:#e8aaaa;}
.locker-wrap .bg-green{background:#62cfa6;}

.locker-wrap .l-body{position:relative;}
.locker-wrap .l-body::after{content: ''; display: table; width: 100%;}
.locker-wrap .l-body .l-box{position:relative; font-size:12px; width:160px; text-align:center; float:left; margin-left:-1px; margin-top:-1px;}
.locker-wrap .l-body .l-box .no{background:#444b53; color:#fff; height:26px; line-height:26px; border:1px solid #444b53;}
.locker-wrap .l-body .l-box .cont{position:relative; color:#000; height: 100px; box-sizing: border-box; padding:5px 5px; border:1px solid #dcdcdc; border-top:none; font-size:11px;}
.locker-wrap .l-body .l-box .cont .name{font-size:12px;}
.locker-wrap .l-body .l-box .cont .cell{vertical-align: middle; padding-top:0px;}
.locker-wrap .l-body .l-box .cont .btn-tool{position:absolute; top:5px; right:5px; width:16px; height:16px; background:url('/img/common/btn_more.png') center no-repeat; background-size: 16px auto;}
.locker-wrap .l-body .l-box .cont .tool-box{position:absolute; width:150px; top: 35px; margin-left:-25px; z-index: 1; border-radius: 4px; background:#fff; box-sizing: border-box; border:1px solid #ccc; box-shadow: 4px 4px 8px #666;}
.locker-wrap .l-body .l-box .cont .tool-box p{border-bottom:1px solid #ccc;}
.locker-wrap .l-body .l-box .cont .tool-box p:last-child{border-bottom:none; text-align:center;}
.locker-wrap .l-body .l-box .cont .tool-box p a{display:block; height:32px; line-height: 32px; font-size:12px; color:#000;}
.locker-wrap .l-body .l-box .cont .tool-box p a:hover{background:#f2f2f2;}
.locker-wrap .l-body .l-box.charge .cont .cell::before{content:'유료'; position:absolute; top:3px; left:3px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#0162af; border-radius: 4px;}
.locker-wrap .l-body .l-box.reregist .cont .cell::after{content:'재등록완료'; position:absolute; bottom:3px; left:5px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#66bb6a; border-radius: 4px;}
.locker-wrap .l-body .l-box.rechange .cont .cell::after{content:'재등록완료(요금제변경)'; position:absolute; bottom:3px; left:5px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#42a5f5; border-radius: 4px; letter-spacing: -0.5px;}


/*========================================================================
pay-quick-wrap
========================================================================*/
.pay-quick-wrap{position:absolute; left:850px; top:100px; width:350px; background:#fff;}
.pay-quick-wrap .pq-box{position:relative; padding:24px; border-radius:8px; box-sizing: border-box; border:1px solid #e6e6e6; background-color: #fafafa;}
.pay-quick-wrap .pq-box dl{display:table; width:100%; font-size:12px; line-height:15px; margin-bottom:36px;}
.pay-quick-wrap .pq-box dl:last-child{margin-bottom:0px;}
.pay-quick-wrap .pq-box dl dt{display: table-cell; width:100px; color:#666;}
.pay-quick-wrap .pq-box dl dd{display: table-cell; color:#465057; text-align:right;}
.pay-quick-wrap .pq-box dl dd ul{margin-top:15px;}
.pay-quick-wrap .pq-box dl dd ul li{color:#999999; margin-bottom:6px;}
.pay-quick-wrap .pq-box dl dd ul li:last-child{margin-bottom:0px;}
.pay-quick-wrap .pay-amount{position:relative; margin-top:50px;}
.pay-quick-wrap .pay-amount h3{}
.pay-quick-wrap .pay-amount p{position:absolute; top:0px; right:0px; color:#0162af; font-size:20px; font-weight: 600;}
.pay-quick-wrap .btn-box{position:relative; margin-top:30px;}
.pay-quick-wrap .btn-box .com-btn{width:100%;}



/*========================================================================
dl-list
========================================================================*/
.discount-list{position:relative; padding:5px 0px;}
.discount-list .sum{padding-bottom:5px; color:#e66464;}
.discount-list dl{display: table; width:100%; }
.discount-list dl:first-of-type{border-top:1px dashed #ccc;}
.discount-list dl dt{display: table-cell; padding:5px 0px;}
.discount-list dl dd{display: table-cell; width:100px; text-align:right; padding:5px 0px; color:#e66464;}

.dl-list{position:relative; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px;}
.dl-list dl{display: table; width:100%; }
.dl-list dl dt{display: table-cell; padding:5px 0px;}
.dl-list dl dd{display: table-cell; text-align:right; padding:5px 0px; color:#e66464;}
.dl-list dl dd.va-md{vertical-align: middle;}
.dl-list dl dd input[type=text]{text-align:right;}
.dl-list.pd-2{}
.dl-list.pd-2 dl dt{padding:2px 0px;}
.dl-list.pd-2 dl dd{padding:2px 0px;}

.ul-list{position:relative; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px;}
.ul-list li{}
.ul-list.max-h-150{max-height:150px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-200{max-height:200px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-250{max-height:250px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-300{max-height:300px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-350{max-height:350px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-400{max-height:400px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-450{max-height:450px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-500{max-height:500px; overflow-x:hidden; overflow-y:scroll;}

.code-list li{margin-bottom:10px}
.code-list li:last-child{margin-bottom:0px}
.code-list li .disabled{background-color: #f6f6f6;}


/* Login */
#wrapper.login{display:table; width:100%; height:100%;}
#wrapper.login .inner{display:table-cell; width:100%; height:100%; vertical-align: middle;}
/*.login-wrap{position:relative; max-width:400px; color:#465057; margin:0 auto; text-align:left; padding:50px; background:#fff; border-radius:20px; box-shadow:0px 0px 30px #999;}
.login-wrap h1{height:40px; background:url('/img/common/logo_new_x2.png') top center no-repeat; background-size:auto 40px; text-indent: -999999px; overflow: hidden; margin-bottom:40px;}
.login-wrap p.sub{font-size:24px; line-height:30px; font-weight: 600; margin-bottom:40px;}
.login-wrap .form{margin-bottom:20px;}
.login-wrap .form dl{margin-bottom:12px;}
.login-wrap .form dl:last-child{margin-bottom:0px;}
.login-wrap .form dl dt{font-size:13px; line-height:160%; font-weight: 600; margin-bottom:5px;}
.login-wrap .form dl dd{}
.login-wrap .btn-box{text-align:right;}

.login-wrap .sns-form{position: relative; padding-top:30px; margin-top:30px; border-top:1px solid #ccc;}
.login-wrap .sns-form a.com-btn.kakao{display: block; background: #ffeb3b; color:#000; line-height: 54px; height:54px; padding:0 10px;}
.login-wrap .sns-form a.com-btn.kakao span{display: inline-block; padding-left:50px; background: url('/img/ico/kakao_icon.png') left no-repeat; background-size: 40px auto;}
.login-wrap .sns-form a.com-btn.naver{display: block; background: #06bd34; color:#fff; line-height: 54px; height:54px; padding:0 10px;}
.login-wrap .sns-form a.com-btn.naver span{display: inline-block; padding-left:50px; background: url('/img/ico/naver_icon.png') left no-repeat; background-size: 40px auto;}*/

.login-wrap {display: flex; flex-direction: row; height: 100vh; width: 100%;}
/*.login-wrap .login-form {flex: 0 0 348px; width: 348px; display: flex; flex-direction: column; justify-content: center; padding: 0 50px;}*/
.login-wrap .login-form {flex: 9; display: flex; flex-direction: column; justify-content: center; padding: 0 50px;}
.login-wrap .login-form .logo {height: 126px; margin: 0 auto;}
.login-wrap .login-form .logo img {height: 100%; }
.login-wrap .login-form .sns-form {position: relative; padding-top:30px; margin-top:30px; display: flex; flex-direction: row; justify-content: center;}
.login-wrap .login-form .sns-form .btn-box {width: 100%;}
.login-wrap .login-form .sns-form a.com-btn.kakao {display: block; background: #ffeb3b; color:#000; line-height: 50px; height:50px; padding:0 10px;}
.login-wrap .login-form .sns-form a.com-btn.kakao span {display: inline-block; padding-left:50px; background: url('/img/ico/kakao_icon.png') left no-repeat; background-size: 40px auto; font-weight: 600;}
.login-wrap .login-form .sns-form a.com-btn.naver {display: block; background: #06bd34; color:#fff; line-height: 50px; height:50px; padding:0 10px;}
.login-wrap .login-form .sns-form a.com-btn.naver span {display: inline-block; padding-left:50px; background: url('/img/ico/naver_icon.png') left no-repeat; background-size: 40px auto; font-weight: 600;}
.login-wrap .login-form .form dl {margin-bottom:20px;}
.login-wrap .login-form .form dl dt {font-size:13px; line-height:160%; font-weight: 600; margin-bottom:5px;}
.login-wrap .login-form .form dl dd {}
.login-wrap .login-form .form .option {display: flex; justify-content: space-between; font-size: 12px;}
.login-wrap .login-form .form .option .remember {}
.login-wrap .login-form .form .option .remember label {cursor: pointer;}
.login-wrap .login-form .form .option .find a {text-decoration: underline; padding-right: 12px;}
.login-wrap .login-form .form .option .find a:last-of-type {padding-right: 0;}
.login-wrap .login-form .btn-box a {background: #370972; font-weight: 600;}

.login-wrap .image-form {flex: 20; background-color: #370972; position: relative; overflow: hidden; }
.login-wrap .image-form .main {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.login-wrap .image-form .main .title {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: 50%; display: flex; justify-content: center; align-items: center; z-index: 10;}
.login-wrap .image-form .main .title img {width: 100%; height: auto; display: block;}
.login-wrap .image-form .main .bottom {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 57%; height: 40%; display: flex; align-items: flex-end; justify-content: center; z-index: 1;}
.login-wrap .image-form .main .bottom img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block;}

.login-find .find-btn {display: inline-block; box-sizing: border-box; padding: 15px 0; font-size: 14px; font-weight: 600; background: #370972; width: 100%; color: #fff;}

.find-result .result-image {height: 120px; text-align: center;}
.find-result .result-image img {height: 100%;}
.find-result .result-text {color: #596670; font-size:14px; text-align: center;}
.find-result .result-text p.bold {font-weight: 600;}
.find-result .find-btn {display: inline-block; box-sizing: border-box; padding: 15px 0; font-size: 14px; font-weight: 600; background: #370972; width: 100%; color: #fff;}
.find-result .find-btn.back {background: #F3F3F6; color: #434343;}

.receive-wrap{height:150px; overflow-y: scroll;}
.receive-list{}
.receive-list li{margin-bottom:5px}
.receive-list li:last-child{margin-bottom:0px}
.receive-list li span.user{padding:0 10px;}



#find-place{position:relative;}
#find-place .place-box{position:absolute; display:none; z-index:3; margin-top:5px; background:#fff; width:100%;height: 200px; box-shadow:0px 0px 8px #ccc; border-radius:5px; overflow-y:auto;}

#find-place .place-box #place-list li {list-style: none;}
#find-place .place-box #place-list .item {position:relative;border-bottom:1px solid #dfdfdf; overflow: hidden;cursor: pointer;min-height: 65px;}
#find-place .place-box #place-list .item:hover{background:#f2f2f2;}
#find-place .place-box #place-list .item span {display: block;margin-top:4px;}
#find-place .place-box #place-list .item h5{font-size:13px;}
#find-place .place-box #place-list .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#find-place .place-box #place-list .item .info{padding:10px 0 10px 45px;}
#find-place .place-box #place-list .info .gray {color:#8a8a8a;}
#find-place .place-box #place-list .info .jibun {padding-left:30px;background:url(//t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) 0px 0px no-repeat;}
#find-place .place-box #place-list .info .tel {color:#009900;}
#find-place .place-box #place-list .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url(/img/common/location.png) no-repeat; background-size:22px auto;}
#find-place .place-box #pagination {margin:10px auto;text-align: center;}
#find-place .place-box #pagination a {display:inline-block;margin-right:10px;}
#find-place .place-box #pagination .on {font-weight: bold; cursor: default;color:#777;}


.camp-info {width:100%; border-top:1px solid #333; border-bottom:1px solid #333}
.camp-info table {width:100%; table-layout:fixed}
.camp-info table thead th {padding:12px 0; background:#f6fbff; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px;}
.camp-info table thead th:first-child {border-left:0}
.camp-info table tbody th {padding:12px 0; background:#fff; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px;}
.camp-info table tbody th strong {display:block; color:#333; font-size:11px; font-weight:400}
.camp-info table tbody th em {display:block; color:#999; font-size:10px; font-weight:300}
.camp-info table tbody td {text-align:center; background:#fff; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px; height: 73px;}
.camp-info table tbody td div.total {padding: 8px; font-size: 13px; font-weight: 600; border-bottom: 1px solid #e6e6e6;}
.camp-info table tbody td div.detail {display: flex; justify-content: space-around; padding: 4px 0;}
.camp-info table tbody td div.detail div {display: flex; flex-direction: column; justify-content: space-around; width: 100%;}
.camp-info table tbody td div.detail div:first-child {border-right: 1px solid #e6e6e6;}
.camp-info table tbody td.end {background:#f1f1f1}

.div-note {overflow: auto; padding: 16px 0;}
.div-note p{margin:0 0 10px; line-height:1.6;}
.div-note blockquote{margin:12px 0; padding:8px 12px; border-left:3px solid #d9d9d9; background:#f7f7f7; color:#555;}
.div-note ul,.div-note ol{margin:10px 0; padding-left:20px;}
.div-note ul{list-style: disc;}
.div-note ol{list-style: decimal;}
.div-note li{margin:4px 0;}
.div-note h1,.div-note h2,.div-note h3,.div-note h4,.div-note h5,.div-note h6{margin:16px 0 8px; font-weight:700; line-height:1.4;}


/*========================================================================
file-list
========================================================================*/
ul.file-list.campus-file {padding-right: 10px;}
ul.file-list.campus-file>li {border: 1px solid #f3f3f6; border-radius: 1rem; background-color: #f3f3f6; padding: 1rem;}
ul.file-list.campus-file>li:first-child {border: 5px solid #0162af; margin-bottom: 20px !important;}
ul.file-list.campus-file>li:first-child:before {content:'대표 이미지\A'; font-size: 17px; white-space: pre; display: block; margin-bottom: 15px; color: #0162af; font-weight: 600;}
ul.file-list.campus-file>li:nth-child(2):before {content:'상세 이미지\A'; font-size: 17px; white-space: pre; display: block; margin-bottom: 15px; color: #0162af; font-weight: 600;}


.goods-empty{display:inline-block; width:294px; height:129px; background: url('/img/common/img_goods_empty.png') no-repeat;}
.icn-yes{display:inline-block; color:#0162AF; padding-left:20px; background: url('/img/ico/ico_yes.png') left no-repeat; height:15px; line-height: 15px;}
.icn-no{display:inline-block; color:#999999; padding-left:20px; background: url('/img/ico/ico_no.png') left no-repeat; height:15px; line-height: 15px;}



/* 지점 설치 사진 */
.photo-list{position:relative; border-top:1px solid #e5e5e5; padding:15px 0px; display:table; width:100%;}
.photo-list li{position:relative; float:left; width:150px; height:150px; padding:0px 0;}
.photo-list li .item-box{position:relative; height:100%; margin:0 auto; text-align:center; border:1px solid #e6e6e6;}
.photo-list li .item-box .thumb{position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; height:100%; }
.photo-list li .item-box .thumb a{position:absolute; z-index:2; display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; opacity:0; background-repeat:no-repeat; background-position:center; background-size:300px auto; }
.photo-list li .item-box .thumb a:hover{opacity:1; transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}


/* sns 로그인 연동 */
.sns-box{position: relative; display: flex; flex-direction: row; justify-items: left; margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.sns-box:last-child{margin-bottom:0px; padding-bottom: 0px; border-bottom:none;}
.sns-box .icon{padding-right:10px;}
.sns-box .icon img{width:50px; height:auto;}
.sns-box .info{padding-top:5px}
.sns-box .info .date{margin-bottom:3px;}
.sns-box .info .btn{}
.sns-box .info .btn a{color:blue;}
.sns-box .info .btn a.red{color:red;}


/* lnb 회원 정보 */
#left-menu .user-info{display:none; position:fixed; width:320px; height:160px; left:0px; top:0px; padding:40px 30px 20px; background: #020202; color:#fff; z-index: 2; box-sizing: border-box;}
#left-menu .user-info .campus{margin-bottom:20px;}
#left-menu .user-info .campus p{line-height: 160%; font-size:13px;}
#left-menu .user-info .campus p:first-child{margin-bottom:5px;}
#left-menu .user-info .btns{display: flex; flex-direction: row; justify-content: space-between;}
#left-menu .user-info .btns .com-btn.icn{padding-right:20px;}
#left-menu .user-info a.btn-change{position:absolute; right:30px; top:70px; z-index: 2; text-decoration: underline; font-size:13px; color:#fff;}
#left-menu .user-info a.btn-close{position:absolute; right:15px; top:15px; z-index: 2; text-indent: -99999px; overflow: hidden; width:16px; height:16px; background: url('/img/common/btn_close_w.png') no-repeat; background-size: 16px auto;}
#left-menu .lnb  .menu-wrap{position: relative;}

#left-menu .lnb .dep1-name{border-bottom:1px solid #dedede; background: #eee;}
#left-menu .lnb .dep1-name a{display:block; font-size:14px; line-height:20px; font-weight: 800; color:#333; padding:15px 20px; background: url('/img/common/btn_next.png') no-repeat right 15px center; background-size: 16px auto;}
.top-mobile-menu{display:none; position:absolute; right:15px; top:18px; z-index: 2; width:24px; height:24px; background: url('/img/common/btn_menu.png') no-repeat; background-size: cover; text-indent: -999999px; overflow: hidden;}

/* 반응형 처리 테스트 */
@media only screen and (max-width:768px){

    body{min-width:auto;}
    #wrapper{min-width:auto;}

    #header{min-width:auto; width:100%; height:60px;}
    #header .gnb-logo{top:12px; left:15px;}
    #header .gnb-logo img{height:20px;}
    #header .gnb>ul{display:none;}

    #menuDiv{display: none !important;}

    .flex {display: flex; flex-wrap: wrap;}

    #left-menu{position:fixed; height:100%; top:0px; left:-320px; width:320px; z-index:9998; overflow: hidden; padding:0px;}
    #left-menu .lnb{height:100%; overflow-y: scroll;}
    #left-menu .lnb .menu{padding: 20px; }
    #left-menu .lnb .menu h5{color:#000;}
    #left-menu .lnb .menu ul{margin:20px 0px 0px 6px;}
    #left-menu .lnb .menu ul>li{margin-bottom: 20px;}
    #left-menu .lnb .menu a{font-size:13px; line-height: 130%;}

    #left-menu .user-info{display:none;}
    #left-menu .lnb::before{content: ''; display: block; height:160px;}

    .com-btn.logout{background:#f3f3f6 url('/img/common/btn_logout.png') 10px 6px no-repeat; background-size:18px auto;}
    .top-mobile-menu{display:block;}


    #contents-wrap{width:auto; padding:30px 15px;}
    #contents-wrap h2{font-size:18px; margin-bottom:15px;}
    #contents-wrap .con-header{padding-bottom:10px;}
    #contents-wrap .con-header p{font-size:11px;}

    #body-contents{min-width:auto;}

    #quick-menu{display:none;}

    #header .gnb a.id{font-size:11px; padding:4px 6px; height:30px;}

    .table-wrap{position:relative; width:100%; overflow-x:scroll; clear:both; margin-bottom:20px;}
    .table-wrap > .list-tbl{width:1000px;}

    table.list-tbl th{padding:4px 4px; font-size:11px;}
    table.list-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}

    /*table.view-tbl th{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;} */
    /*table.view-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}*/
    /*table.view-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}*/

    /*table.view-tbl tr th,*/
    /*table.view-tbl tr td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px; height:auto;}*/

    /*table.view-tbl:not(.no-resp){display: block; width:auto; clear: both; border-top:none;}*/
    /*table.view-tbl:not(.no-resp) thead,*/
    /*table.view-tbl:not(.no-resp) tbody,*/
    /*table.view-tbl:not(.no-resp) tr,*/
    /*table.view-tbl:not(.no-resp) tr th,*/
    /*table.view-tbl:not(.no-resp) tr td{display: block; width:auto; text-align:left;}*/
    /*table.view-tbl:not(.no-resp) tr th,*/
    /*table.view-tbl:not(.no-resp) tr td{padding:10px 10px; font-size:12px; letter-spacing: -0.5px; height:auto; border-bottom:none;}*/

    table.view-tbl{display: block; width:auto; clear: both; border-top:none; padding:15px 10px; border:1px solid #ddd; border-radius: 4px;}
    table.view-tbl thead,
    table.view-tbl tbody,
    table.view-tbl tr,
    table.view-tbl tr th,
    table.view-tbl tr td{display: block; width:auto; text-align:left; background: none;}
    table.view-tbl tr{/*padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;*/}
    table.view-tbl tr th{padding:3px 5px; font-size:13px; letter-spacing: -0.5px; height:auto; border-bottom:none;}
    table.view-tbl tr td{padding:3px 5px; margin-bottom:20px; font-size:12px; letter-spacing: -0.5px; height:auto; border-bottom:none;}
    table.view-tbl tr:last-child td:last-child{margin-bottom:0px;}

    /* 웹 에디터 추가 */
    table.view-tbl .div-note table tr{height:auto !important; margin-bottom:20px;}
    table.view-tbl .div-note table td{height:auto !important;}



    .pop-form{width:96% !important; max-width: 96% !important; box-sizing: border-box; padding:25px 15px; min-width:360px;}
    .pop-form h2{font-size:16px; margin-bottom:20px;}

    .login-wrap{/*max-width:360px; width:80%;*/ display: flex; padding:10px; border-radius:10px; box-sizing: border-box; }
    .login-wrap .login-form {flex: 1; padding: 0 20px;}
    .login-wrap .image-form {flex: 0;}
    .login-wrap .login-form .sns-form a.com-btn.kakao span {padding-left: 20px; background-size: 20px auto;}
    .login-wrap .login-form .sns-form a.com-btn.naver span {padding-left: 20px; background-size: 20px auto;}

    .search-wrap .wd-120{width:100px !important;}
    .search-wrap .wd-150{width:120px !important;}
    .search-wrap .wd-200{width:140px !important;}
    .search-wrap .i-wrap.dp-ib {min-width:60px; margin-bottom:3px;}

    }

/* 구분 */
div.division {height: 1px; background-color: #E6E6E6; margin: 20px 0;}
/* 구분 */

/* 텍스트 박스 */
div.text-box {padding: 10px; border: 1px solid #E6e6E6; border-radius: 5px;}
div.text-box.fill {background-color: #F9FAFA;}
/* 텍스트 박스 */

/* 이미지 첨부파일 */
#attachment-box {}
#attachment-box ul.image-box {display: flex; justify-content: flex-start;}
#attachment-box ul.image-box li {width: 100px; height: 100px; text-align: center; border: 1px solid #E6E6E6; border-radius: 8px; overflow: hidden;}
#attachment-box ul.image-box li img {width: 100%; object-fit: contain;}
/* 이미지 첨부파일 */


/* 아이템 박스 */
#item-box {position: relative;}
#item-box ul {display: flex; flex-direction: row; flex-wrap: wrap;}
#item-box ul li {padding: 6px 10px; border: 1px solid #F9F6FD; border-radius: 8px; background-color: #F9F6FD; margin-right: 8px; margin-bottom: 8px;}
/* 아이템 박스*/

/* 하단 버튼 */
#bottom-box {position:relative; display: flex; justify-content: space-around; text-align: center;}
#bottom-box div.box {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; background-color: #CCE0EF; border: 1px solid #CCE0EF; border-radius: 4px; padding: 10px 0; color: #0162AF; font-size: 14px; font-weight: 500;}
#bottom-box div.box.anchor {cursor: pointer;}
#bottom-box div.box.gray {background-color: #F3F3F6; color: #465057; border: 1px solid #F3F3F6;}
#bottom-box div.box.red {background-color: #FF8080; color: #FFFFFF; border: 1px solid #FF8080;}
#bottom-box div.box:first-child {margin-right: 5px;}
#bottom-box div.box:last-child {margin-left: 5px;}
/* 하단 버튼 */

/* 키워드 통계 */
.keyword-summary {}
.keyword-summary .summary-item {padding: 0; position: relative; height: 100%;}
.keyword-summary .summary-item .ui{background-color: #F3F3F6; height: 60%; padding: 8px 0;}
.keyword-summary .summary-item .di{background-color: white; height: 40%; padding: 12px 0;}
/* 키워드 통계 */

/* 리뷰 신고창 */
#review-report {position: relative;}
#review-report .contents {display: none; background: white; position: absolute; padding: 10px 16px; border: 1px solid #FF0000; border-radius: 4px; min-width: 150px;}
#review-report:hover .contents {display: block;}
#review-report:hover .contents .reason {display: flex; justify-content: space-between; margin: 4px 0;}
#review-report:hover .contents .report {color: #FF0000; text-decoration: underline; display: flex; justify-content: center; margin: 4px 0; padding: 6px; cursor: pointer;}
#review-report:hover .contents .report.cancel {color: #ECECEC; text-decoration: underline; display: flex; justify-content: center; margin: 4px 0; padding: 6px;}

@media only screen and (max-width:768px){
    #review-report:hover .contents {right: 0;}
}
/* 리뷰 신고창 */

/* 리뷰 신고항목 */
.report-reason {display: flex; justify-content: space-between; align-items: center; padding: 4px;}
.report-reason label {display: block; width: 30px; height: 30px; }
.report-reason label.small {display: block; width: 15px; height: 15px; }
.report-reason input[type=radio],
.report-reason input[type=checkbox] {display: none;}
.report-reason input[name=reason]+label {
    background-size: contain;
    background-repeat: no-repeat; /* 반복 방지 */
    background-image: url('/img/common/ic_check_off.png'); /*off 이미지*/
}
.report-reason input[name=reason]:checked+label {
    background-size: contain;
    background-repeat: no-repeat; /* 반복 방지 */
    background-image: url('/img/common/ic_check_on.png'); /*on 이미지*/
}
/* 리뷰 신고항목 */

/* 리뷰 통계 */
.report-summary {margin-top: 8px; border: 1px solid #FC3D3D; border-radius: 4px; padding: 16px;}
.report-summary .summary-item {display: flex; justify-content: space-between;}
.report-summary .summary-item:not(:last-child) {padding-bottom: 10px;}
.report-summary .summary-item .li {}
.report-summary .summary-item .ri {}
/* 리뷰 통계 */

/* 밀리토크 공부자랑 */
.community-study {padding: 10px 5px; display: flex; align-items: center; justify-content: space-around; background-color: #F9F6FD; border-radius: 8px; width: 300px;}
.community-study>.study-data {display: flex; align-items: center;}
.community-study>.study-data>.attendance {padding: 4px; border-radius: 4px; background-color: #CEFFD9; color: #00AA73; margin-right: 4px; font-size: 10px; font-weight: 600;}
.community-study>.study-data>.study-time {color: #6428D4; font-size: 18px; font-weight: 600;}
.community-study>.load-date {color: #999999; text-align: right;}
/* 밀리토크 공부자랑 */

/* 지점 이벤트 > 템플릿 */
.template-box{display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; padding-top:10px;}
.template-box label{display: inline-block; margin-right:10px;}
.template-box .dl-box{margin-bottom:20px;}
.template-box .dl-box dt{padding-bottom:5px;}
.template-box .dl-box dd{}

.ranking-box{position: relative; margin-bottom:15px;}
.ranking-box:last-child{margin-bottom:0px;}
.ranking-box .tit-box{font-size:14px; font-weight: bold; padding-bottom: 10px; padding-left:30px; background:url('/img/ico/icn_gold.png') left 2px no-repeat; background-size: auto 24px; line-height: 24px;}
.ranking-box .tit-box.rank-1{background-image:url('/img/ico/icn_gold.png');}
.ranking-box .tit-box.rank-2{background-image:url('/img/ico/icn_silver.png');}
.ranking-box .tit-box.rank-3{background-image:url('/img/ico/icn_bronze.png');}
.ranking-box .user-list{padding-left:10px;}
.ranking-box .user-list > li{list-style: disc; margin-bottom:6px; margin-left:20px;}
.ranking-box .user-list > li .user{display:flex; flex-direction: row; justify-content: left; }
.ranking-box .user-list > li .user .time{padding-right:10px; margin-right:10px; border-right:1px solid #ccc;}
.ranking-box .user-list > li .user .nick-name{padding-right:10px; margin-right:10px; border-right:1px solid #ccc;}
.ranking-box .user-list > li .user .user-name{}

.icn-image{padding-left:30px; background: url('/img/ico/icn_image.png') left no-repeat; font-size:12px; line-height:20px; font-weight: bold; background-size: auto 20px; margin:6px 0 6px;}

.status-label {display:inline-block; box-sizing: border-box; padding:2px 4px; text-align:center; border-radius:4px; min-width: 30px; font-weight: bold;background:#0162af; color:#ffffff;}
.status-label.sky{background:#cce0ef; color:#0162af;}
.status-label.gray{background:#f3f3f6; color:#465057;}
.status-label.red{background:#f7d1d1; color:#e66464;}
.status-label.orange{background:#FFA512; color:#ffffff;}
.status-label.green{background:#00aa7d; color:#ffffff;}

.new-label {display:inline-block; box-sizing: border-box; padding: 1px 2px; text-align:center; border-radius:4px; font-weight: bold; background:#f7d1d1; color:#e66464;}


.h-tit-box{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:5px;}
.h-tit-box .left-box h2,
.h-tit-box .left-box h3,
.h-tit-box .left-box h4,
.h-tit-box .left-box h5{margin-bottom:0px !important; margin-top:0px !important;}

.ul-list-2{position:relative; padding-top:10px;}

/* 탭 버튼 */
.tab-group {display: flex; border-radius: 10px; overflow: hidden; background-color: #f5f5f5; width: fit-content; margin: 0 auto;}
.tab-btn {   padding: 10px 24px; font-size: 12px; font-weight: 400; color: #959595; background-color: #F4F4F4; border: none; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; /* 글자 줄바꿈 방지 */ }
.tab-btn:hover { background-color: #e8e8e8; }
.tab-btn.active { background-color: #0162AF; color: #FFFFFF; font-weight: 700; }

/* 이용 회원 통계 */
.statistics-summary {background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 1px solid #eee;}
.statistics-summary .summary-grid {display:grid; gap:24px; grid-template-columns: repeat(3, 1fr); }
.statistics-summary .summary-grid.count-4 {display:grid; gap:24px; grid-template-columns: repeat(4, 1fr); }
.statistics-summary .summary-grid .summary-item {display:flex; flex-direction:column; gap:8px; min-height:80px; }
.statistics-summary .summary-grid .summary-item .title {font-weight:700; font-size:14px; color:#4b5563;white-space: nowrap;}
.statistics-summary .summary-grid .summary-item .count {font-weight:700; font-size:24px; color:#000;}
.statistics-summary .summary-grid .summary-item .date {font-weight:400; font-size:12px; color:#676767;}

/* 매출 분석 통계 */
.summary-container-grid {display: grid;gap: 24px;grid-template-columns: repeat(4, 1fr);margin-bottom: 20px;}
.summary-container-grid-3 {display: grid;gap: 24px;grid-template-columns: repeat(3, 1fr);margin-bottom: 20px;}

.statistics-user {padding: 30px 40px; border: 1px solid #e6e6e6; border-radius: 10px;}
/*.statistics-user .user-grid {display:grid; gap:24px; grid-template-columns: repeat(3, minmax(0,1fr)); }*/
.statistics-user .user-grid {display:grid; gap:24px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.statistics-user .user-grid.count-2 {grid-template-columns: 1fr 1fr; }
.statistics-user .user-grid.count-3 {grid-template-columns: 1.1fr 1.3fr 1.5fr; }
.statistics-user .user-grid .user-item {font-size: 14px; color:#465057; font-weight: 700;}
.statistics-user .user-grid .user-item .sub {font-size: 12px; color: #676767; font-weight: 400;}

.user-item .chart-wrapper { display: flex; align-items: center; justify-content: space-evenly; gap: 10px; width: 100%; margin-top: 6px;}
.user-item .chart-wrapper canvas { flex: 1 1 auto; max-width: 60%;  }
.user-item .chart-wrapper .chart-legend { flex: 1; font-size: 13px; line-height: 1.5; display: flex; flex-direction: column; justify-content: center; }

.statistics-usage {padding: 30px 40px; border: 1px solid #e6e6e6; border-radius: 10px;}
.statistics-usage .usage-grid {display:grid; gap:24px; grid-template-columns: repeat(3, minmax(0,1fr)); }

/* 원형 그래프 */

.chart-container-wrapper{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;}
.chart-center-wrap {position: relative;}
.center-text-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;pointer-events: none;line-height: 1.2;}
.total-label {font-size: 14px;color: #888;}
.total-value {font-size: 20px;font-weight: bold;color: #333;}

@media only screen and (max-width: 768px){
    .statistics-summary .summary-grid{ grid-template-columns: repeat(1, minmax(0,1fr)); }
    /*.user-grid { grid-template-columns: repeat(1, minmax(0,1fr)); }*/
    .statistics-user .user-grid { grid-auto-flow: row; grid-template-columns: 1fr;  }
}
@media (max-width:1024px){
    .statistics-summary .summary-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    .statistics-user .user-grid { grid-auto-flow: row; grid-template-columns: 1fr;  }
}