@charset 'utf-8';

div.layer-popup-box { z-index:99; }

/* 레이어팝업 */
div.layer-popup-box { position:fixed; top:0; left:0; /*width:100%; height:100%;*/ }
div.layer-popup-box div.disabled-box { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); }
div.layer-popup { position:absolute; min-width:250px; background-color:#ffffff;}
div.layer-popup .title-bar {position:relative; width:100%; height:44px; font-size:1.6rem; background-color:#18314d; }
div.layer-popup .title-bar h3 {height:44px; line-height:44px; padding-left:14px; font-size:1.4rem; font-weight:bold; color:#fff;}
div.layer-popup .title-bar p.btn-close {position:absolute; top:13px; right:14px; width:18px; height:18px; background:url('/images/pop_close.png') no-repeat 0 0; background-size:18px 18px;}
div.layer-popup .title-bar p.btn-close:hover {cursor:pointer;}
div.layer-popup .contents { width:100%; height:calc(100% - 44px); overflow:hidden; border:1px solid #18314d; margin:0;}
div.layer-popup .cnt_search {float: none;}
div.layer-popup .cnt_search:after{content: ''; display: block; clear: both;}
div.layer-popup .cnt_search.col100 .search_box { width:calc(100% - 78px); }
div.layer-popup .cnt_search.col100 .search_box .dl_wrap { width:100%; }
div.layer-popup .cnt {float: none;}
div.layer-popup .table_box {overflow: auto;}
div.layer-popup .pop_btn_wrap { width:100%; float:left;  margin-top: 10px;}
div.layer-popup .pop_btn_wrap button { margin:0 auto; display:block; min-width:100px; font-size:1.6rem; padding:10px; }
div.layer-popup .pop_btn_wrap.multi { margin: 10px auto 0; float:none;}
div.layer-popup .pop_btn_wrap.multi button { float: left; margin-right: 10px; }
div.layer-popup .pop_btn_wrap.multi button:last-child {margin-right: 0;}
/* 하단버튼이 두개일경우 */
div.layer-popup .pop_btn_wrap.pop_btn_two{
    text-align: center;
}
div.layer-popup .pop_btn_wrap.pop_btn_two button{
    display: inline-block;
}
div.layer-popup .pop_btn_wrap.pop_btn_two button:first-child{
    margin-right: 5px;
}
div.layer-popup .pop_btn_wrap.pop_btn_two button:last-child{}
#layerPopupBox > div.layer-popup-box div.contents div.page-loading {height:60px; line-height:60px; text-align:center; font-size:14px;}
#layerPopupBox > div.layer-popup-box div.contents div.page-loading img {vertical-align:middle;}


/* 결제 방법 선택 팝업 */
div.layer-popup .cnt_wrap .payment_box_01 {float:left; width:calc(100% - 300px); height:100%; padding:20px; overflow: auto;}
div.layer-popup .cnt_wrap .payment_box_01 > ul {margin: 0 auto; width:440px;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li {padding:22px; margin-bottom: 15px; border-radius:5px; box-shadow:0 2px 10px rgba(195,200,209, 0.3); background:#ffffff;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li:last-child {margin-bottom:0;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .tit {margin-bottom: 10px; color:#2196d3; font-size:1.6rem; font-weight:600; }
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .price {float:left; width: calc(100% - 20px - 85px); margin-right:20px; border-bottom:2px solid #333; }
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .price > input {width:calc(100% - 15px); height: 32px; border:none; text-align:right; font-size: 1.6rem; line-height:2.4rem;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .price > span.txt_unit {float: right; width:15px; text-align:center; font-size: 1.6rem; line-height: 3.2rem; }
div.layer-popup .cnt_wrap .payment_box_01 > ul > li > button {width:85px; margin:0; height:34px;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li > button.sms {float: right; width:auto; height:26px; margin: 29px 0 0;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo {float:left; margin-top:20px; width:100%;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w30,
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w40,
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w50 {padding-right:10px; padding-right:10px; margin-right: 10px; border-right: 1px dotted #d2d2d2;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w30:last-child,
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w50:last-child {padding-right:0; margin-right: 0; border-right:none; }
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w30 {width:calc(30% - 7px);}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w50 {width: calc(50% - 5px);}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo.w90 {width: 90%;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo > dt {font-size:1.2rem; color:#999;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo > dd.dd_btn_wrap {float:left; width:calc(100% - 36px); margin-right:10px;}
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo > dd > input,
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo > dd > input:disabled,
div.layer-popup .cnt_wrap .payment_box_01 > ul > li .payinfo > dd > select {float:none; border:none; font-size:1.4rem; color:#333; padding: 0; background-color:#fff}
div.layer-popup .cnt_wrap .payment_box_02 {float:right; width: 300px; height:100%; background-color:#fff;}
div.layer-popup .cnt_wrap .payment_box_02 .amount > dt {font-size:1.6rem; font-weight: 600; margin-bottom: 10px;}
div.layer-popup .cnt_wrap .payment_box_02 .amount > dd {font-size:2rem; text-align: right; line-height: 3.6rem;}
div.layer-popup .cnt_wrap .payment_box_02 .amount > dd > b {font-size:2.8rem;}
div.layer-popup .cnt_wrap .payment_box_02 .amount.top {border-bottom: 1px solid #e6e6e6; padding: 20px;}
div.layer-popup .cnt_wrap .payment_box_02 .amount.bottom {padding: 10px 20px;}
div.layer-popup .cnt_wrap .payment_box_02 .mid {height:calc(100% - 108px - 40px - 87px - 60px); padding: 10px 20px; font-size: 1.4rem; line-height:3.6rem; overflow:auto;}
div.layer-popup .cnt_wrap .payment_box_02 .mid > dt {float: left; width: 80px; color:#999;  margin:0;}
div.layer-popup .cnt_wrap .payment_box_02 .mid > dd {float: right; width: calc(100% - 120px); text-align: right; }
div.layer-popup .cnt_wrap .payment_box_02 .equal_wrap {height:40px; position: relative;}
div.layer-popup .cnt_wrap .payment_box_02 .equal_wrap > hr {position:absolute; top:50%; width:100%;}
div.layer-popup .cnt_wrap .payment_box_02 .equal_wrap .equal {position:absolute; left:calc(50% - 20px);}
div.layer-popup .cnt_wrap .payment_box_02 .pop_btn_wrap > button {width:100%; height: 50px; border-radius: 0;}


/* 출력용 윈도우팝업 */
.print_pop_wrap {background-color: #fff; line-height:1.4rem;}
.print_pop_wrap .toolbar {position: fixed; top: 0; width:100%; height:56px; padding:15px; background-color: #fff; border-bottom:1px solid #999; z-index: 999;;}
.print_pop_wrap .toolbar > span {font-size: 1.4rem; line-height: 2.6rem;}
.print_pop_wrap .print_page {width: 21cm; min-height: 29.7cm; margin: 56px auto 0;}
.print_pop_wrap .print_page .print_cnt {height: 29.7cm; padding:1cm; background: #fff;}
.print_pop_wrap .print_header {position:relative; background: #fff; margin-bottom: 40px;}
.print_pop_wrap .print_header .logo {float:left; width:100px; height:20px; padding-top: 5px;}
.print_pop_wrap .print_header .tit {width:450px; margin: 0 auto; font-size:2.6rem; line-height:3rem; font-weight: 500; text-align: center;}
.print_pop_wrap .print_header .subtit {margin: 5px auto 0; font-size:1.6rem; text-align: center;}
.print_pop_wrap .table {margin-bottom: 20px; font-size: 1.2rem; border-right: 1px solid #666;}
.print_pop_wrap .table th {background-color: #ddd;}
.print_pop_wrap .table th,
.print_pop_wrap .table td {border-left: 1px solid #666; border-bottom: 1px solid #666;}
.print_pop_wrap .table .col_wrap {padding:0;}
.print_pop_wrap .table td span.txt_unit {float:left; width:23px; line-height:2.6rem; margin-left:5px;}
.print_pop_wrap .table td span.txt_lbl {float:left; width:23px; line-height:2.6rem; margin-right:5px;}
.print_pop_wrap .table .input_short {width: calc(100% - 28px); }
.print_pop_wrap .table .input_btn {width: calc(100% - 26px);  border-right: none; cursor: pointer;}
.print_pop_wrap .table .input_sign {width:100px;}
.print_pop_wrap .table td dl {line-height:2.6rem; padding:0;}
.print_pop_wrap .table td dl dt {font-weight: 600; border-right: 1px solid #666; padding:5px; background-color: #f5f5f5;}
.print_pop_wrap .table td dl dd {padding:5px; border-right: 1px solid #666;}
.print_pop_wrap .table td dl dd:last-child {border-right:none;}
.print_pop_wrap .table td .input_wrap.val {float:left; width:100%; margin-top: 5px;}
.print_pop_wrap .table td .input_wrap.val select:first-child {width:50%}
.print_pop_wrap .table td .input_wrap.val span {width:20px; line-height: 2.6rem; float:left;}
.print_pop_wrap .table td .input_wrap.val select:last-child {width:calc(50% - 20px);}
.print_pop_wrap .table td .input_wrap.sign {float: right; margin-top: 5px;}
.print_pop_wrap .table td .input_wrap.sign input {width:100px; margin: 0 5px;}
.print_pop_wrap .table td .input_wrap.sign span {float:left; line-height: 2.6rem;}
.print_pop_wrap .radio_wrap span {width:14px; height: 14px;}
.print_pop_wrap label {min-height: 14px!important;}
.print_pop_wrap input,
.print_pop_wrap select,
.print_pop_wrap textarea {font-size: 1.2rem;}
.print_pop_wrap .radio_wrap.radio_wrap .radio_lbl {line-height: 1.4rem; margin-left: 17px; font-size: 1.2rem;}

/* 출력이미지 미리보기 팝업 */
.cnt_subTitle.imgTitle{ text-align: right; width:100%; color:#999; font-size:1.4rem;}
.img_box{width: 100%;min-height: 300px;max-height:450px;overflow-y:auto;float: left;background: #f1f1f1;overflow-x: auto;}
.img_box img{width: auto;margin: 0 auto;display: block;max-width: none;}
.layer-popup .cnt_wrap{ overflow-y: auto; }
/* .cnt_wrap .cnt{padding-bottom:20px;} */
.cnt_wrap .cnt > div.table_box:nth-child(3){margin-top:60px;}
.table_wrap_2{margin-bottom:20px;width: 30%;margin: 0 auto;margin-bottom: 20px;}
.table_title_wrap .cnt_subTitle_2{ width: 100%; text-align: center; font-size: 30px; height: 40px; line-height: 40px; margin-bottom: 20px; font-weight: bold; }
.color_box{background: none !important;}
.color_box div{width:20px; height:20px;}
.color_box div.green{background: #c2dfa5;}
.color_box div.blue{background: #a0bee0;}
.color_box div.red{background: #e8b8b8;}
.color_box ~ td{text-align: left;}
.cnt_subTitle_right{float: right; margin:4px 10px 4px 0; font-size:1.4rem; color:#999;}
.cnt_subTitle_right span{font-weight: bold;}


/* 출력용 윈도우팝업 미디어쿼리 */
@page {size: A4;margin: 0;}
@media print {
    html,body {width: 210mm; height: 297mm;}
    .print_pop_wrap .print_page {margin: 0;border: initial;width: initial;min-height: initial;box-shadow: initial;background: initial; page-break-after: always;}

    input, select {height:14px; padding:0; border:none; font-size: 1rem;}
    textarea {padding:0; border:none; font-size: 1rem;}
    input:disabled { background-color:#fff;}
    select {background:none;}
    button {display: none;}

    .print_pop_wrap .table th,
    .print_pop_wrap .table td {height:24px}
    .print_pop_wrap .table td dl,
    .print_pop_wrap .table td span.txt_unit,
    .print_pop_wrap .table td span.txt_lbl,
    .print_pop_wrap .table td .input_wrap.val span {line-height:1.4rem;}
    .print_pop_wrap .toolbar {display: none;}
    .print_pop_wrap .table,
    .print_pop_wrap .radio_wrap.radio_wrap .radio_lbl {font-size: 1rem;}
}