/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* bootstrap */
.pl-0{padding-left:0!important;}
.pr-0{padding-right:0!important;}
.ph-0{padding-left:0!important;padding-right:0!important;}
.pt-0{padding-top:0!important;}
.pb-0{padding-bottom:0!important;}
.pv-0{padding-left:0!important;padding-right:0!important;}
.p-0{padding:0 !important;}
html .pdr-1 {padding-right: .25rem!important}
html .pdr-2 {padding-right: .5rem!important}
html .pdr-3 {padding-right: 1rem!important}
html .pdr-4 {padding-right: 1.5rem!important}
html .pdr-5 {padding-right: 3rem!important}
html .pdl-1 {padding-left: .25rem!important}
html .pdl-2 {padding-left: .5rem!important}
html .pdl-3 {padding-left: 1rem!important}
html .pdl-4 {padding-left: 1.5rem!important}
html .pdl-5 {padding-left: 3rem!important}

html .pdt-1 {padding-top: .25rem!important}
html .pdt-2 {padding-top: .5rem!important}
html .pdt-3 {padding-top: 1rem!important}
html .pdt-4 {padding-top: 1.5rem!important}
html .pdt-5 {padding-top: 3rem!important}
html .pdb-1 {padding-bottom: .25rem!important}
html .pdb-2 {padding-bottom: .5rem!important}
html .pdb-3 {padding-bottom: 1rem!important}
html .pdb-4 {padding-bottom: 1.5rem!important}
html .pdb-5 {padding-bottom: 3rem!important}

html .mgr-1 {margin-right: .25rem!important}
html .mgr-2 {margin-right: .5rem!important}
html .mgr-3 {margin-right: 1rem!important}
html .mgr-4 {margin-right: 1.5rem!important}
html .mgr-5 {margin-right: 3rem!important}
html .mgl-1 {margin-left: .25rem!important}
html .mgl-2 {margin-left: .5rem!important}
html .mgl-3 {margin-left: 1rem!important}
html .mgl-4 {margin-left: 1.5rem!important}
html .mgl-5 {margin-left: 3rem!important}

html .mgt-1 {margin-top: .25rem!important}
html .mgt-2 {margin-top: .5rem!important}
html .mgt-3 {margin-top: 1rem!important}
html .mgt-4 {margin-top: 1.5rem!important}
html .mgt-5 {margin-top: 3rem!important}
html .mgb-1 {margin-bottom: .25rem!important}
html .mgb-2 {margin-bottom: .5rem!important}
html .mgb-3 {margin-bottom: 1rem!important}
html .mgb-4 {margin-bottom: 1.5rem!important}
html .mgb-5 {margin-bottom: 3rem!important}

html .pt-10 {padding-top: 10px!important}

html button,
html input,
html optgroup,
html select,
html textarea{border-radius:0px !important;}

.flex-none{flex:none !important;}
.page-wrapper>.container-fluid{max-width:1380px;margin:0 auto;padding:20px 0 20px 0;}
.page-wrapper>.container-fluid-mob{padding-left:0;padding-right:0;}
.table-th-center th{text-align:center!important;}
.d-flex{display:flex !important;align-items: center !important;justify-content: center !important;}
.flex-1{flex:1 !important;}
.flex-2{flex:2 !important;}


