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

.cont_box {margin-bottom: 50px;}
.cont_box > p {font-size: 20px; margin-bottom: 15px; font-weight: 700;}

.list_box {margin-bottom: 30px;}
.list_box:last-child {margin-bottom: 0;}
.list_box ul {overflow: hidden;}
.list_box ul li {float: left; margin-right: 10px;}
.list_box ul li:last-child {margin-right: 0;}

.dim_layer {background: #000; opacity: 0.3; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200;}
.popup_bg {width: 100%; height: 100%; background: #000; opacity: 0.3;}
.pop_example {background: #ddd;}
.pop_exampleBox {padding-bottom: 100px; }
.pop_exampleBox > p {font-size: 20px; padding-bottom: 30px;}
.pop_exampleBox .popup {position: initial; left: auto; top: auto; transform: none;}

.popup {position:fixed; z-index: 200; width: 100%; height: 100%; display: none;}
.popup.open {display: block;}
.popup p {padding-top: 0; margin-top: 0;}
.popup_click_btn {padding: 0 20px; min-width: 100px; height: 50px; border-radius: 8px; background: #fff; border: 2px solid #999; font-size: 18px; color:#666;}
.popup_click_btn:hover {background: #cc88e8; color:#fff; border: 2px solid #fff;}

/* Alert Popup */
.alertPopup_box {width: 360px; border-radius: 16px; overflow: hidden;  position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1001;}
.alertPopup_box .popup_cont {width: 100%; background: #fff; padding: 50px;}
.alertPopup_box .popup_cont > div {margin-bottom: 10px;}
.alertPopup_box .popup_cont > div:last-child {margin-bottom: 0;}
.alertPopup_box .popup_cont .pop_tit {}
.alertPopup_box .popup_cont .pop_tit > p {font-size: 20px; color:#000; font-weight: 500; padding-top: 0; margin-top: 0; text-align: center;}
.alertPopup_box .popup_cont .pop_tit > span { display: block; font-size: 14px; line-height: 21px; color:#666; margin-top: 10px; text-align: center; word-break: keep-all; }
.alertPopup_box .popup_cont .pop_cont {}
.alertPopup_box .popup_cont .pop_cont > p {font-size: 14px; line-height: 22px; color:#666; padding-top: 0; margin-top: 0; text-align: center;}
.alertPopup_box .popup_btn {width: 100%; background: #fff; border-top: 1px solid #e5e5e5; text-align: center;}
.alertPopup_box .popup_btn > button {width: 100%; height: 52px; font-size: 14px; color:#000;  font-weight: 500;}
.alertPopup_box .popup_btn2 {width: 100%; background: #fff; border-top: 1px solid #e5e5e5; text-align: center; overflow: hidden;}
.alertPopup_box .popup_btn2 > button {width: 50%; height: 52px; font-size: 14px; color:#000;  font-weight: 500; float: left; border-right: 1px solid #e5e5e5;}
.alertPopup_box .popup_btn2 > button:first-child {color:#666;}
.alertPopup_box .popup_btn2 > button:last-child {border-right: 0;}
.popMember .alertPopup_box {width: 660px;}

/* Modal Popup */
.modal_w480 {width:80%;max-width:480px;}
.modal_w700 {width: 700px;}
.modal_w1080 {width: 1080px;}
.modalPopup_box {border-radius: 16px; overflow: hidden;  /*position: absolute;*/position:fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 220;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont {width: 100%; height: 480px; background: url(../images/common/img_pop480.png) no-repeat; background-size: contain; padding: 40px;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont > div > p {color:#fff;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont .pop_Btit {margin-bottom: 2px;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont .pop_Btit > p {font-size: 60px; font-weight: 700;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont .pop_tit {margin-bottom: 40px;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont .pop_tit > p {font-size: 18px; font-weight: 500;}
.modalPopup_box.modal_w480.popstyle1 .popup_cont .pop_cont > p {font-size: 14px; }
.modalPopup_box.popstyle1 .popup_btn {width: 100%; height: 52px; background: #fff; padding: 0 20px; display: table;}
.modalPopup_box.popstyle1 .popup_btn .pop_btn_box {overflow: hidden; display: table-cell; vertical-align: middle;}
.modalPopup_box.popstyle1 .popup_btn .pop_btn_box .input_radio {float: left;} 
.modalPopup_box.popstyle1 .popup_btn .pop_btn_box .input_radio label {font-size: 14px; color:#000;}
.modalPopup_box.popstyle1 .popup_btn .pop_btn_box .pop_close {float: right; font-size: 14px; colof:#000; font-weight: 500;}
.modalPopup_box.modal_w700.popstyle1 .popup_cont {width: 100%; height: 405px; background: url(../images/common/img_pop700.png) no-repeat; background-size: contain; padding: 40px;}

.modalPopup_box.popstyle2 {background: #fff;}
.modalPopup_box.popstyle2 .popup_header {padding: 0 30px; height: 60px; width: 100%; display: table; border-bottom: 1px solid #eee; overflow: hidden;}
.modalPopup_box.popstyle2 .popup_header > div {display: table-cell; vertical-align: middle;}
.modalPopup_box.popstyle2 .popup_header .pop_title {text-align: left;}
.modalPopup_box.popstyle2 .popup_header .pop_title > p {font-size: 18px; color:#000; font-weight: 500;}
.modalPopup_box.popstyle2 .popup_header .pop_btn_box {text-align: right;}
.modalPopup_box.popstyle2 .popup_header .pop_btn_box .pop_close {position: relative; text-indent: -9999px; width: 24px; height: 24px;}
.modalPopup_box.popstyle2 .popup_header .pop_btn_box .pop_close:before {content: ''; position: absolute; right: 0; top: 50%; transform: translatey(-50%); 
    width: 24px; height: 24px; background: url(../images/common/ico_close.png) no-repeat; background-size: contain;}
.modalPopup_box.popstyle2 .popup_cont {padding: 30px;max-height:600px;overflow:auto;}
.modalPopup_box.popstyle2 .popup_cont .pop_Btit {margin-bottom: 16px;}
.modalPopup_box.popstyle2 .popup_cont .pop_Btit > p {font-size: 24px; font-weight: 500; color:#000;}
.modalPopup_box.popstyle2 .popup_cont .pop_tit {margin-bottom: 8px;}
.modalPopup_box.popstyle2 .popup_cont .pop_tit > p {font-size: 18px; font-weight: 500; color:#000;}
.modalPopup_box.popstyle2 .popup_cont .pop_cont > div:last-child {margin-bottom: 30px;}
.modalPopup_box.popstyle2 .popup_cont .pop_cont > p {font-size: 14px; color:#666}
.modalPopup_box.popstyle2 .popup_btn {padding-bottom: 20px; text-align: center;}
.modalPopup_box.popstyle2 .popup_btn .pop_btn {min-width: 90px; height: 52px; padding: 0 30px; background: #000; border-radius: 6px; color:#fff; font-size: 16px; font-weight: 500;}
.modalPopup_box.popstyle2 .popup_btn2 {margin: 0 auto; width: 190px; background: #fff; text-align: center; overflow: hidden; padding-bottom: 20px;}
.modalPopup_box.popstyle2 .popup_btn2 > button {min-width: 90px; height: 52px; padding: 0 30px; font-size: 16px; background: #fff; color:#000; font-weight: 500; float: left; margin-right: 8px; border-radius: 6px;}
.modalPopup_box.popstyle2 .popup_btn2 > button:first-child {border: 1px solid #777;}
.modalPopup_box.popstyle2 .popup_btn2 > button:last-child {margin-right: 0; background: #000; color:#fff;}


/* 앱 팝업 */
.pop_notice_box {background: #f8f8f8; padding: 16px;}
.pop_notice_box h4 {font-size: 14px; line-height: 20px; font-weight: 500; color:#000; margin-bottom: 10px;}
.pop_notice_cont {margin-bottom: 16px;}
.pop_notice_cont:last-child {margin-bottom: 0;}
.pop_notice_cont .notice_detail_box {margin-bottom: 8px;}
.pop_notice_cont .notice_detail_box:last-child {margin-bottom: 0;}
.pop_notice_cont .notice_detail_box .detail_tit {font-size: 13px; line-height: 24px; font-weight: 500; color:#000; }
.pop_notice_cont .notice_detail_box .detail_txt {font-size: 11px; line-height: 16px; color:#666;}
.access_popBox .pop_notice_detail_cont_txt {font-size: 11px; line-height: 16px; color:#666; padding-top: 16px;}


/* 팝업 */
.popup_footer {}
.map_info_notice {}
.map_info_notice > div {margin-bottom:16px;}
.map_info_notice > div:last-child {margin-bottom:0;}
.floor_notice_text {text-align:center;}
.floor_notice_text span {font-size:12px; color:#666; margin-right:20px;}
.floor_notice_text span:last-child {margin-right:0;}
.floor_notice_text .color_box {width:14px; height:14px; line-height:14px; border-radius:4px; text-indent:-9999px; display:inline-block; margin-right:6px; min-height:auto;}
.color_box.pink {/*background:#eecade;*/ background: url(../images/contents/ico_pink.png) no-repeat center; background-size: contain;}
.color_box.blue {/*background:#cae5f7;*/ background: url(../images/contents/ico_blue.png) no-repeat center; background-size: contain;}
.color_box.yellow {/*background:#e2d286;*/ background: url(../images/contents/ico_yellow.png) no-repeat center; background-size: contain;}
.color_box.green {/*background:#cbe2a0;*/ background: url(../images/contents/ico_green.png) no-repeat center; background-size: contain;}
.color_box.gray {/*background:#aaaaaa;*/ background: url(../images/contents/ico_gray.png) no-repeat center; background-size: contain;}

.floor_notice_text.border_bar span {border-right:1px solid #ccc; margin-right:10px; padding-right:10px;}
.floor_notice_text.border_bar span:last-child {border-right:0; padding-right:0; margin-right:0;}

.modalPopup_box.mo_fullScreen .mapView_popup  {/*padding:50px 60px 60px 60px;*/padding:0;max-height:700px;}
.popup_footer {background:#f8f8f8; min-height:100px; text-align:center;}
.map_info_notice {padding:24px 0;}
.mapView_popup .dabeeo_wrap {border-radius:0;}
.btn_arrow {width:100%; display:none;}
.arrow_bottom {position:relative; text-indent:-9999px; display:inline-block;}
.btn_arrow .arrow_bottom:before {position:absolute; content:''; width:24px; height:24px; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../images/common/btn_arrowUp.png) no-repeat; background-size:contain;}
.btn_arrow.active .arrow_bottom:before {background:url(../images/common/btn_arrowDown.png) no-repeat; background-size:contain;}


/* 앱 팝업 */
.access_popup .modalPopup_box.popstyle2 .popup_header {height:50px;}
.access_popup .modalPopup_box.popstyle2 .popup_cont .pop_Btit {margin-bottom:16px;}
.access_popBox {margin-bottom:26px !important;}
.access_popBox .pop_notice_cont .notice_detail_box {padding-left:32px; position:relative;}
.access_popBox .pop_notice_cont .notice_detail_box.phone_img:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(../images/common/img_access_phone.png) no-repeat; background-size:contain;}
.access_popBox .pop_notice_cont .notice_detail_box.camera_img:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(../images/common/img_access_camera.png) no-repeat; background-size:contain;}
.access_popBox .pop_notice_cont .notice_detail_box.photo_img:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(../images/common/img_access_photo.png) no-repeat; background-size:contain;}


/* 편의시설 상세정보 팝업 */
.modalPopup_box.popstyle2 .popup_cont.detail_link .pop_Btit { margin-bottom: 30px; } 
.popup_cont.detail_link .pop_Btit p { margin-bottom: 8px; font-size: 24px; line-height: 36px; font-weight: 500; color: #000; }
.popup_cont.detail_link .pop_Btit span { font-size: 14px; line-height: 20px; color: #666; word-break: keep-all; }
.popup_cont.detail_link .link_wrap ul { border: 1px solid; border-color: #777 #eee #777 #eee; }
.popup_cont.detail_link .link_wrap ul li ~ li { border-top: 1px solid #eee; }
.popup_cont.detail_link .link_wrap ul li a { display: block; padding: 20px; }
.popup_cont.detail_link .link_wrap ul li span { display: inline-block; width: 100%; }
.popup_cont.detail_link .link_wrap ul li .place_b { position: relative; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #000; font-weight: 500; }
.popup_cont.detail_link .link_wrap ul li .place_b:after { content:''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/common/ico_arrow_next.png) no-repeat; background-size: contain; }
.popup_cont.detail_link .link_wrap ul li .place_gray { font-size: 14px; line-height: 22px; color: #666; }
.popup_cont.detail_link .link_wrap ul li .place_info { margin-top: 8px; padding: 16px; background: #f8f8f8; font-size: 14px; line-height: 20px; color: #666; }
.popup_cont.detail_link .link_wrap ul li .place_info.column { display: flex; }
.popup_cont.detail_link .link_wrap ul li .place_info.column em { margin-right: 28px; width: 80px; font-style: normal; font-weight: 500; }
.popup_cont.detail_link .link_wrap.scroll_custom { padding: 0; border-radius: 0; border: 0; }


@media all and (min-width: 260px) and (max-width: 920px)  {
    .cont_box p {margin-bottom: 15px;}
    .list_box ul li.title > p {margin: 0;}
    .list_box ul li {width: 100%; margin-bottom: 10px; margin-right: 0;}
    .list_box ul li:last-child {margin-bottom: 0;}

    .alertPopup_box, .popMember .alertPopup_box {width: 280px;}
    .alertPopup_box .popup_cont {padding: 40px 30px;}
    .alertPopup_box .popup_cont .pop_tit > p {font-size: 16px;}
    .alertPopup_box .popup_cont .pop_cont > p  {font-size: 13px; line-height: 20px;}
    .alertPopup_box .popup_cont .pop_cont > p strong {font-weight: 500;}
    .alertPopup_box .popup_btn > button {font-size: 14px;}
    .alertPopup_box .popup_btn2 > button {font-size: 14px;}

    .modalPopup_box {width: 280px;}
    .modalPopup_box.popstyle1 .popup_cont {height: 280px !important;}
    .modalPopup_box.popstyle1 .popup_cont > div {display: none;}
    .popup3 .modalPopup_box.popstyle1 .popup_cont {height: auto !important;}
    .popup3 .modalPopup_box.popstyle1 .popup_cont img {width:100%;}
    .popup3 .modalPopup_box.popstyle1 .popup_cont > div {display: block;}
    .modalPopup_box.popstyle1 .popup_btn {padding: 0 16px;}
    .modalPopup_box.popstyle1 .popup_btn .pop_btn_box .input_radio label {font-size: 13px;}
    .modalPopup_box.modal_w700.popstyle1 .popup_cont {background: url(../images/common/img_pop480.png) no-repeat; background-size: contain;}
    .modalPopup_box.popstyle2 .popup_header {height: 60px; padding: 0 24px;}
    .modalPopup_box.popstyle2 .popup_header .pop_title > p {font-size: 16px;}
    .modalPopup_box.popstyle2 .popup_header .pop_btn_box .pop_close:before {width: 16px; height: 16px;}
    .modalPopup_box.popstyle2 .popup_cont {padding: 24px;height:calc(100% - 60px);}
    .modalPopup_box.popstyle2 .popup_cont .pop_Btit {margin-bottom: 14px;}
    .modalPopup_box.popstyle2 .popup_cont .pop_Btit > p {font-size: 20px;}
    .modalPopup_box.popstyle2 .popup_cont .pop_tit > p {font-size: 14px;}
    .modalPopup_box.popstyle2 .popup_cont .pop_cont > p {font-size: 13px;}
    .modalPopup_box.popstyle2 .popup_btn {padding-bottom: 0;}
    .modalPopup_box.popstyle2 .popup_btn .pop_btn {width: 100%; border-radius: 0; font-size: 14px;}
    .modalPopup_box.popstyle2 .popup_btn2 {width: 100%; padding-bottom: 0;}
    .modalPopup_box.popstyle2 .popup_btn2 > button {float: left; width: 50%; border-radius: 0; margin-right: 0; font-size: 14px;}
    .modalPopup_box.popstyle2 .popup_btn2 > button:first-child {background: #666; color:#fff;}
    .modalPopup_box.popstyle2 .popup_btn2 > button:last-child {background: #000; color:#fff;}

    
    /* 편의시설 상세정보 팝업 */
    .modalPopup_box.popstyle2 .popup_cont.detail_link { padding: 40px 50px;overflow-y:auto;  height:calc(100% - 60px);}
    .popup_cont.detail_link .pop_Btit p { font-size: 20px; line-height: 29px; }
    .popup_cont.detail_link .pop_Btit span { font-size: 13px; }
    .popup_cont.detail_link .link_wrap ul li a { display: block; padding: 16px; }
    .popup_cont.detail_link .link_wrap ul li span { display: inline-block; width: 100%;}
    .popup_cont.detail_link .link_wrap ul li .place_b { font-size: 14px; line-height: 20px; }
    .popup_cont.detail_link .link_wrap ul li .place_gray { font-size: 13px; line-height: 21px; }
    .popup_cont.detail_link .link_wrap ul li .place_info { margin-top: 12px;  font-size: 13px; line-height: 19px; }
    .popup_cont.detail_link .link_wrap ul li .place_info.column { display: block; }
    .popup_cont.detail_link .link_wrap ul li .place_info.column em { display: inline-block; margin-right: 0; margin-bottom: 4px; width: 100%; }
    .popup_cont.detail_link .link_wrap.scroll_custom { max-height: none; }

}