* {box-sizing:border-box!important;}

a.test-button {display:block;min-width:150px;max-width:300px;padding:5px;text-align:center;
  font-size:12px;border:1px solid #ccc;border-radius:3px;background-color:#fff;}
a.lock {display:inline-block;width:50px;min-width:30px;height:28px;margin:0 5px;padding:0 5px;
  text-align:center;line-height:24px;border:1px solid #ccc;border-radius:3px;background-color:#fff;}
p.view-source {width:100%;margin:10px 0;padding:10px;font-size:12px;
    background-color:#f8f8f8;}

input.error {border:1px solid red;}
input.lock-test {float:left;}
input.ck-disabled + a.searchclear {display:block;}
input::-ms-clear {display:none;}
input.w-59 {width:59px;}
input.w-60 {width:60px;}

select.ghost {width:0;height:0;margin:0;padding:0;border:0}

h1.ui {color:#000;font-size:30px;}
h1.ui em {font-size:15px;}
h3.ui {margin:5px 0;color:#000;font-size:20px;}
h4.ui {margin-bottom:5px;font-size:17px;}
h4.ui button.view-source {border-radius:4px;border:1px solid #c0c0c0;}
h5.ui {font-size:13px;}

.color-blue {color:blue;}
.color-red {color:red;}
.color-red-impotant {color:red !important;}

.ghost {display:none;}
.ovh {overflow:hidden;}

.indv-set {margin:30px 0;border-bottom:1px solid #c0c0c0;}
.indv-single {min-height:40px;margin:0 0 10px 0;}
.div-half {display:inline-block;width:calc(50% - 20px);}

.wrap_search .searchclear,
.input-text .searchclear {display:none;}

.notice_more-open {display:none;}

/*.wrap-col4 .ui-option-wrap {margin-top:-9px;}*/

.email-set .input-text {vertical-align:top;}
.email-set span {vertical-align:top;}

.switch {display:inline-block;}
.switch a {display:block;padding:6px 5px;width:58px;line-height:17px;font-size:12px;border-radius:20px;
    color:#fff;font-weight:bold;background:#999;z-index:1;}
.switch a .circle {float:left;margin-right:3px;width:18px;height:18px;border-radius:50%;
    background:#fff;
  pointer-events:none;}
.switch a.on {background:blue}
.switch a.on .circle {float:right;position:relative;}

.ui-search-set {width:300px;}
.ui-search-set .search-box {display:inline-block;position:relative;width:180px;}
.ui-search-set .search-box input {padding-right:25px;}
.ui-search-set .search-box .clear {display:none;position:absolute;top:7px;right:7px;
    width:14px;height:14px;
    line-height:5px;color:#fff;border-radius:50%;background-color:#4e4e4e;}
.ui-search-set .search-box .clear span {margin-left:-2px;font-family:unset;}
.ui-search-set .enter {display:inline-block;width:50px;background:#ccc;}

.ui-tab-style {width:100%;}
.ui-tab-style .tab-head {width:100%;overflow:hidden;}
.ui-tab-style .tab-head li {float:left;padding:5px 10px;text-align:center;background-color:#f1f1f1;}
.ui-tab-style .tab-head li.on {background-color:#ccc;}
.ui-tab-style .tab-body li {display:none;padding:10px;}
.ui-tab-style .tab-body li.on {display:block;}

.ui-acc-style {width:400px}
.ui-acc-style .acc-head li a {display:block;height:30px;overflow:hidden;}
.ui-acc-style .acc-head li a p {padding:5px;line-height:19px;
  border-bottom:1px solid #ccc;background-color:#f1f1f1;}
.ui-acc-style .acc-head li:last-child a {border:none;}

.test-area {padding:10px;background-color:#f1f7e2;}
.test-area .result {margin:10px 0;}

.ui-for-alert {display:table;position:fixed;top:0;left:0;width:100%;height:100%;
    background:transparent;z-index:1002;}
.ui-for-alert .dim {position:absolute;top:0;left:0;width:100%;height:100%;
    background-color:rgba(32,31,27,0.5);}
.ui-for-alert .cell-style {display:table-cell;height:100%;vertical-align:middle; padding:30px;}
.ui-for-alert .cont {position:relative; min-width:280px; max-width:400px; margin:0 auto;
    background-color:#fff;z-index:101;visibility:hidden;}
.ui-for-alert .alert-body {}
.ui-for-alert .alert-body img {display:block;margin:0 auto 20px auto;padding-top:35px;}
.ui-for-alert .alert-body p {padding:0 40px 20px 40px;font-size:14px;word-break:kee-all; text-align:center;max-height: 500px; overflow: auto;}
.ui-for-alert .alert-btns {width:100%;overflow:hidden;}
.ui-for-alert .alert-btns .btn {width:50%;text-align:center;line-height:40px;color:#fff;
    font-size:14px;font-weight:bold;}
.ui-for-alert .alert-btns .btn.full {width:100%;}
.ui-for-alert .alert-btns .btn.cancel {float:left;background-color:#333;}
.ui-for-alert .alert-btns .btn.confirm {float:right;background-color:#f7801e;}

.ui-for-layers {display:none;position:fixed;top:0;left:0;width:100%;height:100%;
     background:transparent;z-index:100;}
.ui-for-layers .dim {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;
    background-color:#000;}
.ui-for-layers .cell-style {display:table-cell;height:100%;vertical-align:top;padding-top:40px;}
.ui-for-layers .cont {position:relative;min-height:280px;margin:0 auto;
    background-color:#fff;z-index:101;overflow:hidden;}
.ui-for-layers .cont .ly-header {height:70px;line-height:70px;margin:0 0 10px 0;
    text-align:left;background-color:#fff;z-index:10;}
.ui-for-layers .cont .ly-header p {font-size:20px;font-weight:bold;color:#333;
    border-bottom:1px solid #f7801e;}
.ui-for-layers .cont .ly-header a {display:block;}
.ui-for-layers .cont .ly-body {;width:100%;max-height:none;min-height:200px;
    margin-right:-10px;overflow-y:auto;-ms-overflow-style:none;}
.ui-for-layers .cont .ly-body::-webkit-scrollbar{display:none;}
.ui-for-layers .cont .ly-body .popup-left-info,
.ui-for-layers .cont .ly-body .popup-right-info {margin-right:-4px;}
.ui-for-layers .cont .ly-body td .ui-option-wrap {margin-bottom:0;}
/* .ui-for-layers .cont .ly-body .grid_wrap {margin-bottom:0;} */
.ui-for-layers .cont .ly-body .work_sc {overflow:unset;}
.ui-for-layers .cont .ly-footer {text-align:center;}
.ui-for-layers .cont .ly-footer a {display:inline-block;width:150px;padding:5px 10px;
    color:#fff;background-color:blue;}
.ui-for-layers .cont .pop-navi {display:none;position:absolute;right:6px;bottom:68px;}
.ui-for-layers.full .cell-style {vertical-align:top;padding-top:0;}
.ui-for-layers.full .cont {width:100%;height:100%;}
.ui-for-layers.full .cont .ly-body {height:100%;}

.ui-loader-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;
    background:transparent;z-index:1001;}
.ui-loader-wrap .loader-con {display:table-cell;position:relative;width:100%;height:100%;
  vertical-align:middle;z-index:1;}
.ui-loader-wrap .loader-con img {display:block;margin:auto auto;width:99px; opacity: 0.8}
.ui-loader-wrap .loader-con p {text-align:center;}
.ui-loader-wrap .loader-dim {display:block;position:absolute;top:0;left:0;width:100%;height:100%;
  opacity:0;background-color:#fff;z-index:0;}

.dateBtn {display:inline-block;position:relative;}

.open-calendar[disabled], .open-month-calendar[disabled], .open-timepick[disabled],
.open-timepick[disabled], .open-cal-timepick[disabled] {color:#bbb;background-color:#f4f5f9;}

/* 달력 공통 */
.dyn-cal-time{-ms-overflow-style:scrollbar}
.dyn-cal-time ul.dates {overflow:hidden;}
.dyn-cal-time ul li {float:left;width:14.2%;line-height:30px;text-align:center;}
.dyn-cal-time ul li.last-month {line-height:24px;opacity:0;}
.dyn-cal-time ul li.next-month {line-height:24px;opacity:0;}
.dyn-cal-time ul li a {display:block;color:#000;
    pointer-events:all;}
.dyn-cal-time ul li a.mid {background-color:#ffedea;}
.dyn-cal-time ul li a.on {color:#fff !important; background-color:#ff4a33;}
.dyn-cal-time ul li a.active {background-color:#ffb4b4;}
.dyn-cal-time ul li a.holiday {color:#ff4a33;}
.dyn-cal-time ul li a[disabled] {color:#ccc;cursor:default;}
.dyn-cal-time ul.days {margin:10px 0 5px 0;color:#a1a1a1;overflow:hidden;}
.dyn-cal-time .crt-date {position:relative;text-align:center;}
.dyn-cal-time .crt-date a {display:block;position:absolute;top:0;width:15px;pointer-events:all;}
.dyn-cal-time .crt-date a[disabled] {color:#ccc;}
.dyn-cal-time .crt-date a.pre {left:0;background-image:url(/resources/img/common/ico-cal-arr-pre.gif);
    background-position:right 0px center;background-repeat:no-repeat;line-height: 20px;}
.dyn-cal-time .crt-date a.next {right:0;background-image:url(/resources/img/common/ico-cal-arr-next.gif);
    background-position:left 0px center;background-repeat:no-repeat;line-height: 20px;}
.dyn-cal-time .crt-date p {height:21px;line-height:19px;font-size:14px;font-weight:bold;}
.dyn-cal-time .crt-date .mOrn {position:absolute;top:0;right:0;width:60px;height:56px;}
.dyn-cal-time .crt-date .mOrn a {display:none;position:relative;width:100%;height:100%;padding-left:10px;
    text-align:left;line-height:26px;border:1px solid #ccc;pointer-events:all;}
.dyn-cal-time .crt-date .mOrn a:nth-child(2) {border-bottom:none;height:28px;
    background-image:url(/resources/img/common/ico-down-arr.png);background-repeat:no-repeat;
    background-position:center right 10px;}
.dyn-cal-time .crt-date .mOrn a:last-child {border-top:none;height:28px;}
.dyn-cal-time .crt-date .mOrn a.on {font-weight:bold;color:#000;background-color:#eaf6fa;}
.dyn-cal-time .crt-date .mOrn a.selected-mn {display:block;height:56px;border:none;
    padding:1px 0 0 11px;font-weight:bold;pointer-events:all;cursor:pointer;
    background-image:url(/resources/img/common/ico-down-arr.png);background-repeat:no-repeat;
    background-position:top 12px right 11px;}
.dyn-cal-time .crt-date a[disabled] {pointer-events:none;opacity:0.5;}
.dyn-cal-time ul.mins {position:relative;height:60px;margin-top:5px;}
.dyn-cal-time ul.mins li.even {position:absolute;top:0;}
.dyn-cal-time ul.mins li.odd {position:absolute;bottom:0;}

.dyn-cal-time.mobile ul.dates {margin-bottom:2rem;}
.dyn-cal-time.mobile {position:fixed;width:calc(100% - 40px);border:none;}
.dyn-cal-time.mobile .layer-popup__bot {margin:0 -1.5rem -1.5rem -1.5rem;}
.dyn-cal-time.mobile.ui-timepick-wrap .layer-popup__bot{margin: 2rem -1.5rem -2.3rem -1.5rem;}
.dyn-cal-time.mobile.ui-monthpick-wrap .layer-popup__bot{padding-top:10px;width: calc(100% + 40px);height: 60px;margin-left:-20px}

.calcDim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;z-index:2}

/* 기본 월일 달력 */
.ui-cal-wrap {display:inline-block;position:absolute;top:0;left:0;width:200px;/* min-height:211px; max-width:350px; */ padding:15px 15px;border:1px solid #ccc;background-color:#fff;z-index:100;
  font-size:12px;}
.ui-cal-wrap > div {}

/* 기본 월 달력 */
.ui-monthpick-wrap {display:inline-block;position:absolute;bottom:0;left:0;width:200px;
    max-height:167px;min-height:167px;padding:15px 15px;font-size:12px;
    border:1px solid #ccc;background-color:#fff;overflow:hidden;z-index:100;}
.ui-monthpick-wrap .crt-date {position:relative;text-align:center;margin:0 0 17px 0;}
.ui-monthpick-wrap .month-wrap a,.year-wrap a {float:left;width:33.3%;height:24px;text-align:center;
    line-height:24px;pointer-events:all;}
.ui-monthpick-wrap .month-wrap a.on,.year-wrap a.on {color:#fff;background-color:#ff4a33;}
.ui-monthpick-wrap .month-wrap a[disabled],.year-wrap a[disabled] {color:#ccc;pointer-events:none;}
.ui-monthpick-wrap.mobile{max-height: 267px;height: 267px}
.ui-monthpick-wrap.mobile .month-wrap a{height: 36px;line-height: 36px}


/* 기본 타임 픽커 */
.ui-timepick-wrap {display:inline-block;position:absolute;left:0;width:176px;font-size:12px;
    min-height:211px;padding:15px 15px 23px 15px;border:1px solid #ccc;background-color:#fff;
    overflow:hidden;z-index:100;}
.ui-timepick-wrap .crt-date {height:32px;}
.ui-timepick-wrap .crt-date ul li {float:left;width:50%;}
.ui-timepick-wrap .crt-date ul li.disp {padding-left:5px;line-height:25px;font-size:14px;
    font-weight:bold;}
.ui-timepick-wrap .crt-date ul li:last-child {position:relative;}
.ui-timepick-wrap .crt-date ul li select {min-width:100%;}
.ui-timepick-wrap .hours-wrap > div {height:25px;line-height:26px;padding-left:5px;
    color:#bbb;}
.ui-timepick-wrap .hours-wrap .hours {height:auto;overflow:hidden;}
.ui-timepick-wrap .minutes-wrap > div {height:25px;line-height:26px;padding-left:5px;
    color:#bbb;}

/* 이중 월일 달력 */
.ui-dual-cal-wrap {display:inline-block;position:absolute;top:0;left:0;width:400px;min-height:236px;
  ;padding:0 15px 0 15px;border:1px solid #ccc;background-color:#fff;z-index:100;
  font-size:12px;}
.ui-dual-cal-wrap > div {float:left;width:50%;height:auto;padding-bottom:15px;}
.ui-dual-cal-wrap .head-ind {height:24px;margin:0 -11px 15px -15px;text-align:center;color:#fff;
    line-height:23px;background-color:#51545e;}
.ui-dual-cal-wrap .dual-front {padding-right:10px;border-right:1px solid #f1f1f1;}
.ui-dual-cal-wrap .dual-back {padding-left:10px;}
.ui-dual-cal-wrap .dual-back .head-ind {margin-right:-16px;}

/* 기본 월일 달력 + 타임 픽커 */
.ui-cal-time-wrap {display:inline-block;position:absolute;left:0;
    min-height:211px;font-size:12px;
    border:1px solid #ccc;background-color:#fff;overflow:hidden;z-index:100;}
.ui-cal-time-wrap > div {float:left;}
.ui-cal-time-wrap .inner.cal {width:200px;height:auto;padding:15px 15px;border-right:1px solid #f1f1f1;}

.ui-cal-time-wrap .inner.time {width:176px;padding:12px 15px 15px 15px;}
.ui-cal-time-wrap .inner.time .crt-date {height:32px;}
.ui-cal-time-wrap .inner.time .crt-date ul li {float:left;width:50%;}
.ui-cal-time-wrap .inner.time .crt-date ul li.disp {padding-left:5px;line-height:25px;font-size:14px;
    font-weight:bold;}
.ui-cal-time-wrap .inner.time .crt-date ul li:last-child {position:relative;}
.ui-cal-time-wrap .inner.time .hours-wrap > div {height:25px;line-height:26px;padding-left:5px;
    text-align:left;color:#bbb;}
.ui-cal-time-wrap .inner.time .hours-wrap .hours {height:auto;overflow:hidden;}
.ui-cal-time-wrap .inner.time .minutes-wrap > div {height:25px;line-height:26px;padding-left:5px;
    color:#bbb;}
.ui-cal-time-wrap .inner.time .minutes-wrap .mins {height:auto;overflow:hidden;}


.sampleUi .ui-option-wrap {width:200px;}
.ui-option-wrap {display:inline-block;position:relative;height:28px;}
.ui-option-wrap::after {display:block;content:'';clear:both;}
.ui-option-wrap a {color:#333;font-size:12px;}
.ui-option-wrap a.custom-sel {display:block;position:absolute;top:0;left:0;width:100%;height:28px;
    line-height:24px;padding:0 10px;border:1px solid #ccc;z-index:9;background-color:#fff;
    cursor:pointer;background-image:url(/resources/img/common/ico-down-arr.png);
    background-position:right 10px center;background-repeat:no-repeat;}
.ui-option-wrap a.custom-sel:focus {border:1px solid #f7801e !important;}
.ui-option-wrap a.custom-sel[disabled]:focus {border:1px solid #ccc !important;}
.ui-option-wrap a[disabled] {color:#bbb;background-color:#f4f5f9;pointer-events:none; border:1px solid #e5e5e5;}
.ui-option-wrap .mask {display:none;position:absolute;height:100%;overflow:hidden;border:1px solid #f7801e;
    z-index:12;}
.ui-option-wrap .mask .scrl {display:block;position:absolute;top:4px;right:4px;width:7px;
    z-index:50;transition:top .1s ease-out;}
.ui-option-wrap .mask .scrl ul {height:100%;}
.ui-option-wrap .mask .scrl ul li {height:calc(100% - 8px);background-color:#ccc;opacity:.3;}
.ui-option-wrap .mask .scrl ul li:first-child {height:4px;background:none;}
.ui-option-wrap .mask .scrl ul li:last-child {height:4px;background:none;}
.ui-option-wrap .custom-list {display:none;position:absolute;top:0;left:0;width:200px;height:100px;
    overflow-x:hidden;overflow-y:scroll;background-color:#fff;z-index:2;}
.ui-option-wrap .custom-list a {display:block;width:100%;height:28px;padding:0 10px;line-height:26px;
    background-color:#fff;}

.ui-option-wrap .custom-list a.on {font-weight:bold;background-color:#eaf6fa;}
.ui-option-wrap .custom-list a.btn {height: 28px;line-height: 26px;border: 1px solid #aaa;/* background-image: url(../img/common/ico-excel.png); */background-size:auto;background-repeat: no-repeat;background-position: left 10px center;font-size: 12px;font-weight: bold;background-color:#fff;}
.ui-option-wrap .custom-list label {display:block;height:28px;margin-left:10px;line-height:24px;
    word-break:break-all;overflow:hidden;}
.ui-option-wrap .custom-list label span {margin-top:-1px!important;pointer-events:none;}
.ui-option-wrap .custom-list .confirm {padding:0;}
.ui-option-wrap .custom-list .confirm a {background:none;}

#lnb {height:calc(100% - 70px);}
.lnb-menu {position:relative;height:100%;margin-top:-1px;z-index:100; overflow-y:hidden; background:#333;}
.lnb-submenu {display:block;transform:translateX(-290px);overflow-y:hidden;
    transition:transform .5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.lnb-submenu .lnb-submenu__close {z-index:10;}
.lnb-submenu .mask {overflow:hidden;}
.lnb-submenu .mask .slide {position:relative;width:256px;overflow-y:scroll;}
.lnb-submenu .mask .slide .indv {display:none;margin-bottom:20px;}
.lnb-submenu .mask .slide .indv:first-child {display:block;}
.lnb-submenu .lnb-submenu__list {width:229px;}
.lnb-submenu .lnb-submenu__list a::after {
	-webkit-transition:transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition:transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.lnb-submenu .lnb-submenu__list a.active::after {-webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg);}
.lnb-submenu .lnb-submenu__sublist {display:block;height:0;border-bottom:none;
    visibility:hidden;overflow:hidden;transition:height .5s cubic-bezier(0.22, 0.61, 0.36, 1);}

pre {display:none;margin:0 0 15px 0;padding:10px;line-height:24px;color:#000;
    font-family:'courier';background:#f1f1f1;}

.loader-holder-test {position:relative,display:block;height:300px;}

td .wrap_time,
td .wrap_date {margin-right:3px;vertical-align:top;}
td .wrap-col2 .wrap_time,
td .wrap-col2 .wrap_time {margin-right:0;}
td .wrap-col2 .wrap_date,
td .wrap-col2 .wrap_date {margin-right:0;}
/*td .ui-option-wrap {margin-bottom:-9px;}*/

/* 2020.05.09 calendar year, month 개선: pc*/
.dyn-cal-time.pc .sel_year_wrap{line-height: 20px; position: absolute;left: 25px;top: -2px;}
.dyn-cal-time.pc .sel_month_wrap{line-height: 20px; position: absolute;left: 90px;top: -2px;}
.dyn-cal-time.pc .crt-date.select{height:22px;}
.dyn-cal-time.pc .crt-date.select .sel_head{
    width: 60px;
    height: 24px;
    line-height: 22px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #e5e5e5;
    font-weight: bold;
    background-image: url(/resources/img/common/ico-down-arr.png);
    background-repeat: no-repeat;
    background-position: top 9px right 7px;padding-left: 5px;
}
.dyn-cal-time.pc .crt-date.select .sel_head.disabled{
    background:#f4f5f9; border-color: #e5e5e5;color:#333
}

.dyn-cal-time.pc .crt-date.select .sel_month{left: 0;width: 60px; }
.dyn-cal-time.pc .crt-date.select .sel_dropdown{
    display:none;overflow-y:auto; position: absolute;border: 1px solid #ccc;top: 23px;
    background: #fff;text-align:left;width:60px; height: 132px;z-index: 100;
}
.dyn-cal-time.pc .crt-date.select .sel_month_wrap .sel_dropdown{width:60px;left: 0}
.dyn-cal-time.pc .crt-date.select .sel_dropdown a{width:100%;position: static;padding: 1px 0 1px 5px;}
.dyn-cal-time.pc .crt-date.select .sel_dropdown a:hover{background: #f1f7e2;}
.dyn-cal-time.pc .crt-date.select .sel_dropdown a.on{color: #fff;background: #ff4a33;}
.dyn-cal-time.ui-monthpick-wrap .sel_year_wrap{left: 55px;}
.dyn-cal-time.pc.ui-cal-wrap .sel_year_wrap{left: 22px;}
.dyn-cal-time.pc.ui-cal-wrap .sel_month_wrap{left: 86px;}

/* 2020.05.09 calendar year, month 개선: 모바일 */
.dyn-cal-time.mobile .crt-date.select{height:22px;}
.dyn-cal-time.mobile .crt-date .select{
    width: 35%;
    margin-top: 0;
    position: absolute;
    right: 50%;
    margin-right: 5px;
    top: -5px;
}
.dyn-cal-time.mobile .crt-date .select.sel_month_wrap{left: 50%;margin-left: 5px;}
.dyn-cal-time.mobile .crt-date .select > select{height: 3rem;}