/* bootstrap End */
html,body{height:100%;color:#000;font-size:14px;}
pre{font-size:14px;white-space:pre-line;}

/* 폰트 */
*{font-family: 'Noto Sans KR', sans-serif;font-weight:400;}
pre{font-family: 'Noto Sans KR', sans-serif;font-weight:400;}
dl, ol, ul{padding:0;list-style:none;}
/* color */
.c-black{color:#000 !important;}
.text-right{text-align:right !important;}
.flex-right{justify-content:flex-end !important;}

/* 녹색 */
a{color:#00b734;}
a:hover{color:#00b734;text-decoration:underline;}
a.link:focus, a.link:hover{color:#00b734 !important;}
.form-control:focus{border-color:#24a649;}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.btn-primary{background-color:#24a649 !important;border-color:#24a649 !important}
.btn-primary.bordered{border:2px solid #24a649 !important;border-bottom:3px solid #24a649 !important;}
.form-check-input{background-color:#fff;border:1px solid #ededed;border:1px solid #e0e4e8;}
.form-check-input.primary:checked{background-color:#00b734 !important;}
.form-check-input.secondary:checked{background-color:#00b734 !important;}
.form-check-input:checked{background-color:#24a649;border-color:#24a649;}

/* 페이징 */
.page-item.active .page-link{background-color:#00b734 !important;border-color:#00b734 !important;}
.page-link{color:#090c11;}
.page-link:hover{color:#00b734;}

/* 진한 녹색 */
.btn-info:hover,
.btn-primary:hover{background-color:#1f843c !important;border-color:#1f843c !important;}

/* 회색 */
.btn-default,
.btn-danger,
.btn-dark{background-color:#7c7c7c !important;border-color:#7c7c7c !important;}{background-color:#7c7c7c !important;border-color:#7c7c7c !important;}

.btn-default:hover,
.btn-danger:hover,
.btn-dark:hover{background-color:#5b5b5b !important;border-color:#5b5b5b !important;}

/*.board-title a{color:#000;}*/
.bg-gray{background-color:#f0f0f0;}
/* color End */

/* 테이블 */
.table tfoot th, .table th, .table thead th{white-space:nowrap;}
.table-bordered th,.table-bordered td{border:1px solid #e0e4e8 !important;}
.card-title.card-title-bottom{margin-bottom:29px !important;}

/* 배경 */
#main-wrapper[data-layout=horizontal]{background-color:#f7f8f9;}

/* 버튼 */
.btn-info{background-color:#24a649;border-color:#24a649;}
.btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle{background-color:#24a649;border-color:#24a649;}
.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus{background-color:#24a649;border-color:#24a649;}
.btn-check:focus+.btn-info, .btn-info:focus{background-color:#24a649;border-color:#24a649;}
.btn:hover{text-decoration:none;}
.ap-board td > div,.ap-board td > span,.ap-board td > a{position:relative;white-space:nowrap;}
.board-notify {position: relative;}
.board-notify .heartbit {position: absolute;top:-3px;height: 25px;width: 25px;z-index: 10;border: 5px solid #f62d51;border-radius: 70px;-moz-animation: heartbit 1s ease-out;-moz-animation-iteration-count: infinite;-o-animation: heartbit 1s ease-out;-o-animation-iteration-count: infinite;-webkit-animation: heartbit 1s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.board-notify .point {width: 5px;height: 5px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #f62d51;position: absolute;right: -15px;top: 7px}
.btn.no-round{border-radius:0 !important;}
.btn-outline-secondary:hover{background-color:#fff;border-color:#868e96;}
.add_search{width:36px !important;height:36px !important;border-radius:0px !important;border:1px solid #e0e4e8 !important;;background-color:#fff !important;background:url(/assets/admin/img/bg-btn-plus.png) no-repeat center center;text-indent:-999999px;}
.minus_search{width:36px !important;height:36px !important;border-radius:0px !important;border:1px solid #cfcfcf !important;background-color:#fff !important;background:url(/assets/admin/img/bg-btn-minus.png) no-repeat center center;text-indent:-999999px;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:#ddeee4;color:#24a649;border-color:#ddeee4;border-radius:0;}
.delete_img,.delete_img:hover{width:100%;margin-top:4px;background-color:#def2e4;border-color:#def2e4;color:#24a649;}
.btn{border-radius:0 !important;}
.btn.large{padding:10px 40px !important;}
.btn.x-large{font-size:16px !important;width:150px !important;height:44px !important;}
.btn.btn-none{background:none;border:none;}
.admin-btn{margin-top:14px;}
html .btn-admin{background-color:#000 !important;color:#fff !important;}

/* 모달 버튼 */
.btn-modal-close-wrapper{position:absolute;right:18px;top:21px;}

/* 모달 */
.modal-content{border-radius:0;}

/* 체크박스 */
.form-check-input[type=checkbox]{width:18px;height:18px;}
.form-check-input:checked[type=checkbox]{width:18px;height:18px;background:url(/assets/admin/img/bg-checked.png) #24a649 no-repeat 2px center;border:1px solid #24a649 !important;background-size:13px 9px;}

/* 라디오 */
.form-check-input[type=radio]{width:18px;height:18px;border-radius:50% !important;}
.form-check-input:checked[type=radio]{border:1px solid #24a649 !important;border-radius:50% !important;}

/* main/board-list.html */
.form-check .form-check-input{float:none;}
/* main/board-list.html End */

.active-progress{display:none !important;}

/* 폼 입력양식 */
.form-control{padding:6px 12px;border:1px solid #e0e4e8;color:#000;font-size:14px;}
.form-control:focus{color:#000;}
.form-control:-ms-input-placeholder{color:#9d9191;}
.form-control::-webkit-input-placeholder{color:#9d9191;}
.form-control::-moz-placeholder{color:#9d9191;}
input::placeholder {color: #9d9191 !important;}
.form-control[type='file']{background-color:#fff;border-color:#e0e4e8;}
.form-select{background-image:url(/assets/admin/img/bg-select.png);color:#000;border-color:#e0e4e8;font-size:14px;padding:6px 36px 6px 12px;}
.card{margin-bottom:20px;}
.card-body{padding:27px 21px 27px 21px;box-shadow:0px 10px 15px -10px rgb(0 0 0 / 5%);border-radius:0px;}
.search-option .linkedCalendars{max-width:300px;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.search-option .btn.reset_date{width:36px;height:36px;overflow:hidden;text-indent:-99999px;background:url(/assets/admin/img/ico-btn-reset.png) no-repeat center center;border:1px solid #ededed;border-radius:0px !important;}
.search-option .input-group-text{/*position:absolute;left:0;top:0;height:42px;*/background-color:#fff;border-top-right-radius:0;border-bottom-right-radius:0;}
.search-option select{margin-right:13px;}
.search-option .keyword{max-width:517px;margin-right:13px;}
.search-option .search{padding-left:10px;padding-right:20px;}
.search-option .search svg{margin-top:-3px;margin-right:7px;}
.search-option .row{border-bottom:1px solid #e0e4e8;padding-top:18px;padding-bottom:18px;margin-left:18px;margin-right:18px;}
.search-option .input-group{padding-left:5px;padding-right:5px;}
.search-option.card-body{padding-top:0;padding-bottom:0;}
.search-option .select2-selection--multiple{line-height:normal !important;}
.select2.select2-container{flex:1 1 auto;}
.labels{color:#a9a9a9 !important;}
.input-group-text{border-color:#e0e4e8;}
.input-group-text svg{color:#a9a9a9;}
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered{border-color:#e0e4e8 !important;line-height:24px;line-height:37px;height:36px;border-radius:0 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-width:9px 5.5px 0 5.5px;border-color:#000 transparent transparent transparent;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 5.5px 9px 5.5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{right:10px;top:-3px;}
.form-floating-wrapper-inline{overflow:hidden;}
.form-floating-wrapper-inline .form-floating-wrapper{float:left;margin-right:40px;}
.form-floating-wrapper{display:flex;}
.label-pc{width:120px;font-size:14px;color:#090c11;line-height:36px;}
.label-pc.sm{width:40px !important;}
.label-pc-text{height:20px;line-height:normal;}
.form-floating{flex:1;}
.form-floating.text{display:flex;align-items:center;}
.form-floating-wrapper.category{}
.form-floating-register-category{display:inline-block;width:100%;}
.form-floating-register-category .select2.select2-container{width:50% !important;margin-bottom:6px;}
.option_item_area{border:1px solid #e0e4e8;padding:7px 14px;width:100px;text-align:right;}
.basic-main-img{margin-top:10px;}
.dropzone.dz-clickable{margin-top:10px;border:1px solid #e0e4e8;border-radius:0px;}
.dropzone .dz-message{padding:3em 0;}
.select2-container--default .select2-selection--multiple{max-width:735px;border-radius:0;}
.search-option .label-pc{color:#a9a9a9;}
.form-check .form-check-input{margin-right:4px;}
.form-floating.flex{display:flex;align-items:center;}
.form-floating.flex .form-check{display:flex;align-items:center;}
.form-floating.flex input{vertical-align:middle;}
.form-floating.flex label{vertical-align:middle;}
.form-floating.flex .form-check{white-space:nowrap;}
.form-floating.chk{padding-top:8px;}
.form-check{padding-right:23px;}
.form-check.form-check-large{width:100px;}
.dropzone1{}
.inp-file-full{width:100%;}

.btn-action-left input, .btn-action-left .btn{margin-right:5px !important;}
.btn-action-right input, .btn-action-right .btn{margin-left:5px !important;}

.input-div input[type="text"]{min-width:100px;border:1px solid #e0e4e8 !important;text-align:right !important;}
.mall_price td.mall-price {position:relative;padding-right:30px;}
.mall_price td.mall-price .unit{position:absolute;right:10.5px;top:17px;}
.mall_price td.mall-price.mall-price2 input[type="text"]{min-width:70px;}


/* select */
.select-normal{max-width:135px !important;}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;padding-left:7px;}

/* 넓이 */
.w-wide{width:110px !important;}
.w-wide2{width:157px !important;}
.w-max-auto{max-width:100% !important;}
.w-date{width:80px !important;}

/* 제목 */
.h3-wraper{display:flex;align-items:center;justify-content:center;height:34px;margin-bottom:15px;}
.h3-wraper h3{flex:1;font-size:15px;color:#a9a9a9;margin-bottom:0;padding-bottom:0;padding-top:13px;}
.h3-wraper .btn-action{flex:1;text-align:right;}
.h3-wraper .btn-action .btn{margin:0 3.5px;margin-bottom:0 !important;}
.card h4.card-title{border-bottom:1px solid #000;padding-bottom:12px;font-size:16px;}
.card h5.card-title{padding:6px 0 15px;border-bottom:1px solid #e0e4e8;font-weight:600;}

/* breadcrumb */
.page-breadcrumb{overflow:hidden;padding:36px 0 33px 0;margin:0 auto;background-color:#fff;box-shadow:0px 10px 15px -10px rgb(0 0 0 / 5%);}
.page-breadcrumb .row{max-width:1360px;margin:0 auto;}
.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#a9a9a9;}
.page-breadcrumb p{padding-bottom:0;margin-bottom:0;padding-left:0;padding-right:0;font-size:14px;color:#a9a9a9;}
.page-breadcrumb nav{position:absolute;top:16px;right:0;}
.page-breadcrumb .col-md-5{display:flex;width:100%;padding-left:0;padding-right:0;}
.page-breadcrumb .col-md-5 .page-title{flex:1;}
.page-breadcrumb .col-md-5 .d-flex{position:relative;flex:1;justify-content:flex-end !important;}
.page-breadcrumb .page-title{padding-bottom:4px;font-size:20px;font-weight:600;}
.page-breadcrumb a{color:#00b734;text-transform:uppercase;}
.page-breadcrumb a.home{display:inline-block;line-height:23px;height:24px;padding-left:31px;background:url(/assets/admin/img/ico-home.png) no-repeat left top;}
.page-breadcrumb .breadcrumb{font-size:14px;}
.breadcrumb-item.active{color:#a9a9a9;}

@media (min-width: 992px) and (max-width: 1599.98px) {
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-breadcrumb {
        padding:30px 0 27px 0
    }

    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-fluid,#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-lg,#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-md,#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-sm,#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-xl,#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-xxl {
        padding:36px 0 33px 0
    }
}


/* 테이블 */
.th-color th{background-color:#f7f8f9 !important;color:#8a8a8a;}
.board-list-top{display:flex;border-bottom:1px solid #e0e4e8;padding-bottom:16px;margin-top:-9px;margin-left:-21px;padding-left:21px;margin-right:-21px;padding-right:21px;}
.board-list-top .board-top-left{flex:1;display:flex;align-items:center;}
.board-list-top .board-top-left span{flex:1;display:flex;align-items:center;}
.board-list-top .board-top-right{flex:1;}
.board-list-top .board-top-right .input-group{justify-content:flex-end;}
.board-list-top .board-top-right .input-group select{display:inline-block;margin-left:7px !important;}

.table tfoot th, .table th, .table thead th{border-bottom:1px solid #eee !important;color:#848484;font-weight:400;}
.table, .table-light{color:#000;font-weight:400;}
.board-count.result{color:#848484;}
.calculator_fields{max-width:980px;border:1px solid #30ab53;border:1px solid #30ab53;border-radius:0px !important;padding:0 23px 10px 23px;}
.option_table{width:100%;}
.option_table th{text-align:center;padding:15px 0;border-bottom:1px solid #eeeeee;}
.option_table td{text-align:center;padding:8px 0;}
.table.search-table{border:1px solid #e0e4e8;}
.table.search-table tfoot th, .table.search-table th, .table.search-table thead th{background:#f7f8f9;}
.show-mall-price{text-align:left !important;}
.show-mall-price .box{display:inline-block;border:1px solid #e0e4e9;padding:7px 10px;}
.show-mall-price img{height:18px;margin-right:5px;}
.show-mall-price span{display:inline-block;font-size:13px;margin-right:8px;}
.v-middle th,.v-middle td{vertical-align:middle !important;}



/* 버튼 */
.btn{padding-left:10px;padding-right:10px;-webkit-appearance:none;}
.btn-action{display:flex;padding:13px 0;}
.btn-action .btn-action-left{flex:1;}
.btn-action .btn-action-right{flex:1;align-items:flex-end;text-align:right;}
.btn-action .btn-action-right .btn-action{float:right;}
/*
.btn-action .btn.negative{background:url(/assets/admin/img/ico-bg-btn-x.png) #dfdfdf no-repeat 22px 11px;padding-left:40px;padding-right:20px;border-radius:0px !important;color:#7a7979;font-size:16px;font-weight:500;}
.btn-action .btn.check{background:url(/assets/admin/img/ico-bg-btn-check.png) #e4f4e9 no-repeat 14px 13px;padding-left:42px;padding-right:20px;border-radius:0px !important;color:#24a649;font-size:16px;font-weight:500;}
.btn-action .btn.add{background:url(/assets/admin/img/ico-bg-btn-add.png) #24a649 no-repeat 16px 12px;padding-left:42px;padding-right:20px;border-radius:0px !important;color:#fff;font-size:16px;font-weight:500;}
.btn-action .btn.down{background:url(/assets/admin/img/ico-bg-btn-down.png) #fff no-repeat 17px 12px;padding-left:42px;padding-right:20px;border-radius:0px !important;color:#24a649;font-size:16px;font-weight:500;border:1px solid #24a649;}
*/

.btn-action .btn.negative,
.btn.negative{background:#fff;padding-left:16px;padding-right:16px;border-radius:0px !important;color:#858585;font-size:14px;font-weight:500;border:1px solid #e0e4e8;margin:0 2px;}
.btn-action .btn.check,
.btn.check{background:#e4f4e9;padding-left:16px;padding-right:16px;border-radius:0px !important;color:#24a649;font-size:14px;font-weight:500;}
.btn-action .btn.add,
.btn.add{background:#24a649;padding-left:16px;padding-right:16px;border-radius:0px !important;color:#fff;font-size:14px;font-weight:500;}
.btn-action .btn.down,
.btn.down{background:#fff;padding-left:32px;padding-right:16px;border-radius:0px !important;color:#24a649;font-size:14px;font-weight:500;border:1px solid #24a649;background:url('/assets/admin/img/ico-excel.png') no-repeat 16px center;}


.board-title .btn-dark.text-white{padding:6px 19px;border-radius:0px;background-color:#000 !important;font-size:14px;font-weight:400;color:#fff;}
.board-title .btn-outline-dark{padding:6px 19px;border-radius:0px;background-color:#fff !important;font-size:14px;font-weight:400;color:#000;}
.text-success{color:#007ce4 !important;}
.text-danger{color:#e40000 !important;}
.btn.inner-btn{background:#def2e4 !important;color:#24a649 !important;border-radius:0px !important;padding:8px 24px;}
.btn.primay-btn{background:#24a649 !important;color:#fff !important;border-radius:0px !important;padding:8px 24px;}
.btn-wrapper{text-align:center;}
.btn-next{background:#24a649 !important;color:#fff !important;border-radius:0px !important;padding:9px 0px;font-size:16px;width:150px;margin:0 7px;}
.btn-next.normal{padding:5px 30px;}
.btn-prev{background:#7c7c7c !important;color:#fff !important;border-radius:0px !important;padding:9px 0px;font-size:16px;width:150px;margin:0 7px;}
.date-btn-wrap{margin-right:10px;}
.btn.btn-form{border:1px solid #e0e4e8;height:36px;margin-right:3px;color:#000;line-height:25px;border-radius:0;}
.btn.btn-form.on{color:#00b734;border-color:#00b734;}
.btn.btn-cancel{border:1px solid #e0e4e8;height:36px;margin-right:3px;color:#858585;line-height:25px;border-radius:0;}
.search-btn-wrapper{padding:20px 0;text-align:center;}
.search-btn-wrapper .btn{width:100px;margin:0 8px;height:40px;}
.search-btn-wrapper .btn svg{margin-top:-2px;}
.form-floating.search-btn-wrapper.search-btn-wrapper2{padding:0;}

/* 탭 */
.nav-pills .nav-link, .nav-pills .show>.nav-link{background-color:#e5e5e5;color:#838383;height:57px;font-size:16px;}
.nav-pills .nav-link, .nav-pills .show>.nav-link span{line-height:44px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#fff;color:#000;height:57px;font-size:16px;border-bottom:3px solid #24a649;}
.nav-pills .nav-link{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link span{line-height:44px;}
.ap-tabs li{margin-right:8px;width:50%;max-width:312px;text-align:center;margin-right:-3px;}
.nav-link:focus, .nav-link:hover{color:##5d4dbe;}
.nav-tabs{border-color:#00b734;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{width:150px;color:#a9a9a9;text-align:center;height:43px;border-color:#e0e4e8;border-bottom:none;margin-right:7px;border-radius:0;margin-top:9px}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link span{line-height:27px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color:#00b734;border-bottom:1px solid #fff;color:#090c11;}
/* 페이징 */
.pagination{margin-bottom:3px;margin-top:16px;}

/* 달력 */
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{color:#fff !important;}

/* 커스텀 */
.board-count{min-width:50px;}
.btn-board-writing svg{margin-top:-3px;}

.ap-form-address{display:flex;}
.ap-form-address > input[type="text"]{flex:1;}
.ap-form-address > input[type="text"].zipcode{width:73px;flex:none;}
.ap-form-address > button{line-height:16px;}
.sub-images{border-top:1px solid #e0e4e8;margin-top:18px;padding-top:10px;}
.sub-images-title{text-align:center;margin-top:8px;margin-bottom:20px;}

/* 컨텐츠 레이아웃 */
.align-wraps{width:100%;max-width:1380px;margin:0 auto;}
.align-wraps.full{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:72px 0 0 0;}
.wraps{width:100%;}
.page-wrapper{min-height:300px;max-width:100% !important;}
.dropdown-divider-2{border-width:5px;}

/* 페이지 */
.ap_join_result .error-body{padding-top:0;margin-top:-70px;}
.basic-main-img input[type='file']{max-width:860px;}

/* 페이징 */
.page-link{border-radius:0px !important;}

/* 가이드 */
.guide{font-size:12px !important;color:#1088ed !important;text-indent:-10px;padding-left:10px;}
.guide.top{margin-top:16px !important;}

/* cs 리스트 */
.order_cs_list .detail-top-header{padding-top:54px !important;margin-top:0 !important;margin-bottom:0 !important;text-align:left !important;border-bottom:1px solid #090c11;padding-bottom:15px;}
.order_cs_list #detail_title{border:none !important;border-bottom:1px solid #e4e4e4 !important;background-color:#fff !important;color:#898989 !important;}
.order_cs_list #detail_contents{background-color:#fff !important;border:none !important;border-bottom:1px solid #e4e4e4 !important;min-height:266px !important;padding:0 12px !important;}

/* 상품 등록 */
.make-mall-price{margin-top:18px !important;border-top:1px solid #e0e4e8 !important;padding-top:18px !important;}
.combination{margin-top:17px !important;margin-bottom:28px !important;}
.option-area{margin-top:16px !important;}
.mall_price{padding-top:40px !important;margin-top:0px !important;}
.question-list .question-list-body{padding:15px 8px;border-bottom:1px solid #e0e4e8;}
.question-list .title{padding-bottom:10px;}
.question-list .body textarea{width:100%;border-color:#e0e4e8;max-width:627px;}
.mall-name-img{margin-top:-2px;display:inline-block;}

/* 주문관리 */
.white-space td{white-space:nowrap !important;}

/* 헬프 모달 */
.help-modal{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background:#e4f4e9;border-radius:50% !important;color: #24a649;font-size: 14px;font-weight: 400;}

    /* GNB */
.header-pc{position:relative;z-index:1000;border:1px solid #e9e9e9;}
.header-pc .gnb{height:72px;background-color:#fff;max-width:1380px;margin:0 auto;}
header a{color:#000;font-size:16px;}
header ol, header ul{padding:0;margin:0;}
header li{list-style:none;}
.swiper-wrapper ol,
.swiper-wrapper ul{padding:0;margin:0;}
.swiper-wrapper li{list-style:none;}

.menu-wrap{}
.header-pc{position:fixed;left:0;top:0;width:100%;z-index:100;}
.header-pc .gnb .gnb-left{position:absolute;z-index:10;display:flex;align-items:center;left:10px;top:0;height:100%;}
.header-pc .gnb .gnb-right{position:absolute;z-index:10;display:flex;align-items:center;right:10px;top:0;height:100%;}
.header-pc .gnb .menu-wrap{position:relative;box-sizing:border-box;padding:0 340px 0 200px;width:100%;background:white;}
.header-pc .gnb .bg-white{position:absolute;left:0;top:0px;width:100%;height:0px;opacity:0;}
.header-pc .gnb .bg-white:after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#e9e9e9;}
.header-pc .gnb .bg-white{box-shadow:0px 5px 11px rgb(0 0 0 / 18%)}
.header-pc .gnb .dep-1{display:flex;align-items:center;justify-content:center;}
.header-pc .gnb .dep-1 > li{position:relative;flex-grow:1;flex:1;text-align: center;}
.header-pc .gnb .dep-1 > li > a > div{position:relative;z-index:2;padding:24px 0;}
.header-pc .gnb .dep-1 > li:after{content:"";position:absolute;left:0;bottom:-2px;z-index:10;width:100%;height:3px;opacity:0;background-color:#1ead4c !important;}
/*padding-top:42px;*/
.header-pc .gnb .dep-2{overflow:hidden;opacity:0;position:absolute;left:0;top:72px;padding-top:0;width:100%;height:0px;text-align:center;}
.header-pc .gnb .dep-2 > li{position:relative;z-index:1;}
.header-pc .gnb .dep-2 > li:nth-child(1){margin-top:42px;}
.header-pc .gnb .dep-2:before{visibility:hidden;content:"";position:absolute;left:0;top:0;width:100%;opacity:0;}

/* 호버 시 1뎁스 */
    .header-pc .gnb .menu .dep-1 > li.on > a{color:#1ead4c;font-weight:bold;}

/* 높이 설정 */
    .header-pc .gnb{height:72px;}
    .header-pc .gnb .dep-1 > li > a > div{padding:24px 0;}/* 1뎁스 */
    .header-pc .gnb .dep-2{overflow:hidden;top:72px;height:0px;}/* 2뎁스 */
    .header-pc .gnb .bg-white{top:72px;}/* 흰배경 높이 */

/* 1뎁스 bg 호버 시 - 해당 2뎁스 BG 보이기 */
    .header-pc .gnb .menu .dep-1 > li.on .dep-2:before{visibility:visible;}
/* 메뉴 오픈 시 - 2뎁스 내용 보이기*/
    .header-pc .gnb .menu.open .dep-1 > li .dep-2 {visibility:visible;opacity:1;}
/* 메뉴 오픈 시 - 해당 li의 1뎁스 BG 보이기 */
    .header-pc .gnb .menu.open .dep-1 > li.on:after{opacity:1;}
/* 메뉴 오픈 시 - 해당 li의 2뎁스 BG 보이기  */
    .header-pc .gnb .menu.open .dep-1 > li.on .dep-2:before{height:100%;opacity:1;}
/* 메뉴 오픈 때는 2뎁스 배경 100% 높이 유지 */
    .header-pc .gnb .menu.open .dep-1 > li .dep-2:before{height:100%;}

/* 1뎁스 bg 호버 시 - 텍스트 색상 */
    .header-pc .gnb .menu .dep-1 > li:hover a{}

/* bg-white 전환 속도는 js var gnbTiming에서 설정 */
    .header-pc .gnb .menu .dep-1 > li .dep-2:before{height:50%;}

/* a 호버 시 밑줄 효과 */
    /* 1뎁스 */
    .header-pc .gnb .menu .dep-1 > li > a > div > span{position:relative;overflow:hidden;white-space:nowrap;}
    .header-pc .gnb .menu .dep-1 > li > a > div > span:after{content:"";display:inline-block;display:none;position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#fff;transform-origin:50% 0;transform:scale(0);}
    .header-pc .gnb .menu .dep-1 > li.on > a > div > span:after{transform:scale(1);}
    /* 2뎁스 */
    .header-pc .gnb .menu .dep-2 > li > a > div > span{display:inline-block;position:relative;padding:7px 0;}
    .header-pc .gnb .menu .dep-2 > li > a > div > span:after{content:"";display:inline-block;position:absolute;bottom:2px;left:0;width:100%;height:1px;background-color:#484f4b;transform-origin:50% 0;transform:scale(0);}
    .header-pc .gnb .menu .dep-2 > li > a:hover > div > span:after{transform:scale(1);}
    .header-pc .gnb .menu .dep-2 > li > a:hover > div > span{color:#000000;}

/* 전환 속도 설정 및 배경 색상 */
    /* 2뎁스 보여지는 속도 */
    .header-pc .gnb .dep-2{transition:all 0s;}

    /* bg-white 열린 후 다른 li로 마우스 호버 시 닫히는 배경 속도 */
    .header-pc .gnb .menu .dep-1 > li:after,
    .header-pc .gnb .menu .dep-1 > li .dep-2:before{transition: all 0.3s;background-color:#e2f4e8;}

    /* bg-white 열린 후 다른 li로 마우스 호버 시 - 열리는 배경 속도 */
    .header-pc .gnb .menu .dep-1 > li.on:after,
    .header-pc .gnb .menu .dep-1 > li.on .dep-2:before{transition: all 0.3s;background-color:#e2f4e8;}

    /* 해당 1,2 뎁스 메뉴명의 인터렉션 (예: 밑줄) 속도 */
    .header-pc .gnb .menu .dep-1 > li > a > div > span:after{transition:all 0s;}
    .header-pc .gnb .menu .dep-2 > li > a > div > span:after{transition:all 0s;}

    .login.logined span{display:inline-block;margin-right:6px;}

/* 회원 가입 */
.hope-img-area{margin-bottom:10px;}
#add_hope_area{background:#fff;}

/* PC, MOB 노출 */
    .mob-bottom-menu{display:none;}

/* header PC, MOB */
@media (max-width: 1199px) {

    #main-wrapper{}

    .header-pc{display:none !important;}
    .header-mob{display:block !important;}
    .main-pc-wrapper{display:none !important;}
    .main-mob-wrapper{display:block !important;}
    .page-breadcrumb .d-flex{display:none !important;}
    .page-wrapper{padding-bottom:66px;padding-left:10px;padding-right:10px;padding-top:10px;}
    .only-mob{display:block !important;}
    .only-mob-inline{display:inline-block !important;}

    .main-mob-wrapper .background-video-wrapper{margin:-10px;}
    .page-wrapper>.container-fluid, .page-wrapper>.container-lg, .page-wrapper>.container-md, .page-wrapper>.container-sm, .page-wrapper>.container-xl, .page-wrapper>.container-xxl{padding:0;}

    .card{margin-bottom:10px;}
    .dt-buttons{margin:0 10px;}

    .header-mob{display:block;}
    .page-wrapper>.container-fluid, .page-wrapper>.container-lg, .page-wrapper>.container-md, .page-wrapper>.container-sm, .page-wrapper>.container-xl, .page-wrapper>.container-xxl{padding:0;}

    .card{margin-bottom:10px;}
    .dt-buttons{margin:0 10px;}

    .mob-bottom-menu{display:block;}
    .mob-bottom-menu a:hover{text-decoration:none;}
    .mob-bottom-menu ul,
    .mob-bottom-menu ol{list-style:none;margin:0;padding:0;}
    .mob-bottom-menu{position:fixed;bottom:0;left:0;width:100%;height:56px;z-index:20;background-color:#fff;}
    .mob-bottom-menu .bottom-list{height:100%;padding-top:8px;}
    .mob-bottom-menu .bottom-list ul{display:flex;height:100%;}
    .mob-bottom-menu .bottom-list ul li{height:100%;flex:1;justify-content:center;align-items:center;text-align:center;}
    .mob-bottom-menu .bottom-list ul li div{height:29px;}
    .mob-bottom-menu .bottom-list ul li img{display:inline-block;height:17px;}
    .mob-bottom-menu .bottom-list ul li a{display:block;}
    .mob-bottom-menu .bottom-list ul li p{margin-top:1px;margin-bottom:0;font-size:10px;color:#949494;}

    .mob-bottom-menu .bottom-list ul li.bottom-menu a{font-size:10px;color:#949494;}
    .mob-bottom-menu .bottom-list ul li.bottom-menu img{margin-top:7px;height:17px;}
    .mob-bottom-menu .bottom-list ul li.bottom-product img{margin-top:1px;height:28px;}
    .mob-bottom-menu .bottom-list ul li.bottom-product-list img{margin-top:1px;height:28px;}
    .mob-bottom-menu .bottom-list ul li.bottom-order img{margin-top:2px;height:28px;}
    .mob-bottom-menu .bottom-list ul li.bottom-delivery img{margin-top:5px;height:24px;}

    .mob-bottom-menu{box-shadow:6px 6px 37px rgb(0 0 0 / 18%);}
    .label-pc{display:none !important;}
    .form-floating-register-category .select2.select2-container{width:100% !important;}
    .guide-register-options{display:block;margin-top:6px;}
    .btn-remove-option-fileds{}
    .btn-wrapper{padding:20px 0 50px 0;}
    .card{margin-left:-10px;margin-right:-10px;}
    .title-part-padding{padding:15px 10px 0px 10px;}
}
@media (min-width: 992px) and (max-width: 1599.98px){
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-breadcrumb{padding-left:10px;padding-right:10px;}
}
@media (max-width: 1184px) {
    .card .card-title{margin-left:10px;margin-right:10px;}
}

@media (min-width: 1200px) {
    .pc-block{display:block !important;}
    .pc-none{display:none !important;}

    .header-pc{display:block !important;background-color:#fff;}
    .header-mob{display:none !important;}
    .main-pc-wrapper{display:block !important;}
    .main-mob-wrapper{display:none !important;}
    .page-wrapper{padding-top:72px;background-color:#f7f8f9;}
    .only-mob{display:none !important;}
    .only-mob-inline{display:none !important;}

    .main-temp{text-align:center;}
    .main-temp img{visibility:hidden;}

    .main-page{padding:0;height:100%;}

    .main-page .background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100vw; background: #000;}
    .main-page .background-video{position:absolute; z-index:0;top:0; left:0px; width:100%; height:100%; transform:scale(1.01);}
    .main-page .background-video video{width:100vw; height:56.25vw; min-height:calc(100vh + 340px); min-width: 187.77vh;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); pointer-events:none; opacity:0;filter:Alpha(opacity=0); transition: pacity 3s 0.2s;}
    .main-page .background-video.start video{opacity: 0.7;}

    .main-page .main-banner-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;color:#fff;}
    .main-page .main-banner{text-align:center;}
    .main-page .main-banner .top{margin:0;font-size:34px;font-weight:300;}
    .main-page .main-banner .middle{font-size:54px;font-weight:600;color:#fff;}
    .main-page .main-banner .bottom a{display:inline-block;margin-top:68px;width:198px;height:56px;line-height:55px;border-radius:25px;background-color:#32a13c;font-size:22px;color:#fff;font-weight:400;text-align:center;}
    .main-page .main-banner .bottom a:hover{text-decoration:none;}

    .form-floating label:not(.form-check-label){display:none;}
    .form-floating>.form-control, .form-floating>.form-select{height:auto;padding:6px 14px 7px 14px;}
    .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){height:auto;padding:6px 14px 7px 14px;}

    .require-text{color:#f94e37;}

    /*.form-floating-wrapper .select2.select2-container,
    .form-floating-wrapper .form-select,
    .form-floating>.form-control, .form-floating>.form-select{max-width:860px;}*/
    .form-floating{/*max-width:440px;*/}
    .form-floating.large{max-width:800px;}
    .form-floating.large2{max-width:560px;}
    .form-floating.large3{max-width:1034px;}
    .form-floating.large4{max-width:250px;}
    .form-floating.full{max-width:100%;}
    .w-max-auto{max-width:100% !important;}
    .btn-wrapper{margin:0px 0 90px 0;}
    .btn-wrapper.narrow-max{margin:0 0 0 0;}
    /* 박스 */
    .card-body.bottom-large-pc{padding-bottom:110px;}
}


/* 모바일 GNB CSS */
header a:hover,header a:active{text-decoration:none;}
.header-mob .gnb{display:flex;margin:16px 10px;}
.header-mob .gnb .gnb-left{width:100px;}
.header-mob .gnb .gnb-left .logo{margin-left:10px;height:20px;}
.header-mob .gnb .gnb-center{flex:1;}
.header-mob .gnb .gnb-right{margin-right:10px;width:100px;text-align:right;}

.header-mob{position:relative;z-index:100;}
.header-mob .menu-mob{visibility:hidden;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:100%;height:100%;background:#fff;transition:all 0.3s;transform:translateX(-100%);z-index:100;}
.header-mob .menu-mob.open{visibility:visible;transform:translateX(0);}

.header-mob .mob-top{border-bottom:1px solid #dddddd;}
.header-mob .mob-header{display:flex;padding:15px 17px 0 17px;}
.header-mob .mob-header-left{flex:1;}
.header-mob .mob-header-center{flex:1;}
.header-mob .mob-header-right{flex:1;text-align:right;}
.header-mob .mob-header img.logo-m{height:20px;}
.header-mob .mob-header .mob-close-menu img{opacity:0;height:16px;transform-origin:center center;transform: rotate(-180deg);transition:all 0.3s;}
.menu-mob.open .mob-header .mob-close-menu img{opacity:1;transform: rotate(0deg);}
.header-mob .mob-footer{position:relative;padding:15px 17px 16px 17px;}
.header-mob .mob-footer a{position:relative;display:inline-block;margin-right:38px;color:#000;}
.header-mob .mob-footer a:after{content:'';width:1px;height:13px;position:absolute;right:-19px;top:7px;background-color:#ddd;}
.header-mob .mob-footer a:nth-last-child(1):after{display:none;}
.header-mob .mob-menu{flex:1;overflow:auto;}
.mob-dep-1 > li{position:relative;border-bottom:1px solid #ddd;}
.mob-dep-1 > li > a{display:block;padding-left:32px;font-size:20px;font-weight:bold;color:#000;line-height:58px;}
.mob-dep-1 > li > a:before{content:"";position:absolute;right:37px;top:27px;width:18px;height:2px;background-color:#00b734;transition:all 0.3s;}
.mob-dep-1 > li > a:after{opacity:0;content:"";position:absolute;right:45px;top:19px;width:2px;height:18px;background-color:#7f7f7f;transition:all 0.3s;}

.mob-dep-1 > li.on > a:before{transform:rotate(90deg);background-color:#7f7f7f;}
.mob-dep-1 > li.on > a:after{transform:rotate(90deg);opacity:1;}

.mob-dep-2{border-top:1px solid #ddd;background-color:#f9f9f9;padding:10px 0 10px 49px;display:none;}
.mob-dep-2 > li > a{display:block;color:#000;font-size:16px;}
.mob-dep-2 > li > a span{display:inline-block;line-height:35px;}
/* 모바일 GNB CSS End */

/* 푸터 */
.main-footers-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:388px;background:url(/assets/admin/img/bg-main-bottom.png) no-repeat center center;background-size:cover;}
.main-footers-top p{color:#fff;font-size:32px;}
.main-footers-top .btn-start a{display:inline-block;border:2px solid #fff;margin-top:10%;width:196px;height:60px;color:#fff;font-size:22px;border-radius:30px;text-align:center;line-height:53px;font-weight:600;}
.main-footers-top .btn-start.btn-start1 a{margin-top:47px;}
.main-footers-top .btn-start a:hover,.main-footers-top .btn-start a:active{text-decoration:none;}
.footers{flex:1;width:100%;background:#000;height:163px;color:#7c7c7c;}
.footers .align-wraps{display:flex;height:100%;align-items:center;justify-content:center;font-size:18px;overflow:hidden;}
.footers .footers-left{float:left;width:50%;}
.footers .footers-right{float:left;width:50%;}

.scroll-down{opacity:0;transform:translate(-50%,-60%);transition:all 1.2s;will-change:transform;transition-delay:3s;}
.intro-wrapper .scroll-down{opacity:1;}
.main-page .swiper-slide-active .scroll-down{opacity:1;transform:translate(-50%,-50%);}


/* 로그인 */
.auth-wrapper{margin-top:-72px;width:100%;}

/* 스크롤 아래 */
.scroll-down{
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%,-50%);
}
.scroll-down p{transform: translate(0%,-66px);color:#ffffff;font-size:12px;font-weight:300;}
.scroll-down span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    margin-left:33px;
    animation: scroll-down-animate 2s infinite;
}
.scroll-down span:nth-child(1){
    animation-delay: -0.2s;
}
.scroll-down span:nth-child(2){
    animation-delay: -0.4s;
}
.scroll-down span:nth-child(3){
    animation-delay: -0.6s;
}
@keyframes scroll-down-animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}


/* 스크롤 탑 */
.progress-wrap{position:fixed;right:50px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset  0 0 0 2px rgba(255,255,255,0.2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition: all 200ms linear;text-align:center;}
.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0);}
.progress-wrap::after{position:absolute;font-family:'unicons';content:'\e84b';line-height:46px;font-size:24px;color:#ecedf3;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position:absolute;font-family:'unicons';content:'\e84b';text-align:center;line-height:46px;font-size:24px;opacity:0;background-image:linear-gradient(298deg, #da2c4d, #f8ab37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index: 2;-webkit-transition:all 200ms linear;transition:all 200ms linear;}
.progress-wrap:hover::before{opacity: 1;transform:translate(-10px,0)}
.progress-wrap svg path{fill: none;}
.progress-wrap svg.progress-circle path{stroke:#ecedf3;stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition: all 200ms linear;}
.circle{-webkit-transition:all 300ms linear;transition:all 300ms linear;}
.circle{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);left:-5px;width:40px;height:40px;border-radius:50%;background:#4b4d64;box-shadow:0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);animation:border-transform 10s linear infinite alternate forwards;}
.circle:hover{box-shadow:0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);}
.circle:before{position:absolute;font-family:'unicons';content:'\eac1';top:0;left:0;z-index:2;font-size:20px;line-height:40px;text-align:center;width:100%;height:40px;opacity:1;color:#ecedf3;-webkit-transition:all 300ms linear;transition:all 300ms linear;}
.circle:after{position:absolute;font-family:'unicons';content:'\eb8f';top:0;left:0;z-index:2;font-size:20px;line-height:40px;text-align:center;width:100%;height:40px;color:#f8ab37;opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear;}

.progress-wrap{box-shadow:inset 0 0 0 2px rgb(0 0 0 / 20%);}/*둥근 테두리 기본색*/
.progress-wrap.active-progress{}
.progress-wrap::after{color:#32a13c;}/*안쪽 화살표*/
.progress-wrap svg.progress-circle path{stroke:#32a13c;}/*프로그래스 테두리*/
.circle{text-align:center;}
.progress-wrap:hover::before{opacity: 1;transform:translate(0,-3px);color:#32a13c;background-color:#32a13c;display:none;}/*안쪽 화살표*/
.circle:before,.circle:after{color:black;}
.progress-wrap::before{background-image:linear-gradient(302deg, #32a13c, #32a13c)}/*호버시 안쪽 화살표*/
.form-floating.category{max-width:100%;}
.form-floating.category .select2{width: calc(33.33333333334% - 3px) !important;}

.form-floating.circulation .form-check{width:90px !important;}
.form-floating.delivery .form-check{width:110px !important;}
.reply-comment-wrapper{margin-top:10px;}
.reply-comment{display:inline-block;margin-top:4px;vertical-align:top;}
.reply-comment-text{padding-left:21px;}


/* 상품 등록 */
.product-register .category-search-result{
     position: relative;
 }
.product-register .search-result-area.on{
    display:block;
    /*min-width:354px;*/
    width:406px;
}
.product-register .category-search-result{
    position: absolute;
    z-index: 10;
    left:0;
    top:40px;
}
.product-register .search-result-area{
    display:none;
    height:140px;
    overflow-y:scroll;
    border:solid 1px #7F9F7F;
    background: #fff;
}
.product-register .search-result-wrapper{
    flex-direction: column;
    flex:1;
}
.product-register .search-btn-wrapper{
    width:513px;
}
.product-register ul.list-group{
    list-style:none ;
}
.product-register ul.list-group li{
    line-height:20px;
    margin:5px;
    cursor:pointer;
}
.product-register ul.list-group li:hover{
    color:#7F9F7F;
}

#product_price_info img{display:inline-block;margin-right:4px;margin-top:-5px;}
@media (max-width: 1200px) {
    .product-register .search-btn-wrapper .btn{height:51px;padding-top:14px;margin-right:0;}
    .product-register .category-search-result{
        position: absolute;
        z-index: 10;
        left:0;
        top:51px;
        width:100%;
    }
    .product-register .form-floating.search-btn-wrapper.search-btn-wrapper2{width:100%}
    .product-register .search-result-area.on{width:calc(100% - 100px);}
}

/* 게시판 */
.board-read-header{border-bottom:1px solid #000;font-size:16px;padding-bottom:17px;}
.board-read-title{position:relative;border-bottom:1px solid #e0e4e9;height:42px;padding:12px 0;}
.board-read-etc-info{position:absolute;right:0;top:10px;color:#898989;}
.board-read-body{min-height:134px;padding:15px 0;}
.board-read-file{border-top:1px solid #e0e4e9;border-bottom:1px solid #e0e4e9;padding:15px 0 0px 0;}
.board-read-file h4{margin-bottom:0 !important;}
.board-read-file > .row{margin-top:10px;}
.reply-enter-wrapper{padding:0 !important;margin-top:26px;overflow:hidden;}
.reply-enter-title{display:flex;color:#24a649;border-bottom:1px solid #000;padding-bottom:11px;}
.reply-enter-title-left{flex:1;}
.reply-enter-title-right{width:200px;text-align:right;color:#898989;font-weight:400;font-size:14px;padding-top:4px;}
.add-files{width:200px !important;}

/* 대시보드 */
.dashboards .card{margin-bottom:15px;height:210px;}
.board-part-padding{margin:0px 20px !important;}
.info-row-wrap .info-row{display:flex;height:30px;line-height:29px;}
.info-row-wrap .info-row .titles{flex:1;}
.info-row-wrap .info-row .units{width:80px;text-align:right;}

.tab-mob-100 .nav-item .nav-link{background-color:#fff;height:42px;}
.tab-mob-100 .nav-item .nav-link.active{height:43px;}


/* header PC, MOB */
@media (max-width: 1199px) {
    .progress-wrap{
        right: 16px;
        bottom: 68px;
    }
}

@media (min-width: 1200px) {
    .swiper-container .progress-wrap,
    .swiper-container .progress-wrap .num1{background:#fff;transform:translateY(15px)}
    .swiper-container .progress-wrap svg.progress-circle path{transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919 !important;}
    .swiper-container .progress-wrap.num1,
    .swiper-container .progress-wrap.num2,
    .swiper-container .progress-wrap.num3,
    .swiper-container .progress-wrap.num4,
    .swiper-container .progress-wrap.num5{visibility:visible;opacity:1;transform:translateY(0)}

    .swiper-container .progress-wrap.num0 svg.progress-circle path{stroke-dashoffset: 307.919 !important;}
    .swiper-container .progress-wrap.num1 svg.progress-circle path{stroke-dashoffset: 246.3352 !important;}
    .swiper-container .progress-wrap.num2 svg.progress-circle path{stroke-dashoffset: 184.751400000001 !important;}
    .swiper-container .progress-wrap.num3 svg.progress-circle path{stroke-dashoffset: 123.167600000001 !important;}
    .swiper-container .progress-wrap.num4 svg.progress-circle path{stroke-dashoffset: 61.583800000001 !important;}
    .swiper-container .progress-wrap.num5 svg.progress-circle path{stroke-dashoffset: 0 !important;}

}

/* 모바일 메인 */

.main-mob-wrapper *{margin:0; padding:0; box-sizing:border-box;}
.main-mob-wrapper ul{list-style:none;}
.main-mob-wrapper a{text-decoration:none;}
.main-mob-wrapper{font-family:'Noto Sans KR'; font-weight:400; font-size:16px;}
.main-mob-wrapper h2{font-weight:600;}
/* MOB */
@media (max-width: 1199px) {
    .mob-none{display:none !important;}
    .mob-block{display:block !important;}
    /*mob-wrap*/
    /*header*/
    .header-mob{position:relative; padding:0 10px; background: #fff;border-bottom:1px solid #e9e9e9;}
    .main-page .header-mob{background:none;}
    .header-mob .top{height:60px; line-height:60px; top:0; left: 15px; right: 15px; z-index: 1;}

    .header-mob .logo{float:left;}
    .header-mob .top img.nhlogo{height:24px; vertical-align: middle;}
    .header-mob .loginArea{display:inline-block; float: right;}
    .header-mob .top a.login{font-size:13px; color:#fff; background:#32a13c; padding:8px 12px; margin-right:3px;}
    .header-mob .top a.join{font-size:13px; color:#919191; background:#fff; padding:8px 12px;}

    /*main*/
    .mob-main{}
    .main-page .page-wrapper{position:relative;top:-60px;}
    .mob-contents{padding: 0 15px; margin-top:120px;}
    .mob-contents .tit{margin-bottom:30px;}
    .mob-contents .tit h2{margin-bottom: 15px; font-size:30px; line-height:40px; margin-bottom:40px;}
    .mob-contents .tit p{color:#7c7c7c; margin-bottom:40px;}

    .background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100vw; background: #000;background:url(/assets/admin/img/bg-main-spot-01.jpg) no-repeat center center;margin-left:-10px;}
    .background-video{position:absolute; top:0; left:0px; width:100%; height:100%; transform:scale(1.01);}
    .background-video video{width:100vw; height:56.25vw; min-height:calc(100vh + 340px); min-width: 187.77vh;
        position:absolute; top:50%; left:58%; transform:translate(-50%, -50%); pointer-events:none; opacity:0;
        filter:Alpha(opacity=0); transition: pacity 3s 0.2s;}
    .background-video.start video{opacity: 1;}
    .main-tit{position:absolute; top:32%; left:15px;}
    .main-tit h2{color:#fff; font-size:25px; text-align:left; line-height:35px; }
    .main-tit p{color:#fff; font-size:18px; text-align:left; font-weight:300;}
    .main-tit .loginbtn{display:inline-block; padding:10px 30px; margin-top:40px; border-radius:0px; background:#32a13c; color:#fff; font-size:17px;}

    .section01{padding:0 10px! important;}
    .section01 .tit{padding:05px;}
    .contents01 ul{width:100%; overflow:hidden;}
    .contents01 ul li{float:left; width:33.333333%;}
    .contents01 ul li .imglist{padding:5px 5px;}
    .contents01 ul li .imglist img{width:100%; box-shadow:1px 1px 6px rgba(0,0,0,0.2)}
    /*
            .section02{background:url(nhimg/nhlogoback.png)no-repeat; position:relative; height: auto;
                     background-position-x:78px; overflow:hidden;}
            .section02 .contents02{height: 325px;height:auto;overflow:hidden;}
            .section02 .contents02 .contentslist{float:left; margin-right:10px; width:34%;}
            .section02 .contents02 .contentslist p{font-size: 15px; font-weight:600; margin-bottom: 10px;}
            .section02 .contents02 .contentslist img{width: 100%; box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);}
            .section02 .contents02>img{box-shadow:none; position: absolute; left: 224px;     top: 148px; width: 56%;}
    */
    .section03{padding:0! important; margin-top:10px! important;}
    .section03 .tit{padding:0 15px;}
    .section03 .tit h3{font-weight:800; margin-bottom:20px;}
    .section03 .beforeArea{ margin-bottom:50px;}
    .section03 .beforeArea h3,.contents03 h3{padding:0 15px; margin-bottom: 20px; font-size:17px; font-weight:800; }
    .section03 .beforeArea p{padding:0 15px; color:#7c7c7c;}
    .contents03 ul li{margin-bottom:10px; box-shadow:1px 1px 5px rgba(0,0,0,15%); padding: 10px 15px;}
    .contents03 ul li img{height: 55px; vertical-align:middle;}
    .contents03 ul li strong{color:#000; font-size: 17px; font-weight:800; vertical-align:middle;}
    .contents03 ul li span{color:#000; width:69%; font-size:17px; display: inline-block; vertical-align: middle;}

    .section04{overflow:hidden;}
    .section04 .contents04 ul{width:100%; overflow:hidden;}
    .section04 .contents04 ul li{float:left; width:50%;}
    .contents04 ul li .system-list{padding:20px 5px; text-align: center;}
    .contents04 ul li .system-list img{width:100%; box-shadow:1px 1px 6px rgba(0,0,0,0.2)}
    .contents04 ul li h3{font-size:18px; margin-top:12px;}
    .contents04 ul li p{margin-top:5px; color:#7c7c7c; line-height:20px;}

    .section05{background:url(/assets/admin/img/m/gradientback.png); width:100%; height:235px; background-repeat: no-repeat; text-align:center; padding-top:66px;}
    .section05 p{color:#fff;}
    .section05 a{display:inline-block; padding:10px 50px; border-radius:30px; border:2px solid #fff; font-size:15px; margin-top:20px; color:#fff;}

    /*footer*/
    #mob_footer{background:#1d1d1d; padding:40px 15px;}
    ul.mob_footer_inner li{color:#7c7c7c; font-size:13px;}
    ul.mob_footer_inner li:nth-child(1){margin-bottom:18px;}
    ul.mob_footer_inner li:nth-child(4){margin-bottom:18px;}


    /* 모바일 페이지 공통 */
    /* 검색 필터*/
    .search-option,
    .searchable-container,
    .row-top{margin-top:14px;}

    .card.card-body{padding-left:0;padding-right:0;}
    .card-body{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}
    .date-btn-wrap{display:flex;margin-right:0;width:100%;}
    .date-btn-wrap .btn{flex:1;font-size:12px;margin:0 0px;}
    .search-option .input-group > span,
    .search-option .input-group > select{display:block;margin:0px 0 10px 0;height:34px;}
    .search-option .input-group > input[type='text']{height:34px;}
    .search-option .row{margin-left:0;margin-right:0;padding-left:10px;padding-right:10px;}
    .w-wide2{width:120px !important;}
    .page-breadcrumb{padding:10px;margin-left:-10px;margin-right:-10px;}
    .h3-wraper{display:none;}
    .form-floating.flex{overflow:auto;padding:18px 0;margin:-18px 0;}
    .form-floating.flex .form-check{margin-right:0px !important;}
    .select2.select2-container{margin-bottom:0 !important;}
    .board-list-top{margin-top:10px;padding-left:30px;padding-right:30px;}
    .board-list-top .board-top-left{flex:none;width:74px;}
    .btn-action{padding-left:10px;padding-right:10px;}
    .btn-action .btn{padding-left:7px !important;padding-right:7px !important;font-size:12px !important;}
    .btn-action .btn.down{padding-left:23px !important;padding-right:7px !important;background-position: 8px center;}
    #status_no{margin-top:0px !important;}
    .board-title.text-center{text-align:left !important;}
    .label-pc{display:none !important;}
    .search-option .label-pc{display:none !important;}
    .search-option .calendar-icon{margin-bottom:0 !important;}
    .search-option .search-area .form-select{margin-bottom:0 !important;}

    .mce-ico.mce-i-preview{display:none !important;}
    .smart-editor-wrapper{overflow: hidden;width: 100%;padding: 0;margin: 0;}
    /*.smart-editor{overflow:hidden;padding-left:10px !important;padding-right:10px !important;}*/
    .mce-window.mce-in{width:100% !important;box-sizing:border-box;}
    .mce-container-body{width:100% !important;}
    .mce-container-body.mce-abs-layout{overflow:auto !important;}
    .mce-foot{width:100% !important;}
    .mce-foot .mce-container-body{width:100% !important;text-align:center !important;margin-top:10px !important;}
    .mce-foot .mce-btn{position:relative !important;left:auto !important;top:auto !important; margin:0 4px !important;}
    .mce-foot .mce-btn.mce-primary .btn{left:auto !important;top:auto !important; margin:0 4px;display:inline-block !important;}
    /*
    .member-infos .label-pc{display:block !important;line-height:normal !important;height:21px !important;}
    .member-detail label{display:none;}
    .member-detail .label-pc{display:block !important;}
    */

    textarea.question-content{min-width:240px;}
    .sub-images{overflow:auto !important;}
    .mall-name-types{display:block;}
    .mob-block{display:block !important;margin-top:6px;}

    .mall_price td.mall-price .unit{top:21px;}
    .calculator_fields{min-width:600px;width:100%;}
    .dt-buttons{margin-left:0;margin-right:0;}
    .calculator-fields-wrapper{overflow:auto;width:100%;}
    #product_option_info td{padding:0 10px;}
    .option_table{min-width: 480px;}

    /* 글 보기 */
    .mail-details .card-body{padding-left:10px;padding-right:10px;}
    .ap-board-view-info.mob-block .text-end{text-align:left !important;color:#898989 !important;padding-left:0 !important;padding-right:0 !important;}

    .board-read-header{padding-left:10px !important;padding-right:10px !important;}
    .board-read-title{padding-left:10px !important;padding-right:10px !important;}
    .board-read-body{padding-left:10px !important;padding-right:10px !important;}
    .board-read-file{padding-left:10px !important;padding-right:10px !important;}
    .reply-enter-wrapper{padding-left:0px !important;padding-right:0px !important;}
    .reply-enter-title{padding-left:20px !important;padding-right:20px !important;}
    .board-read-file3{margin-top:23px;padding:0 !important;border-bottom:0 !important;box-shadow:none !important;padding-left:0px !important;padding-right:0px !important;margin-left:0;margin-right:0;}
    .board-read-etc-info{position:relative !important;left:auto !important;top:auto !important;margin-top:10px;}
    .board-read-title{height:auto !important;}

    /* 로그인 */
    .auth-wrapper{min-height:0;}

    /* 대시보드 */
    .tab-mob-100{width:100%;margin-bottom:10px;}
    .tab-mob-100 .nav-item{width:100%;margin-top:2px;}
    .tab-mob-100 .nav-item .nav-link{width:100%;margin-top:2px;border-bottom:1px solid #dee2e6 !important;}
    .tab-mob-100 .nav-item .nav-link.active{height:43px;border-bottom:1px solid #00b734 !important;}
    .tab-mob-100 .nav-item.last .nav-link{width:100%}

    /* 게시판 */
    .add-files{float:left;width:33.33333334% !important;}
    .img-thumbnail{width:100%;}
    .reply-enter-title{padding-left:0 !important;padding-right:0 !important;}

    .btn-wrapper{display:flex;}
    .btn-wrapper a,.btn-wrapper button{flex:1;}

    .login-layout{height:100%;}
    .login-layout .page-wrapper{width:100%;height:100%;display:flex !important;}
    .secret-layout{height:100%;}
    .secret-layout .page-wrapper{padding:0;height:100%;}
    .secret-layout .container-fluid{display:flex;height:100%;}
    .secret-layout .auth-wrapper .auth-box{margin:0;}

}
@media (max-width: 500px) {
    .btn-action-left #status_no{margin-top:10px !important;}
}


.guideLine{position:absolute;width:100%;height:1px;background:skyblue;left:0;top:0;display:none;z-index:9999999999999999;}
.guideLine#guideLine{background:yellow !important;}
.guideLine.three{background:lawngreen !important;}