@charset "utf-8";
/* CSS Document */

.pop_wrap {width:100%;margin:0 auto}

.pop_pu_Wrap {max-width:40rem;margin:0 auto;background:#fff;border-radius:1.2rem;box-shadow:.1rem .1rem 1.5rem rgba(0, 0, 0, .5);box-sizing:border-box}

.pop_header {position:relative;width:100%;padding:.75rem 1rem;background:linear-gradient(90deg, rgba(1,114,188,1) 0%, rgba(59,165,73,1) 100%);;border-radius:.6rem .6rem 0 0;box-sizing:border-box;z-index:10}
.pop_header h1 {color:#fff;font-size:.9rem;font-weight:500}
/*
.pop_header span.btn_close {position:absolute;top:12px;right:15px}
*/
.pop_header span.btn_close {position:absolute;top:-1rem;right:-1rem;z-index:100}
.pop_header span.btn_close a {display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;background:#333;border-radius:50%;box-shadow:.1rem .1rem .5rem rgba(255, 255, 255, 1);text-indent:-9999px}
.pop_header span.btn_close a:hover {background:#434cbd}

.pop_container {width:100%;margin:0 auto;padding-bottom:1.5rem}

.pop_cont_wrap {position:relative;padding:0 1rem;box-sizing:border-box}

.pop_container .cnt_body {margin-top:1rem;padding:0 .75rem}

.pop_btn_B {display:inline-block;height:2.2rem;padding:0 2rem;background:#05548f;color:#fff;font-size:.75rem;line-height:2.2rem;vertical-align:middle}
.pop_btn_G {display:inline-block;height:2.2rem;padding:0 2rem;background:#555;color:#fff;font-size:.75rem;line-height:2.2rem;box-sizing:border-box;vertical-align:middle}

.pop_btn_center {margin-top:1rem;text-align:center}

.pop_hd {width:100%;height:3rem;background:#234478;z-index:100}
.pop_hd h1 {display:block;padding-left:1rem;color:#fff;font-size:.9rem;font-weight:500;line-height:3rem}
.pop_hd a.btn_close {position:absolute;top:1rem;right:1rem}

.pop_cnt {position:relative;height:100%;padding:1rem;background:#fff}

.main_popup {position:absolute;z-index:150;box-shadow:gray 2px 2px 2px 2px}
.pop_stopview {height:25px;background-color:#555;color:#ccc;padding:8px;font-size:.8rem}
.pop_stopview span {color:#fff;font-size:.65rem}

.popupPrint {position:absolute;top:70px;left:195px;z-index:100;background:#fff}
.popupPrint .print {display:block;width:500px;padding:20px;;border:1px solid #ddd}
.popupPrint .print p {color:#666;font-size:15px;line-height:24px}
.popupPrint .print .btnBlue {display:inline-block;height:2.5rem;padding:0 1.5rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem;line-height:2.5rem}
.popupPrint .print .btnGray {display:inline-block;height:2.5rem;padding:0 1.5rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem;line-height:2.5rem}
#popup_mask {position:absolute;left:0;top:0;z-index:99;background:#000;opacity:0.2;width:100%;height:100%}

.pop_layout {width:100%;max-width:600px;margin:0 auto;background:#60b4fe url(../../img/portal/popup/pop_layout_bg.png) no-repeat center bottom 0}
.pop_layout_cnt {position:relative;height:100%;padding:1rem}
.pop_layout_cnt h3.layout_Tit {color:#fee358;font-size:1.8rem;font-weight:500;text-align:center}
.pop_layout_cnt p.layout_Txt {margin-top:.75rem;color:#fff;font-size:.8rem}
.pop_layout_btn {margin-top:1rem;text-align:center}
.pop_layout_btn a {display:inline-block;height:2.2rem;padding:0 3.25rem 0 2rem;background:#0064bf url(../../img/portal/popup/pop_btn_arrow.png) no-repeat right 2rem center;background-size:.3rem;border-radius:8px;color:#fff;font-size:.75rem;line-height:2.2rem;vertical-align:middle}

.pop_content{background-color:#fff;position:relative}
.pop_ul li{display:none}
.pop_ul li.active {display:block}
.pop_ul li p{width:100%;height:100%;overflow:hidden}

.slick_dots {position:absolute;bottom:5px;left:0;width:100%;height:auto;z-index:2;padding:0;margin:0;text-align:center;font-size:.85rem;font-family:Arial;font-weight:bold;color:#666;background:rgba( 255,255,255,0 );}
.slick_dots ul {overflow:hidden;text-align:center;display:inline-flex}
.slick_dots ul li {display:inline-block;margin-right:5px}
.slick_dots ul li a {display:block;width:.5rem;height:.5rem;background:url(../../img/portal/popup/slick_dot_off.png) no-repeat 0 0;background-size:.5rem;text-indent:-9999px}
.slick_dots ul li.active a {width:1.05rem;height:.5rem;background:url(../../img/portal/popup/slick_dot_on.png) no-repeat 0 0;background-size:1.05rem}

.pop_facList ul {border-top:1px solid #b6b6b6}
.pop_facList ul li {padding:12px 0;border-bottom:1px solid #dcdcdc}
.pop_facList ul li .facInfo a.Tit {display:block;color:#222;font-size:1em;font-weight:bold}
.pop_facList ul li .facInfo span {display:block;margin-top:5px;color:#666;font-size:0.875em;line-height:21px}

.pop_price {position:relative;margin-top:1rem}
.pop_price .tbl_price {position:relative;width:100%;border-top:2px solid #555}
.pop_price .tbl_price th {padding:.65rem .5rem .55rem .5rem;background:#f5f5f5;border-left:1px solid #ddd;border-bottom:1px solid #bbb;color:#333;font-size:.8rem;font-weight:500;line-height:1.3;text-align:center;box-sizing:border-box}
.pop_price .tbl_price tr th:first-child {border-left:none}
.pop_price .tbl_price td {padding:.55rem .5rem .5rem .5rem;background:#fff;border-left:1px solid #ddd;border-bottom:1px solid #dedede;color:#555;font-size:.8rem;text-align:center;box-sizing:border-box}
.pop_price .tbl_price tr:first-child td:first-child {border-left:none}
.pop_price .tbl_price td.total {background:#fdf5e0;color:#333;font-weight:500}
.pop_price .tbl_price td.bdx {border-left:none}

@media (max-width:800px){

.pop_wrap {top:2% !important;height:100%;z-index:1000 !important}
.pop_pu_Wrap {width:90%;height:96%}
.pop_board_wrap {max-height:100% !important}
.pop_cont_wrap {height:85%;overflow-y:scroll}

}
@media (max-width:480px) {
pop_wrap.price {top:10%}
}