@charset "utf-8";

/*==============================================================
>>> TABLE OF CONTENTS :
================================================================
1. Import
2. Normalize
3. Guide
	3.1. Helper
	3.2. Ico
	3.3. Forms
	3.4. Button
	3.5. Datepicker
	3.6. Modals(popup)
4. Content
	4.1. Common
	4.2. Login
	4.3. System
	4.4. Etc

--------------------------------------------------------------*/

/*==============================================================
1. Import
==============================================================*/
@import url('../../asset/css/font.css');
@import url('../../asset/css/pe-icon-7-stroke.css');
@import url('../../asset/css/materialize.css');

/*==============================================================
2. Normalize
==============================================================*/
/* HTML5 Reset */
* {margin:0;padding:0;font-weight:500;color:#111;-webkit-text-size-adjust:100%;word-break:keep-all;word-wrap:break-word;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:focus {outline:none;}

html, body {font-family:'NotoSans', 'SpoqaHanSansRegular', 'NANUMSQUARER', 'MoebiusRegularkor', 'MoebiusKorea-Bold', Arial, sans-serif;}

button {text-align:center;cursor:pointer;border:none;margin:0;padding:0;overflow:visible;background:transparent;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* Remove excess padding and border in Firefox 4+ */
*::-moz-focus-inner {border:0;padding:0;}

fieldset,img {border:0;}
ul,li {list-style:none;}

table {table-layout:fixed;border-collapse:inherit;border-spacing:0;word-wrap:break-word;}
table td {word-wrap:break-word;}
table td,
table th {padding:0 5px;}

button,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="radio"],
input[type="checkbox"],
input[type="search"],
select {border-radius:0;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="search"] {border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=search]::-ms-clear {display:none;}
textarea {resize:none;border-radius:0;}

a {text-decoration:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;vertical-align:top;
    -webkit-transition:color 300ms, background-color 300ms, opacity 300ms;
	-moz-transition:color 300ms, background-color 300ms, opacity 300ms;
	transition:color 300ms, background-color 300ms, opacity 300ms;
}
a:active,
a:focus,
a:hover {text-decoration:none;}
hr,
legend,
caption,
em {font-style:normal;}
img {vertical-align:top;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", alpha(opacity=0))";}
strong {font-weight:normal;}
i, cite, em, var, address, dfn {font-style:normal;}

input::-webkit-input-placeholder {}
input::-moz-placeholder {}
input::-ms-input-placeholder {}

/*
::-webkit-scrollbar {
	display:none;
}
*/

/* 스크롤 감춤 크롬&익스
body::-webkit-scrollbar {display:none;}
.wrap {-ms-overflow-style:none;}
*/

::-webkit-scrollbar {-webkit-appearance:none;}
::-webkit-scrollbar:vertical {width:4px;}
::-webkit-scrollbar:horizontal {height:0;}
::-webkit-scrollbar-thumb {background-color:#666;}
::-webkit-scrollbar-track {background-color:#dee1e3;}


/*==============================================================
3. Guide
==============================================================*/

/*--------------------------------------------------------------
3.1. Helper
--------------------------------------------------------------*/
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-overflow {overflow:hidden;line-height:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.text-overflow2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.point,
.active,
.active a {color:#a3171b;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.blind {overflow:hidden;position:absolute;left:-9999px !important;top:-9999px !important;}
.table {display:table;table-layout:fixed;width:100%;}
.cell {display:table-cell !important;vertical-align:middle !important;}
.row {position:relative;margin-bottom:0;}
.pos-rgt {text-align:-webkit-right;}
.mb10 {margin-bottom:10px;}
.mt80 {margin-top:80px;}

.col {position:relative;padding:0 !important;}
.col-1 {width:100%;}
.col-2 {width:50%;}
.col-3 {width:33.3333%;}

.mot1 {
	-webkit-transition:all 0.01s;
	-moz-transition:all 0.01s;
	-o-transition:all 0.01s;
	transition:all 0.01s;
}

.mot2 {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.mot3 {
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.mot4 {
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.mot5 {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.mot6 {
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
}

/*--------------------------------------------------------------
3.2. Ico
--------------------------------------------------------------*/
i.ico {
	width:0;height:0;
	display:inline-block;vertical-align:top;color:transparent;
	overflow:hidden;line-height:999px;
	background:url('../images/ico/ico-sp.png') no-repeat;
	-webkit-background-size:600px 600px;
	background-size:600px 600px;
}
.ico-arrow{display:inline-block;margin:-2px 11px 0 7px;width:7px;height:13px;background:url(../images/ico/ico_flow.png) no-repeat 0 0;vertical-align:middle;}

[class^='ico-type'] {background:url(../images/ico/icon-type.png) center no-repeat;width:30px;height:30px;background-size:contain;display:block;margin:0 auto;}
.ico-type2 {background:url(../images/ico/icon-type2.png) center no-repeat;background-size:contain;}
.ico-type3 {background:url(../images/ico/icon-type3.png) center no-repeat;background-size:contain;}
.ico-type4 {background:url(../images/ico/icon-type4.png) center no-repeat;background-size:contain;}

/*--------------------------------------------------------------
3.3. Forms
--------------------------------------------------------------*/
input::-webkit-input-placeholder {font-size:14px;height:60px;line-height:60px;color:#999;}
input::-moz-placeholder {font-size:14px;height:60px;line-height:60px;color:#999;}
input::-ms-input-placeholder {font-size:14px;height:60px;line-height:60px;color:#999;}

.input-field input[type="password"] {font-family:'SpoqaHanSansRegular';}

.input-field.active input, .input-field textarea:focus {border:1px solid #a3171b !important;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

/* disabled */
input:disabled {background:#f3f3f3;color:#111 !important;}
input:read-only {background:#f3f3f3;color:#111;border:none;}
input:read-only:focus {border-color: #eaebed!important;}
[type="radio"]:disabled:not(:checked) + span:before {border-color: #eaebed;background:#f3f3f3;}
.select-wrapper.disabled svg {display:none;}



/* radio & checkbox */
[type="radio"]:not(:checked), [type="radio"]:checked,
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {width:auto !important;height:auto !important;line-height:inherit !important;}

[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {border:1px solid #cbcbcf;}
[type="radio"]+span:before, [type="radio"]+span:after {width:20px;height:20px;}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before {border:1px solid #cbcbcf;}
[type="radio"].with-gap:checked+span:after {border:none;}
[type="radio"].with-gap:checked + span:after {-webkit-transform:scale(0.55);transform:scale(0.55);}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {background-color:#a3171b;}
[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {padding-left:30px;height:28px;line-height:28px;font-size:14px;color:#111;}

[type="checkbox"].filled-in + span:not(.lever):after {border-radius:0;}
[type="checkbox"]+span:not(.lever) {padding-left:30px;margin-top:3px;height:20px;line-height:19px;font-size:13px;word-break:break-all;}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {width:20px;height:20px;border:1px solid #cbcbcf;background-color:#fff;}
[type="checkbox"].filled-in:checked+span:not(.lever):after {width:20px;height:20px;border:1px solid #a3171b;background-color:#a3171b;}
[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top:-1px;left:0px;width:8px;height:13px;
	border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;
	-webkit-transform:rotateZ(42deg);transform:rotateZ(42deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;
}


/*--------------------------------------------------------------
3.4. Button
--------------------------------------------------------------*/
button span:hover,
button span:focus,
button span:active {
	color:#fff;
}

.btn-div {display:block;text-align:center;line-height:1;}
.btn-pos {overflow:hidden;position:relative;display:block;margin-top:30px;text-align:center;font-size:0;}
.btn-pos .btn-lft {float:left;}
.btn-pos .btn-rgt {float:right;}
.btn-pos.type3 {text-align: left;}
.btn-pos.type3 .rgt {float:right;}
.btn-pos.type3 button+button {margin-left:10px;}
.btn-pos .btn-medium {float:right;width:160px;}

.btn:hover,
.btn:focus {background-color:#a3171b;color:#fff;}

.btn {width:100%;height:70px;line-height:70px;font-family:'NANUMSQUARER';font-size:18px;background-color:#a3171b;color:#fff;border-radius:0;text-transform:none;}
.btn-white {width:100%;height:70px;line-height:70px;font-family:'NANUMSQUARER';font-size:18px;background-color:#fff;color:#000;border-radius:0;text-transform:none;border:1px solid #000;}

.btn-double .btn {width:49.49%;margin-left:1%}
.btn-double .btn:first-child {margin-left:0;}
.btn-double .btn.orange {background-color:#a3171b;}
.btn-double .btn.gray {background-color:#666;}

.btn-small {width:140px;height:50px;line-height:50px;font-family:'NANUMSQUARER';font-size:16px;color:#fff;}
.btn-small.v2{height:35px;line-height:35px;}
.btn-small.v3{height:40px;line-height:40px;}
.btn-small.orange {background-color:#a3171b;}
.btn-small.gray {background-color:#666;}
.btn-small.black {background-color:#000;}

.btn-board {}
.btn-board-small {width:100px;height:36px;line-height:36px;font-family:'NANUMSQUARER';font-size:14px;background-color:#f5f5f5;border:1px solid #cbcbcb;}
.btn-board-small.gray {width:100px;height:36px;background-color:#666;color:#fff;border:none;}
.btn-board-small.orange {width:100px;height:36px;background-color:#a3171b;color:#fff;border:none;}
.btn-board-file {width:100px;height:40px;line-height:40px;font-family:'NANUMSQUARER';font-size:14px;background-color:#f5f5f5;border:1px solid #cbcbcb;}
.btn-board-file .btn-board-small {border:0;background:none;height:100%;}

.btn.disabled {}

[class^='btn-sample'] {display:inline-flex;align-items:center;justify-content:center;width:70px;height:28px;background:#000;color:#fff;font-size:13px;}
.btn-sample2 {background:#fff;color:#000;}
.btn-sample3 {border:1px solid #000;background:transparent;color:#000;}

/* 게시물 페이지 버튼 */
.pagination-cont {position:relative;line-height:30px;}

.pagination {padding:0;font-size:0;text-align:center;padding-top:20px;}
.pagination>div {vertical-align:middle;display:inline-block;}

.pagination .btn-arrow {background-color:#fff;height:35px;border-radius:50%;}
.pagination .btn-arrow a {display:inline-block;width:35px;line-height:35px;}

.pagination .btn-first {margin-right:0;}
.pagination .btn-last {margin-right:0;margin-left:0;}
.pagination .btn-prev {margin-right:20px;}
.pagination .btn-next {margin-left:20px;}

.pagination .ico-first {margin-top:11px;width:11px;height:11px;background-position:-9px -127px;}
.pagination .ico-prev {margin-top:11px;width:7px;height:11px;background-position:0 -127px;}
.pagination .ico-next {margin-top:11px;width:7px;height:11px;background-position:0 -127px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.pagination .ico-last {margin-top:11px;width:11px;height:11px;background-position:-9px -127px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}

.pagination .num-area {display:inline-block;}
.pagination .num-area ul li {border-radius:0;margin-right:5px;height:35px;background-color:#fff;}
.pagination .num-area ul li:first-child {margin-right:8px;}
.pagination .num-area ul li:last-child {margin-left:8px;}
.pagination .num-area ul li a {padding:0;width:35px;line-height:35px;font-size:16px;}
.pagination .num-area ul li {border-radius:50%;background-color:transparent;}
.pagination .num-area ul li.active {background-color:#a3171b;}
.pagination .num-area ul li.active a {color:#fff !important;}






/*--------------------------------------------------------------
3.5. Datepicker
--------------------------------------------------------------*/
.datepicker-field .modal-overlay {background:transparent !important;}

.datepicker-field input::-webkit-input-placeholder {font-size:14px;color:#999;}
.datepicker-field input::-moz-placeholder {font-size:14px;color:#999;}
.datepicker-field input::-ms-input-placeholder {font-size:14px;color:#999;}

.modal.datepicker-modal {box-shadow:none;position:absolute;top:45px !important;right:0;width:100%;min-width:220px;height:280px;min-height:280px;transform:none !important;overflow:unset !important;background:transparent;}

.modal.datepicker-modal .modal-content {padding:0;width:260px;position:absolute;top:9px;z-index:-1;}
.modal.datepicker-modal button {border:0;background-color:transparent;}

.datepicker-modal .caret {display:none;}
.datepicker-modal .select-wrapper input:not(.browser-default) {border:0;border-bottom:0 !important;padding:0 !important;font-family:'SpoqaHanSansRegular';font-size:14px;}

.datepicker-modal .datepicker-container {}
.datepicker-modal .datepicker-container .datepicker-date-display {display:none;}
.datepicker-modal .datepicker-container .datepicker-footer {display:none;}
.datepicker-modal .datepicker-calendar-container {position:relative;width:260px;background-color:#fff;border:1px solid #666;}
.datepicker-modal .datepicker-calendar-container:before {display:inline-block;content:'';position:absolute;top:-10px;left:50%;margin-left:-8px;
	width:15px;height:10px;
	display:inline-block;vertical-align:top;color:transparent;
	overflow:hidden;line-height:999px;
	background:url('../images/ico/ico-sp.png') no-repeat;
	-webkit-background-size:600px 600px;
	background-size:600px 600px;
	background-position:0 -50px;
}

.datepicker-modal .selects-container {}
.datepicker-modal .selects-container .select-wrapper {position:absolute;top:0;left:0;}
.datepicker-modal .selects-container .select-year {left:90px;}
.datepicker-modal .selects-container .select-year:before {display:block;content:'.';position:absolute;right:4px;bottom:14px;}

.datepicker-modal .selects-container .select-month {display:table-cell;position:relative;left:130px;}
.datepicker-modal .selects-container .select-wrapper input {margin-bottom:0;text-align:center;}
.datepicker-modal .selects-container .select-year input {width:50px !important;}
.datepicker-modal .selects-container .select-month input {width:30px !important;}

.datepicker-modal .datepicker-container .month-prev {position:absolute;left:30px;top:11px;z-index:900;}
.datepicker-modal .datepicker-container .month-next {position:absolute;right:30px;top:11px;z-index:900;}

.datepicker-modal .datepicker-controls {position:relative;display:block;margin:0 auto;width:100%;height:46px;}
.datepicker-modal .datepicker-controls svg {fill:#999;height:23px;}


.datepicker-table-wrapper {margin:0;}
.datepicker-table-wrapper .datepicker-table {padding:0 15px 10px;width:100%;}

.datepicker-table th {background-color:#fff !important;padding:0 !important;border-top:1px solid #f5f5f5 !important;border-bottom:1px solid #f5f5f5 !important;height:30px !important;text-align:center !important;font-family:'SpoqaHanSansRegular' !important;}
.datepicker-table th,
.datepicker-table-wrapper table td {text-align:center;}
.datepicker-table th {border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;line-height:35px;}
.datepicker-table th abbr {border-bottom:none;text-decoration:none;font-size:12px;color:#999;}
.datepicker-table th:first-child abbr {color:#a3171b;}

.datepicker-table tr:first-child td {padding-top:8px !important;}
.datepicker-table td {border-radius:100%;padding:0 !important;border-bottom:0 !important;height:auto !important;}
.datepicker-table td button {display:block;margin: 0 auto;width:24px;padding:0;border-radius:50%;font-size:12px;line-height:24px;color:#666;}
.datepicker-table td button:focus {background:rgba(255, 114, 0, 0.2);}

.datepicker-table td.is-selected {background-color:transparent;}
.datepicker-table td.is-selected button {background-color:#a3171b;color:#fff;}
.datepicker-table td.is-disabled, .wrap-system .table-field tr td .datepicker-table td.is-disabled,
.datepicker-table td.is-disabled button{color:#ddd;cursor:default;}


.dropdown-content {width:50px !important;min-width:50px;}
.dropdown-content li {min-height:20px;line-height:20px;}
.dropdown-content li>a,
.dropdown-content li>span {font-size:12px;color:#111;line-height:20px;padding:0;}


/*--------------------------------------------------------------
3.6. Modals(popup)
--------------------------------------------------------------*/
.modal {outline:0;width:560px;max-height:100%;background-color:#fff;border-radius:0;box-shadow:none;transition:none;
	-webkit-transform:translateY(-50%) !important;
	transform:translateY(-50%) !important;
}

.modal.type2 {width:650px;}
.modal.type2 .modal-footer {padding-bottom:20px;}
.modal.type2 p {font-size:14px;line-height:1.45em}
.modal.type2 .modal-content .sortable-wrap {margin-top:10px;max-height:450px;}
.modal.type2 .modal-content .table-field.row-table tbody tr td {text-align: center}

.modal.type3 {width:375px;}
.modal.type3 .modal-title p{font-size:22px;}
.modal.type3 .modal-content {max-height: 80vh;text-align: center;}
.modal.type3 .modal-content img {width:100%}

.modal .btn-close {position:absolute;top:0;right:0;width:60px;height:60px;z-index:999;}
.modal .btn-close .ico-close {position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;width:22px;height:22px;background-position:-38px 0;}

.modal .modal-title {padding-top:20px;text-align:center;}
.modal .modal-title p {font-size:16px;line-height:22px;}

.modal .modal-content {position:relative;padding:15px 30px 30px;}

.modal .modal-content .table-field {border-top:2px solid #666;}
.modal .modal-content .table-field.row-table {}
.modal .modal-content .table-field.row-table tbody {}
.modal .modal-content .table-field.row-table tbody td,
.modal .modal-content .table-field.row-table tbody tr th {border-radius:0;padding:0;}

.modal .modal-content .table-field.row-table tbody tr th {padding:0 0 0 15px !important;background:#f3f3f3;font-size:14px;border-bottom:1px solid #e0e0e0;text-align:left;}
.modal .modal-content .table-field.row-table tbody tr td {position:relative;border-bottom:1px solid #e0e0e0;}

.modal .modal-content .table-field.row-table tbody tr td .input-field {padding:9px 15px;}
.modal .modal-content .table-field.row-table tbody tr td .input-field input {padding:0 0 0 15px;width:100%;height:46px;font-size:14px;border:1px solid #eaebed;}

.modal .modal-content .srch-cont .table-field.row-table tbody tr td{padding:8px 10px;}

.modal .modal-content .input-error {margin-top:15px;font-size:13px;line-height:16px;font-family:'돋움,Dotum';color:#ea0606;}

.modal .modal-content.complete {text-align:center;padding:90px 30px 60px;}
.modal .modal-content.complete strong {font-size:22px;line-height:1;}
.modal .modal-content.complete p {margin-top:20px;font-size:16px;color:#666;line-height:1;}

.modal .modal-footer {}
.modal .modal-footer .btn {height:60px;line-height:60px;font-family:'NANUMSQUARER';font-size:16px;background-color:#f3f3f3;color:#111;border-top:1px solid #e0e0e0;}

.modal.max{
	width:80%;
}
.modal .modal-content .sortable-wrap{display:flex;max-height:300px;overflow-y:auto;}
.modal .modal-content .sortable-wrap table:nth-child(2){margin-left:10px;}
.modal .modal-content .sortable-wrap.col2{display:flex;overflow:visible;}
.modal .modal-content .sortable-wrap.col2 .table-box{max-height:300px;overflow-y:auto;}
.modal .modal-content .sortable-wrap.col2 .table-box:nth-child(2){margin-left:10px;}
/* modal-img */
.modal.modal-img {width:700px;}
.modal.modal-img .btn-close {width:80px;height:70px;}

.modal.modal-img .modal-title {padding-top:0;text-align:left;height:70px;line-height:70px;border-bottom:1px solid #e0e0e0;}
.modal.modal-img .modal-title p {padding-left:30px;line-height:70px;}
.modal.modal-img .modal-content {padding:0;padding:10px;text-align:center;}
.modal.modal-img .modal-content>img{max-height:700px;}

.modal#modal-preview{width:1280px;}
.modal#modal-preview .modal-content{position:relative;overflow:hidden;padding:0;}
.modal#modal-preview.protrait{width:800px;}
#modal-preview .view-area{overflow:auto;}
#modal-preview .view-area #wrap{}
#modal-preview.protrait .view-area #wrap{}
#modal-preview .view-area #header{position:absolute;height:initial;text-align:left;}
#modal-preview .product-detail .detail-option-area{position:absolute;}
#modal-preview .btn-cart span{color:#fff;font-weight:500;}
#modal-preview .product-detail .detail-area .prd-cont{text-align:left;}
#modal-preview .product-detail .detail-area .prd-cont .prd-info .btn-info{width:initial;height:initial;background:0;margin-left:0;}
#modal-preview .tip-wrap .tip-box{font-weight:500;}
#modal-preview .product-detail .detail-area .prd-cont .tip-wrap .btn-type4{font-weight:500;}
#modal-preview .product-detail .detail-area .prd-cont .tip-wrap .txt{font-weight:500;}
#modal-preview .btn-prev2.fixed{position:absolute;left:40px;}
.protrait .product-detail .detail-area{height:873px;}
#modal-preview.protrait .product-detail .detail-option-area{width:100%;}
#modal-preview.protrait .product-detail .detail-area .prd-cont{margin-bottom:180px;}
/*==============================================================
4. Content
==============================================================*/
/*--------------------------------------------------------------
4.1. Common
--------------------------------------------------------------*/
#wrap {overflow: hidden}
#container {padding-top:65px;overflow-y: auto;}
.wrap-system #container {/*max-width:100%;min-width:100%;*/}

.wrap-system .page {display:block;margin:0 auto;padding:50px 32px 90px;width:100%;max-width:1920px;min-width:1200px;}

/* 사이드메뉴 */
.nav-side {position:relative;float:left;width:200px;height:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);background:#fff;
    border-right:1px solid #e0e0e0;
}

.nav-side .btn-side {position:absolute;top:0;right:-70px;width:70px;height:30px;border:1px solid #e0e0e0;border-radius:0 5px 5px 0;background-color:#fff;transition:none;}
.nav-side .css-arrow {margin-top:-2px;margin-left:-1px;display:inline-block;vertical-align:middle;width:0;height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #a3171b;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
}
.nav-side .btn-side .menu-text {font-size:14px;color:#a3171b;line-height:1;}


.nav-side .nav-list .row {margin-top:0;padding:15px;width:100%;border-top:1px solid #eaebed;}
.nav-side .nav-list .list-title .css-arrow {float:left;margin-top:11px;margin-right:10px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);}
.nav-side .nav-list .list-title {font-size:16px;color:#111;}
.nav-side .nav-list .list-title.active {color:#a3171b;}
.nav-side .nav-list .active-list {padding-left:20px;margin-top:10px;}
.nav-side .nav-list .active-list li a {display:block;height:30px;line-height:30px;font-size:14px;color:#666;}
.nav-side .nav-list .active-list li a:HOVER {color:#a3171b;}
.nav-side .nav-list .active-list li.active a {color:#a3171b;}




/* nav-active */
.nav-side.nav-active {height:100vh;
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
    position:fixed;
}
.nav-side.nav-active .btn-side {right:-30px;width:30px;height:30px;top:0;}
.nav-side.nav-active .btn-side .css-arrow {
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.system-cont {width:100%;border-left:0;}
.system-cont.nav-active-system {float:right;width:calc(100% - 200px);}

.header {position:fixed;width:100%;height:65px;z-index:90;}
.nav-top  {width:100%;height:100%;line-height:65px;background-color:#2c2e35;}
.nav-top .container {position:relative;padding:0 30px;}

.nav-top .gnb-title {display:inline-block;}
.nav-top .gnb-title .logo-text {display:block;color:#fff;font-size:20px;font-weight: 600}

.nav-top .gnb-sign {overflow:hidden;float:right;}
.nav-top .gnb-sign>div {float:left;}
.nav-top .gnb-sign .sign-cont {margin-right:10px;font-size:0;line-height:1;padding-top:26px;}

.nav-top .gnb-sign .sign-cont>p,
.nav-top .gnb-sign .sign-cont>p span {display:inline-block;font-size:13px;color:#fff;line-height:1;}
.nav-top .gnb-sign .sign-cont .sign-access {opacity:.6;}
.nav-top .gnb-sign .sign-cont .sign-name {position:relative;padding-left:11px;margin-left:10px;}

.nav-top .gnb-sign .sign-cont .sign-name a:before {display:block;content:'';position:absolute;bottom:-3px;left:12px;width:100px;border-bottom:1px solid #d5d5d7;opacity:0;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.nav-top .gnb-sign .sign-cont .sign-name a:hover:before {opacity:1;}

.nav-top .gnb-sign .sign-cont .sign-name:before {display:block;content:'';border-left:1px solid #818181;width:1px;height:11px;position:absolute;top:0;left:0;}
.nav-top .gnb-sign .sign-cont .sign-name .sign-id {margin-right:5px;}
.nav-top .gnb-sign .sign-cont .sign-name .css-arrow {margin-top:-1px;margin-left:2px;display:inline-block;vertical-align:middle;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.nav-top .gnb-sign .sign-cont .dropdown-content {top:57px !important;left:calc(100% - 300px) !important;width:270px !important;padding-top:8px;background:transparent;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 6px rgba(0,0,0,.2);
	box-shadow:0 0 6px rgba(0,0,0,.2);
}
.nav-top .gnb-sign .sign-cont .dropdown-content:before {display:inline-block;content:'';position:absolute;top:1px;left:50%;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;}


.nav-top .gnb-sign .sign-cont .dropdown-content .dropdown-cont {border:1px solid #666;background-color:#fff;}

.nav-top .gnb-sign .sign-cont .dropdown-content ul {padding:20px;}
.nav-top .gnb-sign .sign-cont .dropdown-content ul li {overflow:hidden;min-height:20px;line-height:20px;}
.nav-top .gnb-sign .sign-cont .dropdown-content ul li>div {float:left;}
.nav-top .gnb-sign .sign-cont .dropdown-content ul li .name {width:60px;font-size:12px;}
.nav-top .gnb-sign .sign-cont .dropdown-content ul li .value {font-size:12px;}
.nav-top .gnb-sign .sign-cont .dropdown-content .btn {height:40px;line-height:40px;font-family:'NANUMSQUARER';font-size:12px;background-color:#f3f3f3;color:#111;border-top:1px solid #e0e0e0;}



/* active */
.nav-top .gnb-sign .sign-cont.active .sign-name .css-arrow {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.nav-top .gnb-sign .sign-cont.active .sign-name a:before {opacity:1;}

.nav-top .gnb-sign .btn-sign {}
.nav-top .gnb-sign .btn-sign .btn {padding:0 10px;width:100%;height:24px;line-height:25px;font-size:12px;color:#bdbdbf;background-color:#4b4d53;}

/* nav-menu */
.nav-menu {display:inline-block;vertical-align: top}
.nav-menu ul {display:flex;margin-left:30px;}
.nav-menu ul li a {color:#fff;padding:0 20px;vertical-align: top}
.nav-menu ul li.active {background:#a3171b;}
.nav-menu ul li:hover {background-color:#a3171b;}


/*--------------------------------------------------------------
4.2. Login
--------------------------------------------------------------*/
.wrap-login {position:fixed;top:0;left:0;width:100%;height:100%;background:url('../images/admin_bg.jpg') no-repeat;background-size:cover;}
.wrap-login #container {}
.wrap-login .login-cont {/* margin:220px auto 0; */width:400px;text-align:center;position:absolute;top:44%;left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
/* .wrap-login .login-cont .title-logo {display:inline-block;width:229px;height:102px;} */
.wrap-login .login-cont .login-header {}
.wrap-login .login-cont .login-header .logo-text strong {font-weight: 700;color:#fff;font-size:48px;line-height:1.5em;}

.wrap-login .login-input {margin-top:45px;}
.wrap-login .login-input .input-field {height:60px;}

.wrap-login .login-input .input-field input::-webkit-input-placeholder {font-size:16px;height:60px;line-height:60px;color:#999;}
.wrap-login .login-input .input-field input::-moz-placeholder {font-size:16px;height:60px;line-height:60px;color:#999;}
.wrap-login .login-input .input-field input::-ms-input-placeholder {font-size:16px;height:60px;line-height:60px;color:#999;}

.wrap-login .login-input .input-field input {font-size:16px;border:0;padding:0 20px;width:100%;height:60px;line-height:60px;border:1px solid #fff;}
.wrap-login .login-input .input-field:last-child input {border-top:1px solid #e0e0e0;}

.wrap-login .login-info {overflow:hidden;margin-top:17px;}

.wrap-login .login-info .ico-tel {margin:2px 5px 0 0;width:13px;height:13px;background-position:0 -1px;}
.wrap-login .login-info .ico-mail {margin:4px 5px 0 0;width:15px;height:10px;background-position:0 -19px;}
.wrap-login .login-info .ico-next {margin:5px 0 0 3px;width:5px;height:9px;background-position:-5px -36px;}

.wrap-login .login-info .btn-contact {float:left;font-size:0;}
.wrap-login .login-info .btn-contact>a {display:inline-block;}
.wrap-login .login-info .btn-contact .btn-mail {position:relative;margin-left:10px;padding-left:11px;}
.wrap-login .login-info .btn-contact .btn-mail:before {display:block;content:'';border-left:1px solid #818181;width:1px;height:11px;position:absolute;top:3px;left:0;}
.wrap-login .login-info .btn-contact span {font-family:'SpoqaHanSansRegular';font-size:14px;color:#fff;line-height:1;opacity:.8;}

.wrap-login .login-info .btn-pwchange {float:right;}
.wrap-login .login-info .btn-pwchange span {font-size:13px;color:#a3171b;line-height:1;}

.wrap-login .footer {width:100%;position:absolute;bottom:65px;left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.wrap-login .footer .copyright {text-align:center;}
.wrap-login .footer .copyright p {font-family:'SpoqaHanSansRegular';color:#fff;font-size:12px;line-height:1;opacity:.5;}


/*--------------------------------------------------------------
4.3. System
--------------------------------------------------------------*/
/* footer */
.wrap-system .footer {width:100%;height:100px;border-top:1px solid #eaebed;}
.wrap-system .footer .copyright {text-align:center;}
.wrap-system .footer .copyright p {font-family:'SpoqaHanSansRegular';font-size:12px;line-height:100px;color:#999;}

.wrap-system h2 {font-size:18px;line-height:1;}
.wrap-system h3 {font-size:18px;line-height:1;}
.wrap-system h4 {font-size:18px;line-height:1;}

.wrap-system .page-title {position:relative;}
.wrap-system .page-title span {margin-left:8px;letter-spacing:-1px;}
.wrap-system .page-title i+span{margin-left:0;}
.wrap-system .date {position:absolute;right:0;top:50%;margin-top:-10px;font-family:'SpoqaHanSansRegular';font-size:16px;color:#666;line-height:1;}


.wrap-system .row {display:inline-block;margin-top:60px;}
.wrap-system .row:first-child {margin-top:0;}

.wrap-system .row .col {float:left;}
.wrap-system .row .col:first-child .table-pos {padding-right:30px;}
.wrap-system .row .col:last-child .table-pos {padding-left:30px;}

.wrap-system .detail-title {font-size:16px;font-weight: 600;margin-bottom:20px;}

.wrap-system .table-title {position:relative;overflow:hidden;}
.wrap-system .table-title h4 {margin-bottom:15px;float:left;}
.wrap-system .table-title .table-filter {float:right;font-size:0;margin-top:6px;}
.wrap-system .table-title .table-filter li {position:relative;display:inline-block;margin-left:10px;padding-left:11px;}
.wrap-system .table-title .table-filter li a {font-size:13px;color:#999;line-height:1;}
.wrap-system .table-title .table-filter li.active a {color:#a3171b;}
.wrap-system .table-title .table-filter li:before {display:block;content:'';border-left:1px solid #e0e0e0;width:1px;height:12px;position:absolute;top:1px;left:0;}
.wrap-system .table-title .table-filter li:first-child {margin-left:0;padding-left:0;}
.wrap-system .table-title .table-filter li:first-child:before {border-left:0;}

.wrap-system .table-field {border-top:2px solid #666;}
.wrap-system .table-field thead {background-color:#f3f3f3;}
.wrap-system .table-field thead th {}
.wrap-system .table-field thead th p,
.wrap-system .table-field thead td p {margin:0 auto;}
.wrap-system .table-field th:first-child,
.wrap-system .table-field td:first-child {padding-left:20px;}
.wrap-system .table-field th:last-child,
.wrap-system .table-field td:last-child {padding-right:20px;}

.wrap-system .table-field th,
.wrap-system .table-field td {text-align:center;vertical-align:middle;font-size:14px;line-height:20px;word-break:break-word;border-radius:0;}

.wrap-system .table-field th {height:60px;}
.wrap-system .table-field td {height:50px;}

.wrap-system .table-field th.align-top {vertical-align:top;padding:25px 0 0 25px !important;}
.wrap-system .table-field th .name-dsc {font-family:'NANUMSQUARER';margin-top:4px;font-size:13px;color:#666;}

.wrap-system .table-field tr td {border-bottom:1px solid #e0e0e0;background-color:#fff;}
.wrap-system .table-field tr td img {max-width:150px;}
.wrap-system .table-field tr.bg-n td {background-color:#fcfcfc;}

.wrap-system .table-field tbody tr:HOVER td {background-color:#f7f7f7;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.wrap-system .table-field td.red {color:#ea0606;}
.wrap-system .table-field td.blue {color:#004edd;}

/* row-table */
.wrap-system .table-field.row-table {}
.wrap-system .table-field.row-table tbody {}

.wrap-system .table-field.row-table tbody th {border-radius:0;padding:24px 0 24px 30px;}
.wrap-system .table-field.row-table tbody td {border-radius:0;padding:8px 10px;}
.wrap-system .table-field.row-table tbody td.bdrnone{border-bottom:0;}
.wrap-system .table-field.row-table tbody tr:HOVER td {background-color:#fff;}

.wrap-system .table-field.row-table tbody tr th {padding:0 0 0 25px;background:#f3f3f3;font-size:14px;border-bottom:1px solid #e0e0e0;text-align:left;}
.wrap-system .table-field.row-table tbody tr td {position:relative;border-bottom:1px solid #e0e0e0;text-align:left;}
.wrap-system .table-field.row-table tbody tr td .check-field{padding-left:0;}

.wrap-system .input-field {position:relative;}
.wrap-system .input-field input,.wrap-system .input-field textarea {padding:0 20px;width:100%;height:40px;font-size:14px;border:1px solid #eaebed;}
.wrap-system .input-field textarea{padding:10px 10px 20px;min-height:70px;}
.wrap-system .input-field textarea.v2 {min-height:210px;}

.wrap-system .input-field textarea+.letter-text{position:absolute;right:10px;bottom:10px;}
.wrap-system .select-field {width:100%;height:40px;}
.wrap-system .select-wrapper {background-color:#fff;}

.wrap-system .select-field .select-wrapper input.select-dropdown {border-bottom:0;padding:0 20px;border:1px solid #eaebed;margin-bottom:0;height:40px;line-height:40px;font-family:'NANUMSQUARER';font-size:14px;}

.wrap-system .select-field .select-wrapper .caret {right:10px;height:17px;fill:#a3171b;}
.wrap-system .select-field .dropdown-content {border:1px solid #666;width:100% !important;min-width:100% !important;top:0 !important;max-height:320px !important;}
.wrap-system .select-field .dropdown-content li {color:#111;min-height:46px;line-height:46px;border-top:1px solid #eaebed;}
.wrap-system .select-field .dropdown-content li:first-child {border-top:0;}

.wrap-system .select-field .dropdown-content li > a,
.wrap-system .select-field .dropdown-content li > span {line-height:46px;padding:0 20px;font-family:'NANUMSQUARER';font-size:14px;color:#111;}
.wrap-system .select-field .dropdown-content li.selected > a,
.wrap-system .select-field .dropdown-content li.selected > span {color:#a3171b;}

.wrap-system .select-field .select-dropdown.dropdown-content li:HOVER {background:#f3f3f3;}

.wrap-system .multi-select .sel-list{display:none;overflow:hidden;position:relative;left:0;top:-40px;z-index:10;width:100%;height:352px;border:1px solid #666;background:#fff;}
.wrap-system .multi-select .sel-list>ul{float:left;width:50%;height:100%;}
.wrap-system .multi-select .sel-list ul li a{display:block;height:38px;padding:0 8px;line-height:38px;}
.wrap-system .multi-select .sel-list ul li a:hover{background:#a3171b;color:#fff;}
.wrap-system .multi-select .sel-list .sel-area{border-right:1px solid #eaebed;}
.wrap-system .multi-select .sel-list .sel-area li+li{border-top:1px solid #eaebed;}
.wrap-system .multi-select .sel-list .sel-area li a:hover{background:#f3f3f3;color:#111;}
.wrap-system .multi-select.open .sel-list{display:block;}


.wrap-system .table-field.row-table tbody tr:HOVER {background-color:transparent;}

.wrap-system .check-field {float:none;padding-left:10px;}
.wrap-system .check-field .check-box {position:relative;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .check-field{float:none;text-align:left;}
.wrap-system .check-field .radio-list {overflow:hidden;display:inline-block;position:relative;vertical-align:middle;font-size:0;}
.wrap-system .check-field .radio-list li {display:inline-block;margin-right:20px;}
.wrap-system .check-field .radio-list li:last-child {margin-left:0;}
.wrap-system .check-field .radio-list + .select-field{}
.wrap-system .detail-cont .check-field .select-field{display:inline-block;margin-left:20px;width:100px;vertical-align:middle;}

.wrap-system .detail-cont .check-select-wrap{display:flex;flex-wrap:wrap;}
.wrap-system .detail-cont .check-select-wrap .select-field{width:30%;margin-left:10px;}

.wrap-system .datepicker-field .col {position:relative;float:left;}
.wrap-system .datepicker-field .col.deco {width:30px;line-height:40px;text-align: center}

.wrap-system .datepicker-field .input-field {}
.wrap-system .datepicker-field .input-field input {padding:0 20px 0 17px;width:152px;font-family:'NANUMSQUARER';font-size:14px;}
.wrap-system .datepicker-field .ico-date {position:absolute;top:7px;right:16px;width:25px;height:24px;background-position:0 -67px;cursor:pointer;}

.wrap-system .btn-pos .btn-small.orange {margin-left:10px;}

.wrap-system .srch-cont {margin-top:14px;}
.wrap-system .srch-cont .table-field th, .wrap-system .srch-cont .table-field td{height:auto;}
.wrap-system .srch-cont .btn-pos .btn-small{width:140px;height:40px;line-height:40px;font-size:15px;}
.wrap-system .srch-cont .table-field tbody tr td .col2 .select-field {width:20%;display:inline-block;}

.wrap-system .board-cont {margin-top:20px;}

.wrap-system .board-cont .board-meta {position:relative;margin-bottom:8px;}
.wrap-system .board-cont .board-meta:after{display:block;content:'';clear:both;}
.wrap-system .board-cont .board-meta .board-total {float:left;margin-top:11px;font-size:15px;line-height:1;}
.wrap-system .board-cont .board-meta .board-total span {}

.wrap-system .board-cont .board-meta .board-sort {float:left;margin-left:15px;}
.wrap-system .board-cont .board-meta .board-sort .select-field .select-wrapper input.select-dropdown {padding:0 10px;width:115px;height:35px;line-height:36px;font-size:13px;}
.wrap-system .board-cont .board-meta .board-sort .select-field .select-wrapper .caret {top:-2px;right:5px;}

.wrap-system .board-cont .board-meta .board-sort .select-field .dropdown-content li {min-height:35px;line-height:36px;}
.wrap-system .board-cont .board-meta .board-sort .select-field .dropdown-content li > a,
.wrap-system .board-cont .board-meta .board-sort .select-field .dropdown-content li > span {line-height:35px;padding:0 10px;font-size:13px;}

.wrap-system .board-cont .board-meta .board-save {position:relative;float:right;}
.wrap-system .board-cont .board-meta .board-save:after{display:block;content:'';clear:both;}
.wrap-system .board-cont .board-meta .board-save .ico-excel,
.wrap-system .board-cont .ico-excel{margin:9px 0 0 3px;width:16px;height:16px;background-position:0 -105px;z-index:999;}
.wrap-system .board-cont .board-meta .board-state-list{font-size:0;}
.wrap-system .board-cont .board-meta .board-state-list li{display:inline-block;vertical-align:middle;}
.wrap-system .board-cont .board-meta .board-state-list li a{display:inline-block;font-size:15px;color:#999;vertical-align:middle;}
.wrap-system .board-cont .board-meta .board-state-list li a em{margin-left:3px;color:#999;}
.wrap-system .board-cont .board-meta .board-state-list li.active a{color:#111;}
.wrap-system .board-cont .board-meta .board-state-list li.active a em{display:inline-block;color:#a3171b;vertical-align:middle;}
.wrap-system .board-cont .board-meta .board-state-list li+li:before{display:inline-block;content:'';width:1px;height:15px;margin:0 10px;background:#e0e0e0;vertical-align:middle;}
.wrap-system .board-cont .table-field {}
.wrap-system .board-cont .table-field td {height:56px;word-break:break-word;}
.wrap-system .board-cont .table-field td.text-left {padding-left:2%;line-height:initial !important;}
.wrap-system .board-cont .table-field tr.stiky td{background:#fff0d5;}
.wrap-system .board-cont .table-field td .add-option{color:#999;font-size:13px;}
.wrap-system .board-cont .table-field td a {position:relative;padding-right:2px;border-bottom:2px solid transparent;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;
}
.wrap-system .board-cont .table-field td a:HOVER {border-bottom:2px solid #ccc;}

.wrap-system .board-cont .table-field td a.point {border-bottom:1px solid #a3171b;}
.wrap-system .board-cont .table-field td a.link {border-bottom:1px solid #000;}

.wrap-system .board-cont.type2 .table-field.row-table tbody tr th {padding:0 20px;word-break: keep-all}


.wrap-system .board-cont .table-field td .ico-img {margin:0 4px 0 0;width:20px;height:16px;background-position:-20px -105px;}
.wrap-system .board-cont .btn-rgt {position:absolute;top:20px;right:0;}
.wrap-system .board-cont .btn-left{position:absolute;top:20px;left:0;}

.wrap-system .board-cont .nodata-cont {min-height:380px;text-align:center;}
.wrap-system .board-cont .nodata-cont .nodata {padding-top:90px;}
.wrap-system .board-cont .nodata-cont .nodata .ico-nodata {width:66px;height:66px;background-position:-177px 0;}
.wrap-system .board-cont .nodata-cont .nodata p {margin-top:30px;font-size:14px;line-height:1;}

.wrap-system .board-cont.type2{display:flex;}
.wrap-system .board-cont.type2 .category-list{min-width:250px;margin-right:10px;}
.wrap-system .board-cont.type2 .category-list > ul{height:500px;overflow-y:auto;padding:20px;border:1px solid #e0e0e0;}
.wrap-system .board-cont.type2 .category-list > ul > li{line-height:2;}
.wrap-system .board-cont.type2 .category-list > ul > li > ul > li{padding-left:20px;line-height:1.5;}
.wrap-system .board-cont.type2 .category-list > ul > li a{display:block;padding-left:10px;}
.wrap-system .board-cont.type2 .category-list > ul > li .selected{background:#a3171b;color:#fff;}

.wrap-system .file-wrap .file-field .file-upload {width:150px;height:150px;display:inline-block;overflow: hidden;position:relative;}
.wrap-system .file-wrap .file-field .file-upload .close {position:absolute;right:10px;top:10px;}
.wrap-system .file-wrap .file-field input[type=file] {width:100%;height:100%;}
.wrap-system .file-wrap .file-field .delete {float:inherit;vertical-align: top;margin:10px 0 0 10px;font-size:13px;}

.wrap-system .detail-cont .file-wrap {width:100%;}
.wrap-system .detail-cont .file-wrap .input-field {width:100%;}

.wrap-system .detail-cont .file-wrap.col3 ul {display:flex;justify-content: space-between}
.wrap-system .detail-cont .file-wrap.col3 ul li {width:32%;}

.wrap-system .file-wrap .file-field .file-upload .file-guide {font-size:13px;color:#666;text-align: center;line-height:150px;}

.wrap-system .detail-cont {margin-top:40px;}
.wrap-system .detail-cont .table-field.row-table tbody th .css-require {position:relative;display:inline-block;width:10px;height:8px;}
.wrap-system .detail-cont .table-field.row-table tbody th .css-require:after {display:block;content:'*';color:#a3171b;position:absolute;left:5px;top:50%;margin-top:-8px;}

.wrap-system .board-cont .table-field.row-table tbody th .css-require {position:relative;display:inline-block;width:10px;height:8px;}
.wrap-system .board-cont .table-field.row-table tbody th .css-require:after {display:block;content:'*';color:#a3171b;position:absolute;left:5px;top:50%;margin-top:-8px;}


.wrap-system .detail-cont .input-field {text-align:left;margin-top:9px;}
.wrap-system .detail-cont .input-field:first-child {margin-top:0;}

.wrap-system .detail-cont .input-field {width:70%;}
.wrap-system .detail-cont .input-field.v2 {width:30%;}
.wrap-system .detail-cont .select-field {width:70%;}

.wrap-system .detail-cont .select-field.v2 {width:30%;}

.wrap-system .detail-cont .select-wrap {display:inherit;}

.wrap-system .detail-cont .col {display:inline-block;vertical-align:middle;}
.wrap-system .detail-cont .col.col-text {padding:0 20px 0 5px !important;}
.wrap-system .detail-cont .col .select-field {width:152px;}

.wrap-system .detail-cont .select-field .dropdown-content {top:0 !important;}

.wrap-system .detail-cont .datepicker-field {float:none !important;}
.wrap-system .detail-cont .datepicker-field .input-field input {width:152px;}
.wrap-system .detail-cont .datepicker-field .col.col-70 {width:100%;}
.wrap-system .detail-cont .datepicker-field .col.col-70 .input-field input {width:100%;}
.wrap-system .detail-cont .datepicker-field .col.col-70 .ico-date {right:22px;}

.wrap-system .detail-cont .datepicker-field .ico-date {right:-25px;}

.wrap-system .detail-cont .table-field.row-table tbody tr td>div {float:left;}
.wrap-system .detail-cont .table-field.row-table tbody tr td>.form-box{float:none;max-width:83%;}
.wrap-system .detail-cont .table-field.row-table tbody tr td>.form-box.sm{max-width:50%;}
.wrap-system .detail-cont .table-field.row-table tbody tr td>.form-box.sm .input-field{width:100%;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .input-info {margin-left:10px;font-size:14px;line-height:40px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .input-info strong {font-weight: 600}
.wrap-system .detail-cont .table-field.row-table tbody tr td .file-list .file-field {width:70%;display:inline-block;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .file-list li+li {margin-top:10px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .file-list .btn-board-small {vertical-align: top;height:40px;margin-left:10px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type {width:100%;font-size:0;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type.col2 .input-field:first-child {width:15%;display:inline-block;margin-right:10px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type.col2 .input-field {width:35%;display:inline-block;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type.col {margin-top:10px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type.col .input-field {display:inline-block;width:51%;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .row-type.col .btn-board-small {vertical-align: top;margin-left:10px;height:40px;line-height:40px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .col3 .select-field {width:20%}
.wrap-system .detail-cont .table-field.row-table tbody tr td .col-flex {display:flex;align-items: center;width:100%;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .col-flex .check-field {margin-left:10px;}
.wrap-system .detail-cont .table-field.row-table tbody tr td .col-flex .guide-text {width:100%;margin-left:0;}

.wrap-system .table-field.row-table .file-list.type .radio-list li {margin-top:0;margin-bottom:10px;}
.wrap-system .table-field.row-table .file-list.type > li + li {border-top:1px solid #e0e0e0;padding-top:10px;}
.wrap-system .table-field.row-table .file-list.type .input-field.v31 {display:inline-block;}
.wrap-system .table-field.row-table .file-list.type .file-field ~ .input-field  {margin-top:0;display:inline-block;}

.wrap-system .table-field.row-table tbody tr td .info-text {font-size:13px;line-height:1.4em;color:#666;margin-top:10px;}

.wrap-system .table-field.col-table tbody th {border-bottom: 1px solid #e0e0e0;}
.wrap-system .table-field.col-table tbody tr:hover th {background-color:#f7f7f7;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.wrap-system .table-field.col-table tbody .input-field {width:100%;}
.wrap-system .detail-wrap .col-table + .col-table {margin-top:50px;}
.wrap-system .detail-wrap {display:flex;justify-content: space-between;}
.wrap-system .detail-wrap > div {width:49%;}

.wrap-system .detail-cont .detail-meta{display:flex;justify-content:space-between;align-items:flex-end;}

.wrap-system .detail-cont .table-field.row-table .file-box .file-field {width:50%;float:inherit;display:inline-block;vertical-align: middle;}
.wrap-system .detail-cont .table-field.row-table .guide-text {margin-left:20px;font-size:13px;line-height:1.4em;color:#666;display:inline-block;vertical-align: middle;}

.wrap-system .detail-cont .table-field.row-table .check-row li {float:left;}
.wrap-system .detail-cont .table-field.row-table .check-row li label {display:inline-flex;align-items: center;float:left;}
.wrap-system .detail-cont .table-field.row-table .check-row a {font-size:14px;line-height:28px;}
.wrap-system .detail-cont .table-field.row-table .total {font-size:13px;line-height:40px;vertical-align: middle;margin-left:10px;}
.wrap-system .detail-cont .table-field.row-table .total em {font-weight:700;color:#a3171b;}

.wrap-system .detail-cont .table-field.row-table .col-item {display:inline-block;width:40%;}
.wrap-system .detail-cont .table-field.row-table .col-item .input-info {margin-left:0;display:inline-block;margin-right:10px;}
.wrap-system .detail-cont .table-field.row-table .col-item .input-field {display:inline-block;width:calc(100% - 50px);margin-top:0;}

.wrap-system .row.row-70 {display:block;width:70%;}
.wrap-system .row.row-70 .col-2 {/*overflow:hidden;*/width:49.5%;}
.wrap-system .row.row-70 .col-2:nth-child(1) {float:left;}
.wrap-system .row.row-70 .col-2:nth-child(2) {float:right;}
.wrap-system .row.row-70 .input-field {width:100%;}
.wrap-system .row.row-70 .select-field {width:100%;}

.wrap-system .row.row-70.v2 {}
.wrap-system .row.row-70.v2 .col-2:nth-child(1) {width:30%;}
.wrap-system .row.row-70.v2 .col-2:nth-child(2) {width:68%;}

.wrap-system .file-field {position:relative;}
.wrap-system .file-field>div {}

.wrap-system .file-field .file-path-wrapper {padding:0;margin-right:100px;}
.wrap-system .file-field .file-path-wrapper input {width:100%;font-family:'SpoqaHanSansRegular';font-size:13px;color:#999;border-right:0;}

.wrap-system .file-field .btn-board-file {position:absolute;top:0;right:0;margin-left:10px;text-align:center;}
.wrap-system .file-field .btn-board-file .input-field {position:absolute;top:0;right:0;width:100px;height:46px;}
.wrap-system .file-field .btn-board-file .input-field input {width:100px;}
.wrap-system .file-field .file-upload {margin-top:10px;width:100%;height:372px;background-color:#fafafa;border:1px solid #eaebed;}
.wrap-system .file-field .file-upload img{max-width:100%;}


.wrap-system .board-cont .table-field#mainCate {border-bottom:2px solid #666;}
.wrap-system .table-field#mainCate +.btn-pos .btn-small.orange{margin-left:0;}
.wrap-system .board-cont .table-field#mainCate +.btn-pos .btn-rgt{top:0;}
/*.wrap-system .board-cont .table-field#cateView{border-top:0;}*/
/*--------------------------------------------------------------
체험존 상담내역
--------------------------------------------------------------*/
/* 내가고른패키지 */
.wrap-system .advice-cont {margin-top:14px;padding-top:30px;border-top:2px solid #666;}
.wrap-system .advice-cont .package-cont{margin-top:5px;}
.wrap-system .advice-cont .package-cont .package-list {overflow:hidden;}
.wrap-system .advice-cont .package-cont .package-list .item {float:left;margin-top:10px;margin-right:10px;padding:15px 20px 10px 10px;width:24.589999%;min-height:94px;max-height:94px;border:1px solid #d8d8d8;border-radius:15px;}
.wrap-system .advice-cont .package-cont .package-list .item:nth-child(4n) {margin-right:0;}
.wrap-system .advice-cont .package-cont .package-list .item>div {display:inline-block;vertical-align:middle;}

.wrap-system .advice-cont .package-cont .package-list .item .item-img {position:relative;min-width:80px;}
.wrap-system .advice-cont .package-cont .package-list .item .item-img:after {display:block;content:'';position:absolute;top:9px;right:10px;border-right:1px solid #797979;height:44px;}
.wrap-system .advice-cont .package-cont .package-list .item .item-img img {width:62px;height:62px;}
.wrap-system .advice-cont .package-cont .package-list .item .item-name {min-width:127px;}
.wrap-system .advice-cont .package-cont .package-list .item .item-name strong {max-width:170px;font-size:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;}
.wrap-system .advice-cont .package-cont .package-list .item .item-name p {max-width:200px;margin-top:5px;font-size:15px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;}
.wrap-system .advice-cont .package-cont .package-list .item .item-price {position:absolute;top:50%;margin-top:-8px;right:15px;color:#a3171b;font-size:19px;line-height:1;text-align:right;}

.wrap-system .advice-cont .package-cont .package-total {position:relative;margin-top:15px;padding:35px 70px;width:100%;min-height:120px;background-color:#f3f3f3;}
.wrap-system .advice-cont .package-cont .package-total>div {display:inline-block;vertical-align:middle;}
.wrap-system .advice-cont .package-cont .package-total .total-title {min-width:35%;}
.wrap-system .advice-cont .package-cont .package-total .total-title strong {font-size:24px;line-height:1;}
.wrap-system .advice-cont .package-cont .package-total .total-title p {margin-top:10px;font-size:16px;color:#606060;line-height:1;}
.wrap-system .advice-cont .package-cont .package-total .total-sale {position:absolute;right:290px;top:50%;margin-top:-12px;}
.wrap-system .advice-cont .package-cont .package-total .total-sale span {font-size:21px;}
.wrap-system .advice-cont .package-cont .package-total .total-sale span.bold {}
.wrap-system .advice-cont .package-cont .package-total .total-sale .ico-minus {vertical-align:middle;margin:-4px 13px 0 14px;width:30px;height:30px;background-position:0 -156px;}
.wrap-system .advice-cont .package-cont .package-total .total-price {position:absolute;right:60px;top:50%;margin-top:-22px;text-align:right;}
.wrap-system .advice-cont .package-cont .package-total .total-price span {position:relative;}
.wrap-system .advice-cont .package-cont .package-total .total-price span.point {padding-right:23px;font-family:'SpoqaHanSansRegular';font-weight:bold;font-size:40px;line-height:1;}
.wrap-system .advice-cont .package-cont .package-total .total-price span.text {position:absolute;bottom:1px;right:0;font-size:24px;line-height:1;}

@media all and (max-width:1919px) {
	.wrap-system .advice-cont .package-cont .package-list {margin-left:5px;}
	.wrap-system .advice-cont .package-cont .package-list .item {width:32.73333%;}
	.wrap-system .advice-cont .package-cont .package-list .item:nth-child(3n) {margin-right:0;}
	.wrap-system .advice-cont .package-cont .package-list .item:nth-child(4n) {margin-right:10px;}

}

/* 단말시뮬레이터 */
.wrap-system .advice-cont .terminal-cont {padding-bottom:20px;overflow:hidden;}
.wrap-system .advice-cont .terminal-cont .col {float:left;margin-left:3.82222%;width:22.13333%;}
.wrap-system .advice-cont .terminal-cont .col:first-child {margin-left:0;}
.wrap-system .advice-cont .terminal-cont .box-item {text-align:center;}
.wrap-system .advice-cont .terminal-cont .box-item .box-subject {border-bottom:1px solid #27282d;}
.wrap-system .advice-cont .terminal-cont .box-item .box-subject .phone-label {display:block;margin:0 auto;width:70px;height:24px;border:2px solid #c5c5c5;border-radius:24px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-subject .phone-label.label-l {width:92px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-subject .phone-label span {font-size:12px;color:#919191;line-height:1;letter-spacing:2px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-subject strong {display:inline-block;padding:15px 0 25px;font-family:'SpoqaHanSansRegular';font-size:31px;line-height:1;}

.wrap-system .advice-cont .terminal-cont .box-item .box-list {position:relative;padding-top:20px;min-height:555px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li {margin-top:25px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li:first-child {margin-top:0;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li p,
.wrap-system .advice-cont .terminal-cont .box-item .box-list li span {font-size:16px;line-height:1;color:#111;}

.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color {position:relative;display:inline-block;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color .css-color {position:absolute;top:-2px;left:0;display:inline-block;width:21px;height:21px;border-radius:100%;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color span {padding-left:26px;}

.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color .css-color.color-gray {background-color:#606060;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color .css-color.color-gold {background-color:#f2d1b6;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color .css-color.color-purple {background-color:#998099;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-color .css-color.color-black {background-color:#000000;}

.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-price {}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-price span.point {margin-right:5px;color:#a3171b;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-price p {color:#606060;}

.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-sale {}

.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine {}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine .ico-plus {margin:-2px 5px 0 0;width:20px;height:20px;background-position:-36px -156px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine em {display:inline-block;margin-bottom:10px;font-size:14px;color:#606060;line-height:1;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine ul {}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine ul li {}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine ul li strong {font-size:16px;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-combine ul li p {margin-top:5px;font-size:12px;line-height:16px;letter-spacing:-.5px;color:#606060;}



.table-field .t-combine span {display:block;margin-top:5px;font-size:12px;line-height:16px;letter-spacing:-.5px;color:#606060;}
.table-field  .css-color {display:inline-block;width:16px;height:16px;margin-right:9px;border-radius:100%;vertical-align:middle;}



.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-total {position:absolute;bottom:0;left:0;width:100%;padding:22px 20px;background-color:#f3f3f3;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-total em {display:block;font-size:14px;color:#111111;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-total strong {margin-top:2px;position:relative;margin-left:-15px;font-family:SpoqaHanSansRegular;font-weight:bold;font-size:35px;color:#a3171b;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-total strong span {position:absolute;right:-20px;bottom:9px;font-size:17px;color:#111;}
.wrap-system .advice-cont .terminal-cont .box-item .box-list li.t-total p {margin-top:3px;font-size:12px;color:#606060;line-height:1;}

/*--------------------------------------------------------------
매장단말관리
--------------------------------------------------------------*/
.wrap-system .page-terminal-manage .board-cont .table-field th:first-child,
.wrap-system .page-terminal-manage .board-cont .table-field td:first-child {padding-left:0;}
.wrap-system .page-terminal-manage .board-cont .table-field th:last-child,
.wrap-system .page-terminal-manage .board-cont .table-field td:last-child {padding-right:0;}

.wrap-system .page-terminal-manage .board-cont .table-field tr:nth-child(even) {background-color:#fcfcfc;}
.wrap-system .page-terminal-manage .board-cont .table-field tr:nth-child(even):HOVER {background-color:#f3f3f3;}

.wrap-system .page-terminal-manage .board-cont .table-field .select-field {margin:0 auto;width:70%;}
.wrap-system .page-terminal-manage .board-cont .table-field .input-field input {width:90%;}

.wrap-system .board-cont .phone {width:25px;height:47px;}

/*--------------------------------------------------------------
CMS
--------------------------------------------------------------*/
.cms-cont {margin-top:40px;}
.cms-cont .cms-editor {width:100%;height:700px;background-color:#fafafa;border:1px solid #eaebed;}

.wrap-system .cms-cont .datepicker-field .col.deco {width:auto;padding:0 10px 0 20px !important;}

/*--------------------------------------------------------------
관제
--------------------------------------------------------------*/
.wrap-system .control-cont {margin-top:90px;}
.wrap-system .control-cont .control-view {position:relative;overflow:hidden;min-width:1290px;font-size:0;}
.wrap-system .control-cont .control-view .item {display:inline-block;margin-left:30px;margin-top:30px;width:32.25%;;min-height:345px;background-color:#f3f3f3;border:1px solid #e0e0e0;}
.wrap-system .control-cont .control-view .item:nth-child(-n+3) {margin-top:0;}
.wrap-system .control-cont .control-view .item:nth-child(3n+1) {margin-left:0;}

.wrap-system .control-cont .control-view-table .control-state{line-height:32px;}
.wrap-system .control-cont .control-view-table tr.error td{background:#fff0d5;}
.wrap-system .control-cont .control-view-table .control-state dt{display:inline-block;width:80px;}
.wrap-system .control-cont .control-view-table .control-state .state-error{height:32px;border:1px solid #a3171b;border-radius:20px;background:#ffe6d4;color:#a3171b;}
.wrap-system .control-cont .control-view-table .control-state .state-error:after{display:inline-block;content:'';width:18px;height:18px;margin-left:5px;background:url(../images/ico/ico_error_v2.png) no-repeat 0 0;vertical-align:middle;}
.wrap-system .control-cont .control-view-table .control-state dd{display:inline-block;width:195px;}

@media all and (max-width:1916px) {
	.wrap-system .control-cont .control-view {width:50%;margin:0 auto;text-align:center;}
	.wrap-system .control-cont .control-view .item {width:580px;}
	.wrap-system .control-cont .control-view .item:nth-child(-n+3) {margin-top:30px;}
	.wrap-system .control-cont .control-view .item:nth-child(-n+2) {margin-top:0;}
	.wrap-system .control-cont .control-view .item:nth-child(3n+1) {margin-left:30px;}
	.wrap-system .control-cont .control-view .item:nth-child(2n+1) {margin-left:0;}
}


.wrap-system .control-cont .control-view .item .item-box {display:block;text-align:center;font-size:0;padding:40px 30px;}
.control-view .item .item-box h3 {margin-bottom:40px;}

.control-view .item .item-box .img-list {}
.control-view .item .item-box .img-list .img-div {position:relative;display:inline-block;vertical-align:middle;margin-left:20px;}
.control-view .item .item-box .img-list .img-div:first-child {margin-left:0;}
.control-view .item .item-box .img-list .img-div strong {display:block;font-size:14px;line-height:1;}
.control-view .item .item-box .img-list .img-div img {margin:15px 0;width:240px;height:135px;}
.control-view .item .item-box .img-list .img-div p {font-family:'SpoqaHanSansRegular';font-size:12px;line-height:15px;color:#666;}

.page-control .pagination-cont {height:90px;}



/* active */
.wrap-system .control-cont .control-view .item-error.active {background-color:#a3171b;border:1px solid #a3171b;}

.wrap-system .control-cont .control-view .item-error.active h3,
.wrap-system .control-cont .control-view .item-error.active strong,
.wrap-system .control-cont .control-view .item-error.active p {color:#fff;}

/* error */
.control-view .item .item-box .img-list .img-div .error-mask {position:absolute;top:29px;left:0;width:240px;height:135px;background-color:rgba(0, 0, 0, .7);border-radius:15px;z-index:0;}
.control-view .item .item-box .img-list .img-div .error-mask .ico-error {margin-top:32px;width:56px;height:48px;background-position:-106px 0;}
.control-view .item .item-box .img-list .img-div .error-mask p {margin-top:10px;font-size:15px;line-height:1;color:#fff;}


/*--------------------------------------------------------------
통계
--------------------------------------------------------------*/
.wrap-system .page-stats .board-cont .table-field td.text-left {padding-left:3%;}

/*--------------------------------------------------------------
4.4. Etc
--------------------------------------------------------------*/

/*--------------------------------------------------------------
에러 페이지
--------------------------------------------------------------*/
.error-cont {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999;}
.error-cont .error-box {position:relative;text-align:center;position:absolute;top:45.7%;left:50%;width:850px;height:492px;border:1px solid #e0e0e0;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);}
.error-cont .error-box .ico-error {margin-top:90px;width:56px;height:48px;background-position:-106px 0;}
.error-cont .error-box h2 {margin-top:30px;font-size:45px;line-height:1;}
.error-cont .error-box p {margin-top:25px;font-size:16px;line-height:32px;color:#666;}
.error-cont .error-box .btn-pos {margin-top:35px;}
.error-cont .error-box .btn-pos .btn-small {width:170px;}


.fixed-header.wrap-system .header{position:fixed;top:0;left:0;width:100%;z-index:10;}
.fixed-header.wrap-system .header .nav-top{display:none;}

.table-field .btn-wrap{display:inline-block;position:relative;width:8px;height:13px;margin-top:0;margin-left:5px;vertical-align:middle;}
.table-field .btn-wrap a{display:inline-block;position:absolute;left:0;width:8px;height:5px;text-indent:-9999px;background:url(../images/btn_updown.png) no-repeat 0 0;}
.table-field .btn-wrap [class^='btn-']+[class^='btn-']{margin-left:0;}
.table-field .btn-wrap .btn-up{top:0;background-position-x:-18px;}
.table-field .btn-wrap .btn-down{bottom:0;background-position:-18px 100%;}
.table-field .btn-wrap .btn-up.active{background-position-x:0;}
.table-field .btn-wrap .btn-down.active{background-position-x:0;}

.wrap-system .board-cont .board-meta .board-total.v2{margin-top:0;}
.board-total.v2 .btn-small{width:100px;height:35px;line-height:35px;font-size:15px;}
.btn-small.v2{width:100px;height:35px;line-height:35px;font-size:15px;}
.select-area{font-size:0;width:100%;height:40px;}
.select-area .select-field{display:inline-block;width:49%;height:100%;}
.select-area .select-field+.select-field{margin-left:2%;}
.select-area .input-field{display:inline-block;width:49% !important;margin-top:0 !important;height:100%;height:40px;}
.select-area .input-field input{height:40px;}
.select-area .input-field{display:inline-block;width:49%;height:100%;}
.select-area .select-field+.input-field{margin-left:2%;}
.modal .modal-content .table-field.row-table tbody tr td .select-area .input-field input{height:40px;}
.modal .modal-content .table-field.row-table tbody tr td .select-area .select-field{vertical-align:top;}
.modal .modal-content .table-field.row-table tbody tr td .select-area .input-field{padding:0;vertical-align:top;}

.page-code-terminal-detail .detail-cont, .page-rfid-terminal-detail .detail-cont{margin-top:20px;}
.page-code-terminal-detail .detail-cont .tab-list+ form .board-detail .table-field{margin-top:0;}
.page-code-terminal-detail .detail-cont .tab-list+ form .board-detail .table-field+.table-field{margin-top:10px;}
.page-code-terminal-detail .detail-cont .table-field,  .page-rfid-terminal-detail .detail-cont .table-field{margin-top:10px;}
.page-code-terminal-detail .detail-cont .table-field td a, .page-rfid-terminal-detail .detail-cont .table-field td a{text-decoration:underline;}
.page-code-terminal-detail .detail-cont .board-detail .table-field img {max-width:200px;height:auto;}
.page-code-terminal-detail .detail-cont h3,  .page-rfid-terminal-detail .detail-cont h3{margin-top:70px;}
.detail-selection{font-size:0;}
.detail-selection>label{display:inline-block;margin-right:15px;vertical-align:middle;font-size:14px;color:#111;}
.detail-selection .select-area{display:inline-block;width:286px;vertical-align:middle;}
.detail-selection .select-area+.select-area{margin-left:5px;}
.wrap-system .detail-cont .select-area .select-field{display:inline-block;width:49%;}

.wrap-system .detail-cont .detail-wrap {margin-top:80px;}

[class^='btn-wrap']{margin-top:20px;font-size:0;text-align:center;}
[class^='btn-wrap'] .side{display:inline-block;width:50%;text-align:right;}
[class^='btn-wrap'] .side:first-child{text-align:left;}
[class^='btn-wrap'] .side h3{display:inline-block;margin-right:10px;}
[class^='btn-wrap'] [class^='btn-']+[class^='btn-']{margin-left:6px;}
.btn-wrap-right{text-align:right;}
.btn-wrap-left{text-align:left;}
[class^='btn-wrap'] [class^='btn-small']{width:100px;height:38px;line-height:38px;font-size:15px;}

.info-area{position:relative;}
.info-area.open .pop-info{display:block;}
.pop-info{display:none;position:absolute;top:60px;left:64px;z-index:2;width:350px;height:190px;padding:27px 24px;border:1px solid #666;background:#fff;}
.pop-info:before{display:inline-block;content:'';width:13px;height:8px;position:absolute;left:34px;top:-8px;background:url(../images/bg_popinfo.png) no-repeat 0 0;}
.pop-info strong{font-size:16px;color:#111;}
.pop-info ul{margin-top:20px;}
.pop-info ul li{padding-left:13px;font-size:14px;color:#666;}
.pop-info ul li span{margin-left:-12px;font-size:14px;color:#666;}
.pop-info .btn-close{display:inline-block;width:16px;height:16px;position:absolute;top:24px;right:24px;background:url(../images/btn-close.png) no-repeat 0 0;}
.btn-info{display:inline-block;width:18px;height:18px;margin-left:8px;background:url(../images/ico/ico_info.png) no-repeat 0 0;vertical-align:middle;}

.pop-info.tooltip {padding:0;height:auto;}
.pop-info.tooltip img {width:100%;}
.pop-info.img-type {top:0;left:0;height:auto;border:none;padding:0;transform: translate(60%,-30%);}
.pop-info.img-type:before {content:'';background:none;}
.pop-info.img-type img {max-width:100%;}

.pop-info.text-type {padding:20px;height:auto;}
.pop-info.text-type ul li {padding-left:0;}
.pop-info.text-type ul li+li {margin-top:5px;}

.form-box{font-size:0;text-align:left;}
.form-box .spot{display:inline-block;width:84%;vertical-align:middle;}
.form-box .spot:last-child{width:15%;margin-left:1%;}
.wrap-system .page-terminal-manage .board-cont .table-field .form-box .spot .select-field, .wrap-system .detail-cont .form-box .spot .input-field{width:100%;}
.page-terminal-manage .spot{width:130px;}
.page-terminal-manage .spot:last-child{width:15%;margin-left:6px;}

.tab-list{}
.tab-list ul{font-size:0;}
.tab-list ul li{position:relative;display:inline-block;margin-left:5px;}
.tab-list ul li:first-child{margin-left:0;}
.tab-list ul li a{display:inline-block;padding:0 20px;height:30px;border-radius:10px 10px 0 0 ;line-height:30px;background:#f3f3f3;color:#000;font-size:14px;}
.tab-list ul li.active a{background:#a3171b;color:#fff;font-weight:600;}
.tab-list ul li a.btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto;padding:0;height:auto;border-radius:0;line-height:1;background:transparent;font-size:20px;}
.tab-list ul li a.btn i{color:#fff;}

.option-list i{font-size:25px;}



/*--------------------------------------------------------------
인트로
--------------------------------------------------------------*/
.wrap-system .page.intro {display:flex;justify-content: center;align-items: center;height:calc(100vh - 65px);padding:0;}
.wrap-system .intro .intro-wrap {width:800px;background:#f3f3f3;text-align: center;padding:100px;}
.wrap-system .intro .intro-wrap .logo {margin-bottom:40px;}
.wrap-system .intro .intro-wrap p {font-size:18px;}
.wrap-system .intro .intro-wrap p strong {font-weight: 700;color:#F50537;}