*{box-sizing: border-box; margin:0; padding:0; list-style: none; outline:none; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; color:inherit; font-size:inherit}
a{text-decoration: none}
/* // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900
.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-serif-<uniquifier> {
  font-family: "Noto serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
 */
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaruBuri';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'MaruBuriSemiBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: 'MaruBuriBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'Gyeonggi_Title_Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

ul, ol, dl{margin:0; padding:0}

html, body{margin:0;padding:0; /*min-width:1680px*/}
body, td, th, select, textarea, input, textarea {font-size:0.625vw;color:#000;}
table th td{padding:0;margin:0;}
img{border:none;}

select { min-width:5.208vw}

select[disabled]{
  -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */;
  border:0}
BODY {scrollbar-arrow-color:#888; scrollbar-track-color:#fff; scrollbar-highlight-color:#fff;}

.checkbox_wrap{margin:0; line-height:1; margin-top:0.260vw; vertical-align: top}
td .checkbox_wrap{margin-top:0.417vw}
.checkbox_wrap input[type="checkbox"]{margin:0}

::-ms-clear {
   display: none;
}

.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.alignLeft{text-align:left !important;}

li{list-style:none;}
div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0}

table { border-collapse: collapse; }

.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.float-left{float:left !important}
.float-right{float:right !important}
.full-width{width:100% !important}

.mt10{margin-top:0.521vw !important}
.mr10{margin-right:0.521vw !important}
.ml10{margin-left:0.521vw !important}
.mb10{margin-bottom:0.521vw !important}
.mt5{margin-top:0.260vw !important}
.mr5{margin-right:0.260vw !important}
.ml5{margin-left:0.260vw !important}
.mb5{margin-bottom:0.260vw !important}

/* devide */
.dev3:after, .dev3_1:after, .dev2:after, .dev2_1:after{display:block; content:''; clear:both}
.dev3 li{width:33.333%; float:left}
.dev3_1 li{width:32%; margin-right:2%; float:left}
.dev3_1 li:nth-child(3n){margin-right:0}
.dev2 li{width:50%; float:left}
.dev2_1 li{width:49%; margin-right:2%; float:left}
.dev2_1 li:nth-child(2n){margin-right:0}
.dev4_1 li{width:calc(97% / 4); margin-right:1%; float:left}
.dev4_1 li:nth-child(4n){margin-right:0}
.dev3 li:last-child, .dev3_1 li:last-child,.dev2 li:last-child, .dev2_1 li:last-child{margin-right:0}

/* fileBox :: drag and drop */
.fileBox{position:relative;}
.fileBox input, textarea{width: 100%;}
.fileBox .fileDrop{overflow: auto; background-color:#f8f8f8; height:7.813vw; padding:0.313vw; position:relative;}
.fileList{line-height:1.4; text-align:left}
.fileDrop .fileList .fileName{text-align:left; width:auto; border-bottom:0.052vw solid transparent; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer}
.fileDrop .fileList .fileName:hover{border-bottom:0.052vw solid #666;}
.fileDrop .fileList .fileSize{width:3.125vw; display:inline-block}
.fileList .float-right{width:4.167vw; position:relative;}
.fileList .float-right .close{top:0; right:0;}
.fileList .float-right .close:before,
.fileList .float-right .close:after{width:0.052vw; height:0.833vw}
.upfile_msg{display:block; content:'파일을 드래그하여 첨부할 수 있습니다.'; position:absolute; top:0; bottom:0; left:0; right:0; height:1.354vw; margin:auto; text-align:center}
input[type="file"]{visibility: hidden; display:none}

/* 하나만 업로드 가능 */
.file_box{text-align:left}
.file_box .input {
    display: inline-block;
    height: 1.563vw;
    padding: 0 0.521vw;
    vertical-align: middle;
    border: 0.052vw solid #dddddd;
    width: calc(100% - 5.208vw);
    color: #999999;
    position:relative;
    float:left
}
.file_box .input .close{top:0; bottom:0; margin:auto}
.file_box label {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #222;
    cursor: pointer;
    height: 1.563vw;
    line-height:1.563vw;
    width:90px; font-weight:normal;
    border-radius:0.156vw;
    margin-bottom:0;
    margin-left:0.260vw;
    text-align:center;
    float:left;
    margin-top:0.156vw
}
.file_box input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.file_box .btn_delete{width:3.125vw}
#login_box input[type="text"],
#login_box .input{border:0.052vw solid rgba(0, 0, 0, .1); background-color:transparent; position:relative; width:100%; height:1.563vw; display:block; }
.select, .input{display:inline-block; border:0.052vw solid #ddd; background-color:#fff; height:1.563vw; line-height:1.563vw; display:inline-block; vertical-align: middle;}
#login_box ul li .input input:hover,
#login_box ul li .input input:focus,
#login_box ul li .input input:active{background-color:transparent !important}
 input[type="text"]:focus,
 input[type="password"]:focus,
 textarea:focus,
 select:focus{background-color:#ffffec !important}
.input input:hover,
.input input:focus,
.input input:active{background-color:#ffffec !important}

.input input{width:100%; height:100%; border:0; vertical-align: top}
.select select{width:100%; height:100%; border:0; vertical-align: top}
select:focus{background-color:#ffffec;}
.date_input {position:relative; white-space: nowrap; display:inline-block}
.date_input .input{position:relative; padding-right:1.563vw;width:6.250vw; display:inline-block;}
.date_input:after{display:block; content:''; clear:both}
.date_input .input:before{display:block; content:''; position:absolute; top:0; bottom:0; right:0.260vw; width:0.781vw; height:0.781vw; margin:auto; background-image:url('../img/date.svg'); background-repeat:no-repeat}
.date_input.input:before{display:block; content:''; position:absolute; top:0; bottom:0; right:0.260vw; width:0.781vw; height:0.781vw; margin:auto; background-image:url('../img/date.svg'); background-repeat:no-repeat}
.date_input_wrap .input{width:140px}
.date_input_wrap .input:last-child{float:right}
.date_input_wrap .wave{font-style:normal; width:0.625vw; display:inline-block; text-align:center; line-height:1.563vw}


body .name_search_input{position:relative;}
body .name_search_input .btn_name_search{min-width:2.083vw; max-width:2.083vw; width:2.083vw; height:28px !important; line-height:1.042vw !important;font-size:0.625vw; position:absolute; top:0; bottom:0; right:0.260vw; margin:auto}
body .name_search_input .text_search{padding-right:2.604vw}
/* datepicker */
body .ui-widget.ui-widget-content{padding:0}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default,
body .ui-button,
html body .ui-button.ui-state-disabled:hover,
html body .ui-button.ui-state-disabled:active{border:0; text-align:center;  height:1.615vw; line-height:1.302vw}
body .ui-datepicker table .ui-datepicker-current-day .ui-state-active{color:#fff; border-radius:1.563vw; background-color:#1f1f1f}
body .ui-datepicker .ui-datepicker-header{background-color:transparent; border:0; padding:0.521vw 0;}
body .ui-datepicker .ui-datepicker-title select{width:4.167vw; min-width:0; height:1.563vw; outline:none; line-height:1.563vw; font-size:0.729vw; border-radius:0.313vw; padding:0 0.260vw}
body .ui-datepicker .ui-datepicker-title select:nth-child(1){margin-right:0.521vw}
body .ui-datepicker .ui-datepicker-header > a.ui-corner-all{height:1.563vw;  border:0; top:0; margin:0.417vw 0.521vw 0.521vw 0.521vw}
body .ui-datepicker .ui-datepicker-prev{left:0; margin-left:0 !important}
body .ui-datepicker .ui-datepicker-next{right:0; margin-right:0 !important}
body .ui-datepicker .ui-datepicker-header > a.ui-state-hover{top:0; bottom:0; border:0}
body .ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev.ui-state-hover{left:0;}
body .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next.ui-state-hover{right:0;}
body .ui-datepicker .ui-datepicker-header > a.ui-corner-all:hover,
body .ui-datepicker .ui-datepicker-header > a.ui-corner-all:focus,
body .ui-datepicker .ui-datepicker-header > a.ui-corner-all:active{background-color:transparent; border:0; top:0; }
body .ui-datepicker .ui-datepicker-header > a.ui-corner-all span{
  background-image:url('../img/arrow.svg'); background-repeat:no-repeat; background-position:center; background-size:0.417vw;
  width: 100%;height: 100%;display: inline-block;left:0; top:0; margin:0}
body .ui-datepicker .ui-datepicker-header > .ui-datepicker-next span{transform:rotate(180deg)}
.ui-datepicker .ui-datepicker-title{margin:0 auto}


input{border:0; outline:none; text-align:left; text-indent:0.208vw; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-moz-placeholder,
input[placeholder],
input[placeholder="placeholder"],
input::placeholder {opacity: .3}

/** input :: button **/
input[type="button"] {
  background:#458cc6;color:#fff; font-size:0.677vw;width:100%;border-radius:0.104vw;cursor:pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; text-align:center; height:1.563vw; line-height:1.563vw; outline:none; padding:0
}
input[type="button"]:hover {background: #005b9e; color:#FFF}

.title_area{margin-bottom:0.260vw; display:block}
.maintitle{color:#000;padding:0 0.521vw 0 0.260vw; font-weight:bold;font-size:0.938vw;}
.maintitle_ment{font-size:0.677vw;color:#000;font-weight:normal;color:#515f7b;}
#title_sub{color:#888; margin-bottom:0.104vw; font-size:0.781vw}

/* color */
.text-white{color:#fff !important}
.text-black{color:#1f1f1f !important}
.text-blue{color:#2351d1 !important}
.text-orange{color:#E5B367 !important}
.bg-orange{background-color:#E5B367 !important}
.bg-primary{background-color:#0b0506 !important}
.text-primary{color:#0b0506 !important}
.bg-cyan{background-color:#337ab7 !important}
.text-purple{color:#5f3499 !important}
.bg-purple{background-color:#5f3499 !important}
.text-green{color:#2E590F !important}
.bg-green{background-color:#2E590F !important}
.text-green2{color:#7BC211 !important}
.bg-green2{background-color:#7BC211 !important}
.text-red{color:red !important}
.bg-blue{background-color:rgba(13, 110, 253) !important}
.text-gold{color:#E5B367 !important}
.bg-gold{background-color:#E5B367 !important}
.text-brown{color:#40210F !important}
.bg-brown{background-color:#40210F !important}
.bg-primary.btn:hover,
.bg-primary.btn:focus,
.bg-primary.btn:active{background-color:#222 !important}
.bg-color{background-color:#cee6ff !important}
.bg-blue.btn:hover,
.bg-blue.btn:focus,
.bg-blue.btn:active{background-color:rgba(13, 110, 253) !important}
.bg-white{background-color:#fff !important;}
.bg-black{background-color:#000 !important;}
.text-burgundy{color:#7C153D}
.bg-burgundy{background-color:#7C153D}
.bg-yellowgart{background-color:#C1B9AC}

.btn.more.bg-black{background-color:#202020 !important;}
.btn.more{width:3.125vw; height:3.125vw; box-shadow: 0 0.156vw 0.313vw rgba(0, 0, 0, .16); padding:0; border:0}
.btn.more img{width:100%}
.btn_save.btn:hover,
.btn_save.btn:focus,
.btn_save.btn:active{background-color:#0a5dd7 !important; color:#fff !important}
.btn_save{background-color:rgba(13, 110, 253) !important; color:#fff !important}
.btn_search.btn:hover,
.btn_search.btn:focus,
.btn_search.btn:active{background-color:#222 !important; color:#fff}
.btn_search{background-color:#0b0506 !important; color:#fff}
.hide{display: none;}



/* header */
.header_wrap{position:fixed; top:0; left:0;; width:100%; z-index: 111}
#header{background-color:#000000; }
.header_inner{height:90px; overflow:hidden;white-space:nowrap; text-align:center; width:100%; max-width:67.708vw; margin:0 auto; display: flex; position:relative;}
#header_logo{ width:140px; display:flex; justify-content: center; align-items: center;}
#header_logo img{width:100%}
#header > .depth_wrap{display:none;  width:100%; margin:0 auto; text-align:center; position:absolute; top:90px; background-color:rgba(255, 255, 255, 0.8); box-shadow:0 0.052vw 0.521vw rgba(0, 0, 0, .16); backdrop-filter:saturate(180%) blur(1.042vw);}
.header_wrap .gnb_depth02{width:100%; max-width:1500px; margin:0 auto; }
/* .header_wrap .gnb_depth02 > ul{height:60px} */
.mobile_view,
.mo_img{display:none !important}
#gnb{position:absolute; right:0; width:auto; display:inline-block}
#gnb:after{display:block; content:''; clear:both}
#gnb li{display:inline-block; margin-right:90px; float:left}
#gnb li:last-child{margin-right:0}
#gnb li a{color:#FFFFFF; font-size:0.7292vw; line-height:90px; height:90px}
#gnb > li.active{position:relative;}
#gnb > li.active:after{display:block; content:''; position:absolute; top:calc(100% - 4px); left:0; width:100%; height:4px; background-color:#E5B367}
#gnb li.active a{color:#E5B367; font-weight:bold}


/* footer */
#footer{background-color:#000; padding:1vw 0}
.footer_inner{width:100%; max-width: 67.708vw; margin:0 auto}
.footer_inner:after{display:block; content:''; clear:both}
.footer_logo{width:6.5vw; margin-right:1vw; display:inline-block; float:left;}
.footer_inner p{width:calc(100% - 8vw); display:inline-block; color:#bbb; vertical-align: top; line-height:1.6;font-size:1vw; text-align:left}

#quick_menu{position:fixed; bottom:3vw; right:0; padding-right:2vw; z-index: 1}
.quick_box a{display:flex; flex-direction: column; ; justify-content: center; align-items: center; width:5vw; height:5vw; font-size:.8vw; font-weight:normal; letter-spacing: -1px; color:#fff; border-radius:.8vw; margin-top:1vw;; padding:0.5vw; text-align:center; box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}
.quick_box a:nth-child(1){background-color:#E5B367}
.quick_box a:nth-child(2){background-color:#000}
.quick_box a:nth-child(3){background-color:#fff}
.quick_box a img{display:flex; width:40%; margin:0 auto 0.3vw}
.quick_box a:nth-child(3){}
.quick_box a:nth-child(3) img{display:block}




.gnb_depth02{display:none; text-align:center}
.gnb_depth02 ul{display:inline-block; height:100%; vertical-align: top}
.gnb_depth02 ul:after{display:block; content:''; clear:both}
.gnb_depth02 > ul > li{display:inline-block; margin-right:200px; height:100%; float:left; letter-spacing: -0.052vw; line-height:60px}
.gnb_depth02 ul li:last-child{margin-right:0}
.gnb_depth02 ul li a{color:#191919; font-size:0.6250vw}
.gnb_depth02 ul li li a{font-size:0.5729vw}
.gnb_depth02 ul.department_depth02{width:100%; max-width:2600px; min-width:1500px; display:none; padding-bottom:70px}
.gnb_depth02 ul li.active{position:relative;}
.gnb_depth02 ul li.active a{font-weight:bold; color:#E5B367}
/* .gnb_depth02 ul li.active:after{display:block; width:100%; content:''; height:4px; background-color:#E5B367; position:absolute; bottom:0; left:0; right:0;} */
.department_depth02{ text-align:center; height:5vw; display:flex; justify-content: center; align-items: center}
.department_depth02 ul{width: 100%; max-width: 67.708vw; margin:0 auto;}
.department_depth02 ul:after{display:block}
.department_depth02 > ul > li{display:flex; width:calc(100% / 8);justify-content: center; align-items: center; height:3.5vw; border-bottom:0.15vw solid transparent;}
.department_depth02 > ul > li{height:3.5vw; border-bottom:0.15vw solid transparent;}
.department_depth02 > ul > li a{text-align:center; font-size:1.3vw; color:#000}
.department_depth02 > ul > li:last-child a{line-height:1.2}
.department_depth02 > ul > li.active{border-bottom:0.15vw solid #E5B367}
.department_depth02 > ul > li.active a{font-weight:bold}

.depth03_wrap{display:none; width:100%; max-width:2600px; margin:0 auto; text-align:center;}
.depth03_wrap:after{display:block; content:''; clear:both}
.depth03_wrap ul{width:calc(100% / 8); display:inline-block; float:left;}
ul.depth03{vertical-align: top; margin:0 auto}
ul.depth03:after{display:block; content:''; clear:both}
ul.depth03 > li{position:relative; display:block; width:100%}
ul.depth03 li ul.depth04{width:100%;}
ul.depth03 li > a{color:#000000; font-size:24px; display:block; width:100%; height:100%;padding-bottom:1.3vw;}
ul.depth03 li .depth04 li a{ display:block; padding:0.5vw 0; transition:color 500ms}
/* ul.depth03 li .depth04 li:nth-child(1) a{padding-top:1vw}
ul.depth03 li .depth04 li:last-child a {padding-bottom:1vw} */
.depth03 > li.active > a,
.depth03 li .depth04 li.on a{font-weight:bold}

.department_ .header_wrap .gnb_depth02_wrap{top:90px}
  /* container */
  #container{width:100%; text-align:center; padding-bottom:5.208vw}
  .cont_inner{width:100%; margin:0 auto}

  #maincontents{width:100%}
  #maincontents > .btn_wrap{margin-top:0.521vw}

  .modal .popup.modal-dialog{position:fixed; transform:translate3d(-50%, -50%, 0); top:50%; left:50%; padding:0!important; background-color:#fff; box-shadow:0.260vw 0.260vw 0.156vw rgba(0, 0, 0, .2); z-index: 200; border-radius:0.521vw; overflow:hidden;}
  /* .dimed{display:none; width:100%; height:100%; background-color:rgba(0, 0, 0, .3); position:fixed; top:0; left:0;z-index: 100} */
  .modal-header{position:relative;}
  .modal-header h5{font-size:0.833vw; font-weight:normal; text-align:left ;}
  .modal-body {padding:0.521vw}
  .modal-content{margin:0; border:0}
  .popup .searchbox{border-top:0; margin-top:0; padding-top:0}
  .popup .modal-body ul li{margin-bottom:0.417vw}
  .popup .modal-body ul li:last-child{margin-bottom:0}
  .popup .modal-body ul li .tit{width:2.604vw; text-align:right; padding-right:0.156vw; vertical-align: middle}
  .popup .modal-body ul li .select{width:10.417vw; display:inline-block; }
  .popup .modal-body ul li .input{width:10.417vw; display:inline-block; }
  .popup .modal-body ul li.btn_wrap{margin:0.417vw auto; padding-bottom:0.417vw;}
  .popup .modal-body{padding-bottom:0.417vw}

  .delete, .close, .addIcon, .btn_del2{position:absolute; right:0.260vw; top:0.729vw; opacity: 1; width:1.042vw; height:1.042vw}
  .delete:hover .delete:focus, .delete:active,
  .close:hover .close:focus, .close:active,
  .btn_del:hover .btn_del:focus, .btn_del:active,
  .btn_del2:hover .btn_del2:focus, .btn_del2:active,
  .addIcon:hover .addIcon:focus, .addIcon:active{opacity: .8}
  .delete:before, .delete:after, .close:before, .close:after, .addIcon:before, .addIcon:after, .btn_del2:before, .btn_del2:after{display:block; content:''; width:0.104vw; height:0.833vw; background-color:#1f1f1f; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
  .delete:before, .close:before, .addIcon:before, .btn_del2:before{transform:rotate(45deg)}
  .delete:after, .close:after, .addIcon:after, .btn_del2:after{transform:rotate(-45deg)}
  .btn_del{width:0.729vw; height:0.729vw; opacity: 1; width:0.938vw; height:0.938vw; position:relative;}
  .btn_del:before{display:block; content:''; width:0.677vw; height:0.104vw; background-color:#1f1f1f; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
  .btn_del:hover:before,
  .btn_del:focus:before,
  .btn_del:active:before{background-color:#0b0506}


.table_wrap{ }
.btn{/*font-size:0.625vw*/ font-size:0.625vw; border:0.052vw solid #e5e5e5; background-color:#f2f2f2; border-radius:100px; height:1.563vw; line-height:1.458vw; padding:0 0.625vw}
.btn:focus,
.btn:active,
.btn:hover{border:0; box-shadow:none;}
.btn_delete{border: 0.052vw solid #d84343; background-color: #f44c4c; color: #fff;}
.btn_delete:focus,
.btn_delete:active,
.btn_delete:hover{border: 0.052vw solid #e02323 !important; background-color: #f02525 !important; color: #fff !important}
table {width:100%; border:0.052vw solid #ebebeb; border-top:0.104vw solid #111; border-collapse:collapse}
thead{background-color:#f8f8f8}
table th {
    background: #dcdee4;
    font-weight: normal;
    color: #000;
    height: 1.563vw;
    border: 0.052vw solid #c8cedf;
    padding: 0 0.313vw;
    text-align: center;
}
table td {padding:0.260vw; word-break:break-all; border:0.052vw solid #EBEBEB;  font-size:0.625vw; text-align: center; font-weight:normal}
table td p{text-align: center}
table td input[type="text"]{width:100%}

.pagnav{margin-top:1.042vw}
.pagination{justify-content: center;}
.page-item.active .page-link span{color:#fff}
img{max-width:100%}
.img_box{display:block}
.img_box img{max-width:100%}
.img_list img{max-width:100%}
.section_inner{width:80%; max-width:67.708vw; margin:auto}

#sidemenu{position:fixed; left:100%; top:0; width:100%; height:100%; background-color:#f8f8f8; transition:500ms all; z-index: 200; max-height:100vh; overflow:auto}
#sidemenu.active{left:0}
#sidemenu .sidemenu_top{background-color:#fff; position:relative;}
#sidemenu .sidemenu_top:after{display:block; content:''; clear:both; width:100%; height:1.17188vw; background-color:#F8F8FA}
#sidemenu .sidemenu_top h6{font-size:6.25000vw;display:block; content:''; clear:both; text-align:left;padding:5.98958vw 8.85417vw 4.03646vw}
#sidemenu .sidemenu_top .close{width:5vw; height:5vw; right:5vw; top:7.3vw}
#sidemenu .sidemenu_top .close:after,
#sidemenu .sidemenu_top .close:before{width:0.4vw; height:5vw}
#category > li{background-color:#fff}
#category li ul{display:none}
#category li a{color:#000; display:block; width:100%; padding:5.98958vw 8.85417vw 4.03646vw; text-align:left; font-size:6.25000vw}
#category .sidemenu_depth02 li a{padding:2.60417vw 0 0 12.50000vw; position:relative; font-size:4.68750vw; color:#666666}
#category .sidemenu_depth02 > li > a{padding-top:1.95313vw}
#category .sidemenu_depth02 li:last-child a{padding-bottom:2.60417vw}
#category .sidemenu_depth02 > li:nth-child(1) > a{padding-top:2.60417vw}
#category li img{float:right; width:3vw; margin-top:2.5vw;filter: brightness(0); transform:rotate(0deg); transition:500ms all}
#category li a.active img{transform:rotate(180deg)}
#category .sidemenu_depth02 > li ul.sidemenu_depth04 li a{padding:1.30208vw 0 1.30208vw 17.70833vw}
#category .sidemenu_depth02 li a.btn_depth04{padding:1.30208vw 0 1.30208vw 15.36458vw}
#category .sidemenu_depth03,
#category .sidemenu_depth04{display:block}
.sidemenu_depth02{background-color:#F8F8FA}

/* #sidemenu{position:fixed; left:100%; top:0; width:100%; height:100%; background-color:#f8f8f8; transition:500ms all; z-index: 200; max-height:100vh; overflow:auto}
#sidemenu.active{left:0}
#sidemenu .sidemenu_top{background-color:#fff; position:relative;}
#sidemenu .sidemenu_top:after{display:block; content:''; clear:both; width:100%; height:9px; background-color:#F8F8FA}
#sidemenu .sidemenu_top h6{font-size:48px;display:block; content:''; clear:both; text-align:left;padding:46px 68px 31px}
#sidemenu .sidemenu_top .close{width:5vw; height:5vw; right:5vw; top:50%; transform:translate3d(0, -50%, 0);}
#sidemenu .sidemenu_top .close:after,
#sidemenu .sidemenu_top .close:before{width:0.4vw; height:5vw}
#category > li{background-color:#fff}
#category li ul{display:none}
#category li a{color:#000; display:block; width:100%; padding:46px 68px 31px; text-align:left; font-size:48px}
#category .sidemenu_depth02 li a{padding:20px 0 0 96px; position:relative; font-size:36px; color:#666666}
#category .sidemenu_depth02 > li > a{padding-top:15px}
#category .sidemenu_depth02 li:last-child a{padding-bottom:20px}
#category .sidemenu_depth02 > li:nth-child(1) > a{padding-top:20px}
#category li img{float:right; width:3vw; margin-top:2.5vw;filter: brightness(0); transform:rotate(0deg); transition:500ms all}
#category li a.active img{transform:rotate(180deg)}
#category .sidemenu_depth02 > li ul.sidemenu_depth04 li a{padding:10px 0 10px 136px}
#category .sidemenu_depth02 li a.btn_depth04{padding:10px 0 10px 118px}
#category .sidemenu_depth03,
#category .sidemenu_depth04{display:block}
.sidemenu_depth02{background-color:#F8F8FA} */