@charset 'utf-8';

:root{
    --sellu-point:#007aff;
    --sellu-point-hover:#0126ce;
}

*::-webkit-scrollbar {width:0.8rem !important; height:8px !important}
*::-webkit-scrollbar-track{background-color:transparent}
*::-webkit-scrollbar-thumb{background: rgba(135, 139, 144, 0.5); border-radius:2rem}
*::-webkit-scrollbar-thumb:hover{background: rgba(135, 139, 144, 0.5); width:0.8rem}


html {margin:0; padding:0; font-size:62.5%; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif !important}
body {font-size:1.3rem}
ul {margin-bottom:0; padding-left:0}
ul li {list-style:none}
li { list-style: none;}
img {width:100%}
a {display:inline-block; cursor:pointer; color:inherit}
a:not(.link){text-decoration:none}
a.link {text-underline-position:under}
input,
textarea {border:none; background-color:transparent}
select option{line-height:4rem}

input[readonly='readonly']:not(.date){background-color:var(--bs-secondary-bg) !important}
input[type=text]:read-only:focus{box-shadow:inherit; border-color:var(--bs-border-color)}
input[type=file] {display:none}
input:disabled + label {color:var(--bs-gray-500)}

input[type='file'] {display:none}
textarea {resize:none; min-height:11rem !important}
textarea:focus-visible {outline:none}
button {outline:none; border:none}
b,
strong,
.fw-bold {font-family:'GmarketSansBold'}


.select2 .select2-selection{background-color:var(--bs-body-bg); border-color:var(--bs-border-color); height:3.5rem}
.select2 .select2-selection .select2-selection__rendered {line-height:3.5rem}
.select2-search--dropdown {display:none}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--sellu-point);}
.select2-search__field:focus-visible {outline:none}
.modal.show ~ .select2-container {z-index:1111}
.ui-datepicker {}
.ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:none; background-color:transparent; text-align:center; line-height:2.4rem}
.ui-state-default { border-radius:50%}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{background-color:var(--sellu-point); color:var(--bs-white);}
.ui-state-default.ui-state-hover:not(.ui-state-highlight) {background-color:var(--bs-gray-200)}
.ui-state-active, .ui-widget-content .ui-state-active {background-color:var(--bs-gray-300)}

.body {padding-top:1rem}
.wrap {width:192rem; margin:0 auto}
.cont{width:120rem; margin:0 auto}

