@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; font-family: var(--font); margin: 0 auto; z-index: 1;}
.mg_popup_wrap .b_tit::before {content: ''; position: absolute; bottom: -20%; left: -2%; width: 104%; height: 50%; z-index: -1; opacity: 0.5;}
.mg_popup_wrap .b_tit.certify_tit::before {background: #82ccdd;}
.mg_popup_wrap .b_tit.survey_tit::before {background: #b8e994;}
.mg_popup_wrap .s_tit {font-family: var(--font); font-weight: normal; padding: 20px 0 0;}
/* .mg_popup_wrap .certify_tit + .s_tit {border-top: 1px solid #000;} */
.mg_filebox .filename a {width: 44px;}

.select_wrap {border: 1px solid #000; border-left: none; border-right: none; padding: 20px 0; margin: 30px auto;}
.select_wrap ul {flex-wrap: wrap; gap: 1vw;}
.select_wrap ul li {flex: 1 1 calc(50% - 0.5vw); display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.select_wrap ul label {display: block; width: 90px; text-align: left;}
.select_wrap ul li > span {flex: 1; display: block; border: 1px solid #ccc; padding: 3px;}
.select_wrap ul li > span select {width: 100%; border: 0; padding: 0; margin: 0; height: 20px; cursor: pointer;}
.survey_table_wrap .tbl th .color_highlight {color: #00f;}
.survey_table_wrap .tbl td {text-align: left;}
.survey_table_wrap .tbl td > span {display: flex; gap: 5px; align-items: center;}
.survey_table_wrap .tbl td > span input[type=radio],
.survey_table_wrap .tbl td > span input[type=checkbox] {cursor: pointer;}
.survey_table_wrap .tbl td > span label {flex: 1; cursor: pointer;}
.survey_table_wrap .tbl td > span label.etc_a {flex: 0 1 auto;}
.survey_table_wrap .tbl td > span label.etc_a + input[type=text] {flex: 1;}
/* .survey_table_wrap .tbl td > span label.etc_a {display: flex; gap: 5px; align-items: center;} */
/* .survey_table_wrap .tbl td > span label.etc_a input[type=text] {flex: 1;} */
.survey_table_wrap .tbl label {vertical-align: middle;}
.survey_table_wrap .tbl textarea {width: 100%;}
.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);}


/* 2024 0913 */
.mg_popup_wrap .under_line {text-decoration: underline;}
.mg_popup_wrap ul.tiny_noti.ver2024 li {padding-left: 0px;}
.mg_popup_wrap ul.tiny_noti.ver2024 li::before {display: none;}
.ver2024 .mg_filebox.clfix{margin-bottom: 5px;}
.ver2024 .mg_filebox.clfix:last-child {margin-bottom: 0;}
.mg_popup_wrap ul.tiny_noti .tp1.ver2024 {color: #d00000;background: transparent;font-weight: 600;}
.ver2024 .mg_filebox .filename input[type="text"] {    padding-bottom: 4px;}

@media screen and (max-width: 768px){
    .mg_popup_wrap .content_area .content_inner {padding: 40px 10px;}
    .mg_terms {padding: 20px 10px; font-size: 13px;}
    .survey_table_wrap .tbl td > span {gap: 3px;}
    .survey_table_wrap .tbl td > span label.etc_a {gap: 3px;}
    .survey_table_wrap .tbl td > span label.etc_a + input[type=text] {width: 70%;}
}
@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;}
    .select_wrap {font-size: 12px;}
    .select_wrap ul li {flex: 1 1 100%;}
    .survey_table_wrap .tbl {font-size: 12px;}
    .survey_table_wrap .tbl tr td {padding: 8px 5px;}
}