@charset "utf-8";

.login-wrap {height: 100%; background: #f4f4f4}
.login-cont {max-width: 500px; margin: 0 auto}
.login-cont p {font-size: 19px; font-weight: 300; color: #222}
.login-cont p span {font-weight: 500;}
.login-cont .logo {margin: 13px 0 25px}
.login-cont .logo img {max-width: 150px}
.login-cont {position: absolute; top: 50%; left: 50%; width: 85%; text-align: center; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%)}
.login-form {width: 80%; margin: 0 auto}
.login-form div + div {margin-top: 10px}
.login-form input {width: 100%}


.login-form .btn-login {
    width: 100%;
    height: 36px;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #2fb2ab;
    text-align: center;
    line-height: 36px
}

.login-form .btn-passwd-init {
    width: 100%;
    height: 36px;
    margin-top: 10px !important;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #cecece;
    text-align: center;
    line-height: 36px
}



h2.tit {margin-bottom: 20px; font-size: 17px; font-weight: 500; color: #222}
h2.s_tit {margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #222}
h2.t_tit {padding-bottom: 10px; font-size: 14px; font-weight: 400; color: #5E5E5E}
.box {margin-top: 30px}
.mt0 {margin-top: 0 !important}
.mb0 {margin-bottom: 0 !important}
.mt10 {margin-top: 10px !important}
.underline {text-decoration: underline}
.brg {border-right: 1px solid #d3d3d3 !important}
.list-table{border-top: 2px solid #333}
.list-table thead th,.list-table tbody td {border-right:1px solid #d3d3d3}
.list-table thead th:last-child, .list-table tbody td:last-child {border-right: 0}
.list-table thead th{padding:8px 10px;border-bottom:1px solid #d3d3d3;background-color:#f7f7f7;font-weight:500;color:#444;word-break: keep-all}
.list-table tbody td{padding:8px 10px;border-bottom:1px solid #d3d3d3;text-align:center;word-break: keep-all}
.list-table .txt-left{text-align:left}
.list-table .v-top{vertical-align:top}
.list-a li {position: relative; margin-bottom: 2px; padding-left: 11px; font-size: 13px}
.list-a li:last-child {margin-bottom: 0} 
.list-a li .num {position: absolute; top: 0; left: 0}
.list-a + .search-wrap {margin-top: 20px}
.paging {margin-top: 20px; font-size: 0; text-align: center}
.paging span {display: inline-block; vertical-align: middle}
.paging a, .paging strong {display: inline-block; width: 27px; height: 27px; font-size: 12px; vertical-align: middle; line-height: 27px; border: 1px solid #d4d4d4; border-left: 0}
.paging strong {color: #fff; font-weight: 300; background: #333; border-color: #333}
.paging .btn-move {color: #727272}
.paging .btn-first {border-left: 1px solid #d4d4d4}
.paging .btn-last {border-right: 1px solid #d4d4d4}
.main_notice > div {border: 1px solid #d3d3d3}
.main_notice .r {margin-top: 20px; padding: 15px 20px; text-align: center}
.main_notice .l ul li {display: table; width: 100%; padding: 16px 12px; box-sizing: border-box; border-bottom: 1px dashed #d3d3d3}
.main_notice .l ul li:last-child {border-bottom: 0}
.main_notice .l ul li div {display: table-cell; vertical-align: middle} 
.main_notice .l ul li .txt {font-weight: 400; color: #444}
.main_notice .l ul li .txt span {font-weight: 300; color: #666}
.main_notice .l ul li .num {width: 60px; font-size: 15px; font-weight: 500; color: #222; text-align: right}
.main_notice .r span {display: block}
.main_notice .r .txt1 {font-size: 14px; font-weight: 400; color: #444}
.main_notice .r .sum {margin: 10px 0; padding: 26px 0; font-size: 15px; font-weight: 500; color: #2fb2ab; background: #eff9f8; border-radius: 5px}
.main_notice .r a {display: inline-block; margin-top: 5px; font-weight: 500; color: #444; text-decoration: underline}
.scroll {position:relative;overflow-x:auto}
.scroll-layer{display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);text-align:center;color:#fff}
.scroll-layer>span{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;padding-top:46px;background:url(../images/icon_scroll.png) no-repeat 50% calc(50% - 11px);background-size:37px auto;text-align:center}
.td-select{margin-bottom:5px}
.td-select select{width:100%}

.bold {font-weight: 400; color: #222}
.list-table.v2 .y-ing {font-weight: 400; color: #2fb2ab}
.list-table.v2 .n-ing {font-weight: 400; color: #444}
.row-table{border-top:2px solid #333}
.row-table th{font-weight:500;color:#333;}
.row-table td{padding:15px}
.row-table th,.row-table td{border-bottom:1px solid #ddd}
.comment-box{margin-top:30px;padding:10px;background-color:#f7f7f7}
.comment-wr{position:relative;padding-right:70px}
.comment-wr textarea{width:100%;height:60px;font-size:13px}
.comment-wr .btn-cmt{position:absolute;right:0;background-color:#2fb2ab;color:#fff;top:0;width:67px;height:60px}
.c-list{margin-bottom:10px;border-bottom:1px solid #dcdcdc;padding-bottom:10px}
.c-list-top{position:relative}
.c-list-top>span{display:inline-block;position:relative;padding-right:10px;margin-left:3px}
.c-list-top>span:first-child{margin-left:0}
.c-list-top>span:first-child:after{display:block;content:"";position:absolute;right:0;top:5px;width:1px;height:10px;background-color:#333}
.c-list-top strong{font-weight:400;color:#333}
.c-list-btm{margin-top:5px}
.c-list-top button{position:absolute;right:0;top:0;width:23px;height:23px;line-height:20px;border:1px solid #dcdcdc;background-color:#fff;font-size:12px}
.section-mt{margin-top:20px}
.sell-stop1{color:#444;font-weight:400}
.sell-stop2{color:#f25749;font-weight:400}
.pay1{color:#2fb2ab;font-weight:400}
.pay2{color:#774898;font-weight:400}
.delivery1{color:#444;font-weight:400}
.delivery2{color:#de4383;font-weight:400}
.delivery3{color:#3987bf;font-weight:400}
.order1{color:#35811b;font-weight:400}
.order2{color:#999;font-weight:400}
.prt-ex1{color:#f25749;font-weight:400}
.prt-ex2{color:#f28130;font-weight:400}
.payment1{color:#2fb2ab;font-weight:400}
.payment2{color:#f25749;font-weight:400}
.payment3{color:#f28130;font-weight:400}
.back1{color:#2fb2ab;font-weight:400}
.back2{color:#f25749;font-weight:400}
.back3{color:#f28130;font-weight:400}
.back4{color:#444;font-weight:400}
.back5{color:#3987bf;font-weight:400}
.back6{color:#999;font-weight:400}
.btn-view-btm2{overflow:hidden;margin-top:20px}
.btn-view-btm2 .l{float:left}
.btn-view-btm2 .r{float:right}
.btn-view-btm2 a{display:inline-block;padding: 7px 14px; background: #333; color: #fff}

/*
.list-table.v2 th:nth-child(1), .list-table.v2 td:nth-child(1) {width: 80px}
.list-table.v2 th:nth-child(2), .list-table.v2 td:nth-child(2) {width: 105px}
.list-table.v2 th:nth-child(3), .list-table.v2 td:nth-child(3) {width: 220px}
.list-table.v2 th:nth-child(4), .list-table.v2 td:nth-child(4) {width: 80px}
.list-table.v2 th:nth-child(5), .list-table.v2 td:nth-child(5) {width: 150px}
.list-table.v2 th:nth-child(6), .list-table.v2 td:nth-child(6) {width: 80px}
.list-table.v2 th:nth-child(7), .list-table.v2 td:nth-child(7) {width: 160px}
.list-table.v2 th:nth-child(8), .list-table.v2 td:nth-child(8) {width: 120px}
.list-table.v2 th:nth-child(9), .list-table.v2 td:nth-child(9) {width: 80px}
.list-table.v2 th:nth-child(10), .list-table.v2 td:nth-child(10) {width: 110px}
.list-table.v2 th:nth-child(11), .list-table.v2 td:nth-child(11) {width: 80px}

.list-table.v3 th:nth-child(1), .list-table.v3 td:nth-child(1) {width: 60px}
.list-table.v3 th:nth-child(2), .list-table.v3 td:nth-child(2) {width: 110px}
.list-table.v3 th:nth-child(3), .list-table.v3 td:nth-child(3) {width: 110px}
.list-table.v3 th:nth-child(4), .list-table.v3 td:nth-child(4) {width: 160px}
.list-table.v3 th:nth-child(5), .list-table.v3 td:nth-child(5) {width: 280px}
.list-table.v3 th:nth-child(6), .list-table.v3 td:nth-child(6) {width: 90px}
.list-table.v3 th:nth-child(7), .list-table.v3 td:nth-child(7) {width: 60px}
.list-table.v3 th:nth-child(8), .list-table.v3 td:nth-child(8) {width: 90px}
.list-table.v3 th:nth-child(9), .list-table.v3 td:nth-child(9) {width: 70px}
.list-table.v3 th:nth-child(10), .list-table.v3 td:nth-child(10) {width: 130px}
.list-table.v3 th:nth-child(11), .list-table.v3 td:nth-child(11) {width: 130px}
.list-table.v3 th:nth-child(12), .list-table.v3 td:nth-child(12) {width: 250px}
.list-table.v3 th:nth-child(13), .list-table.v3 td:nth-child(13) {width: 125px}
.list-table.v3 th:nth-child(14), .list-table.v3 td:nth-child(14) {width: 90px}
.list-table.v3 select, .list-table.v3 input[type="text"] {width: 100%}
.list-table.v3 select {margin-bottom: 5px}

.list-table.v4 th:nth-child(1), .list-table.v4 td:nth-child(1) {width: 60px}
.list-table.v4 th:nth-child(2), .list-table.v4 td:nth-child(2) {width: 110px}
.list-table.v4 th:nth-child(3), .list-table.v4 td:nth-child(3) {width: 110px}
.list-table.v4 th:nth-child(4), .list-table.v4 td:nth-child(4) {width: 280px}
.list-table.v4 th:nth-child(5), .list-table.v4 td:nth-child(5) {width: 90px}
.list-table.v4 th:nth-child(6), .list-table.v4 td:nth-child(6) {width: 60px}
.list-table.v4 th:nth-child(7), .list-table.v4 td:nth-child(7) {width: 90px}
.list-table.v4 th:nth-child(8), .list-table.v4 td:nth-child(8) {width: 70px}
.list-table.v4 th:nth-child(9), .list-table.v4 td:nth-child(9) {width: 130px}
.list-table.v4 th:nth-child(10), .list-table.v4 td:nth-child(10) {width: 130px}
.list-table.v4 th:nth-child(11), .list-table.v4 td:nth-child(11) {width: 250px}
.list-table.v4 th:nth-child(12), .list-table.v4 td:nth-child(12) {width: 125px}
.list-table.v4 th:nth-child(13), .list-table.v4 td:nth-child(13) {width: 90px}

.list-table.v5 th:nth-child(1), .list-table.v5 td:nth-child(1) {width: 70px}
.list-table.v5 th:nth-child(2), .list-table.v5 td:nth-child(2) {width: 110px}
.list-table.v5 th:nth-child(3), .list-table.v5 td:nth-child(3) {width: 110px}
.list-table.v5 th:nth-child(4), .list-table.v5 td:nth-child(4) {width: 90px}
.list-table.v5 th:nth-child(5), .list-table.v5 td:nth-child(5) {width: 130px}
.list-table.v5 th:nth-child(6), .list-table.v5 td:nth-child(6) {width: 280px}
.list-table.v5 th:nth-child(7), .list-table.v5 td:nth-child(7) {width: 50px}
.list-table.v5 th:nth-child(8), .list-table.v5 td:nth-child(8) {width: 90px}
.list-table.v5 th:nth-child(9), .list-table.v5 td:nth-child(9) {width: 90px}
.list-table.v5 th:nth-child(10), .list-table.v5 td:nth-child(10) {width: 110px}
.list-table.v5 th:nth-child(11), .list-table.v5 td:nth-child(11) {width: 90px}
.list-table.v5 th:nth-child(12), .list-table.v5 td:nth-child(12) {width: 110px}

.list-table.v6 th:nth-child(1), .list-table.v6 td:nth-child(1) {width: 70px}
.list-table.v6 th:nth-child(2), .list-table.v6 td:nth-child(2) {width: 110px}
.list-table.v6 th:nth-child(3), .list-table.v6 td:nth-child(3) {width: 110px}
.list-table.v6 th:nth-child(4), .list-table.v6 td:nth-child(4) {width: 90px}
.list-table.v6 th:nth-child(5), .list-table.v6 td:nth-child(5) {width: 130px}
.list-table.v6 th:nth-child(6), .list-table.v6 td:nth-child(6) {width: 280px}
.list-table.v6 th:nth-child(7), .list-table.v6 td:nth-child(7) {width: 60px}
.list-table.v6 th:nth-child(8), .list-table.v6 td:nth-child(8) {width: 90px}
.list-table.v6 th:nth-child(9), .list-table.v6 td:nth-child(9) {width: 90px}
.list-table.v6 th:nth-child(10), .list-table.v6 td:nth-child(10) {width: 110px}
.list-table.v6 th:nth-child(11), .list-table.v6 td:nth-child(11) {width: 90px}
.list-table.v6 th:nth-child(12), .list-table.v6 td:nth-child(12) {width: 110px}
.list-table.v6 th:nth-child(13), .list-table.v6 td:nth-child(13) {width: 110px}
.list-table.v6 th:nth-child(14), .list-table.v6 td:nth-child(14) {width: 110px}
.list-table.v6 th:nth-child(15), .list-table.v6 td:nth-child(15) {width: 110px}

.list-table.v6 th:nth-child(1), .list-table.v6 td:nth-child(1) {width: 70px}
.list-table.v6 th:nth-child(2), .list-table.v6 td:nth-child(2) {width: 110px}
.list-table.v6 th:nth-child(3), .list-table.v6 td:nth-child(3) {width: 110px}
.list-table.v6 th:nth-child(4), .list-table.v6 td:nth-child(4) {width: 90px}
.list-table.v6 th:nth-child(5), .list-table.v6 td:nth-child(5) {width: 140px}
.list-table.v6 th:nth-child(6), .list-table.v6 td:nth-child(6) {width: 280px}
.list-table.v6 th:nth-child(7), .list-table.v6 td:nth-child(7) {width: 70px}
.list-table.v6 th:nth-child(8), .list-table.v6 td:nth-child(8) {width: 90px}
.list-table.v6 th:nth-child(9), .list-table.v6 td:nth-child(9) {width: 80px}
.list-table.v6 th:nth-child(10), .list-table.v6 td:nth-child(10) {width: 110px}
.list-table.v6 th:nth-child(11), .list-table.v6 td:nth-child(11) {width: 150px}
.list-table.v6 th:nth-child(12), .list-table.v6 td:nth-child(12) {width: 90px}
.list-table.v6 th:nth-child(13), .list-table.v6 td:nth-child(13) {width: 90px}
.list-table.v6 th:nth-child(14), .list-table.v6 td:nth-child(14) {width: 250px}
.list-table.v6 th:nth-child(15), .list-table.v6 td:nth-child(15) {width: 120px}

.list-table.v7 th:nth-child(1), .list-table.v7 td:nth-child(1) {width: 70px}
.list-table.v7 th:nth-child(2), .list-table.v7 td:nth-child(2) {width: 110px}
.list-table.v7 th:nth-child(3), .list-table.v7 td:nth-child(3) {width: 110px}
.list-table.v7 th:nth-child(4), .list-table.v7 td:nth-child(4) {width: 90px}
.list-table.v7 th:nth-child(5), .list-table.v7 td:nth-child(5) {width: 140px}
.list-table.v7 th:nth-child(6), .list-table.v7 td:nth-child(6) {width: 280px}
.list-table.v7 th:nth-child(7), .list-table.v7 td:nth-child(7) {width: 70px}
.list-table.v7 th:nth-child(8), .list-table.v7 td:nth-child(8) {width: 90px}
.list-table.v7 th:nth-child(9), .list-table.v7 td:nth-child(9) {width: 80px}
.list-table.v7 th:nth-child(10), .list-table.v7 td:nth-child(10) {width: 110px}
.list-table.v7 th:nth-child(11), .list-table.v7 td:nth-child(11) {width: 150px}
.list-table.v7 th:nth-child(12), .list-table.v7 td:nth-child(12) {width: 90px}
.list-table.v7 th:nth-child(13), .list-table.v7 td:nth-child(13) {width: 250px}
.list-table.v7 th:nth-child(14), .list-table.v7 td:nth-child(14) {width: 250px}
.list-table.v7 th:nth-child(15), .list-table.v7 td:nth-child(15) {width: 120px}

.list-table.v8 th:nth-child(1), .list-table.v8 td:nth-child(1) {width: 180px}
.list-table.v8 th:nth-child(2), .list-table.v8 td:nth-child(2) {width: 110px}
.list-table.v8 th:nth-child(3), .list-table.v8 td:nth-child(3) {width: 110px}
.list-table.v8 th:nth-child(4), .list-table.v8 td:nth-child(4) {width: 110px}
.list-table.v8 th:nth-child(5), .list-table.v8 td:nth-child(5) {width: 110px}
.list-table.v8 th:nth-child(6), .list-table.v8 td:nth-child(6) {width: 90px}
.list-table.v8 th:nth-child(7), .list-table.v8 td:nth-child(7) {width: 90px}
.list-table.v8 th:nth-child(8), .list-table.v8 td:nth-child(8) {width: 110px}
.list-table.v8 th:nth-child(9), .list-table.v8 td:nth-child(9) {width: 90px}
.list-table.v8 th:nth-child(10), .list-table.v8 td:nth-child(10) {width: 110px}

.list-table.v9 th, .list-table.v9 td {width: 110px}
.list-table.v9 tr:nth-child(1) th:nth-child(6) {width: 220px}

.list-table.v10 th:nth-child(1), .list-table.v10 td:nth-child(1) {width: 110px}
.list-table.v10 th:nth-child(2), .list-table.v10 td:nth-child(2) {width: 230px}
.list-table.v10 th:nth-child(3), .list-table.v10 td:nth-child(3) {width: 110px}
.list-table.v10 th:nth-child(4), .list-table.v10 td:nth-child(4) {width: 110px}
.list-table.v10 th:nth-child(5), .list-table.v10 td:nth-child(5) {width: 110px}
.list-table.v10 th:nth-child(6), .list-table.v10 td:nth-child(6) {width: 90px}
.list-table.v10 th:nth-child(7), .list-table.v10 td:nth-child(7) {width: 90px}
.list-table.v10 th:nth-child(8), .list-table.v10 td:nth-child(8) {width: 130px}
.list-table.v10 th:nth-child(9), .list-table.v10 td:nth-child(9) {width: 110px}
*/

.order-state {margin-bottom: 2px; font-size: 14px; font-weight: 400; color: #444}
.order-num {margin-bottom: 2px; font-size: 14px; font-weight: 400; color: #2fb2ab}
.prd-name {margin-bottom: 2px; font-size: 14px;}
.prd-name *{font-weight: 400; color: #222}
.prd-option, .order-check, .order-time, .s-font {font-size: 13px}

.send-policy {padding: 12px 15px; border: 1px solid #d3d3d3}
.send-policy strong {display: block; margin-bottom: 7px; font-size: 14px; font-weight: 400; color: #222}
.send-policy .relative {position: relative; margin-top: 7px; padding-left: 21px}
.send-policy .absolute {position: absolute; top: 0; left: 0}
.send-policy .bold {font-weight: 400; color: #444}

.num-list {margin-top: 20px; border: 1px solid #d3d3d3}
.num-list:after {content: ''; display: block; clear: both}
.num-list li {float: left; display: table; width: 50%}
.num-list li div {display: table-cell; vertical-align: middle}
.num-list li .num-tit {width: 75px; padding: 15px 0 15px 10px; font-weight: 400; color: #444; background: #eff9f8; border-right: 1px dashed #d3d3d3}
.num-list li .num-tit span {font-weight: 300; font-size: 12px; color: #666}
.num-list li .num-cont {padding: 15px 10px 15px 0; font-weight: 500; color: #222; font-size: 15px; text-align: right;}
.num-list li:nth-child(3), .num-list li:nth-child(4) {border-top: 1px solid #d3d3d3}
.num-list li:nth-child(1) .num-cont, .num-list li:nth-child(3) .num-cont {border-right: 1px solid #d3d3d3}
.num-list.v2 li {float: none; width: 100%; border-bottom: 1px solid #d3d3d3}
.num-list.v2 li:last-child {border-bottom: 0}
.num-list.v2 li .num-tit {width: 130px}
.num-list.v2 li .num-cont {border-right-width: 0}

.btn-wrap {position: relative;overflow:hidden; margin-bottom: 10px; font-size: 0}
.btn-wrap .btn {display: inline-block; margin-top: 3px; margin-bottom: 3px; padding:8px 9px 8px 4px; font-size: 13px; color: #444; border: 1px solid #d3d3d3}
.btn-wrap .btn:hover {color: #fff; border-color: #999; background: #999}
.btn-wrap .btn.excel {color: #fff; border-color: #2fb2ab; background: #2fb2ab;padding:8px}
.btn-wrap .btn + .btn {margin-left: 3px}
.btn-wrap .l{float:left}
.btn-wrap .r{float:right}
.btn-search-wrap{margin-top:20px;text-align:center}
.radio, .radio2 {display: inline-block}
.radio i{font-size:15px;color:#bdbdbd}
.radio label, .radio2 label {display: inline-block}
.radio2 label>i{font-size:15px;vertical-align:-1px;color:#bdbdbd}
.radio input[type="radio"]:checked + label>i, .radio2 input[type="radio"]:checked + label>i{color:#2fb2ab}
.checkbox{display:inline-block}
.checkbox i,.checkbox2 i{color:#c1c1c1;font-size:15px}
.checkbox input[type=checkbox]:checked+label>i,.checkbox2 input[type=checkbox]:checked+label>i{color:#2fb2ab}
.checkbox{display:inline-block;font-size:15px}
.ly-pop-box{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.ly-pop-box .s-pop {width: 85%; max-width: 450px}
.ly-pop-box .s-pop .txt-wrap {font-size: 0}
.ly-pop-box .s-pop .txt-wrap:before {content: ''; display: inline-block; width: 54px; height: 54px; margin-right: 10px; background: url(../images/img-caution.gif) no-repeat; background-size: 54px; vertical-align: middle}
.ly-pop-box .s-pop .txt {display: inline-block; width: calc(100% - 64px); font-size: 13px; vertical-align: middle}
.ly-pop-box .m-pop {width: 90%; max-width: 650px}
.ly-pop-box .l-pop {width: 90%; max-width: 850px}
.ly-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#fff}
.ly-pop .top{position:relative;height:50px;padding-left:15px;background-color:#333;line-height:50px;color:#fff}
.ly-pop .top span{font-weight:400;font-size:14px}
.ly-pop .top a{display:block;position:absolute;right:0;top:0;width:40px;height:100%;text-align:center;font-size:1.6em;color:#fff}
.ly-pop .pop-ctn{max-height:calc(100vh - 160px);overflow-y:auto;padding:20px 25px 0;background-color:#fff}
.ly-pop .pop-ctn>*:last-child{margin-bottom:20px}
.ly-pop .btm-btn {margin-top: 20px; text-align: center; font-size: 0}
.ly-pop .btm-btn a {display: inline-block; height: 38px; padding: 0 15px; font-size: 13px; font-weight: 400; color: #fff; line-height: 38px}
.ly-pop .btm-btn a + a {margin-left: 10px}
.ly-pop .btm-btn .btn-aqua {background: #2fb2ab}
.ly-pop .btm-btn .btn-gray {background: #999}
.ly-pop .pop-box + .pop-box {margin-top: 25px}
.ly-pop .excel-form > div {padding: 5px 0}
.ly-pop .excel-form label {display: inline-block; width: 100px; font-weight: 400; color: #444}
.ly-pop .excel-form select {width: calc(100% - 106px)}
.ly-pop .excel-save {margin-top: 10px; padding: 13px 15px 13px 0; background: #f4f4f4; text-align: right}
.pop-tit {margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; font-weight: 500; color: #222; border-bottom: 1px solid #222}
.pop-write-table {table-layout: auto; padding: 5px 0; border-top: 2px solid #333; border-bottom: 1px solid #d3d3d3}
.pop-write-table th {width: 100px; padding-top: 11px; font-weight: 400; color: #444; text-align: left; vertical-align: top}
.pop-write-table td {padding: 5px 0}
.pop-write-table textarea {padding: 12px 15px; font-size: 13px}
.pop-write-table + .btm-btn a {padding: 0 20px}
.pop-invoice .pop-tit {margin-bottom: 0; border-bottom: 0}
.search-wrap{padding:6px 15px 15px;background-color:#f4f4f4;text-align:left}
.search-wrap.calcul{text-align:center}
.search-wrap span{display:inline-block;vertical-align:top}
.search-wrap .cal-wrap {width: calc(50% - 10px)}
.search-wrap .cal-wrap input {width: 100%}
.search-wrap .choice {display: block; margin-bottom: 5px;}
.search-wrap .choice select {width: 100%; ; margin-right: 2px}
.search-wrap .date-input>input{background-color:#eaeaea}
.search-wrap .btn-srh{width:54px;height:31px;background-color:#333;vertical-align:top;font-weight:300;font-size:13px;color:#fff}
.search-wrap .date-txt{display: block; height:31px;margin-right:5px;line-height:31px;font-weight:400;color:#444; text-align: left}
.search-wrap .date1{position:relative;margin-right:16px}
.search-wrap .date1:before{display:block;content:"~";position:absolute;right:-14px;top:7px}
.search-wrap .date-input{margin-right:10px}
.search-wrap.type1 .l,.search-wrap.type1 .date-srh{display:inline-block;vertical-align:top}
.search-wrap.type1 .date-srh{padding-left:40px}
.search-wrap .date-ck{overflow:hidden;margin-right:10px}
.search-wrap .date-ck label{float:left;position:relative;box-sizing:border-box;width:66px;height:39px;border:1px solid #d3d3d3;background-color:#fff;line-height:39px;text-align:center;font-weight:300;font-size:14px}
.search-wrap .date-ck input[type=radio]:checked+label{color:#fff}
.search-wrap .date-ck input[type=radio]:checked+label:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#999}
.search-wrap.type1 input{vertical-align:top}
.search-wrap .week-ck{display:block;margin: 10px 0; vertical-align:top}
.search-wrap .week-ck:after{display:block;content:"";clear:both}
.search-wrap .week-ck>span{float:left}
.search-wrap .week-ck label{display:block;position:relative;width:64px;height:31px;line-height:31px;text-align:center;font-size:13px}
.search-wrap .week-ck label:before{display:block;content:"";position:absolute;left:0;top:0;width:calc(100% - 1px);height:100%;border:1px solid #d3d3d3;background-color:#fff}
.search-wrap .week-ck input[type=radio]:checked+label{color:#fff}
.search-wrap .week-ck input[type=radio]:checked+label:before{z-index:2;border-color:#999;background-color:#999}
.search-wrap .week-ck label span{position:relative;display:block;z-index:3}
.search2 select {width: 100px; margin-right: 2px}
.search2 input {width: calc(100% - 106px)}
.search3 select {width: calc(100% - 61px); margin-right: 3px}
.search4 {margin-bottom: 10px; width: 620px}
.search4 select {width: 146px; margin-right: 3px}

.calc-wrap {padding: 9px 15px 12px; background: #eff9f8; border: 1px solid #d3d3d3; font-weight: 400; color: #444}
.calc-wrap .color-mint {font-weight: 500; font-size: 16px}
.calc-wrap .date {font-weight: 300; color: #666}

.bul + .search-wrap {margin-top: 25px}
.btn-search-wrap .btn-srh {width: 120px}

.search-period {text-align: left}
.search-period .period1, .search-period .period2 {margin-bottom: 10px}
.search-period label {display: inline-block; width: 64px; margin-top: 5px}
.search-period select {width: calc(100% - 72px); min-width: 117px}
.search-wrap .search-period .cal-wrap {width: calc(50% - 45px)}
.search-wrap .search-period .cal-wrap .ui-datepicker-trigger {right: 6px}
.search-period .btn-search-wrap {text-align: center}

.view-form{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #dcdcdc}
.view-form .v-tit{padding:18px 14px;border-bottom:1px solid #dcdcdc;background-color:#f7f7f7;font-weight:500;font-size:15px;color:#222}
.view-form .v-info{padding:15px 12px;border-bottom:1px solid #dcdcdc}
.view-form .v-info ul{overflow:hidden}
.view-form .v-info li{float:left;position:relative;padding:0 20px;font-size:13px}
.view-form .v-info li:after{display:block;content:"";position:absolute;right:0;top:2px;width:1px;height:15px;background-color:#dcdcdc}
.view-form .v-info li:first-child{padding-left:0}
.view-form .v-info li:last-child:after{display:none}
.view-form .v-info li span{margin-right:10px;font-weight:400}
.view-form .v-txt{padding:25px 12px}

.btn-view-btm{overflow:hidden;margin-top:20px}
.btn-view-btm a {float: left; padding: 7px 14px; background: #333; color: #fff}

.prev-next{margin-top:20px; border-top:1px solid #d9d9d9}
.prev-next dl{overflow:hidden}
.prev-next dt,.prev-next dd{height:48px;line-height:48px;border-bottom:1px solid #d9d9d9;}
.prev-next dt{position:relative;float:left;padding: 0 23px 0 15px;text-align:center;font-weight:500;color:#222}
.prev-next dt:after{display:block;content:"";position:absolute;right:0;top:50%;width:1px;height:15px;margin-top:-7px;background-color:#d9d9d9}
.prev-next dd{overflow:hidden;padding-left:23px}
.prev-next a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.common-table {border-top: 2px solid #333}
.common-table li {display: table; width: 100%}
.common-table li div {display: table-cell; padding: 10px 0; border-bottom: 1px solid #d3d3d3; vertical-align: middle}
.common-table li .tit {width: 120px; padding-left: 10px; font-weight: 500; color: #444; background: #f7f7f7}
.common-table li .cont {padding-left: 10px; padding-right: 10px}
.btn-auqa{background-color:#2fb2ab !important}
.btn-gray{background-color:#999 !important}

.terms-wrap {background: #efefef}
.terms-cont {max-width: 500px; margin: 0 auto}
.terms-cont {width:85%; padding-top:30px; text-align: center;}
.terms-cont p {font-size: 19px; font-weight: 300; color: #222}
.terms-cont p span {font-weight: 500;}
.terms-cont .logo {margin: 13px 0 25px}
.terms-cont .logo img {max-width: 150px}
/*.terms-cont {position: absolute; top: 20%; left: 50%; width: 85%; text-align: center; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%)}*/

@media screen and (min-width: 1024px){
	
	.btn-view-btm2{margin-top:30px}
	.btn-view-btm2 a{padding:9px 18px}
	.section-mt{margin-top:30px}
	.comment-box{margin-top:30px;padding:15px}
	.comment-wr{padding-right:94px;margin-top:16px}
	.comment-wr textarea{height:65px}
	.comment-wr .btn-cmt{width:90px;height:65px}
	.scroll{overflow-x:auto}
	.scroll-layer{display:none}
	.login-cont {width: 100%; max-width: none}	
	.login-cont p {font-size: 30px}
	.login-cont .logo {margin: 33px 0 50px}
	.login-cont .logo img {width: 204px; max-width: none}
	.login-form {width: 500px; margin: 0 auto}
	.login-form input {height: 46px}
	

    .login-form .btn {
        height: 57px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 57px;
    }
	
	h2.tit {margin-bottom: 32px; font-size: 30px}
	h2.s_tit {font-size: 18px}
	.box {margin-top: 50px}

	.list-table thead th,.row-table tbody th{padding:13px 10px}
	.list-table tbody td{padding:15px 10px}

	.list-a li {padding-left: 13px; font-size: 14px}
	.list-a + .search-wrap {margin-top: 25px}

	.paging {margin-top: 30px}
	.paging a, .paging strong {width: 33px; height: 33px; font-size: 14px; line-height: 34px}
	
	.main_notice:after {content: ''; display: block; clear: both}
    .main_agree > div {width: calc(50% - 12px); box-sizing: border-box}
	.main_notice > div {width: calc(50% - 12px); height: 310px; box-sizing: border-box}
	.main_notice .l {float: left}
	.main_notice .l ul li {height: 102px; padding: 0 25px}
	.main_notice .l ul li .num {width: 80px; font-size: 24px}
	.main_notice .r {float: right; margin: 0; padding: 35px 40px 40px}
	.main_notice .r .txt1 {font-size: 16px}
	.main_notice .r .sum {margin: 20px 0; padding: 38px 0; font-size: 24px; border-radius: 10px}
	.main_notice .r a {font-size: 15px}

	/*
	.list-table.v2 th:nth-child(1), .list-table.v2 td:nth-child(1) {width: 100px}
	.list-table.v2 th:nth-child(2), .list-table.v2 td:nth-child(2) {width: 125px}
	.list-table.v2 th:nth-child(3), .list-table.v2 td:nth-child(3) {width: 250px}
	.list-table.v2 th:nth-child(4), .list-table.v2 td:nth-child(4) {width: 100px}
	.list-table.v2 th:nth-child(5), .list-table.v2 td:nth-child(5) {width: 170px}
	.list-table.v2 th:nth-child(6), .list-table.v2 td:nth-child(6) {width: 100px}
	.list-table.v2 th:nth-child(7), .list-table.v2 td:nth-child(7) {width: 180px}
	.list-table.v2 th:nth-child(8), .list-table.v2 td:nth-child(8) {width: 140px}
	.list-table.v2 th:nth-child(9), .list-table.v2 td:nth-child(9) {width: 100px}
	.list-table.v2 th:nth-child(10), .list-table.v2 td:nth-child(10) {width: 130px}
	.list-table.v2 th:nth-child(11), .list-table.v2 td:nth-child(11) {width: 100px}

	.list-table.v3 th:nth-child(1), .list-table.v3 td:nth-child(1) {width: 80px}
	.list-table.v3 th:nth-child(2), .list-table.v3 td:nth-child(2) {width: 130px}
	.list-table.v3 th:nth-child(3), .list-table.v3 td:nth-child(3) {width: 130px}
	.list-table.v3 th:nth-child(4), .list-table.v3 td:nth-child(4) {width: 180px}
	.list-table.v3 th:nth-child(5), .list-table.v3 td:nth-child(5) {width: 300px}
	.list-table.v3 th:nth-child(6), .list-table.v3 td:nth-child(6) {width: 110px}
	.list-table.v3 th:nth-child(7), .list-table.v3 td:nth-child(7) {width: 80px}
	.list-table.v3 th:nth-child(8), .list-table.v3 td:nth-child(8) {width: 110px}
	.list-table.v3 th:nth-child(9), .list-table.v3 td:nth-child(9) {width: 90px}
	.list-table.v3 th:nth-child(10), .list-table.v3 td:nth-child(10) {width: 150px}
	.list-table.v3 th:nth-child(11), .list-table.v3 td:nth-child(11) {width: 150px}
	.list-table.v3 th:nth-child(12), .list-table.v3 td:nth-child(12) {width: 270px}
	.list-table.v3 th:nth-child(13), .list-table.v3 td:nth-child(13) {width: 145px}
	.list-table.v3 th:nth-child(14), .list-table.v3 td:nth-child(14) {width: 110px}

	.list-table.v4 th:nth-child(1), .list-table.v4 td:nth-child(1) {width: 80px}
	.list-table.v4 th:nth-child(2), .list-table.v4 td:nth-child(2) {width: 130px}
	.list-table.v4 th:nth-child(3), .list-table.v4 td:nth-child(3) {width: 130px}
	.list-table.v4 th:nth-child(4), .list-table.v4 td:nth-child(4) {width: 300px}
	.list-table.v4 th:nth-child(5), .list-table.v4 td:nth-child(5) {width: 110px}
	.list-table.v4 th:nth-child(6), .list-table.v4 td:nth-child(6) {width: 80px}
	.list-table.v4 th:nth-child(7), .list-table.v4 td:nth-child(7) {width: 110px}
	.list-table.v4 th:nth-child(8), .list-table.v4 td:nth-child(8) {width: 90px}
	.list-table.v4 th:nth-child(9), .list-table.v4 td:nth-child(9) {width: 150px}
	.list-table.v4 th:nth-child(10), .list-table.v4 td:nth-child(10) {width: 150px}
	.list-table.v4 th:nth-child(11), .list-table.v4 td:nth-child(11) {width: 270px}
	.list-table.v4 th:nth-child(12), .list-table.v4 td:nth-child(12) {width: 145px}
	.list-table.v4 th:nth-child(13), .list-table.v4 td:nth-child(13) {width: 110px}

	.list-table.v5 th:nth-child(1), .list-table.v5 td:nth-child(1) {width: 80px}
	.list-table.v5 th:nth-child(2), .list-table.v5 td:nth-child(2) {width: 130px}
	.list-table.v5 th:nth-child(3), .list-table.v5 td:nth-child(3) {width: 130px}
	.list-table.v5 th:nth-child(4), .list-table.v5 td:nth-child(4) {width: 110px}
	.list-table.v5 th:nth-child(5), .list-table.v5 td:nth-child(5) {width: 150px}
	.list-table.v5 th:nth-child(6), .list-table.v5 td:nth-child(6) {width: 300px}
	.list-table.v5 th:nth-child(7), .list-table.v5 td:nth-child(7) {width: 80px}
	.list-table.v5 th:nth-child(8), .list-table.v5 td:nth-child(8) {width: 110px}
	.list-table.v5 th:nth-child(9), .list-table.v5 td:nth-child(9) {width: 110px}
	.list-table.v5 th:nth-child(10), .list-table.v5 td:nth-child(10) {width: 130px}
	.list-table.v5 th:nth-child(11), .list-table.v5 td:nth-child(11) {width: 110px}
	.list-table.v5 th:nth-child(12), .list-table.v5 td:nth-child(12) {width: 130px}

	.list-table.v6 th:nth-child(1), .list-table.v6 td:nth-child(1) {width: 80px}
	.list-table.v6 th:nth-child(2), .list-table.v6 td:nth-child(2) {width: 130px}
	.list-table.v6 th:nth-child(3), .list-table.v6 td:nth-child(3) {width: 130px}
	.list-table.v6 th:nth-child(4), .list-table.v6 td:nth-child(4) {width: 110px}
	.list-table.v6 th:nth-child(5), .list-table.v6 td:nth-child(5) {width: 160px}
	.list-table.v6 th:nth-child(6), .list-table.v6 td:nth-child(6) {width: 300px}
	.list-table.v6 th:nth-child(7), .list-table.v6 td:nth-child(7) {width: 80px}
	.list-table.v6 th:nth-child(8), .list-table.v6 td:nth-child(8) {width: 110px}
	.list-table.v6 th:nth-child(9), .list-table.v6 td:nth-child(9) {width: 100px}
	.list-table.v6 th:nth-child(10), .list-table.v6 td:nth-child(10) {width: 130px}
	.list-table.v6 th:nth-child(11), .list-table.v6 td:nth-child(11) {width: 170px}
	.list-table.v6 th:nth-child(12), .list-table.v6 td:nth-child(12) {width: 110px}
	.list-table.v6 th:nth-child(13), .list-table.v6 td:nth-child(13) {width: 110px}
	.list-table.v6 th:nth-child(14), .list-table.v6 td:nth-child(14) {width: 270px}
	.list-table.v6 th:nth-child(15), .list-table.v6 td:nth-child(15) {width: 140px}

	.list-table.v7 th:nth-child(1), .list-table.v7 td:nth-child(1) {width: 80px}
	.list-table.v7 th:nth-child(2), .list-table.v7 td:nth-child(2) {width: 130px}
	.list-table.v7 th:nth-child(3), .list-table.v7 td:nth-child(3) {width: 130px}
	.list-table.v7 th:nth-child(4), .list-table.v7 td:nth-child(4) {width: 110px}
	.list-table.v7 th:nth-child(5), .list-table.v7 td:nth-child(5) {width: 160px}
	.list-table.v7 th:nth-child(6), .list-table.v7 td:nth-child(6) {width: 300px}
	.list-table.v7 th:nth-child(7), .list-table.v7 td:nth-child(7) {width: 80px}
	.list-table.v7 th:nth-child(8), .list-table.v7 td:nth-child(8) {width: 110px}
	.list-table.v7 th:nth-child(9), .list-table.v7 td:nth-child(9) {width: 100px}
	.list-table.v7 th:nth-child(10), .list-table.v7 td:nth-child(10) {width: 130px}
	.list-table.v7 th:nth-child(11), .list-table.v7 td:nth-child(11) {width: 170px}
	.list-table.v7 th:nth-child(12), .list-table.v7 td:nth-child(12) {width: 110px}
	.list-table.v7 th:nth-child(13), .list-table.v7 td:nth-child(13) {width: 270px}
	.list-table.v7 th:nth-child(14), .list-table.v7 td:nth-child(14) {width: 270px}
	.list-table.v7 th:nth-child(15), .list-table.v7 td:nth-child(15) {width: 140px}

	.list-table.v8 th:nth-child(1), .list-table.v8 td:nth-child(1) {width: 200px}
	.list-table.v8 th:nth-child(2), .list-table.v8 td:nth-child(2) {width: 130px}
	.list-table.v8 th:nth-child(3), .list-table.v8 td:nth-child(3) {width: 130px}
	.list-table.v8 th:nth-child(4), .list-table.v8 td:nth-child(4) {width: 130px}
	.list-table.v8 th:nth-child(5), .list-table.v8 td:nth-child(5) {width: 130px}
	.list-table.v8 th:nth-child(6), .list-table.v8 td:nth-child(6) {width: 110px}
	.list-table.v8 th:nth-child(7), .list-table.v8 td:nth-child(7) {width: 110px}
	.list-table.v8 th:nth-child(8), .list-table.v8 td:nth-child(8) {width: 130px}
	.list-table.v8 th:nth-child(9), .list-table.v8 td:nth-child(9) {width: 110px}
	.list-table.v8 th:nth-child(10), .list-table.v8 td:nth-child(10) {width: 130px}

	.list-table.v9 th, .list-table.v9 td {width: 130px}
	.list-table.v9 tr:nth-child(1) th:nth-child(6) {width: 260px}

	.list-table.v10 th:nth-child(1), .list-table.v10 td:nth-child(1) {width: 130px}
	.list-table.v10 th:nth-child(2), .list-table.v10 td:nth-child(2) {width: 250px}
	.list-table.v10 th:nth-child(3), .list-table.v10 td:nth-child(3) {width: 130px}
	.list-table.v10 th:nth-child(4), .list-table.v10 td:nth-child(4) {width: 130px}
	.list-table.v10 th:nth-child(5), .list-table.v10 td:nth-child(5) {width: 130px}
	.list-table.v10 th:nth-child(6), .list-table.v10 td:nth-child(6) {width: 110px}
	.list-table.v10 th:nth-child(7), .list-table.v10 td:nth-child(7) {width: 110px}
	.list-table.v10 th:nth-child(8), .list-table.v10 td:nth-child(8) {width: 150px}
	.list-table.v10 th:nth-child(9), .list-table.v10 td:nth-child(9) {width: 130px}
	*/

	.btn-search-wrap{margin-top:0}
	.order-state {margin-bottom: 4px}
	.order-num {margin-bottom: 4px; font-size: 16px}
	.prd-name {margin-bottom: 4px; font-size: 16px}
	.prd-option {font-size: 14px}
	.order-check, .order-time, .s-font {font-size: 14px}

	.send-policy {padding: 20px 25px}
	.send-policy strong {margin-bottom: 10px; font-size: 16px}
	.send-policy .relative {margin-top: 13px; padding-left: 23px}

	.num-list {margin-top: 25px}
	.num-list li .num-tit {width: 225px; padding: 15px 0 15px 25px}
	.num-list li .num-tit span {font-size: 14px}
	.num-list li .num-cont {padding: 15px 25px 15px 0; font-size: 18px}
	.num-list.v2 li {float: left; width: 50%; border-bottom: 0}
	.num-list.v2 li .num-tit {width: 185px; padding: 15px 0 15px 25px}
	.num-list.v2 li .num-cont {border-right-width: 1px}

	.btn-wrap {margin-bottom: 15px}
	.btn-wrap .btn {margin-top: 0; margin-bottom: 0; padding: 7px 14px; font-size: 15px}
	.btn-wrap .btn.excel{padding: 7px 14px;}

	.radio i{font-size:18px}
	.radio2 label>i{font-size:18px}
	.checkbox i,.checkbox2 i{color:#c1c1c1;font-size:18px;vertical-align:-2px}
	.checkbox{font-size:18px}

	.ly-pop-box .s-pop .txt-wrap:before {width: 74px; height: 74px; margin-right: 20px; background-size: 74px}
	.ly-pop-box .s-pop .txt {width: calc(100% - 94px); font-size: 16px}
	.ly-pop .top{position:relative;height:67px;padding-left:30px;line-height:67px}
	.ly-pop .top span{font-size:18px}
	.ly-pop .top a{width:76px;font-size:1.6em}
	.ly-pop .pop-ctn{max-height:calc(100vh - 227px);padding:30px 30px 0;}
	.ly-pop .pop-ctn>*:last-child{margin-bottom:40px}
	.ly-pop .btm-btn {margin-top: 25px}
	.ly-pop .btm-btn a {height: 46px; padding: 0 20px; font-size: 15px; line-height: 46px}
	.ly-pop .excel-form:after {content: ''; display: block; clear: both}
	.ly-pop .excel-form > div {float: left; width: 33.33%; padding: 0}
	.ly-pop .excel-form label {width: 90px}
	.ly-pop .excel-form select {width: 150px}
	.ly-pop .excel-save {margin-top: 20px; padding: 18px 25px 18px 0}
	.pop-write-table {padding: 10px 0}
	.pop-write-table th {width: 145px; padding-top: 17px}
	.pop-write-table td {padding: 10px 0}
	.pop-write-table textarea {font-size: 15px}
	.pop_tit {margin-bottom: 20px; padding-bottom: 12px; font-size: 17px}

	.search-wrap{padding:25px 37px}
	.search-wrap:after {content: ''; display: block; clear: both;}
	.search-wrap .cal-wrap {width: auto}
	.search-wrap .cal-wrap input {width: 140px}
	.search-wrap .choice {display: inline-block}
	.search-wrap .choice select {width: 118px}
	.search-wrap .order-select{margin-right:35px}
	.search-wrap .btn-srh{width:54px;height:39px;font-size:15px}
	.search-wrap .l{display:inline-block}
	.search-wrap .date-txt{display: inline-block; height:39px;margin-right:10px;line-height:39px}
	.search-wrap .date1{position:relative;margin-right:24px}
	.search-wrap .date1:before{right:-18px;top:7px}
	.search-wrap .date2{margin-right:6px}
	.search-wrap .date-input{margin-right:10px}
	.search-wrap.type1 .date-srh{padding-left:40px}
	.search-wrap .date-ck{overflow:hidden;margin-right:10px}
	.search-wrap .date-ck label{float:left;position:relative;box-sizing:border-box;width:66px;height:39px;line-height:39px;font-weight:300;font-size:15px}
	.search-wrap.type1 input{vertical-align:top}
	.search-wrap .week-ck{display: inline-block; margin-top: 0; margin-bottom: 0}
	.search-wrap .week-ck label{width:77px;height:37px;line-height:37px;font-size:14px}
	.search-wrap .week-ck label:before{display:block;content:"";position:absolute;left:0;top:0;width:calc(100% - 1px)}
	.search-wrap .week-ck input[type=radio]:checked+label{color:#fff}
	
	.search1 {margin-bottom: 10px}
	.search2, .search3 {float: left}
	.search2 {margin-bottom: 10px; width: 620px; }
	.search3 {width: calc(100% - 624px)}
	.search2 select {width: 118px; margin-right: 2px}
	.search2 input {width: 400px; max-width: 400px}
	.search3 select {width: 146px; margin-right: 3px}
	.calc-wrap {padding: 19px 25px}
	.calc-wrap .color-mint {font-size: 18px}

	.btn-search-wrap {display: inline-block; margin-left: 5px}

	.search-period {text-align: center}
	.search-period .period1, .search-period .period2 {display: inline-block; vertical-align: middle; margin-bottom: 0}
	.search-period label {display: inline-block; width: auto; margin-top: 7px; margin-right: 6px; margin-left: 4px; text-align: left}
	.search-period select {width: 140px}
	.search-period .btn-search-wrap {vertical-align: middle}
	.search-wrap .search-period .cal-wrap {width: 120px}
	.search-wrap .search-period .cal-wrap .ui-datepicker-trigger {right: 15px}

	.view-form .v-tit{padding:23px 20px;font-size:18px;}
	.view-form .v-info{padding:15px 20px;}
	.view-form .v-info li{padding:0 28px;font-size:15px}
	.view-form .v-info li:after{top:5px;height:15px}
	.view-form .v-info li span{margin-right:15px}
	.view-form .v-txt{padding:30px 20px}

	.btn-view-btm{margin-top:30px}
	.btn-view-btm a {padding: 9px 18px}

	.prev-next{margin-top:40px}
	.prev-next dt,.prev-next dd{height:53px;line-height:53px;}
	.prev-next dt{padding: 0 28px 0 20px}
	.prev-next dt:after{height:15px;margin-top:-7px}
	.prev-next dd{padding-left:28px}

	.common-table:after {content: ''; display: block; clear: both}
	.common-table li.row {float: left; width: 50%}
	.common-table li div {display: table-cell; padding: 15px 0; border-bottom: 1px solid #d3d3d3; vertical-align: middle}
	.common-table li .tit {width: 150px; padding-left: 15px; font-weight: 500; color: #444; background: #f7f7f7}
	.common-table li .cont {padding-left: 15px; padding-right: 15px}

	.over-line:hover{text-decoration:underline}

    /**   2020.12.18 add G셀러 이용약관동의   **/
    .terms-cont {width: 100%; max-width: none}
    .terms-cont p {font-size: 30px}
    .terms-cont .logo {margin: 33px 0 50px}
    .terms-cont .logo img {width: 204px; max-width: none}
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
	
	.search-wrap{padding:11px 3% 25px}
	.search2{width:65%}
	.search3{width:35%}
	.search2 input{width:71%;max-width:100%}
	.search-wrap .date-txt{display:block}
	.search3 select{width:75%}
	.search-wrap .week-ck label{width:64px}
	.search-wrap .cal-wrap input{width:126px;padding:0 9px}
	.search-wrap.calcul{padding:25px 3%;text-align:center}
	.search-wrap.calcul .date-txt{display:inline-block}
	.search-wrap.calcul .week-ck label{width:59px}
	/*.search-wrap{padding: 15px 18px}
	.search-wrap .cal-wrap input {width: 112px}
	.search-wrap .week-ck label {width: 57px}
	.search-wrap .date1 {margin-right: 14px}
	.search-wrap .date1:before {right: -14px}

	.search-wrap .search-period .cal-wrap input {width: 100%}

	.search2 {width: 440px}
	.search3 {width: calc(100% - 441px)}
	.search2 select {width: 118px; margin-right: 2px}
	.search2 input {width: 215px; max-width: 400px}
	.search3 select {width: 118px; margin-right: 3px}*/
}

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

	/*.btn-search-wrap .btn-srh {width: 120px}

	.search-period label {display: inline-block; width: 80px; margin-top: 5px}
	.search-period select {width: 150px}
	.search-wrap .search-period .cal-wrap {width: 150px}*/

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.btn-wrap .btn{padding:8px 13px}

}

@media screen and (max-width: 1023px) {
	.search-wrap .week-ck{display:table;table-layout:fixed;width:100%}
	.search-wrap .week-ck>span{float:none;display:table-cell}
	.search-wrap .week-ck label{width:100%}
	.search-wrap .week-ck:after{display:none}
}

@media screen and (max-width: 767px) {
	.btn-wrap.multi-btn .l{float:none;display:table;table-layout:fixed;width:100%;box-sizing:border-box;overflow:hidden;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3}
	.btn-wrap.multi-btn .r{float:none;margin-top:10px;text-align:right}
	.btn-wrap.multi-btn .l .btn{display:table-cell;position:relative;border:0;vertical-align:middle;text-align:center;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
	.btn-wrap.multi-btn .l .btn:after{display:block;content:"";position:absolute;right:0;top:-1px;width:3px;height:100vh;border-left:1px solid #d3d3d3;border-top:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #d3d3d3;background-color:#fff}	
	.btn-wrap.multi-btn .l .btn:last-child:after{display:none}

}

@media screen and (min-width: 1200px) {

	.search-wrap .search-period .cal-wrap {width: 140px}
	.search-period .period1 {margin-right: 5px}
	.search-period select {width: 145px}
	.search-period label {margin-right: 12px}
	.search-period label i {display: inline-block; margin-right: 4px}

}

@media screen and (min-width: 320px) and (max-width: 375px) {

	/*.search-wrap .week-ck label {width: 53px}*/

}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
	
	.main_notice .l ul li .txt span {display: block}

}

@media screen and (min-width: 1024px) {
	.scroll::-webkit-scrollbar {
	  width: 10px; 
	  height: 20px;
	}
	.scroll::-webkit-scrollbar-track {
	  background-color: lightblue;
	}
	.scroll::-webkit-scrollbar-track-piece {
	  background-color: #f1f1f1;
	}
	.scroll::-webkit-scrollbar-thumb {
	  background-color: #c1c1c1;
	}
	.scroll::-webkit-scrollbar-button {
	  background-color: darkblue;
	  width: 20px;
	  height: 10px;
	}
	.scroll::-webkit-scrollbar-button:start {
	  background:#f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAJElEQVQYV2NkQAKLFy/+zwjjgzggNlgAxgELIHOwq8BqBrIgAKfNFGAqIVMNAAAAAElFTkSuQmCC) no-repeat 50% 50%
	}
	.scroll::-webkit-scrollbar-button:end {
	  background:#f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAKUlEQVQYV2NcvHjx/9jYWEYGKGAECYDYMEG4AEwQRQAkiFsFihnItgAAr/8a8MBugIUAAAAASUVORK5CYII=) no-repeat 50% 50%
	}
	.scroll::-webkit-scrollbar-button:vertical:increment {
	}
	.scroll::-webkit-scrollbar-button:vertical:decrement {
	}
	.scroll::-webkit-scrollbar-corner {
	  background-color: violet;
	}
}



.fancybox__container {
    z-index: 995 !important;
}

#dialog-content > h2 {
    margin-bottom: 20px;
}

#dialog-content > div > ul {
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 20px 20px 34px 20px;
}

#dialog-content > div > ul > li {
    margin-bottom: 10px;
    height:36px;
}

#dialog-content > div > ul > li > span:nth-child(1) {
    width: 180px;
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
}

#dialog-content > div > ul > li > span:nth-child(2) {
    display: inline-block;
    float:right;
}

#dialog-content > div > ul > li > .find-passwd {
    width: 100%;
    height: 42px;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #2fb2ab;
    text-align: center;
    line-height: 42px
}