@charset "utf-8";
/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input[type="text"],
input[type="date"],
input[type="datetime-local"],
input[type="number"],
input[type="password"],
select {height:30px; border:#ddd 1px solid; border-radius:3px; outline:0; padding:0 10px; transition:.2s linear;}
select {min-width: 90px;background:url('/backoffice/pub/images/arrow_select.svg') #fff no-repeat right 12px center; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="text"],
input[type="number"],
input[type="datetime-local"],
input[type="date"] {background-position:right 9px center;}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {border-color:#999;}
body.ie select {padding:0 0 0 20px !important; background:none;}
textarea {border:#ddd 1px solid; border-radius:3px;}
button,a {transition:.2s linear;}
.imgfit img {width:100%; height:100%; object-fit:cover;}

.mo_vw {display:none !important;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 스크롤바 */
::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#b5b5b5; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#fff; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#0348a5; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle; background:none;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

/* 관리자 로그인 */
.login_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:url('/backoffice/pub/images/bg_login.jpg') no-repeat 50% 50% / cover;}
.login_wrap .login_inbox {position:absolute; top:50%; left:50%; width:540px; max-width:calc(100% - 40px); background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,.2) 0 2px 10px; padding:60px 70px; transform:translate(-50%,-50%);}
.login_wrap .title {font-size:40px; color:#2668b4; font-weight:700; line-height:30px; text-align:center; margin-bottom:30px;}
.login_wrap .title .kor {font-size:20px; color:#a5c1e0; line-height:20px; margin-top:16px;}
.login_wrap .inputs {}
.login_wrap .text {display:block; font-size:12px; color:#333; width:100%; height:40px; border:#ddd 1px solid; border-radius:4px; padding:0 15px; margin-top:20px;}
.login_wrap .text::placeholder {color:#999;}
.login_wrap .text:first-child {margin-top:0;}
.login_wrap .btn {display:block; font-size:14px; color:#fff; font-weight:900; line-height:50px; height:50px; width:100%; border:0; background:#2668b4; border-radius:4px; text-align:center; margin-top:30px;}
.login_wrap .btn:before {content:""; display:inline-block; vertical-align:top; width:10px; height:50px; background:url('/backoffice/pub/images/icon_login.svg') no-repeat 50% 50% / contain; margin-right:5px;}
.login_wrap .btm_txt {margin-top:40px; border-top:#ddd 1px solid; padding-top:25px; font-size:12px; color:#999; line-height:20px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:100px; background:#0348a5; z-index:100; padding:0 522px 0 204px; transition:.2s linear;}
.header .logo {position:absolute; top:0; left:30px; font-size:20px; color:#f2f5f9; font-weight:900; line-height:100px;}
.header .logo:before{content:""; display:inline-block; vertical-align:top; width:40px; height:100px; background:url('/backoffice/pub/images/icon_admlogo.svg') no-repeat 50% 50% / contain; margin-right:10px;}
.header .gnb ul {display:flex; justify-content:center; align-items:center; height:100px;}
.header .gnb li {margin:0 5px;}
.header .gnb li a {width:64px; height:64px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px;}
.header .gnb li a img {height:24px;}
.header .gnb li a p {font-size:12px; color:#fff; font-weight:700; line-height:18px; margin-top:5px; text-align: center;}
.header .gnb li.on a {background:#012c64;}
.header .mem_set {position:absolute; top:0; right:30px; display:flex;}
.header .mem_set > * {font-size:12px; color:#fff; line-height:100px;}
.header .mem_set .name {font-weight:700; display:flex; padding-left:10px;}
.header .mem_set .name i {width:30px; height:100px; font-size:0; margin-right:10px;}
.header .mem_set .name i img {width:30px; height:30px; border-radius:50%;}
.header .mem_set a {position:relative; padding-left:20px; margin-left:20px;}
.header .mem_set a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:rgba(255,255,255,.5); transform:translate(0,-50%);}

/* aside */
.aside {position:fixed; top:100px; left:0; width:210px; height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); z-index:90; transition:.2s linear;}
.aside.opcl {left:-210px;}
.aside .in_scroll {position:relative; width:100%; height:100%; overflow:auto; box-shadow:rgba(16,4,6,.2) 0 2px 3px; background:#fff; z-index:1;}
.aside .menu {margin-bottom:40px;}
.aside .menu dt {position:relative; font-size:12px; color:#444; font-weight:900; line-height:40px; padding:0 30px 0 20px; cursor:pointer;}
.aside .menu dt i {position:absolute; top:0; right:15px; width:14px; height:100%; background:url('/backoffice/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.aside .menu .on dt i {transform:rotate(180deg);}
.aside .menu dd {background:#f8f8f8; padding:8px 10px; display:none;}
.aside .menu .on dd {display:block;}
.aside .menu dd a {display:block; font-size:12px; color:#555; line-height:24px; padding:0 10px; margin-top:16px; border-radius:2px;}
.aside .menu dd a:first-child {margin-top:0;}
.aside .menu dd a.on {color:#1259ab; font-weight:700; background:#eee;}
.aside .visit {padding:0 20px 20px;}
.aside .visit .time {font-size:12px; color:#444; font-weight:700; line-height:12px; margin-bottom:10px;}
.aside .visit li {background:#e3ecf9; padding:10px; border-radius:10px; display:flex; margin-bottom:10px;}
.aside .visit li:last-child {margin-bottom:0;}
.aside .visit li i {width:40px; height:40px; border-radius:10px; background:#fff no-repeat 50% 50% / 20px;}
.aside .visit li i.i1 {background-image:url('/backoffice/pub/images/icon_visit01.svg');}
.aside .visit li i.i2 {background-image:url('/backoffice/pub/images/icon_visit02.svg');}
.aside .visit li i.i3 {background-image:url('/backoffice/pub/images/icon_visit03.svg'); background-size:22px;}
.aside .visit li i.i4 {background-image:url('/backoffice/pub/images/icon_visit04.svg'); background-size:26px;}
.aside .visit li i.i5 {background-image:url('/backoffice/pub/images/icon_visit05.svg'); background-size:22px;}
.aside .visit li .txt {position:relative; width:calc(100% - 60px); padding-right:10px; margin-left:20px; text-align:right; font-size:12px; color:#444; line-height:20px;}
.aside .visit li .txt:before {content:""; position:absolute; top:50%; left:0; width:1px; height:30px; background:#0248a4; transform:translate(0,-50%);}
.aside .visit li.bar {width:100%; height:1px; background:#ddd; border-radius:0; margin:10px 0; padding:0;}
.aside .btn_aside {position:absolute; top:50%; right:-15px; width:15px; height:120px; transform:translate(0,-50%); background:#fff; border-radius:0 10px 10px 0; box-shadow:rgba(16,4,6,.2) 0 2px 3px;}
.aside .btn_aside:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/backoffice/pub/images/arrow_aside_open.svg') no-repeat 50% 50% / 5px; transition:.2s linear;}
.aside.opcl .btn_aside:before {transform:scale(-1);}

/* page */
.iframe_container {position:relative; padding:30px 30px 30px 30px; background:#f2f5f9; min-height:calc((var(--vh, 1vh) * 100) - 100px); transition:.2s linear;}
.container {position:relative; margin-top:100px; padding:30px 30px 70px 240px; background:#f2f5f9; min-height:calc((var(--vh, 1vh) * 100) - 100px); transition:.2s linear;}
.container.full {padding-left:30px;}
.title {font-size:16px; color:#000; font-weight:900; line-height:22px; margin-bottom:20px;}
.inbox {background:#fff; box-shadow:rgba(16,4,6,.1) 0 1px 2px; padding:30px 30px 60px; border-radius:10px;}

/* 상단 검색 */
.top_search {display:flex; flex-wrap:wrap; padding-top:15px; margin-bottom:30px;}
.top_search dl {margin:15px 1vw 0 0;}
.top_search dt,
.top_search dd {font-size:12px; color:#555;}
.top_search dt {font-weight:700; line-height:14px; margin-bottom:5px;}
.top_search dd {display:flex;}
.top_search dd input,
.top_search dd .nice-select {width:7.8vw; max-width:150px;}
.top_search dl.w2 .nice-select {width:15.6vw; max-width:300px;}
.top_search dd em {width:17px; height:30px; line-height:30px; text-align:center;}
.top_search .search_wrap {width:100%;}
.top_search .search_wrap input[type="text"] {width:26vw; max-width:500px; margin-left:.5vw;}
.top_search .search_wrap button {font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:100px; background:#3e4450; border-radius:3px; display:flex; justify-content:center; align-items:center; margin-left:1vw;}
.top_search .search_wrap button:before {content:""; width:15px; height:30px; background:#fff; mask:url('/backoffice/pub/images/icon_search.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/backoffice/pub/images/icon_search.svg') no-repeat 50% 50% / contain; margin-right:7px;}

/* 달력 */
.hasDatepicker {background:url('/backoffice/pub/images/icon_month.svg') no-repeat right 9px center / 13px;}
.ui-datepicker {width:240px; margin-top:-1px; display:none;}
.ui-datepicker-trigger {display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#0348a5; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:60px; height:24px; line-height:22px; margin:8px 2px 0; padding:0 5px; background-position:right 5px center;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#0348a5;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#0348a5;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}

/* 목록 */
.bdr_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.bdr_top .left {display:flex;}
.bdr_top .left .total {font-size:12px; color:#555; line-height:20px; margin-right:20px;}
.bdr_top .left .total strong {color:#0248a4;}
.bdr_top .left .down {display:flex;}
.bdr_top .left .down a {font-size:12px; color:#fff; line-height:20px; height:20px; border-radius:3px; background:#596786; padding:0 7px; margin-right:5px;}
.bdr_top .left .down a:last-child {margin-right:0;}
.bdr_top .left .down .excel {padding-left:25px; background:url('/backoffice/pub/images/icon_excel.svg') #596786 no-repeat 8px 50% / 12px;}
.bdr_top .count {line-height:30px; font-size:12px; color:#555;}
.bdr_top .count .nice-select {margin-right:10px;}
.bdr_list col.check {width:30px;}
.bdr_list th,
.bdr_list td {font-size:12px; height:51px;}
.bdr_list thead th {color:#555; font-weight:700; background:#e3ecf9;}
.bdr_list tbody td {color:#666; padding:0 10px; border-bottom:#ddd 1px solid; transition:.2s linear; word-break:break-all;}
.bdr_list tbody td .nice-select {margin:0 auto; float:none;}
.bdr_list tbody td .btns {display:flex; justify-content:center; margin:0;}
.bdr_list tbody td .btn {width:52px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; background:#2668b4; margin:0 5px; border-radius:3px;}
.bdr_list tbody td .btn:first-child {margin-left:0;}
.bdr_list tbody td .btn:last-child {margin-right:0;}
.bdr_list tbody td .btn:before {content:""; display:inline-block; vertical-align:top; height:20px; background:no-repeat 50% 50% / contain;}
.bdr_list tbody td .btn.del {background:#e1e4eb; color:#555;}
.bdr_list tbody td .btn.perf:before {background-image:url('/backoffice/pub/images/icon_perf.svg'); width:9px; margin-right:4px;}
.bdr_list tbody td .btn.modi:before {background-image:url('/backoffice/pub/images/icon_modi.svg'); width:11px; margin-right:1px;}
.bdr_list tbody td .btn.del:before {background-image:url('/backoffice/pub/images/icon_del.svg'); width:7px; margin-right:7px;}
.bdr_list tbody td.memobox {padding:5px;}
.bdr_list tbody td.memobox textarea {display:block; width:100%; height:60px; padding:5px;}
.bdr_list tbody td.memobox .btn {margin:5px auto 0;}

/* 게시판 하단 */
.bdr_btm {position:relative; margin-top:32px;}
.bdr_btm .paging {display:flex; justify-content:center; align-items:center;}
.bdr_btm .paging a {display:block; font-size:12px; color:#555; line-height:25px; height:25px; width:25px; margin:0 5px; text-align:center; border-radius:3px;}
.bdr_btm .paging a.on {color:#fff; font-weight:900; background-color:#2668b4;}
.bdr_btm .paging .arrow {font-size:0; background:no-repeat 50% 50% / auto 13px; background-color:#fff !important;}
.bdr_btm .paging .first {margin-right:15px; background-image:url('/backoffice/pub/images/arrow_first.svg');}
.bdr_btm .paging .prev {margin-right:20px; background-image:url('/backoffice/pub/images/arrow_prev.svg');}
.bdr_btm .paging .next {margin-left:20px; background-image:url('/backoffice/pub/images/arrow_next.svg');}
.bdr_btm .paging .last {margin-left:15px; background-image:url('/backoffice/pub/images/arrow_last.svg');}
.bdr_btm .btns {position:absolute; top:0; right:20px; display:flex;}
.bdr_btm .btns .btn {font-size:12px; color:#fff; font-weight:700; line-height:30px; height:30px; width:70px; text-align:center; background:#2668b4; margin-left:10px; border-radius:3px;}
.bdr_btm .btns .btn_del {background:#3e4450;}
.bdr_btm .btns .btn:first-child {margin-left:0;}

/* 체크박스 */
label.check {position:relative; font-size:12px; color:#555; line-height:13px; margin-right:20px; padding-left:18px;}
label.check:last-child {margin-right:0;}
label.check.notxt {padding-left:0; margin:0;}
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; display:block; width:13px; height:13px; background:#fff; border:#ddd 1px solid; border-radius:2px; margin:-7px 0 0; transition:.2s linear;}
label.check.notxt i {position:relative; top:0; margin:0 auto;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/backoffice/pub/images/icon_check.svg') no-repeat 50% 2px / 9px; opacity:0; transition:.2s linear;}
label.check input:checked + i {background:#1259ab; border-color:#1259ab;}
label.check input:disabled + i {background:#9b9b9b; border-color:#9b9b9b;}
label.check input:checked + i:before {opacity:1;}

/* 라디오박스 */
label.radio {position:relative; display:inline-block; padding-left:18px; margin-right:20px;}
label.radio:last-child {margin-right:0;}
label.radio input {display:none;}
label.radio i {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:#fff; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; margin:0; background:#1259ab; border-radius:50%; transition:.2s linear;}
label.radio input:checked + i {border-color:#1259ab;}
label.radio input:checked + i:before {width:8px; height:8px; margin:-4px 0 0 -4px;}

/* 입력 */
.write_tbl .tit {font-size:16px; color:#444; font-weight:700; line-height:30px; padding-bottom:9px; border-bottom:#555 1px solid; margin:40px 0 20px;}
.write_tbl .tit .btn {display:inline-block; vertical-align:top; font-size:12px; color:#666; line-height:28px; height:30px; width:70px; background:#eee; border:#ddd 1px solid; border-radius:3px; text-align:center; margin-left:10px;}
.write_tbl .tit input {margin-left:10px; display:inline-block; vertical-align:top;}
.write_tbl table tr.tline {border-top:#ddd 1px dashed;}
.write_tbl table th,
.write_tbl table td {font-size:12px; vertical-align:top;}
.write_tbl table th {color:#333; font-weight:700; line-height:20px; padding:14px 0 14px 25px; text-align:left; width:220px;}
.write_tbl table th i {color:#1259ab;}
.write_tbl table td {color:#555; padding:7px 0;}
.write_tbl table td .inputs {display:flex; flex-wrap:wrap; gap:5px;align-items: center;}
.write_tbl table td label.check,
.write_tbl table td label.radio {line-height:20px; padding-top:5px; padding-bottom:5px;}
.write_tbl table td input,
.write_tbl table td select,
.write_tbl table td textarea {max-width:100%;}
.write_tbl table td .w1 {width:70px;}
.write_tbl table td .w2 {width:110px;}
.write_tbl table td .w3 {width:240px;}
.write_tbl table td .w4 {width:500px;}
.write_tbl table td em {display:inline-block; vertical-align:top; line-height:30px; text-align:center;}
.write_tbl table td em.w1 {width:15px;}
.write_tbl table td em.w2 {width:20px;}
.write_tbl table td .btn {width:52px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; background:#2668b4; margin:0 5px; border-radius:3px;}


/* 상호 반절 쪼개기 */
.write_tbl table td .half {display:flex; flex-wrap:wrap; width:100%; max-width:760px; margin-top:-5px;}
.write_tbl table td .half li {width:50%; min-width:240px; display:flex; line-height:30px; margin-top:5px;}
/* 추가삭제 */
.write_tbl .plus_minus li {display:flex; margin-bottom:5px;}
.write_tbl .plus_minus li:last-child {margin-bottom:0;}
.write_tbl .plus_minus button {font-size:12px; color:#666; line-height:28px; height:30px; width:50px; background:#eee; border:#ddd 1px solid; border-radius:3px; text-align:center; margin-left:3px;}
/* 주소입력 */
.write_tbl .address {display:flex;}
.write_tbl .address li {display:flex; margin-left:-3px;}
.write_tbl .address li button {display:block; font-size:12px; color:#fff; line-height:30px; height:30px; width:70px; text-align:center; background:#666; border-radius:3px; margin-left:3px;}
.write_tbl .address li + li {margin-left:10px;}
.write_tbl .address li input {margin-left:3px;}
/* 이메일 */
.email .nice-select,
.email select {margin-left:5px;}
/* 파일선택 */
.filebutton {position:relative; width:70px; height:30px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:30px; font-size:12px; color:#fff; background:#666; text-align:center; vertical-align:top; border-radius:3px;}
.filebutton input {z-index:999; position:absolute; top:-1px; left:-205%; max-width:300% !important; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {width:calc(100% - 80px); height:30px; line-height:30px; padding:0 10px; overflow:hidden; color:#666; font-size:12px; white-space:nowrap;}
/* 하단 버튼 */
.write_tbl .btns {position:relative; margin-top:30px; display:flex; justify-content:center;}
.write_tbl .btns .btn {font-size:12px; color:#fff; font-weight:700; line-height:30px; width:120px; margin:0 10px; background:#3e4450; border-radius:3px; text-align:center;}
.write_tbl .btns .btn_list {position:absolute; top:0; left:0; width:70px;}
.write_tbl .btns .btn_save {background:#2668b4;}

/* 단독 별도 페이지 */
.container.full_single {padding:0; margin:0; color:#222;}
.container.full_single .inbox {padding:30px; min-height:100vh; border-radius:0; border:0;}
.container.full_single .ctit {font-size:32px; font-weight:700; text-align:center;}
.container.full_single .writer_name {font-size:20px; font-weight:500; margin:15px 0; text-align:center; font-style:italic;}
.container.full_single dl {margin-bottom:40px;}
.container.full_single dl:last-child {margin-bottom:0;}
.container.full_single dt,
.container.full_single dd {font-size:14px; line-height:24px; padding:10px 5px;}
.container.full_single dt {font-weight:700;}
.page_break {page-break-after:always;}