.bg_sellu{background-color:var(--sellu-point)}
.text_bg_sellu{background-color:var(--sellu-point); color:var(--bs-white)}
.text_sellu {color:var(--sellu-point)}
.btn_sellu {background-color:var(--sellu-point); color:var(--bs-white)}
.btn_sellu:hover{background-color:var(--sellu-point-hover); color:var(--bs-white)}
.btn_outline_sellu {border-color:var(--sellu-point); color:var(--sellu-point)}
.bg_gray{background-color:var(--bs-gray-100)}
.bg_img {background:center / cover no-repeat #efefef}

.fs_11{font-size:1.1rem}
.fs_12{font-size:1.2rem}
.fs_13{font-size:1.3rem}
.fs_14{font-size:1.4rem}
.fs_15{font-size:1.5rem}
.fs_16{font-size:1.6rem}
.fs_17{font-size:1.7rem}
.fs_18{font-size:1.8rem}


.w-5 {width:5% !important}
.w-10 {width:10% !important}
.w-15 {width:15% !important}
.w-20 {width:20% !important}
.w-33 {width:33.3333%}
.w-35 {width:35%}
.w-40 {width:40%}
.w-60 {width:60%}
.w-65 {width:65%}

.w100px {width:10rem}
.w150px {width:15rem}
.w200px {width:20rem}

.h100px {height:10rem}
.h200px {height:20rem}
.h300px {height:30rem}
.h400px {height:40rem}
.h500px {height:50rem}

.tit span {color:var(--sellu-point)}
.tit .more {position:relative; float:right; padding-right:1.5rem; color:var(--sellu-point)}
.tit .more:after {position:absolute; top:50%; right:0.2rem; width:0.5rem; height:0.5rem; margin-top:-0.5rem; border:solid var(--sellu-point); border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content:''}


.board_tit .name {font-size:1.6rem}
.board_tit .w_name + .cate {position:relative; padding-left:1.5rem; font-size:1.2rem; color:var(--bs-gray-600)}
.board_tit .w_name + .cate:before {content:'\00B7'; position:absolute; left:0.5rem}
.board_tit .cate + .date {position:relative; padding-left:1.5rem}
.board_tit .cate + .date:before {content:'\00B7'; position:absolute; left:0.5rem; font-size:1.2rem}


.board_tit .date {font-size:1.1rem; color:var(--bs-gray-600)}
.board_tit + .board_cont,
.board_cont + .file_area  {padding-top:2rem}
.board_tit + .board_cont .cont_box{padding:2rem 1.5rem}


.border_sellu {border-color:rgba(242,110,104,.6) !important}

.form-control {padding-bottom:0.2rem}
.input-group {background-color:var(--bs-gray-100); border:0.1rem solid var(--bs-gray-200)}
.form-check-input:checked {background-color:var(--sellu-point); border-color:var(--sellu-point)}

.list_mark li {position:relative; font-size:1.3rem; padding-left:1.8rem}
.list_mark li:before {content:'\203b'; position:absolute; left:0; top:0}


.src {display:inline-block; padding-bottom:2rem; max-width:calc(100% - 11rem)}
.src li {display:inline-block}
.src + .btn_submit {float:right; width:10rem}

.src .src_read {display:inline-block}
.src .src_read:not(:last-child):after {content:'|'; padding:0 1rem}

.date_range .date_area {width:calc(49% - 1rem); display:inline-block;}
.date_range .date_area:first-child {margin-right:2rem}
.date_range .date_area:first-child:after {content:'\007e'; position:absolute; right:-1.5rem; top:calc(49% - 1rem)}
.date_area {position:relative}
/*.date_area input {padding-right:3rem}*/
.date_area .btn_calendar {position:absolute; right:1.2rem; top:0.7rem; font-size:1.8rem; cursor:pointer; color:var(--sellu-point)}

.tag_list {display:inline-block; min-width:1.5rem; padding:0.7rem 0.5rem}
.tag_list a {font-size:1.5rem; float:right; color:var(--bs-danger); margin-left:0.5rem}


.join_upload {width:70%}
.join_upload .join_img {height:12.5rem; line-height: 12.5rem; background:center / contain no-repeat var(--bs-gray-200); border-radius:1rem; border:0.1rem solid var(--bs-gray-300)}
.join_upload .join_img.none {display:flex; align-items:center; justify-content:center}
.join_upload .join_img.none:after {content:'no-image'}

.find_area li {padding:1rem 0}
.find_area .find_box {padding:1rem 1.5rem; display:none}
.find_area input[type='radio']:checked ~ .find_box {display:block}
.find_cert .text-primary {display:none}
.find_cert .text-primary > span {margin-top:0.8rem; float:left}
.find_cert .material-outline-icons {font-size:1.8rem; margin-right:0.5rem}


.file_area .btn_del {width:2.5rem; height:2.5rem; line-height:2.5rem; cursor:pointer; font-size:1.6rem; text-align:center}
.file_area .f_name {padding:1rem 1rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.file_list .f_img {width:3rem; height:3rem; overflow:hidden; background:center / contain no-repeat var(--bs-gray-100); border:0.1rem solid var(--bs-gray-200); float:left; margin-top:0.3rem}
.file_list .f_name {display:inline-block; width:calc(100% - 6rem); margin-bottom:0}
.file_list .btn_del {color:var(--bs-danger); float:right; margin-top:0.5rem}
.file_list:not(:last-child) {border-bottom:0.1rem solid var(--bs-gray-200)}

.file_list_bg {position:relative; border:0.1rem solid var(--bs-gray-200); display:inline-block}
.file_list_bg:not(:last-child) {margin-right:1rem}
.file_list_bg .bg_img{background:center / contain no-repeat var(--bs-gray-100); min-width:8rem; min-height:8rem; border-bottom:0.1rem solid var(--bs-gray-200); position:relative}
.file_list_bg .btn_down {position:absolute; width:100%; left:0; bottom:0; height:40%; align-items:center; justify-content:center; display:none; background:rgba(0,0,0,0.65); color:var(--bs-white); text-align:center}
.file_list_bg .btn_del {position:absolute; right:0; top:0; background-color:var(--bs-danger); color:var(--bs-white)}
.file_list_bg .f_name {width:100%; font-size:1.2rem}
.file_list_bg:hover .btn_down{display:flex}

.price:after {content:'\20a9'; padding-left:0.5rem}
.tbl_img th {height:4rem; line-height:3.5rem}
.tbl_img th .form-check-input {margin-top:1rem}
.tbl_img td {line-height:5.2rem}
.tbl_img td .form-check-input {margin-top:2.2rem}
.tbl_img .link_adult{position:relative; padding-right:2.7rem}
.tbl_img .link_adult:after {content:'19'; position:absolute; right:0; top:1rem; border:0.1rem solid var(--bs-danger); border-radius:50%; width:2rem; height:2rem; line-height:2rem; text-align:center; font-size:1.1rem ; color:var(--bs-danger)}
.tbl_img .img {width:5rem; max-height:5rem; display:inline-block; float:left; overflow:hidden}
.tbl_img .td_multi p{line-height:2.5rem}

.paging_area {position:relative}
.paging_area .row {position:absolute; left:0}
.paging_area .row select{width:10rem; margin-left:1rem}
.paging_area .btn_reflash {width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; margin-left:1rem; border:0.1rem solid var(--bs-border-color); border-radius:0.5rem; background-color:var(--bs-white)}
.paging_area .btn_reflash span {line-height:3.5rem; font-size:2.2rem; color:var(--sellu-point); margin-left:-0.2rem}
.paging {display:flex; align-items:center; justify-content:center}
.paging a {padding:0 0.5rem; min-width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; border-width:0.1rem; border-style:solid; color:var(--bs-gray-400); margin:0 0.5rem; border-radius:0.5rem}
.paging a:not(.active){border-color:var(--bs-gray-400)}
.paging a:not(.active):hover{color:var(--sellu-point); border-color:var(--sellu-point)}
.paging a.active {background-color:var(--sellu-point); color:var(--bs-white); border-color:var(--sellu-point)}
.paging_area .total {position:absolute; right:0; top:1rem}
.paging_area .total:after {content:'\ac74'}


header {position:fixed; left:0; top:0; width:100%; background-color:var(--bs-white); box-shadow:0 1px 4px 0 rgba(0,0,0,.06); z-index:3}
header .hd_top{height:3.5rem; line-height:3.5rem; font-size:1.1rem; background-color:var(--bs-gray-100); border-bottom:0.1rem solid var(--bs-gray-200)}
header .hd_top a:not(.btn_admin) {padding:0 0.5rem; color:var(--sellu-point)}
header .hd_top a.btn_admin{float:right; margin-top:0.5rem; color:var(--bs-gray-600)}
header .hd_wrap{height:8rem; padding:2rem 0}
header a {display:inline-block}
header .logo{width:17rem}
header .hd_search {width:calc(100% - 35rem); padding:0.5rem 1rem 0.5rem 3rem }
header .input-group {border-radius:1.5rem; height:3.5rem}
header .input-group input {width:100%; line-height:3.5rem; padding:0 4rem 0 1rem}
header .input-group button {position:absolute; right:1rem; top:0.5rem; color:var(--ba-gray-600); background-color: transparent !important;}
header .sub_menu {float:left; position:relative}
header .user_name {line-height:3.6rem; padding-top:5px}
header .sub_menu .sub_list{width:15rem; position:absolute; left:0; top:5rem; background-color: var(--bs-white); box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28); padding:1rem 1.5rem; border-radius:0.5rem; display:none}
header .sub_menu .sub_list:after {content:''; display:block; position:absolute; border-style:solid; border-color:var(--bs-gray-200); border-width: 1px 0 0 1px; width: 15px; height: 15px; top: -9px; left: 19px; background: inherit; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg)}
header .sub_menu .sub_list a {width:100%; display:block; padding:0.8rem 0.5rem; font-size:1.2rem}
header .sub_menu .sub_list a:not(:last-child){border-bottom:0.1rem solid var(--bs-gray-200)}
header .sub_menu .sub_list a:hover{color:var(--sellu-point)}


