@charset "utf-8";
@import url("initialize.css");

button,
button:focus:not(:focus-visible),
button:active,
.btn,
.btn:focus,
.btn:active,
input{box-shadow:none !important;}
select.form-control{border-color:#ebebeb;border-radius:0;padding-right:40px}
select.form-control:active,
select.form-control:focus,
input.form-control:active,
input.form-control:focus{position:relative;z-index:1;border-color:#58b530;box-shadow:none}
.mt20{margin-top:25px}
.tL{text-align:left}
.tR{text-align:right}
.btn-basic{line-height:31px}

.btn,
input,
.form-control,
select.form-control,
textarea{border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;-webkit-transition: background-color 0.3s, color 0.3s;
}

.bg-gray{background:#f5f5f5}
.txt-green{color:#62ba3d}
.txt-green:hover{color:#4e9b2d}
.txt-red{color:#e94e4b;font-weight:400}
.txt-sub{font-size:0.9em;line-height: 1.5em;font-weight:400;color:#333}
.txt-sub.txt-gray{color:#999}
.txt-sm{font-size:0.86em;line-height: 1.5em;font-weight:400;color:#333;}
.txt-sm.txt-gray{color:#999}
.txt-sm-tit{margin-bottom:10px;font-weight:500;text-align:left}
.tC{text-align:center}
a.txt-link{display:inline-block;font-size:14px;color:#999;text-decoration:underline;text-underline-position:under}

.fL{float:left}
.fR{float:right}

.ico{display:inline-block;vertical-align:bottom}

.btn-basic .ico{vertical-align:-6px}

.input-multi .form-control{display:inline-block;margin-right:10px;width:auto;min-width: 120px;vertical-align: top;border-color:#999;}
.input-multi .form-control:last-child{margin-right: 0;}

.box-login-wrap{overflow:hidden;position:absolute;top:50%;left:50%;width:800px;height:550px;border-radius:20px;background-color:#fff;transform:translate(-50%, -50%);box-sizing:border-box;box-shadow:1px 1px 20px rgba(0,0,0,.04)}
.box-login-wrap .tit-login{color:#333;font-size:36px;font-weight:800;text-align:center;}
.box-login-wrap .login-con .tit-login + .txt-sub{margin-top:20px}

.box-login-wrap .login-con{position:relative;top:50%;width:470px;margin:0 auto;transform:translateY(-50%)}
/*.box-login-wrap .login-con form{margin-top:25px}*/
.box-login-wrap .login-con input{margin-top:10px}
.box-login-wrap .login-con .login-util{overflow:hidden;margin-top:15px}
.box-login-wrap .login-con .box-gray{margin-top:15px}
.box-login-wrap .login-con .input-group .btn{height:60px;margin-top:10px}
.box-login-wrap .login-con .txt-sub{margin:10px 0}
.box-login-wrap .send_sms_code{background-color:#62ba3d;color:#fff;font-size:1.1em;font-weight: 700;letter-spacing: 0;}
.box-login-wrap .send_sms_code:hover{background-color:#479624;}

.login-con .btn-group{width:100%;margin-top:30px}
.login-con .btn-group .btn{border-color:#dbdbdb;border-radius:0;color:#999;font-weight:500;line-height:45px}
.login-con input.form-control{height:60px;border-color:#dbdbdb;border-radius: 10px;font-weight: 500;;}
.login-con input.form-control::placeholder{color:#999}
.login-con input.form-control:focus{border-color:#62ba3d;color:#62ba3d}
.login-con input:active,
.login-con input:focus{border-color:#dbdbdb}
.login-con .btn-big{margin-top:25px}
.login-con .form-control.btn{margin-top:10px}

.btn-outline-success,
.btn-outline-success:hover,
.btn-outline-success:active{border-color:#58b530;color:#58b530}
.btn-outline-success:hover{background:#58b530;color:#fff}
.btn-outline-black{border:1px solid #333;background:#fff;font-weight: 400;}
.btn-outline-black:hover{background-color: #eeeeee;}
.btn-success{border-color:#58b530;background:#58b530}
.btn-success:hover,
.btn-success:focus,
.btn-success:active{border-color:#52a52f;background:#52a52f}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success{border-color:#58b530;background-color:#fff;color:#58b530}
.btn-check:hover+.btn-outline-success{background:#58b530;color:#fff}
.btn-big{line-height:45px;width:100%;font-size:16px;font-weight:500}
.btn-sm{max-width:120px;width:100%;font-size:14px;line-height:35px}
.btn.w100{width:100%;height:60px;margin-top:10px;line-height:45px}

.form-control:disabled, .form-control[readonly]{background-color:#fafafa;color:#999}

.checkbox-basic input[type=checkbox]:checked + i{background-position-x:-25px}
label.chk-label{position:relative;font-weight:400;cursor:pointer}
.checkbox-basic .checkbox{overflow:hidden;position:relative;display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-2px;cursor:pointer}
label.chk-label:after {content:'';position:absolute;right:100%;bottom:-2px;left:15px;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox-basic input[type=checkbox]{position:relative;width:15px;height:15px;margin:0;padding:0;cursor:pointer;opacity:0}
.checkbox-basic input[type=checkbox]{width:15px;height:15px;vertical-align:top;cursor:pointer}
.checkbox-basic{font-size:14px;color:#999}
.checkbox-basic i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-basic.png) no-repeat 0 0}

.radiobox-basic + .radiobox-basic{margin-left:10px}
.radiobox-basic input[type=radio]:checked + i{background-position-x:-31px}
.radiobox-basic .radiobox{overflow:hidden;position:relative;display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:-5px;cursor:pointer}
label.chk-label:after {content:'';position:absolute;right:100%;bottom:-2px;left:20px;display:block;height:1px;background:#2e3092;transition: .1s}
.radiobox-basic input[type=radio]{position:relative;width:20px;height:20px;margin:0;padding:0;cursor:pointer;opacity:0}
.radiobox-basic input[type=radio]{width:20px;height:20px;vertical-align:top;cursor:pointer}
.radiobox-basic{font-size:15px;color:#333}
.radiobox-basic i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-basic.png) no-repeat -1px -21px}

.box-lightGray.noti{margin-top:2em;border-radius:5px;border:1px solid #ebebeb;background:#fafafa;}
.box-lightGray.noti div{color:#999;font-weight:400;line-height:1.8;}
.box-gray{background:#f5f5f5;padding:20px}
.box-gray{color:#888;font-size:14px;font-weight:400}
.box-gray .txt-green{font-weight:700}
.box-gray .ico-cell{display:table-cell;padding-right:13px;border-right:1px solid #dbdbdb;vertical-align:middle}
.box-gray .ico-cell + .txt-cell{display:table-cell;padding-left:13px;line-height:1.5}

.ico-eye{display:inline-block;width:27px;height:24px;background:url(../images/icon/ico-eye.png) no-repeat 0 0;vertical-align:middle}
.on .ico-eye{background-position-y:-27px}
.ico-call{display:inline-block;width:30px;height:30px;background:url(../images/icon/ico-call.png) no-repeat 0 0}


.ico-btn-group input{border-right:none}
.ico-btn-group .btn{border-radius:0;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}

.btn-close{display:inline-block;width:15px;height:15px;background:url('../images/icon/ico-close.png') no-repeat 50% 50%;}
.login-con .btn-close{position:absolute;top:0;right:0}

.ipt-second{position:relative}
.ipt-second input{padding-right:50px}
.ipt-second .txt-red{position:absolute;top:18px;right:15px;z-index:2}

.ipt-txt-btn{display:table;width:100%;border-collapse:separate}
.ipt-txt-btn .ipt-btn{position:relative;width:1%;font-size:0;display:table-cell;padding-left:10px;vertical-align:middle;white-space:nowrap}
.ipt-txt-btn .ipt-btn .btn{position:relative;display:inline-block;min-width:157px;margin-top:10px;margin-left:-1px;padding:0 23px;border-radius: 0;vertical-align: middle;text-align:center;line-height:58px}

.modal .modal-header{border-top-left-radius:10px;border-top-right-radius:10px;background:#479624}
.modal .modal-header h5{color:#fff;font-size: 20px;font-weight: 700;}
.modal-header .btn-close{opacity:1;background-image:url(../images/icon/ico-close-white.png);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.modal-header .btn-close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.modal .modal-content{overflow:hidden;border-radius:10px;border:none;font-size:15px;font-weight:400;color:#333}
.modal .modal-footer{border-top:none;justify-content:center}

.modal .modal-alert{max-width:400px;width:400px}
.modal .modal-basic{max-width:735px;width:735px}
.modal .modal-xl{max-width:1400px;width:1400px}
.modal .modal-alert .modal-footer{padding:5px 0 20px}

.ico-sm{position:relative;width:22px;height:23px;margin-right:5px;background-image:url(../images/icon/ico-sm.png);background-repeat:no-repeat}
.ico-sm.new:before{content:"";position:absolute;right:0;top:0;display:block;width:5px;height:5px;background:#f00;border-radius:50%;}
.ico-noti{background-position-x:-2px}
.ico-pwd{background-position-x:-41px}
.ico-logout{background-position-x:-80px}
.ico-info{background-position:-2px -43px}
.ico-excel{background-position:-41px -41px}
.ico-down{background-position:-80px -41px}
.ico-q{margin-left:4px;width:16px;height:16px;background-position: -5px -84px;vertical-align:middle}

.noti-alert{display:none;position:absolute;top:100%;right:0;border-radius:5px;border:1px solid #ededed;background:#fff;padding:.7em 1em;box-shadow:0px 1px 7px rgba(0,0,0,.1);white-space:nowrap;transform:translateX(42%)}
.noti-alert:before{content:"";position:absolute;top:-6px;left:50%;display:block;width:12px;height:12px;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#fff;transform:translateX(-50%) rotate(45deg)}
.noti-alert.show{display:block}
.noti-alert .alert-line{display:block;font-size:14px;font-weight:400;color:#333;line-height:2}
#header .noti-alert .alert-line a{position:relative;display:inline}
#header .noti-alert .alert-line a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:#333}


.flex{display:flex;}

.search-wrap{display:flex;flex-direction:row;align-items:flex-end;width:100%;background:#fff;padding:15px 20px;border-radius:10px;overflow: hidden;box-shadow:#adadad20 1px 1px 10px;}
.search-wrap > *:not(:last-child){margin-right: 6px;}
.search-wrap .search-box:nth-child(1),
.search-wrap .search-box:nth-child(2){flex-basis:600px}
.search-wrap .search-box + .search-box{margin-left:-1px}
.label-txt{margin-bottom:10px;font-size:1em;font-weight:400;color:#333;font-weight: 700;}
.search-wrap .search-box .btn{min-width:80px;padding:.375rem 1rem;;line-height:31px;}
.search-wrap .search-box.mmdd{display:flex;flex-basis:auto;margin-left:20px;}
.search-wrap .search-box.mmdd > *{margin-left:5px;}
.search-wrap .search-box.mmdd > *:first-child{margin-left: 0;}
.search-wrap .search-box.mmdd .form-control{width: 120px;}
.search-wrap .btns{margin-left:auto;}

.content-box{margin-top:25px;padding:15px 20px;background:#fff;border-radius:10px;overflow: hidden;box-shadow:#adadad20 1px 1px 10px;}
.content-box.pd0{min-width:1319px;margin-top:0;padding:0;background:none;box-shadow:none;overflow:visible;}
.content-box.pd0 .toggle-wrap{background:#fff;box-shadow:#adadad38 1px 1px 10px;border-radius:10px;overflow: hidden;}
.content-box.pd0 .tit-area{margin:0;padding:15px 20px}
.content-box.pd0 .tit-area .fL h1.tit-con{margin-top:0;line-height: 1.4em;font-weight: 700;letter-spacing: 0.5px;color:#333;}
.content-box.pd0 .tit-area .fL .event-pro{vertical-align: middle;}

.content-box.top-notiArea{padding: 30px 0;border-top:2px solid #56b431;background:#fff url('../images/layout/logo-crm.png') no-repeat calc(100% - 25px) 20px;text-align:center;}

.top-notiArea .tit-noti{font-size:30px;font-weight:700;color:#333;}
.top-notiArea .tit-noti-sub{margin-top:20px;font-size:20px;font-weight:400}

.txt-basic{margin-top:15px;font-size:15px;font-weight:400;color:#000;}

.box-lightGreen{display:flex;flex-direction:row;width:700px;margin:20px auto 0;background:#f4f4f3;align-items:center}
.box-lightGreen .box-tit{flex-shrink:0;width:190px;font-size:15px;font-weight:700;color:#333;}
.box-lightGreen .box-sub{width:calc(100% - 190px);padding:10px;background:#fafafa;font-size:15px;font-weight:400;color:#333;text-align:left;box-sizing:border-box;}

.content-top{position:relative}
.content-top:after{content:"";display:block;clear:both}
.search-group{display:flex;flex-direction:row;min-width:600px}
.search-group > *:not(:last-child){margin-right: 6px;}
.search-group *:not(:first-child){margin-left:-1px}
.search-group select.form-control{flex-basis:300px;flex-shrink:1}
.search-group .btn{min-width:80px;line-height:31px}
.btn + .btn{margin-left:5px}

.tit-area{overflow:hidden;margin:23px 0 10px}
.tit-area .fR .btn-basic{line-height:26px}
.tit-area .fL h1.tit-con{margin-top:11px}
.fL .tit-area{margin:10px 0}
h1.tit-con{display:inline-block;margin-right:5px;font-size:20px;font-weight:500;color:#333}
h1.tit-con.tit-sm{font-size:16px}

table.tbl-basic{border-top:1px solid #58b530}
table.tbl-basic.tbl-wide{min-width:1360px}
table.tbl-basic th,
table.tbl-basic td{border-left:1px solid #ebebeb;font-size:16px;text-align:center;background:#fff}
table.tbl-basic th{padding:15px 0}
table.tbl-basic td{padding:13px 10px;font-weight:400;color:#333}
table.tbl-basic.tbl-view td{padding:5px 8px}
table.tbl-basic th:nth-child(1),
table.tbl-basic td:nth-child(1){border-left:none}
table.tbl-basic th{background:#f7f9f5;font-weight:500;font-size:15px;color:#000}
table.tbl-basic tr{border-bottom:1px solid #ebebeb;}
table.tbl-basic tr td{
    transition: background-color 0.3s;-webkit-transition: background-color 0.3s;
}
table.tbl-basic tr:hover td{background-color: #f7f7f7;}

table.tbl-basic tr.disabled td:not(.stiky) *{position:relative;z-index:1}
table.tbl-basic tr.disabled td:not(.stiky) *:not(.txt-red){color:#999;}
table.tbl-basic tr.disabled td{position:relative}
table.tbl-basic tr.disabled td:before{content:"";display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.5)}
table.tbl-basic tr.disabled td .label{background:#9b9b9b;color:#fff !important;}

table.tbl-basic .stiky{position:sticky !important;left:0;z-index:2}
table.tbl-basic .txt-red{color:#ff0000;font-weight:500}

table.tbl-basic.tL td{text-align:left}
table.tbl-basic.tL .tC{text-align:center}
table.tbl-basic td.tL{text-align:left}

.tbl-basic th.bg-point{background-color: #f9dddd;}
.tbl-basic td.bg-point{background-color: #fff2f2;}
.tbl-basic .day-total td{font-weight: 700;}
.tbl-basic .border-r{border-right: 1px solid #ebebeb;}

.report-graph{margin:30px 0 60px;}

.scroll-con{overflow-x:auto}
.btn-absolute{position:absolute;right:0}

.txt-underline{position:relative;display:inline-block;color:#333}
.txt-underline:after{content:"";position:a.search-group .btnbsolute;bottom:-1px;left:0;width:100%;height:1px;background:#333}
.txt-underline:hover{color:#58b530}
.txt-underline:hover:after{background:#58b530}

.paginate{margin-top:30px;padding:0 0 15px;text-align:center;line-height:normal}
.paginate *{display:inline-block;position:relative;margin:0 2px;padding:2px 10px;font-size:14px;color:#999;font-weight:400;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate *:not(strong):hover{color:#58b530}
.paginate strong{color:#fff;padding:6px 12px;border-radius:4px;background:#58b530}
.paginate .direction{width:31px;height:30px;margin:0 -2px;background:url('../images/icon/ico-pagenav.png') no-repeat -1px -1px}
.paginate .direction.direc-first{background-position-x:0}
.paginate .direction.direc-prev{background-position-x:-31px;margin-right: 10px;}
.paginate .direction.direc-next{background-position-x:-61px;margin-left: 10px;}
.paginate .direction.direc-last{background-position-x:-91px}

.tab-group{display:block;border-bottom:1px solid #f1f1f1;margin-bottom:30px;}
.tab-group:after{content:"";display:block;clear:both;}
.tab-group li{float:left}
.tab-group li a{display:inline-block;border-bottom:3px solid transparent;min-width:200px;padding:12px 15px;font-size:16px;font-weight:500;color:#333;text-align:center}
.tab-group li a span{position:relative}
.tab-group li a span:after{content:"";position:absolute;top:2px;right:-4px;display:block;width:5px;height:5px;border-radius:50%;background:#ff4925}
.tab-group li a.on{border-bottom-color:#479624;color:#479624;font-weight:500}
.tab-group li a .ico-q{margin-left:3px;vertical-align:-2px}
.tab-group li.opacity-menu{position:relative;}
.tab-group li.opacity-menu:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:16px;background:#dbdbdb;transform:translateY(-50%);}
.tab-group li.opacity-menu a{color:#999}
.tab-group li.opacity-menu a.on{color:#479624;}

.tooltip-inner{background-color:#fff;box-shadow:2px 3px 3px rgba(0,0,0,.2);padding:8px 10px;opacity: 1 !important;color:#000;font-size:13px;font-weight:400;word-break:keep-all;}
.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color: #fff !important;opacity: 1 !important;}
.tooltip-arrow:before{border-bottom-color: #fff !important;opacity: 1 !important;}
.modal-backdrop+.modal-backdrop{opacity:0}
.modal-dialog{margin:0 auto !important}

.box-lightGray{margin:15px 0;background:#fafafa;padding:20px;font-size:14px;font-weight:300;color:#999}
.txt-b{font-weight:500;color:#333}

.tab-modal{overflow:hidden}
.tab-modal li{float:left;margin-left:15px}
.tab-modal li:first-child{margin-left:0}
.tab-modal li a{display:block;border-radius:50px;padding:10px 15px 11px;font-size:15px;color:#dcf5d1;font-weight:400;line-height:1}
.tab-modal li a.on{color:#fff;background:#7ec062}

.modal-tab-contents{position:relative}
.modal-tab-contents .tab-modal{position:absolute;top:13px;right:60px}

.divide-wrap{overflow:hidden}
.divide-wrap .divide-area{float:left;text-align:left}
.divide-wrap .divide-area.divide-main{width:860px}
.divide-wrap .divide-area:not(.divide-main){width:calc(100% - 860px);padding-left:30px}
.divide-area:not(.divide-main) .txt-sm-tit{margin-top:20px}

.tab-wrap .tab-item.show{display:block;animation-name:show;animation-duration: .2s;}
.tab-wrap .tab-item{display:none;}
@keyframes show{0%{opacity:0}100%{opacity:1}}

.ipt-date{display:inline-block;width:180px;background:url('../images/icon/ico-date.png') no-repeat 93% 50%}
.ipt-time{display:inline-block;width:180px;background:url('../images/icon/ico-clock.png') no-repeat 93% 50%}

.ui-datepicker{width:15em;z-index:1056 !important;padding:0}
.ui-widget.ui-widget-content{border:1px solid #ebebeb;box-shadow:1px 1px 5px 1px rgba(0,0,0,.05)}
.ui-state-default, .ui-widget-content .ui-state-default{border-radius:3px;font-size:14px;border:none;background:none;text-align:center}
.ui-state-active, .ui-widget-content .ui-state-active{background:#58b530;color:#fff}
.ui-widget-content .ui-state-hover{background:#eaf1e2}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{background:#abd19b;color:#fff}
.ui-widget-header{border:none;background:#f7f9f5}
.ui-datepicker td{padding:1px 4px}

.ui-datepicker-next span{background:url('../images/icon/ico-sm.png') no-repeat -83px -83px !important}
.ui-datepicker-prev span{background:url('../images/icon/ico-sm.png') no-repeat -44px -83px !important}
.ui-datepicker .ui-datepicker-prev{top:6px;left:auto;right:30px}
.ui-datepicker .ui-datepicker-next{top:6px}
.ui-datepicker-next-hover.ui-state-hover{top:6px;right:2px;border:none}
.ui-datepicker-prev-hover.ui-state-hover{top:6px;left:auto;right:30px;border:none}
.ui-datepicker .ui-datepicker-title{padding:3px 0;margin:0 0 0 .5em;font-size:16px;text-align:left}
.ui-datepicker-calendar tr th:first-child,
.ui-datepicker-calendar tr td:first-child a{color:#ff3434}

.btn-arrowUp{display:inline-block;width:20px;height:20px;margin-left:15px;background:url('../images/icon/ico-up.png') no-repeat 50% 50%;vertical-align:middle;transition:transform .2s}
.btn-arrowUp.on{transform:rotate(180deg);transition:transform .2s}

.toggle-wrap{background:#fff}
.toggle-wrap .toggle-box{border-top:1px solid #ebebeb;padding:30px 20px}
.toggle-wrap + .toggle-wrap{margin-top:30px}

.graph-wrap{overflow:hidden;max-width:1600px;margin:0 auto}
.graph-wrap .graph-box-group{float:left}
.graph-wrap .graph-box-group:nth-child(1){width:40%}
.graph-wrap .graph-box-group:nth-child(2){width:60%}
.graph-wrap .graph-box{float:left;width:50%;padding:0 30px}
.graph-wrap .graph-box .tit-box{padding:6px 0 15px;font-size:1.1em;font-weight:700;color:#333}
.graph-wrap .graph-box .tit-box.bd-line{border-bottom:1px solid #dbdbdb}
.graph-wrap .graph-box .tit-box:not(.bd-line){text-align:center}
.graph-wrap .graph-box .txt-box-noti{display:flex;flex-direction:column;justify-content:center;min-height:250px;border-bottom:1px solid #dbdbdb;text-align:center;font-size:15px;font-weight:400;color:#999;letter-spacing:-.5px}
.graph-box{margin-top:20px;font-size:15px;color:#333}

.graph-box .graph-item{display:flex;flex-direction:row;align-items:center;justify-content:center;width:250px;height:250px;background:url('../images/icon/graph.png') no-repeat 50% 50%;font-size:24px;font-weight:500;}
.graph-box .graph-item.graph-none{background:none;}
.graph-box .graph-item a{position:relative;display:inline-block;}
.graph-box .graph-item .graph-txt{font-size:30px;font-weight:800;color:#479624;line-height:1em;letter-spacing: 0;}
.graph-box .graph-item a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#479624;}
.graph-box .graph-item .txt-box-noti{min-height:auto;border-bottom:none;}
.content-box-wrap{display:flex;width:100%}

.list-rank-wrap{overflow-y:auto;height:250px;padding:10px;padding-bottom:0;background:#f2f2f2;border-bottom:1px solid #dbdbdb;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.list-rank-wrap .rank{display:flex;flex-direction:row;align-items:center;height:45px;margin-top:5px;border-radius:5px;padding:0 20px;background:#fff;font-size:16px;color:#333;font-weight:500;
    transition: background-color 0.2s, color 0.2s;-webkit-transition: background-color 0.2s, color 0.2s;
}
.list-rank-wrap .rank:last-child{margin-bottom:10px;}
.list-rank-wrap .rank:hover{background:#58b530}
.list-rank-wrap .rank:hover .rk-num{background:#fff;color:#58b530;}
.list-rank-wrap .rank:hover .rk-name{color:#fff;}
.list-rank-wrap .rank:hover .rk-count{color:#fff;}
.list-rank-wrap .rank .rk-num{flex-shrink:0;display:inline-block;margin-right:5px;width:20px;height:20px;line-height: 20px;background:#58b530;color:#fff;font-size:13px;font-weight:500;text-align:center;border-radius:50%;}
.list-rank-wrap .rank .rk-name{overflow: hidden;text-overflow:ellipsis;width:100%;padding-right:10px;white-space:nowrap;}
.list-rank-wrap .rank .rk-count{flex-shrink:0;width:52.5px;font-size:16px;font-weight:500;color:#58b530;text-align:right;}
.scroll-area .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#dbdbdb;}
.scroll-area.mCS_no_scrollbar .mCSB_inside > .mCSB_container{margin-right:0px;}
.scroll-area:not(.mCS_no_scrollbar) .mCSB_inside > .mCSB_container{margin-right:18px;}
.scroll-area:not(.mCS_no_scrollbar){padding-right:0;}

.content-box-wrap .content-box:nth-child(1){width:40%}
.content-box-wrap .content-box:nth-child(2){width:calc(60% - 10px);margin-left:10px}

.tooltip-wrap{position:relative;display:block;background:inherit;}
.tooltip-wrap .custom-tooltip{display:none;position:absolute;z-index:9999;text-align:center;top:100%;left:50%;min-width:100%;font-size:14px;max-width:230px;background:#fff;box-shadow:1px 1px 4px 1px rgba(0,0,0,.1);color:#000;padding:.8em 1.5em;border:1px solid #ebebeb;transform:translate(-50%, 18%);line-height:1;font-weight:400;color:#000;box-sizing:border-box;border-radius:5px;line-height:1.3;word-break:keep-all;}
.tooltip-wrap .custom-tooltip.show{display:block}
.tooltip-wrap .custom-tooltip:before{content:"";position:absolute;top:-7px;left:50%;display:block;width:12px;height:12px;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;background:#fff;transform:translateX(-50%) rotate(45deg)}
.tooltip-wrap .custom-tooltip .btn{font-size:14px;letter-spacing:-.5px}
.tooltip-wrap .tooltip-txt{cursor:pointer;}

.txt-arrow{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#333}
.txt-arrow:before{content:"";position:absolute;bottom:-2px;width:100%;height:1px;background:#333}
.txt-arrow:after{content:">";display:inline-block;margin-left:5px}
.txt-arrow:hover{color:#58b530}
.txt-arrow:hover:before{background:#58b530}

.noti-tooltip .bg-drop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9000;background:rgba(0,0,0,.5);}
.noti-tooltip .tooltip-wrap{position:relative;z-index:9001;background:#fff;}
.noti-tooltip .tooltip-wrap .custom-tooltip{padding:1.7em 1.5em 1em}
.noti-tooltip .custom-tooltip .btn-close{position:absolute;top:7px;right:9px;width:5px;height:5px;background-size:cover;}

.tit-top-group{display:flex;justify-content:space-between;margin:15px 0 20px;}
.tit-top-group h1.tit-con{margin-bottom:12px;}
.tit-top-group .txt-sm{margin-top:3px;}
.tit-top-group .tit-top-r .tbl-sm{width:200px;border:1px solid #dbdbdb;}
.tbl-sm tr{border-top:1px solid #dbdbdb;}
.tbl-sm th,
.tbl-sm td{padding:12px 10px;font-size:15px;line-height: 1.5em;color:#333;}
.tbl-sm th{background:#f7f9f5;font-weight:700;}
.tbl-sm td{font-weight:500;text-align:right}

.label{display:inline-block;padding:.4em .5em;border-radius:5px;background:#58b530;color:#fff;font-weight:400;line-height:1;}
.modal-body{padding-bottom:2em;}

.text-box{margin:30px 0;padding:20px;text-align: center;border:1px solid #ebebeb;border-radius:10px;color:#333;background-color: #f3f3f34f;}

.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background: #666666a8;}
.popup-wrap.open{display:block;}
.popup-wrap .popup-box{position:absolute;top:5%;left:50%;margin-left:-300px;width:600px;z-index:102;}
.popup-wrap .btn-close{position: absolute;left:100%;top:0;width:50px;height:50px;background:url("../images/icon/ico-x.png") center center no-repeat;font-size:0;line-height: 0;opacity: 1;}
.popup-wrap .btn-close:hover{opacity: 0.7;}
.popup-wrap .popup-phone{top:4%;margin-left:-165px;width:362px;height:730px;background:url("../images/layout/phone.png") 0 0 no-repeat;background-size: 100% auto;}
.popup-wrap .popup-phone:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:50px;z-index:2;background:url("../images/layout/phone-bottom.png") center bottom no-repeat;background-size: 100% auto;}

.popup-wrap .popup-phone .ad-tab{display:flex;margin:60px 21px 0;height:50px;text-align:center;box-sizing: border-box;border:solid #e9e9e9;border-width:1px 0;}
.popup-wrap .popup-phone .ad-tab li{vertical-align: top;align-items: center;width:50%;height:100%;text-align:center;border-left:1px solid #e9e9e9;}
.popup-wrap .popup-phone .ad-tab li:first-child{border-left:0;}
.popup-wrap .popup-phone .ad-tab li button{display:block;width:100%;height:100%;;font-size:0.9em;text-align:center;font-weight: 500;}
.popup-wrap .popup-phone .ad-tab li button:hover{background-color: #efefef;border-color:#ddd;}
.popup-wrap .popup-phone .ad-tab li.on button{background-color: #f7f9f5;border-color:#58b530;color:#111;}
.popup-wrap .popup-phone .ad-contents{display:block;position:fixed;margin:0 21px 0;height:603px;overflow-x: hidden;overflow-y: auto;width:320px;left:-999999px;top:-99999999px;z-index:1;}
.popup-wrap .popup-phone .ad-contents.on{position:relative;top:0;left:0;z-index:2;}
.popup-wrap .popup-phone .ad-contents::-webkit-scrollbar {width: 2px; height: 2px;  }
.popup-wrap .popup-phone .ad-contents::-webkit-scrollbar-button:start:decrement, 
.popup-wrap .popup-phone .ad-contents::-webkit-scrollbar-button:end:increment {display: block; width: 2px;height: 2px; background: url() rgba(0,0,0,.05);}
.popup-wrap .popup-phone .ad-contents::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
.popup-wrap .popup-phone .ad-contents::-webkit-scrollbar-thumb {background: rgba(0,0,0,.1);}
.popup-wrap .popup-phone .img-slide{}
.popup-wrap .popup-phone .img-slide:after{content:"";display:block;clear:both}
.popup-wrap .popup-phone .img-slide li{float:left;display:block;}
.popup-wrap .popup-phone .img-slide li img{display:block;width:100%;vertical-align: top;}
.popup-wrap .popup-phone .img-slide .slick-arrow{display:block;position: absolute;z-index:110;top:40%;width:30px;height:30px;border-radius: 50%;background:center center no-repeat;background-color: #ffffff75;font-size:0;line-height: 0;opacity:0;}
.popup-wrap .popup-phone .img-slide:hover .slick-arrow{opacity:1}
.popup-wrap .popup-phone .img-slide .slick-arrow.slick-prev{left:5px;background-image: url("../images/icon/ico-prev.png");}
.popup-wrap .popup-phone .img-slide .slick-arrow.slick-next{right:5px;background-image: url("../images/icon/ico-next.png");}
.popup-wrap .popup-phone .img-slide .slick-dots{position:absolute;bottom:12px;left:0;width: 100%;z-index:110;text-align: center;}
.popup-wrap .popup-phone .img-slide .slick-dots li{display:inline-block;margin:0 2px;;float:none;}
.popup-wrap .popup-phone .img-slide .slick-dots li button{display:block;width:5px;height:5px;border-radius: 50%;background-color: #dbdbdb;font-size:0;line-height: 0;}
.popup-wrap .popup-phone .img-slide .slick-dots li.slick-active button{background-color: #4295f6;}

.popup-wrap .popup-noti{top:10%;border-radius:15px;overflow: hidden;width:800px;margin-left:-400px;background-color: #fff;}
.popup-wrap .popup-noti .pop-header{position:relative;padding:10px 15px;background-color: #e5e5e5;}
.popup-wrap .popup-noti .pop-header .btn-close{left:auto;right:5px;top:5px;background-size: 30px auto;}
.popup-wrap .popup-noti .pop-header strong{font-size:24px;font-weight: 700;line-height:40px;color:#155f04;}
.popup-wrap .popup-noti .pop-contents{padding:25px;max-height: 650px;overflow-y: auto;}
.popup-wrap .popup-noti .pop-contents::-webkit-scrollbar {width: 8px; height: 2px;  }
.popup-wrap .popup-noti .pop-contents::-webkit-scrollbar-button:start:decrement, 
.popup-wrap .popup-noti .pop-contents::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 2px; background: url() rgba(0,0,0,.05);}
.popup-wrap .popup-noti .pop-contents::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
.popup-wrap .popup-noti .pop-contents::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }
.popup-wrap .popup-noti .pop-contents *{word-wrap: break-word;word-break:keep-all;}
.popup-wrap .popup-noti ul{margin-bottom: 40px;}
.popup-wrap .popup-noti ul li{position: relative;margin-top:20px;padding-left:20px;color:#333;line-height: 1.3em;;}
.popup-wrap .popup-noti ul li:before{content:"▶";position: absolute;left:0;top:0;}
.popup-wrap .popup-noti ul li:first-child{margin-top:0;}
.popup-wrap .popup-noti .sub{font-size:0.9em;line-height:1.2em;color:#999;}
.popup-wrap .popup-noti .red{color:#ff2828}
.popup-wrap .popup-noti em{text-decoration: none;font-style: normal;}
.popup-wrap .popup-noti table th,
.popup-wrap .popup-noti table td{font-size:0.95em;line-height:1.3em;}
.popup-wrap .popup-noti table{border-color:#5b7350;}
.popup-wrap .popup-noti .text-left{text-align: left;}