body {margin: 0; padding: 0; }

.mb24_Post-mask { width: 100%;/* height: 100%; */height: 100vh; background-color: rgba(0,0,0,0.6);  top: 0;  left: 0; right: 0; bottom: 0; z-index: 11; display: block; overflow: hidden;position: fixed;word-break: keep-all;  letter-spacing: -.5px; font-family: "NotoSansKR"; }
.mb24_Post-layer { transform: translateY(-50%); top: 50%;  left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 480px; z-index: 12; padding: 60px 40px 40px 40px; background-color: #fff; position: absolute; box-sizing: border-box; color: #222; font-family: "NotoSansKR";}

.mb24_Post-layer .mb24_close-button { position: absolute; top: 12px; right: 12px; }
.mb24_Post-layer .mb24_close-button svg { height: 30px; width: 30px; cursor: pointer; }

/*°Ë»ö*/
.mb24_search-wrap { width: 100%;  border-bottom: 1px solid #222; overflow: hidden;   display: block;  margin: 0; padding: 0; display: flex; position:relative;}
.mb24_search-wrap input { width : calc(100% - 65px); height: 46px !important; border: 0 !important; padding: 0 0 0 15px; box-sizing: border-box; font-family: dotum,"µ¸À½",sans-serif;font-size: 18px; line-height: 22px; float: left; background-color: #fff !important;}
.mb24_search-wrap input:focus {outline:none;}
.mb24_search-wrap input::placeholder {color: #969696;  position: absolute; top: 13px;  left: 20px; font-size: 18px; cursor: text; display: none; font-family: dotum,"µ¸À½",sans-serif; line-height: 22px;}

.mb24_search-wrap input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
.mb24_search-wrap input:-webkit-autofill, .mb24_search-wrap input:-webkit-autofill:hover, .mb24_search-wrap input:-webkit-autofill:focus, .mb24_search-wrap input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.mb24_search-wrap button {position: absolute; border: 0; float: right; margin: 0;  background-color: transparent; cursor: pointer ; display: inline-block; font-size: 0;}
.mb24_search-box { color: #222; background: #fff;}

.mb24_Post-layer .mb24_search-line {width: 100%; height: 1px; /*background: #222;*/ }
.mb24_Post-layer .mb24_Post-frame { overflow-y: auto; width: 100%; height:350px; max-width: 400px; }

.mb24_btn_clear .mb24_img_post, .mb24_btn_search .mb24_img_post {  background-image: url("https://members.chosun.com/s_svc_img/service/post_icon.png"); background-repeat: no-repeat;}

.mb24_search-wrap .mb24_btn_search {  right: 0;  top: 0; width: 36px; height: 46px;  cursor: pointer; box-sizing: border-box; display: inline-block;  position: absolute; }
.mb24_search-wrap .mb24_btn_clear {  right: 0 ;  top: 0; width: 30px; height: 46px; cursor: pointer; box-sizing: border-box; display: inline-block; position: relative;}

.mb24_btn_search .mb24_img_post {  display: inline-block; width: 16px; height: 17px;  margin: 1px 14px 0 5px;  background-position: 0 0;}
.mb24_btn_clear .mb24_img_post { display: inline-block;  width: 14px;  height: 14px; margin: 1px auto 0;background-position: -43px 0;}


.mb24_error-wrap { padding: 39px 29px; border-bottom: 1px solid #e0e0e0; }

.mb24_tip-wrap { padding: 39px 29px;}

.mb24_Post-Copy-txt {font-size: 12px; line-height: 21px; text-align: center; display: block; padding: 40px 0 0 0; color: #737373; width: 100%;}

/*font*/
.mb24_Post-layer .mb24_Post-title {font-size: 23px; line-height: 23px; font-weight: bold; text-align: center; display: block;}
.mb24_Post-layer .mb24_Post-txt21 {font-size: 21px; line-height: 21px; font-weight: bold; text-align: left; display: block;}
.mb24_Post-layer .mb24_Post-txt14 {font-size: 14px; line-height: 21px; text-align: left; display: block;}
.mb24_Post-layer .mb24_Post-txt12 {font-size: 12px; line-height: 21px; text-align: left; display: block;}

.mb24_font-size-md-23 {font-size: 23px;}
.mb24_font-size-md-21 {font-size: 21px;}
.mb24_font-size-md-14 {font-size: 14px;}
.mb24_font-size-md-12 {font-size: 12px;}

.mb24_font-weight-bold { font-weight: bold; }

.mb24_font-color-sky {color: #737373;}

.mb24_text-center { text-align: center;}
.mb24_text-left { text-align: left; }

.mb24_box-display-block { display: block;}

.mb24_box-pad-bottom-40 { padding-bottom: 40px;}
.mb24_box-pad-top-8 { padding-top: 8px;}
.mb24_box-pad-top-20 { padding-top: 20px;}

.mb24_list_post { display: block; padding: 29px 15px 0px 15px; box-sizing: border-box; width: 100%;}

.mb24_list_post dl { overflow: hidden; width: 100%; margin: 0; padding: 0 0 15px 0;}
.mb24_list_post dl:not(:first-of-type) {border-top: 1px solid #e1e1e1; padding: 15px 0 15px 0;}
.mb24_list_post dl:last-child { border-bottom: 1px solid #e1e1e1;}
.mb24_list_post dt {padding: 4px 0 6px 0;}
.mb24_list_post dd {padding: 2px 0 6px 7px;}

.mb24_list_post button  { border: 0; background-color: transparent; cursor: pointer;}
.mb24_list_post button:hover { text-decoration: underline;}

.mb24_tit_post{font-family: dotum,'µ¸¿ò',sans-serif; display: inline-block;  float: left; width: 34px; height: 13px; margin-top: 2px; border: 1px solid #d4e2ef; border-radius: 1px; font-size: 11px; line-height: 16px; color: #008bd3; text-align: center;}
.mb24_info_post {overflow: hidden; margin-top: 0; line-height: 20px;}

.mb24_link_post {font-size: 14px; line-height: 1.5;  font-family: 'Malgun Gothic','¸¼Àº °íµñ',sans-serif; color: #222; text-align: left;}

@media (max-width: 768px) {
.mb24_Post-mask { background-color: #fff;   }
.mb24_Post-layer { transform: translateY(-00%); top: 0; width: auto ; max-width: 100%;  margin: 16px 16px 0 16px; padding: 30px 20px;}
.mb24_Post-layer .mb24_Post-frame { width: auto ; max-width: 100%; height: 500px;}

.mb24_Post-layer .mb24_close-button svg { height: 20px; width: 20px; }

.mb24_Post-layer .mb24_Post-title {font-size: 16px;}

.mb24_box-pad-bottom-40 { padding-bottom: 30px;}
}
@media (prefers-color-scheme: dark) {

}