@charset "euc-kr";


.mg_popup_wrap .tiny_noti { font-size: 12px; color: #333; margin: 20px auto; } 
.mg_popup_wrap ul.tiny_noti li { position: relative; display: block; padding-left: 10px; line-height: 1.2; } 
.mg_popup_wrap ul.tiny_noti li + li { margin-top: 5px; } 
.mg_popup_wrap ul.tiny_noti li::before { content: '*'; position: absolute; top: 0; left: 0; } 

.mg_popup_wrap .mg_tb_wrap + .tiny_noti { border-bottom: 1px solid #000; padding-bottom: 20px; } 
.mg_popup_wrap ul.tiny_noti .tp1 { color: #fff; background: #313131; padding: 1px 6px; } 

.mg_popup_wrap .b_tit { position: relative; width: fit-content; line-height: 1.3; font-weight: 400; font-family: var(--font); margin: 0 auto; z-index: 1; } 
.mg_popup_wrap .b_tit b { font-weight: bold; } 
.mg_popup_wrap .s_tit { font-family: var(--font); font-weight: normal; padding: 20px 0 0; } 
.mg_popup_wrap .info_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; margin-top: 25px; margin-bottom: 30px; padding: 15px 20px; border: 1px solid #000000; } 
.mg_popup_wrap .info_box p { line-height: 1.4; color: #333333; } 
.mg_popup_wrap .info_box p b { font-weight: bold; } 
.mg_popup_wrap .info_box p.red { margin-bottom: 10px; color: #e45c6c; font-weight: bold; } 
.mg_popup_wrap .info_box p span { margin-left: 10px; } 
.mg_filebox .filename a { width: 44px; } 
select { width: 100%; border: 1px solid #d0d0d0; padding: 0; margin: 0; height: 30px; cursor: pointer; } 
input[type=text] { width: 100%; flex: 1; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #d0d0d0; } 
.mg_chk_base { display: flex; align-items: start; gap: 5px; } 
.mg_chk_base label .color_highlight { color: #f00; } 
.mg_popup_wrap .content_area .mg_btn_wrap a { font-family: var(--font); } 
.noti_red { margin-top: 20px; } 
.noti_red p { margin-bottom: 5px; color: #e45c6c; font-size: 13px; font-weight: bold; } 


@media screen and (max-width: 768px){
    .mg_popup_wrap .content_area .content_inner { padding: 40px 10px; } 
    .mg_terms { padding: 20px 10px; font-size: 13px; } 
}

@media screen and (max-width: 576px){
    .mg_tb_form th, .mg_tb_form td { padding: 5px 6px; } 
    .mg_popup_wrap .s_tit { font-size: 13px; } 
    .mg_popup_wrap ul.tiny_noti .tp1 { display: block; width: fit-content; } 
}