@charset "UTF-8";
/* popup */
.popup {
    position: relative;
    z-index: 10;
}
.popup-wrap {
    display:none;
    overflow: hidden;
    position:fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1002;
    min-width: 320px;
    max-width:100%;
    height:100%;
    background:transparent !important; 
    border:0;
    margin: 0 !important;
    opacity: 0;    
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.popup-wrap.is-active {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; word-break: keep-all;background: transparent !important;opacity: 1;}
.popup-basic {
    width:100%;
    max-width:100%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
}
.popup-wrap .popup-basic {width:545px;}
@media all and (max-width:545px){
	.popup-wrap.is-active { margin:0 !important;}
    .popup-wrap .popup-basic {
        width:100%;
        min-width:300px;
        margin:0 !important;
    }
}


/* 팝업 오버라이드 *//*
.popup-wrap.extend {margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; word-break: keep-all; overflow: hidden;}
.popup-wrap.extend.is-active {background: transparent; top: 0; left: 0; right: 0; bottom: 0;}*/
.popup-wrap .popup-scroller {overflow: auto; padding: 10px; width: 100%; max-width: 100%; max-height: 100%;}
.popup-wrap .popup-scroller .popup-basic {margin: 0 auto; height: auto;}
.popup-basic .form-input-group-wrap { margin:0;}
.popup-basic .form-input-group-wrap + .board-btn-wrap,
.popup-basic .board-btn-wrap{ margin:15px auto; justify-content: center;}
.popup-basic.popupSearchAddress { width:100%;}
.popup-basic .popup-head { display:block;position:relative;min-height:58px;background-color:#1c236c;color:#fff;padding:20px 100px 20px 20px;box-sizing:border-box;}
.popup-basic .popup-head .popup-title { font-family:"Noto Sans";font-size:18px;font-weight:600;line-height:1.2;}
.popup-basic .popup-close { display:block;overflow:hidden;position:absolute;right:0;top:0;width:100px;height:58px;background-color:#0e1136;}
.popup-basic .popup-close > span { display:inline-block;background-image:url(../image/layout/btn-close-popup.png);background-size:14px 14px;background-repeat:no-repeat;background-position:100% 50%;padding-right:25px;font-size:15px;color:#fff;}
.popup-basic .popup-body { min-height: 101px; padding: 20px;}

/* 팝업 오버라이드 */
.popup-wrap .popup-basic {margin: 0 auto; height: auto;}
.popup-wrap .popup-scroller {overflow: auto; padding: 10px; width: 100%; max-width: 100%; max-height: 100%;box-sizing:border-box;}
@media all and (max-width:420px){
	.popup-basic .form-input-group-wrap .form-input-group dl dt {width:100%;}
}

/* layout-cols */
.popup-basic .layout-cols { display:block;position:relative;overflow:hidden;width:100%}
.popup-basic .layout-cols + .popup-basic .layout-cols { margin-top:10px}
.popup-basic .layout-cols > .col { display:block;float:left;margin-right:3%;}
.popup-basic .layout-cols.cols2 > .col { width:48.5%;}
.popup-basic .layout-cols.cols3 > .col { width:31.3333%}
.popup-basic .layout-cols.cols4 > .col { width:22.75%}
.popup-basic .layout-cols.cols5 > .col { width:17%}
.popup-basic .layout-cols.cols6 > .col { width:14.1666%}
.popup-basic .layout-cols.cols3 > .col.colspan2 { width:65.6666%}
.popup-basic .layout-cols.cols4 > .col.colspan2 { width:47%}
.popup-basic .layout-cols.cols4 > .col.colspan3 { width:72%}
.popup-basic .layout-cols.cols5 > .col.colspan2 { width:37%}
.popup-basic .layout-cols.cols5 > .col.colspan3 { width:57%}
.popup-basic .layout-cols.cols6 > .col.colspan3 { width:49%}
.popup-basic .layout-cols > .col:last-child,
.popup-basic .layout-cols.cols2 > .col:nth-child(2n),
.popup-basic .layout-cols.cols3 > .col:nth-child(3n),
.popup-basic .layout-cols.cols4 > .col:nth-child(4n),
.popup-basic .layout-cols.cols5 > .col:nth-child(5n),
.popup-basic .layout-cols.cols6 > .col:nth-child(6n) { margin-right:0}
.popup-basic .tab-basic a span { height:auto;line-height:44px;}

.popup-basic .popup-body .tab-basic { border:0;margin:0 auto 15px auto;}
.popup-basic .popup-body .tab-basic li a { height:44px;background-color:#ddd;border:0;color:#333;line-height:42px;vertical-align:middle;}
.popup-basic .popup-body .tab-basic li a span {display:inline-block;vertical-align:middle;}
.popup-basic .popup-body .tab-basic li a:hover{ background-color:#ccc;color:#333;}
.popup-basic .popup-body .tab-basic .is-selected a,
.popup-basic .popup-body .tab-basic .is-active a,
.popup-basic .popup-body .tab-basic .active a { background-color:#1e9fd5;color:#fff;}
.popup-basic .popup-foot.fixed{ display:block;position:fixed;bottom:0;}
.popup-basic .address-list-wrap {width:100%;max-height:460px;overflow-y:auto;border:1px solid #ddd;}
.popup-basic .address-list-wrap li { display:block;border-bottom:1px solid #ddd;}
.popup-basic .address-list-wrap li a { display:block;padding:10px;}
.popup-basic .address-list-wrap li a:hover {background-color:#f8f8f8;}
.popup-basic .address-list-wrap dl {display:table;}
.popup-basic .address-list-wrap dl dt,
.popup-basic .address-list-wrap dl dd {display:table-cell;}
.popup-basic .address-list-wrap dl dt { width:100px;font-weight:bold;color:#333;text-align:center;vertical-align:middle;}
.popup-basic .address-list-wrap .zip-code { width:100px;font-weight:bold;color:#333;text-align:center;vertical-align:middle;}
.popup-basic .address-list-wrap .type-this { display:block;font-weight:bold;color:#333;}
.popup-basic .address-list-wrap .type-other { display:block;margin-top:4px;color:#666;}

.popup-basic .search-address-input-wrap .input-groups2 {overflow:hidden;}
.popup-basic .search-address-input-wrap .input-groups2 dl { float:left;width:50%;}
.popup-basic .search-address-input-wrap .input-groups2 dl + dl { border-left:0;}
.popup-basic .search-address-input-wrap {background-color:#f7f7f7;border:2px solid #1e9fd5;padding:10px 20px;}
.popup-basic .search-address-input-wrap .form-input-group { border:0;padding:10px 0;}
.popup-basic .search-address-input-wrap.form-input-group-wrap .form-input-group dl dt,
.popup-basic .search-address-input-wrap .form-input-group dl dt { display:inline-block;width:60px;border:0;margin:0;padding:0 10px;white-space:nowrap;}
.popup-basic .search-address-input-wrap.form-input-group-wrap .form-input-group dl dd {background-color:transparent;margin:0 0 0 60px;;padding:0 10px;}
.popup-basic .search-address-btn-wrap { margin:15px auto 30PX auto;}
.popup-basic .search-address-input-wrap .form-input-group-wrap .input-groups2 dl { border-left:0;}
.popup-basic .btn-search-address { width:150px;}
.popup-basic .search-address-input-wrap .form-input-group .input2-split-set .form-input { float:left;width:45%;}
.popup-basic .search-address-input-wrap .form-input-group .input2-split-set .split {display:inline-block;float:left;width:10%;text-align:center;}
.popup-basic .btn-wrap { margin:20px auto;text-align:center;}

.popup-basic.popupSearchDepart,
.popup-basic.popupSearchStatus { overflow:hidden;width:100%;}
.popup-basic.popupSearchDepart .board-total-search-wrap { margin-top:0;}
.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dt { width:50%;padding:8px;}
.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dt span { margin:0 8px;}
.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dd { margin-left:50%;padding:8px;}
.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dd .form-check {vertical-align:middle;margin:8px 0;}
.popup-basic .scroll-area.scroll-y { display:block;width:100%;height:300px;overflow-y:auto;}
.popup-basic .board-total-search-wrap { overflow:hidden;margin-top:0;}
.popup-basic .board-total-search-wrap .board-page-total{ float:left;width:auto;}
.popup-basic .board-total-search-wrap .board-sort-search { float:right;width:70%;}
.popup-basic .board-total-search-wrap .board-sort-search .search-btn-group { display:block;width:100%;}
.popup-basic .popup-body .tbl { table-layout:fixed;width:100%;}
.popup-basic .popup-body .tbl.scroll-y { height:304px;overflow-y:auto;}
@media (max-width:1024px){
    .popup-basic .tbl> table { width:100%;}
}
@media (max-width: 545px) {
	.popup-basic .popup-head {height:auto;padding:20px 40px 20px 20px;}
	.popup-basic .popup-close {width:40px;height:58px;background-color:transparent;background-image:url(../image/layout/btn-close-popup.png);background-size:14px 14px;background-repeat:no-repeat;background-position:50% 50%;}
	.popup-basic .popup-close > span {overflow:hidden;position:absolute;left:-999999999px;width:0;height:0;background:none;padding:0;font-size:0;}
	.popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dt,
	.popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dd { box-sizing:border-box;line-height: 1.5; min-height: 0; }
}
@media (max-width: 420px) {
    .popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dt {width:100%;}
}