header .hd_icon{width:3.6rem; height:3.6rem; line-height:3.6rem; text-align:center; background-color:var(--bs-gray-100); border:0.1rem solid var(--bs-gray-200); border-radius:50%; color:var(--sellu-point); float:left; position:relative}
header .hd_icon .material-outline-icons {line-height:3.6rem; font-size:2rem}
header .hd_icon .cnt {position:absolute; width:2rem; height:2rem; text-align:center; line-height:2rem;  bottom:-1rem; left:-0.5rem; border-radius:50%; font-size:1rem; color:var(--bs-gray-600); background-color:var(--bs-gray-200)}
header .alram_area {position:absolute; right:-5rem; top:4rem; width:35rem; background-color:var(--bs-white); box-shadow:0 1px 4px 0 rgba(0,0,0,.06); text-align:left; border-radius:0.5rem; border:0.1rem solid var(--bs-gray-100); z-index:99; display:none}
header .alram_area:after {content:''; display:block; position:absolute; border-style:solid; border-color:var(--bs-gray-200); border-width: 1px 0 0 1px; width: 1.5rem; height: 1.5rem; top: -0.9rem; right: 6rem; background: inherit; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg)}
header .alram_list {padding:0 1rem; height:3.5rem; overflow:hidden}
header .alram_list .alram_txt {color:var(--bs-gray-700); padding:0; width:calc(100% - 2.5rem); display:inline-block}
header .alram_list .alram_cate {float:left}
header .alram_list .alram_con {width:calc(100% - 10rem); padding:0 1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block}
header .alram_list .alram_date {float:right; font-size:1.1rem}
header .alram_list .alram_del {float:right; cursor:pointer; color:var(--bs-red)}
header .alram_list:not(:last-child) {border-bottom:0.1rem solid var(--bs-gray-200)}
header .alram_list:hover .alram_txt span{text-decoration:underline; color:var(--sellu-point)}



