@charset "utf-8";

/*************
      공통 팝업 등 CSS
*************/
.main-header{padding:15px 10px 15px 15px;display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 55px;z-index: 500;background:#fff;border:0}
.main-header a.home img{width:95px}
/*
.scroll-area {max-height:calc(100vh - 300px);border-bottom:1px solid #e0e0e0;overflow:hidden;overflow-y:auto; -webkit-overflow-scrolling:touch;}*/
.scroll-area {max-height:calc(100vh - 300px);border-bottom:1px solid #e0e0e0;overflow-y:scroll;}

/* 팝업 공통 */
.MBCM01Common .normal-box ul.bullet li {display:flex;align-items: center;}
.MBCMCOM{position:relaitve;height:100%}
.MBCMCOM .contents{height:100%;position:relative}
.MBCMCOM .site-check{position:absolute;width:100%;left:0;top:50%;text-align:center;letter-spacing:-0.6px;transform:translateY(-50%)}
.MBCMCOM .site-check > p{font-size:0.8rem;color:#555555;line-height:1.35rem}
.MBCMCOM .site-check > p > strong{padding-top:90px;font-weight:500;font-size:1rem;color:#333333;display:block;background:url("/resources/images/common/bg_error_type01.png") no-repeat center top;background-size:70px auto;line-height:1.438rem}
.MBCMCOM .site-check > p > strong.error-type01{background-image:url("/resources/images/common/bg_error_type02.png")}
.MBCMCOM .site-check > p > strong.error-type02{background-image:url("/resources/images/common/bg_error_type03.png")}
.MBCMCOM .site-check > p a{text-decoration:underline}
.MBCMCOM .site-check .box{background:#f7f7f7;text-align:center;margin-top:20px;padding:10px 0}
.MBCMCOM .site-check .box p{color:#333333;font-size:0.93rem;letter-spacing:-0.6px}
.MBCMCOM .site-check .box p small{font-size:0.7rem;color:#555}
.MBCMCOM .site-check .box p em{font-style:normal;color:#0066cc}
.MBCMCOM .site-check .btn-area .btn{}
.MBCMCOM .copyright{position:absolute;bottom:60px;text-align:center;color:#666666;font-size:14px;font-weight:350;width:100%}

.MBCM00M009 .ready{position:absolute;width:100%;left:0;top:50%;text-align:center;letter-spacing:-0.6px;transform:translateY(-50%)}
.MBCM00M009 .ready p{color:#555555;font-size:0.7rem;}
.MBCM00M009 .ready p .title{font-weight:500;font-size:1rem;color:#333333}
.MBCM00M009 .ready p.f24{font-size:0.87rem !important;}
.MBCM00M009 .ready p.f24 strong{font-weight:500;color:#0373e4;}
.MBCM00M009 .ready .graph{position:relative;max-width:290px;height:15px;left:50%;transform:translateX(-50%);border-radius:9999px;overflow:hidden;background:url("/resources/images/common/bg_graph_pattern.png") no-repeat 0 0;background-size:cover;margin:20px 0}
.MBCM00M009 .ready .percent{position:absolute;height:100%;left:0;background:#0373e4}

.app-main .container.MBCM00M001,
.app-main .container.MBCM00M002,
.app-main .container.MBCM00M003{padding-top:0;padding-bottom:0}
.app-main .container.MBCM00M001 .contents,
.app-main .container.MBCM00M002 .contents,
.app-main .container.MBCM00M003 .contents{padding-bottom:0}

.text-btn-wrap{text-align:center}
.text-btn-wrap .text-btn{display:block;padding:15px 0}
.text-btn-wrap .text-btn:after{display:none}
.text-btn-wrap .text-btn span{position:relative;top:0;left:0;text-decoration:underline;color:#555555;    padding-right: 15px;}
.text-btn-wrap .text-btn span:after{content:'';position:absolute;right:0;top:50%;width:8px;height:8px;margin-top:-5px;border:solid #aaa;border-width:0 2px 2px 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.form-item + .error{color:#d93745;margin-top:5px;font-weight:300}

.MBCM00M005 .ui-collapsible .form-item p:not(.ph-type1), .MBCM00M006 .ui-collapsible .form-item p:not(.ph-type1) {margin:25px 0 7px !important;}
.MBCM00M005 .ui-collapsible .form-item .table-header, .MBCM00M006 .ui-collapsible .form-item .table-header {margin:25px 0 0 !important;}
.MBCM00M005 .ui-collapsible .form-item p:first-child, .MBCM00M006 .ui-collapsible .form-item p:first-child {margin-top:0 !important;}

.MBCM00M005 .relation, .MBCM00M006 .relation {align-items:center;}
.MBCM00M005 .relation span:first-child, .MBCM00M006 .relation span:first-child {flex:0 0 75px;font-size:0.87rem;}

/*
p.title .line-break,
p.text .line-break {white-space: unset !important}
.address label .title,
.address label .text {width:100% !important}*/

/* cm/ap-re-sub */
.header a.back{width:50px;height:50px;box-sizing:border-box}
.header .title-area{justify-content:flex-start;margin-left:55px}
.header .title-area .title{padding:15px 10px 15px 0;justify-content:flex-start;left:0}
.header #btnCancel{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#333 !important;font-weight:500}
.header a.fontsize{right:105px;top:50%;transform:translateY(-50%)}
.header a.fontsize.larger {right:105px;left:auto;top:51%;transform:translateY(-50%);}


.MBCM00M005 .form-item > p label, .MBCM00M005 .form-item > p strong {padding-right:0;}
.MBCM00M006 .form-item > p label, .MBCM00M006 .form-item > p strong {padding-right:0;}

.logout-message{color:#555555;font-sizez:1rem;text-align:center;}
.logout-message em{font-size:1.3rem;}
.logout-message strong{font-size:1.3rem;font-weight:500}
.logout-message strong em{font-style:normal}

/*
.MBCM00P006 .pop-contents section {border-top:none !important; overflow:auto; -webkit-overflow-scrolling:touch;}*/
.MBCM00P006 .pop-contents section {border-top:none !important;}
.MBCM00P006 .no-result {padding-bottom:40px; margin-top:10px;}

.add-child {position:relative;}
.eldel {position:absolute; top:20px; right:0;}
.eladd {margin-right:65px;}
.add-child .child-btn {width:55px;min-width:55px;padding:0;margin-left:10px;height:43px;}
.add-child .name {flex:0 0 120px;margin-right:10px;}
.add-child .datepicker {width:100%;margin-bottom:0 !important;}
.add-child {position:relative;padding-top:0}
.add-child > .btn{position:absolute;right:0;top:0px}