@charset "utf-8";
/***************************************************************
Mobile App Web Direct 에 사용가능한 다양한 Alert, Popup을 위한 스타일

***************************************************************/

html.is-scroll-lock { touch-action: none; -webkit-overflow-scrolling: none; overflow: hidden; overscroll-behavior: none;}

.pa_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);visibility: hidden;z-index: 1000;transition: 0.5s all;}
.pa_dimnone{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);visibility: hidden;z-index: 1000;transition: 0.5s all;}
.pa_dim button, .pa_dimnone button{outline: 0;border: 0;margin: 0;padding:0;border:0;outline:0;}
.pa_dim .cen_popup, .pa_dimnone .cen_popup {position: absolute;left: 50%;top: 50%;max-height: 100%;background-color: #fff;transition: 0.5s transform; transform: translate(-50%, -50%);outline: 0;}
.pa_dim.is-active, .pa_dimnone.is-active {visibility: visible;}
.ap_wide{width: calc(100% - 60px);}
.ap_narrow{width: calc(100% - 80px);}
/* .pa_dim.is-active .cen_popup {transform: translateY(-100%);} */
.cen_ly_buttons {display: flex;justify-content: space-between;align-items: center;}
.cen_ly_buttons button {display: inline-block;padding: 1.4rem;font-weight: bold;color: #fff;background-color: #858585;text-align: center;flex: 1;}
.cen_ly_buttons button.btn_primary{background: #0066b3;}
.cen_ly_buttons button.btn_gray{background: #858585;}

.cen_popup{}
.cen_popup .header{position: relative; display: block; height: 20px;}
.cen_popup .header .pop_close,
.pop_close {display: inline-block; width: 15px;height: 15px; position: absolute;top: 14px;right: 15px;text-indent: -9999em;overflow: hidden;background: url(/mhwr/direct/images/app/event/btn_popClose01.gif) right top no-repeat;background-size: 15px 15px;}
.cen_popup .content{padding: 20px; line-height: 1.4;}
.cen_popup .content h1{font-size: 18px; color: #333; margin-bottom: 10px;}
.cen_popup .content span.normal, .cen_popup .content span{font-size: 14px;}
.cen_popup .content span.col_red{color: red;}
.cen_popup .content span.col_blue{color:#0066b3;}
.cen_popup .content .ap_ullist{}
.cen_popup .content .ap_ullist li{margin-top: 0.8rem;}


/*약어모음*/
.ap_sang_round{border-radius: 1rem 1rem 0 0;}
.mt06rem{margin-top: 0.6rem;}
.mt1rem{margin-top: 1rem;}
.mt2rem{margin-top: 2rem;}

.mr1rem{margin-right: 1rem;}

.ml1rem{margin-left: 1rem;}

.mb1rem{margin-bottom: 1rem;}

/*ap_normal*/
.ap_normal{font-size: 14px; }
.ap_fs15{font-size: 15px; }
.ap_fs16{font-size: 16px; }
.ap_fs17{font-size: 17x; }
.ap_emphasis{font-size: 16px; color: black; font-weight: bold;}

/*display*/
.dfjcfsac{display: flex; justify-content: flex-start; align-items: center;}

/*direct-nh에 적용*/
.al_nh_info{font-size: 1.5rem;line-height: 1.4;}
.al_nh_info .al_nh_info_title{margin-bottom: 0.4rem;font-weight: bold;font-size: 1.6rem;display:block;}