footer {background-color:var(--bs-gray-200); border-top:0.1rem solid var(--bs-gray-300); display:inline-block; width:100%}
footer .cont{padding:3rem 0; min-height:11rem}
footer .f_logo {width:15rem}
footer ul {float:right; display:inline-block; text-align:left; width:calc(100% - 17rem); padding:0 2rem}
footer ul * {font-size:1.2rem}
footer ul li:not(:last-child) {padding-bottom:0.5rem}
footer .cont ul li:not(:first-child) a:not(:last-child):after,
footer .cont ul li:not(:first-child) span:not(:last-child):after {content:'|'; padding:0 8px}


/*팝업 공통*/
.modal-backdrop2 {z-index:1055}
.modal-show2 {z-index:1056}

.modal-backdrop3 {z-index:1057}
.modal-show3 {z-index:1058}


.modal-backdrop4 {z-index:1059}
.modal-show4 {z-index:1060}



.modal .modal-body {max-height:83vh; overflow-y:auto}
.modal_guide {position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0, 0.5 ); z-index:9999}
.modal_guide .modal{display:block}



/*필수값 배경*/
*:required { background-color: rgb(255, 239, 244); }
input[type="text"]:read-only { background-color: rgb(215, 237, 255); }
/*데이터 없음*/
.nodata td { text-align:center; height: 400%; line-height: 4000% }


.none {display:none !important}
tr[data-depth="2"] .text-start{ padding:0 1rem }
tr[data-depth="3"] .text-start{ padding:0 1.5rem }
tr[data-depth="4"] .text-start{ padding:0 2rem }
tr[data-depth="5"] .text-start{ padding:0 2.5rem }
tr[data-depth="6"] .text-start{ padding:0 3rem }
tr[data-depth="7"] .text-start{ padding:0 3.5rem }
tr[data-depth="8"] .text-start{ padding:0 4rem }
tr[data-depth="9"] .text-start{ padding:0 4.5rem }
tr[data-depth="10"] .text-start{ padding:0 5rem }

.pop_alert .modal-content {border:1px solid #bbbbbb}
.pop_confirm .modal-content {border:1px solid #bbbbbb}
.fc-event.bg-dark .fc-event-title { color:#fff }

table caption.btn-toolbar.tableexport-caption { display:none }
.page-item {cursor: pointer;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 0px}
.select2-container .select2-selection--multiple .select2-selection__choice { color: var(--ct-modal-color) }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #f2f2f2;}


.input_info { font-size:10px; font-weight: normal; }

.side-nav-second-level > li > a { display:none}


[aria-multiselectable="true"] .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
}

[aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
    content: "√";
    color: #1d0b0b;
    background-color: #addeff;
    border: 0;
    display: inline-block;
    padding-left: 6px;
}
[aria-multiselectable="true"] .select2-container--default .select2-results__option--selected:before{
    content: "√";
    color: #1d0b0b;
    background-color: #addeff;
    border: 0;
    display: inline-block;
    padding-left: 6px;
}
.select2-container--default .select2-selection--single { border:1px solid #cbd0dd !important}
.select2-container--default .select2-selection--single .select2-selection__rendered { 
    line-height:32px !important; text-align: center;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow { min-height:32px !important; height:32px !important}
.select2-selection__rendered,
.select2-container--default .select2-search--inline .select2-search__field {cursor:pointer; caret-color: transparent;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-top: 3px !important;
}
.select2-container--open .select2-dropdown--below { width:auto }
.select2-results__option { height:32px; line-height:32px; padding: 0px 0px 0px 5px !important;}
.select2-container--default .select2-search--inline .select2-search__field { width:100% !important }
.button-default.xlsx { display: none;}
select { width:200% }


.modal-xlg {--bs-modal-width:150rem}
/*멑티 모달 z-index 셋팅*/
.modal-backdrop1 {z-index:1055}
.modal-show1 {z-index:1056}

.modal-backdrop2 {z-index:1057}
.modal-show2 {z-index:1058}

.modal-backdrop3 {z-index:1059}
.modal-show3 {z-index:1060}


.modal-backdrop4 {z-index:1061}
.modal-show4 {z-index:1062}

.modal-backdrop5 {z-index:1063}
.modal-show5 {z-index:1064}

.modal.pop_alert, .modal.pop_confirm, .modal.alert, .modal.confirm {z-index:2000}
.real_v_026 .table_2 { width:100% }

.text-red { color:#cc1b00 !important}
.text-blue { color:#3874ff !important; font-size: 1.2em;}

textarea[name="file_content"] { height:100px }

.pop_008_009 {position: absolute;right: 40px; top: 25px;}

.side-nav li.side-nav-item a { display:none }



.loading { text-align:center; display:none; }
.loading > div { margin-top: calc(25% - 50px ) ;width:100px; height:100px; font-size:4rem }
.form-select { padding:0.375rem 2.25rem 0.175rem 0.75rem}


.f_logo img {filter: invert(35%) sepia(4%) saturate(8%) hue-rotate(328deg) brightness(106%) contrast(80%);}

.table_basic a {width:100%}
.table_basic th:nth-child(1),
.table_basic td:nth-child(1) {width:8%}
.table_basic th:nth-child(2),
.table_basic td:nth-child(2) {width:100px}
.table_basic th:nth-child(3),
.table_basic td:nth-child(3) {width:calc(100% - 300px)}
.table_basic th:nth-child(4),
.table_basic td:nth-child(4) {width:8%}






@media screen and (max-width:1024px) {
    .body {padding-top:0; overflow-x:hidden}
    .cont {width:100%; padding:15px}
    .cont > .p-5{padding:0 !important}
    .cont .tit {padding:20px 0}
    .cont .tit + form {padding-top:0 !important; padding-bottom:10px}
    .cont .src {padding-bottom:0}
    .cont .src li{width:100% !important; padding:0 !important}

    .table_basic th:nth-child(1),
    .table_basic td:nth-child(1) {width:8%}
    .table_basic th:nth-child(2),
    .table_basic td:nth-child(2) {width:100px}
    .table_basic th:nth-child(3),
    .table_basic td:nth-child(3) {width:60px}
    
    .table_basic th:nth-child(5),
    .table_basic td:nth-child(5) {width:100px}
    .table_basic th:nth-child(6),
    .table_basic td:nth-child(6) {width:100px}

    footer .cont {padding:15px !important}
    footer .cont a.f_logo {width:100px}
    footer .cont ul {float:none; padding:15px 0 0 0; width:100%}

    .paging_area .row {position: inherit;}
    .paging {display:inline-block; width:100%; text-align:center; padding-top:15px}
    .paging li {display:inline-block}
    
}


@media screen and (max-width:640px) {

    .paging li:first-child,
    .paging li:last-child {display:none}

    .table_basic * {font-size:12px}
    .table_basic td {height:53px !important}
    .table_basic th:nth-child(2),
    .table_basic td:nth-child(2) {width:55px !important}
    .table_basic td:nth-child(2) img{width:55px}
    .table_basic th:nth-child(3),
    .table_basic td:nth-child(3) {width:calc(100% - 100px)}
    
    .table_basic th:nth-child(4),
    .table_basic td:nth-child(4){width:80px}
    .table_basic td:nth-child(4),
    .table_basic td:nth-child(4) a{word-break: break-word; white-space:inherit !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:40px}
    .table_basic td:nth-child(4) a {height:50px; line-height:25px; margin-top:8px}
    .table_basic th:nth-child(5),
    .table_basic td:nth-child(5) {width:70px}
    .table_basic th:nth-child(6),
    .table_basic td:nth-child(6) {width:60px}
    
    .table_basic th:nth-child(1),
    .table_basic td:nth-child(1) {display:none}

    .content {padding-left:0 !important}

    

    /*
    .table_basic th:nth-child(3),
    .table_basic td:nth-child(3) {display:none}
    */
    
    footer .cont ul li:nth-child(3) {padding-bottom:0}
    footer .cont ul li span {display:block; width:100%; padding-bottom:5px}
    footer .cont ul li:not(:first-child) span:not(:last-child):after {content:''; padding:0}
        
}
h5 { font-size: 1.3em}
.nav-link { color:var(--bs-body-color)}
.active { color:var(--bs-nav-link-color)}
.content { padding-left: 20px }

.prd_detail { text-align:center }
.prd_detail img, .content img { text-align:center; width:auto !important; max-width: 100%;}