@charset "utf-8";

/* ---------------------------------------------------------
    ESPOIR RESEARCH _ STYLE
--------------------------------------------------------- */

.main_survey {max-width:1440px;margin:0 auto;letter-spacing: -0.03em;}
.main_survey *:before, .main_survey *:after {box-sizing:border-box;}
.main_survey .a11y_hidden {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);}

.main_survey img.w_only {display: inline-block;}
.main_survey img.m_only {display: none;}
.main_survey br.w_only {display: block;}
.main_survey br.m_only {display: none;}

/* intro ------------------------------------------------- */

.survey_intro {margin-bottom:40px;padding:80px 20px;color:#000;text-align:center;}
.survey_intro * {word-break: keep-all;}
.survey_intro br.w_only {display: block;}
.survey_intro br.m_only {display: none;}
.survey_intro img.w_only {display: inline-block;}
.survey_intro img.m_only {display: none;}

.main_survey .survey_bnr {position:relative;margin-bottom:32px;}
.main_survey .bnr_imgbox img {display:block;width:100%;height:auto;}
.main_survey .survey_bnr .bnr_w {display:block;}
.main_survey .survey_bnr .bnr_m {display:none;}
.main_survey .btn_survey {z-index:5;position:relative;display:inline-block;width:220px;height:60px;padding:20px 0;text-align:center;background:transparent;font-size:20px;line-height:20px;color:#fff;}
.main_survey .btn_survey.btn_go_survey {position:absolute;bottom:15%;left:50%;margin-left:-110px;}
.btn_survey:after {z-index:-1;position:absolute;left:0;top:0;transform: skew(-22deg, 0deg);width:100%;height:100%;content:"";display:block;background:#000;}

.survey_bnr.new {text-align:center;background:url(/resources/images/survey/bnr_bg.png) no-repeat 50% 50% / cover;}
.survey_bnr.new .bnr_inner {padding:110px 0;}
.survey_bnr.new .bnr_logo {margin-bottom:24px;}
.survey_bnr.new .bnr_title img {max-width:100%;}
.survey_bnr.new .txt {padding:38px 0 22px;font-weight:400;font-size:42px;color:#000;}
.survey_bnr.new .btn_survey.btn_go_survey {position:relative;bottom:auto;left:auto;margin:0;margin-bottom:10px;}

.survey_intro .section_title {font-family:'yoonb';font-weight:700;font-size: 40px;line-height: 1.4;}
.survey_intro .txt {font-size: 30px;}
.survey_intro .section_top .txt {padding:34px 0 106px;line-height: 1.65;}
.survey_benefit {display: flex;flex-wrap: wrap;;}
.survey_benefit .benefit_item {flex: 1 0 50%;max-width:50%;padding:0 20px 65px;}
.survey_benefit .benefit_item:first-child {border-right:1px solid #ccc;}
.survey_benefit .benefit_item .title {position:relative;margin-bottom:48px;padding-top:7px;padding-bottom:32px;}
.survey_benefit .benefit_item .title span {display:inline-block;width:148px;height:36px;font-size:0;color:transparent;background:url(/resources/images/survey/intro_title_event_01.png) no-repeat 50% 0;}
.survey_benefit .benefit_item.benefit_02 .title span {background:url(/resources/images/survey/intro_title_event_02.png) no-repeat 50% 0;}
.survey_benefit .benefit_item .title:after {position:absolute;bottom:0;left:50%;margin-left:-11px;content:"";display:block;width:22px;height:2px;background-color: #cc9966;}
.survey_benefit .benefit_item .coupon_img {margin-bottom:72px;}
.survey_benefit .benefit_item .coupon_img img {max-width: 100%;}
.survey_benefit .benefit_item .txt {margin-bottom:0.61em;font-weight:700;font-size:26px;}
.survey_benefit .benefit_item .txt_small {margin-bottom:34px;font-size:18px;}
.survey_benefit .benefit_item .txt_small_02 {margin-top:1.4em;font-size:16px;}
.survey_benefit .benefit_item .txt_underline {margin-bottom:10px;font-size:22px;}
.survey_benefit .benefit_item .txt_underline span {z-index:2;position:relative;display:inline-block;}
.survey_benefit .benefit_item .txt_underline span:after {z-index:-1;position:absolute;left:0;bottom:0;content: "";display: block;width:100%;height:8px;background:#ede0d6;}
.survey_benefit .benefit_item .txt_underline strong {font-weight: 700;}
.survey_benefit .benefit_item .txt_step {display:inline-block;padding-left:65px;vertical-align: middle;background-repeat: no-repeat;background-position: 0 50%;}
.survey_benefit .txt_step.step_01 {background-image:url(/resources/images/survey/intro_event_step1.png);background-position:4px 50%;}
.survey_benefit .txt_step.step_02 {background-image:url(/resources/images/survey/intro_event_step2.png);}
.survey_benefit .benefit_item .btn_survey {width:auto;height:auto;margin-top:22px;padding:17px 20px;font-size:16px;line-height:1;}

.survey_notice {background-color:#f8f3ef;}
.survey_notice .section_top .sub {margin-bottom: 40px;}
.survey_notice .section_top .title {padding:48px 0;text-align:center;}
.survey_notice .section_top .txt {padding:0;font-weight:700;font-size:40px;letter-spacing: -0.06em;line-height:1.5;}

.workshop_info {max-width:1280px;padding:94px 20px 26px;margin:0 auto;text-align: left;letter-spacing: -0.035em;}
.workshop_info .info_box {display: flex;flex-wrap:wrap;margin-bottom: 70px;}
.workshop_info .info_box:last-child {margin-bottom: 0;}
.workshop_info .info_box .txt {margin-bottom:1.2em;font-family:"yoonb";font-size: 22px;letter-spacing: -0.067em;line-height:1.4;}
.workshop_info .info_title {flex: 0 0 212px;width:212px;font-weight:700;font-size:26px;color:#cc9966;text-align: right;}
.workshop_info .descbox {flex: 1 1 calc(100% - 212px);width:calc(100% - 212px);padding-left:82px;font-size:18px;text-align: left;}
.workshop_info .desc_list {padding-left:12px;}
.workshop_info .desc_list a {color:#000;}
.workshop_info .desc_list li {position:relative;margin-bottom:10px;line-height:1.5;}
.workshop_info .desc_list li:before {position:absolute;left:-12px;top:11px;content:"";display:block;width:4px;height:4px;border-radius:50%;background:#000;}

/* complete ------------------------------------------------- */

.survey_complete {position:relative;padding:54px 0 50px;color:#000;text-align:center;background:url(/resources/images/survey/bg_survey_complete.png) no-repeat 50% 0 / cover;}
.survey_complete:before {position:absolute;top:32px;right:40px;content:"";display:block;width:76px;height:30px;background:url(/resources/images/survey/bg_survey_logo.png) no-repeat 0 0;}
.survey_complete .inner {max-width:1280px;padding:0 126px;margin:0 auto;}
.complete_txt {padding-top:24px;margin-bottom:38px;}
.complete_txt .txt_01 {font-size:28px;}
.complete_txt .txt_02 {margin-top:0.31em;font-weight:700;font-size:32px;}
.complete_txt .txt_user {margin:35px auto 40px;font-size:32px;line-height:1;}
.complete_txt .txt_user span {z-index:1;position:relative;display:inline-block;}
.complete_txt .txt_user span:after {z-index:-1;position:absolute;left:0;bottom:-4px;content:"";display:block;width:100%;height:8px;background:#e0c0a1;}
.complete_txt .txt_user strong {font-weight:700;}
.survey_complete .img_w {display:block;margin:0 auto;}
.survey_complete .img_m {display:none}
.survey_complete .complete_logo {margin-bottom: 50px;}
.survey_complete .complete_link {padding:24px;background:#dfcec1;}
.survey_complete .complete_link .title {padding:0;}
.survey_complete .complete_link .title span {position:relative;display:inline-block;padding-bottom:3px;font-weight:700;font-size: 22px;}
.survey_complete .complete_link .title span:after {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:1px;background:#000;} 
.survey_complete .complete_link .txt {padding-top:16px;font-size:20px;color:#555;}
.survey_complete .complete_link .txt img.m_only {width:241px;height:30px;}
.survey_complete .complete_link .btn_survey {width:auto;height:auto;margin-top:24px;padding:15px 52px;font-size:17px;}

/* question ------------------------------------------------- */

.survey_index input[type="radio"], 
.survey_index input[type="checkbox"] {z-index:-99;position:absolute;display:block;width:1px;height:1px;border:0;outline:0;clip:rect(0px, 0px, 0px, 0px) !important;opacity:0;}

.survey_index {
    position: relative;padding:65px 0 80px;
    background-color:#f5eee9;background-repeat: no-repeat;background-position: 50% 0;background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='570'%3E%3Cpath fill-rule='evenodd' fill='%23F8F3EF' d='M0 569.999 1440 136V0H0'/%3E%3C/svg%3E");
}
.survey_index:before {
    position:absolute;top:32px;right:40px;content:"";display:block;width:76px;height:30px;
    background:url(/resources/images/survey/bg_survey_logo.png) no-repeat 0 0;
}
.survey_index .title {margin-bottom:12px;padding-top:60px;font-weight:700;font-size:22px;color:#000;text-align:center;line-height:1;}
.survey_index .title span {z-index:2;position:relative;display:inline-block;}
.survey_index .title span:after {z-index:-1;position:absolute;left:0;bottom:-4px;content:"";display:block;width:100%;height:8px;background:#dab38d;}
.survey_box {padding:60px 0 46px;}
.main_survey .inner {max-width:1280px;margin:0 auto;padding: 0 112px;}
.main_survey .title_box {margin-bottom: 46px;padding:0;font-weight:700;font-size:26px;color:#000;text-align:center;}
.main_survey .title_box .q_num {display:inline-block;margin-bottom:36px;}
.main_survey .title_box .q {word-break: keep-all;}
.main_survey .title_box .q small {display:block;margin-top:0.7em;font-family:'yoonb';font-weight:400;font-size:24px;color:#545454;}
.main_survey .title_box .q small strong {font-family:'yoon';font-weight:700;text-decoration: underline;}
.main_survey [data-survey-index="Q3o1"] .title_box .q small {font-size:20px;}
.main_survey .title_box .q .q_space {position:relative;display:inline-block;width:118px;border-bottom:2px solid #000;}
.main_survey .check_list {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.main_survey .check_list li {position:relative;flex:0 0 324px;display:table;width:324px;height:94px;margin:14px;}
.main_survey .check_list li label {position:static;display:table-cell;width:100%;height:100%;padding-left:36px;border:1px solid #d5d5d5;font-size:18px;color:#000;text-align:center;vertical-align: middle;letter-spacing:-0.05em;word-break: keep-all;background:#fff;cursor:pointer;}
.main_survey .check_list label:before {position:absolute;left:10px;top:10px;content:"";display:block;width:26px;height:26px;border:1px solid #d5d5d5;}
.main_survey .check_list input:checked + label {border-color:#cf0e2d;}
.main_survey .check_list input:checked + label:before {
    border-color:#cf0e2d;
    background:#cf0e2d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15'%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M1.999 7.999 6 12 1.999 7.999ZM5.999 12 16 1.999 5.999 12Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.main_survey .check_list.check_icon li label {padding-left: 151px;}
.main_survey .check_list.check_icon label:after {
    position:absolute;top:50%;left:50px;display:block;content:"";width:100px;height:100px;margin-top:-50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.main_survey .check_list.check_icon li .input_lab label {padding: 50px 10px 10px 42px;}
.main_survey .check_list.check_icon .input_txt, 
.main_survey .check_list.check_icon .input_txt label {top: 73px;}

.main_survey .check_icon .y:after  {
    background-position: 0 0 !important;
    background-size: 105% auto !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='121'%3E%3Cpath stroke='%23000' stroke-width='14' opacity='.8' fill='none' d='M56.999 6.999c27.615 0 50 22.386 50 50s-22.385 50-50 50c-27.614 0-50-22.386-50-50s22.386-50 50-50Z'/%3E%3C/svg%3E");
}
.main_survey .check_icon .n:after  {
    background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath fill-rule='evenodd' fill='%23CE0E2D' d='m10.523.623 84.853 84.853-9.9 9.9L.623 10.523l9.9-9.9Z'/%3E%3Cpath fill-rule='evenodd' fill='%23CE0E2D' d='m85.476.623 9.9 9.9-84.853 84.853-9.9-9.9L85.476.623Z'/%3E%3C/svg%3E");
}
.main_survey .check_icon label[for="q6Type01"]:after {background-image: url(/resources/images/survey/icon_q6_01.png);}
.main_survey .check_icon label[for="q6Type02"]:after {background-image: url(/resources/images/survey/icon_q6_02.png);}
.main_survey .check_icon label[for="q6Type03"]:after {background-image: url(/resources/images/survey/icon_q6_03.png);}
.main_survey .check_icon label[for="q6Type04"]:after {background-image: url(/resources/images/survey/icon_q6_04.png);}
.main_survey .check_icon label[for="q6Type05"]:after {background-image: url(/resources/images/survey/icon_q6_05.png);}
.main_survey .check_icon label[for="q6Type06"]:after {background-image: url(/resources/images/survey/icon_q6_06.png);}
.main_survey .check_icon label[for="q6Type07"]:after {background-image: url(/resources/images/survey/icon_q6_07.png);}
.main_survey .check_icon label[for="q6Type08"]:after {background-image: url(/resources/images/survey/icon_q6_08.png);}

.main_survey .check_icon label[for="q7Type01"]:after {background-image: url(/resources/images/survey/icon_q7_01.png);}
.main_survey .check_icon label[for="q7Type02"]:after {background-image: url(/resources/images/survey/icon_q7_02.png);}
.main_survey .check_icon label[for="q7Type03"]:after {background-image: url(/resources/images/survey/icon_q7_03.png);}
.main_survey .check_icon label[for="q7Type04"]:after {background-image: url(/resources/images/survey/icon_q7_04.png);}
.main_survey .check_icon label[for="q7Type05"]:after {background-image: url(/resources/images/survey/icon_q7_05.png);}
.main_survey .check_icon label[for="q7Type06"]:after {background-image: url(/resources/images/survey/icon_q7_06.png);}

.main_survey .check_icon label[for="q10Type01"]:after {background-image: url(/resources/images/survey/icon_q10_01.png);}
.main_survey .check_icon label[for="q10Type02"]:after {background-image: url(/resources/images/survey/icon_q10_02.png);}
.main_survey .check_icon label[for="q10Type03"]:after {background-image: url(/resources/images/survey/icon_q10_03.png);}
.main_survey .check_icon label[for="q10Type04"]:after {background-image: url(/resources/images/survey/icon_q10_04.png);}
.main_survey .check_icon label[for="q10Type05"]:after {background-image: url(/resources/images/survey/icon_q10_05.png);}
.main_survey .check_icon label[for="q10Type06"]:after {background-image: url(/resources/images/survey/icon_q10_06.png);}

.main_survey .check_icon label[for="q13Type01"]:after {background-image: url(/resources/images/survey/icon_q12_01.png);}
.main_survey .check_icon label[for="q13Type02"]:after {background-image: url(/resources/images/survey/icon_q12_02.png);}
.main_survey .check_icon label[for="q13Type03"]:after {background-image: url(/resources/images/survey/icon_q12_03.png);}
.main_survey .check_icon label[for="q13Type04"]:after {background-image: url(/resources/images/survey/icon_q12_04.png);}
.main_survey .check_icon label[for="q13Type05"]:after {background-image: url(/resources/images/survey/icon_q12_05.png);}
.main_survey .check_icon label[for="q13Type06"]:after {background-image: url(/resources/images/survey/icon_q12_06.png);}
.main_survey .check_icon label[for="q13Type07"]:after {background-image: url(/resources/images/survey/icon_q12_07.png);}
.main_survey .check_icon label[for="q13Type08"]:after {background-image: url(/resources/images/survey/icon_q12_08.png);}

.main_survey .check_icon label[for="q14o11Type01"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_01.png);}
.main_survey .check_icon label[for="q14o11Type02"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_02.png);}
.main_survey .check_icon label[for="q14o11Type03"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_03.png);}
.main_survey .check_icon label[for="q14o11Type04"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_04.png);}
.main_survey .check_icon label[for="q14o11Type05"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_05.png);}

.main_survey .check_icon label[for="q14o12Type01"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_01.png);}
.main_survey .check_icon label[for="q14o12Type02"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_02.png);}
.main_survey .check_icon label[for="q14o12Type03"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_03.png);}
.main_survey .check_icon label[for="q14o12Type04"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_04.png);}
.main_survey .check_icon label[for="q14o12Type05"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_05.png);}
.main_survey .check_icon label[for="q14o12Type06"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_06.png);}
.main_survey .check_icon label[for="q14o12Type07"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_07.png);}
.main_survey .check_icon label[for="q14o12Type08"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_08.png);}

.main_survey .check_icon label[for="q14o23Type01"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_01.png);}
.main_survey .check_icon label[for="q14o23Type02"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_02.png);}
.main_survey .check_icon label[for="q14o23Type03"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_03.png);}
.main_survey .check_icon label[for="q14o23Type04"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_04.png);}
.main_survey .check_icon label[for="q14o23Type05"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_05.png);}
.main_survey .check_icon label[for="q14o23Type06"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_06.png);}
.main_survey .check_icon label[for="q14o23Type07"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_07.png);}
.main_survey .check_icon label[for="q14o23Type08"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_08.png);}
.main_survey .check_icon label[for="q14o23Type09"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_09.png);}

.main_survey .check_icon label[for="q15Type01"]:after {background-image: url(/resources/images/survey/icon_q15_01.png);}
.main_survey .check_icon label[for="q15Type02"]:after {background-image: url(/resources/images/survey/icon_q15_02.png);}
.main_survey .check_icon label[for="q15Type03"]:after {background-image: url(/resources/images/survey/icon_q15_03.png);}
.main_survey .check_icon label[for="q15Type04"]:after {background-image: url(/resources/images/survey/icon_q15_04.png);}
.main_survey .check_icon label[for="q15Type05"]:after {background-image: url(/resources/images/survey/icon_q15_05.png);}

.main_survey .check_list.list_center {justify-content: center;}
.main_survey .check_list.check_type_01 li {flex:0 0 183px;width:183px;}
.main_survey .check_list.check_type_02 li {flex:0 0 324px;width:324px;height:158px;}
.main_survey .check_list.check_type_02 label small {display:inline-block;margin-top:0.15em;font-size: 16px;line-height:1.5;}
.main_survey .check_list.check_type_02 label .xs {font-size:14px;color:#525252;}
.main_survey .check_list.check_type_03 li {flex:0 0 236px;width:236px;}


.main_survey .check_list .c_order {z-index:5;position:absolute;left:10px;top:10px;content:"";display:none;width:26px;height:26px;color:#fff;font-weight:700;font-size:14px;text-align:center;line-height:25px;background:#cf0e2d;pointer-events:none;}
.main_survey .check_list .etc .c_order {left:11px;top:11px;}
.main_survey .check_list input:checked + label + .c_order {display:block;}

.main_survey .check_list .input_lab, 
.main_survey .check_list .input_lab label {position:absolute;left:0;top:0;width:100%;height:100%;}
.main_survey .check_list .input_lab label {padding-top:20px;}
.main_survey .check_list .input_txt,
.main_survey .check_list .input_txt label {position:absolute;left:42px;right:10px;top:42px;bottom:auto;}
.main_survey .check_list .input_txt input[type="text"] {width:100%;height:auto;padding:0.5em 0;line-height:1.2;border-bottom:none;font-size:17px;color:#000;text-align:center;}
.main_survey .check_list .input_txt label {position:absolute;width:1px;height:1px;margin:-1px;padding:0 !important;border:0;white-space:nowrap;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);}

.main_survey ::placeholder {text-align:center;font-size:14px;color:#000;opacity:0.8;vertical-align: middle;line-height:1.5;}
.main_survey .type_textarea {max-width:763px;margin:0 auto;}
.main_survey .check_box textarea {height:94px;padding:1.8em 0;border:1px solid #d5d5d5;font-size:18px;line-height:1.5;color:#000;text-align:center;}


/* button */
.main_survey .btn_box {padding:0 0 40px;font-size:0;text-align:center;}
.main_survey button {width:180px;margin:0 16px;}
.main_survey .btn_prev {background:#9c9c9c;border-color:#9c9c9c;color:#fff;}

@media (max-width:1280px) {
    
    /* intro ------------------------------------------------- */
    .survey_intro .section_title {font-size: 32px;}
    .survey_intro .txt {font-size: 24px;}
    .survey_intro .section_top .txt {padding-bottom: 56px;}

    .survey_notice .section_top .txt {font-size:32px;}
    .workshop_info .descbox {padding-left:52px;}

    /* question ------------------------------------------------- */

    .main_survey .inner {max-width:1024px;padding:0 20px;}
    .main_survey .check_list li {position:relative;flex:0 0 calc(33% - 20px);width:calc(33% - 20px);height:94px;margin:10px;}
    .main_survey .check_list.check_type_01 li {flex:0 0 calc(20% - 20px);width:calc(20% - 20px);}
    .main_survey .check_list.check_type_02 li {flex:0 0 calc(33% - 20px);width:calc(33% - 20px);height:158px;}
    .main_survey .check_list.check_type_03 li {flex:0 0 calc(25% - 20px);width:calc(25% - 20px);}
}
@media (max-width:1024px) {

    /* intro ------------------------------------------------- */

    .survey_bnr.new .bnr_inner {padding:88px 0;}
    .survey_bnr.new .txt {font-size: 32px;}
    .survey_bnr.new .bnr_title img {width:606px;height:auto;}

    .survey_intro .section_top {padding:0 24px;}

    .survey_benefit {padding:0 24px;}
    .survey_benefit .benefit_item {flex: 1 0 100%;max-width:100%;padding:46px 0 52px;}
    .survey_benefit .benefit_item:first-child {border-right:0;border-bottom:1px solid #ccc;}
    .survey_benefit .benefit_item .coupon_img {margin-bottom:48px;}

    .survey_notice .section_top .txt {font-size:32px;}
    .survey_notice .section_top .title .w_only {display:none;} 
    .survey_notice .section_top .title .m_only {display:inline-block;}

    .workshop_info {padding:48px 40px 0;}
    .workshop_info .info_title {flex: 0 0 100%;width:100%;margin-bottom:0.7em;font-size:24px;text-align: left;}
    .workshop_info .descbox {flex: 0 0 100%;padding-left:0;font-size:16px;}
    .workshop_info .info_box {margin-bottom: 60px;}

    /* question ------------------------------------------------- */

    .survey_index .title {font-size: 20px;}
    .main_survey .title_box {font-size: 22px;}
    .main_survey .title_box .q small {font-size:19px;}
    .main_survey [data-survey-index="Q3o1"] .title_box .q small {font-size:16px;}
    .main_survey .check_list li label {font-size:15px;}
    .main_survey .check_list.check_type_02 label small {font-size:13px;}
    .main_survey .check_list.check_type_02 label .xs {font-size: 11px;}

    .main_survey .check_list.check_type_01 li {flex:0 0 calc(33% - 20px);width:calc(33% - 20px);}
    .main_survey .check_list.check_type_02 li {flex:0 0 calc(50% - 20px);width:calc(33% - 20px);height:158px;}
    .main_survey .check_list.check_type_03 li {flex:0 0 calc(25% - 20px);width:calc(25% - 20px);}

    .main_survey .check_list.check_icon li label {padding-left:142px;}
    .main_survey .check_list.check_icon label:after {left:42px;}

    .survey_complete .complete_txt {padding-top:20px;margin-bottom:40px;}
    .survey_complete .complete_txt .txt_01 {font-size:24px;}
    .survey_complete .complete_txt .txt_02 {font-size:22px;}
    .survey_complete complete_txt .txt_user {margin:24px auto 36px;font-size:24px;}
    .survey_complete .complete_logo {margin-bottom: 42px;}
    .survey_complete .complete_link {padding:20px;}
    .survey_complete .complete_link .txt {font-size:16px;}
    .survey_complete .main_survey .btn_survey {height:auto;margin-top:16px;padding:16px 24px;font-size:15px;}

}
@media (max-width:768px) {

    .main_survey img.w_only {display: none;}
    .main_survey img.m_only {display: inline-block;}
    .main_survey br.w_only {display: none;}
    .main_survey br.m_only {display: block;}

    .main_survey .survey_bnr .bnr_w {display:none;}
    .main_survey .survey_bnr .bnr_m {display:block;}
    .main_survey .btn_survey {width:220px;height:auto;padding:16px 0;font-size:16px;}
    .main_survey .btn_survey.btn_go_survey {bottom:17.36%;margin-left:-110px;}

    /* intro ------------------------------------------------- */

    .survey_bnr.new {background-image:url(/resources/images/survey/bnr_bg_m.png);}
    .survey_bnr.new .bnr_inner {padding:60px 25px;}
    .survey_bnr.new .bnr_logo {margin-bottom:32px;}
    .survey_bnr.new .bnr_logo img {width: 112px; height: auto;}
    .survey_bnr.new .bnr_title img {width: 466px; height: auto;}
    .survey_bnr.new .txt {padding:38px 0 22px;font-family:'yoonb';font-size:32px;}
    .survey_bnr.new .btn_survey.btn_go_survey {width:auto;padding:13px 52px;font-size:14px;}

    .survey_intro {margin-bottom:0;padding:24px 0 0;}
    .survey_intro .section_top {padding:0 24px;}
    .survey_intro .section_title {font-size: 24px;}
    .survey_intro .txt {font-size: 18px;}
    .survey_intro .section_top .txt {padding:17px 0 0;}

    .survey_benefit {padding:0 24px;}
    .survey_benefit .benefit_item .title {margin-bottom:24px;padding-top:0;padding-bottom:18px;}
    .survey_benefit .benefit_item .title span {width:86px;height:21px;background:url(/resources/images/survey/intro_title_event_01_m.png) no-repeat 50% 0 / 86px 21px;}
    .survey_benefit .benefit_item.benefit_02 .title span {background:url(/resources/images/survey/intro_title_event_02_m.png) no-repeat 50% 0 / 86px 21px;}
    .survey_benefit .benefit_item .title:after {margin-left:-6px;width:12px;height:1px;}
    .survey_benefit .benefit_item .coupon_img {margin-bottom:30px;}
    .survey_benefit .benefit_item .coupon_img img {width:235px;height:143px;}
    .survey_benefit .benefit_item .txt {margin-bottom:0.61em;font-size:20px;}
    .survey_benefit .benefit_item .txt_small {margin-bottom:30px;font-size:15px;}
    .survey_benefit .benefit_item .txt_small_02 {font-size:12.5px;}
    .survey_benefit .benefit_item .txt_underline {margin-bottom:8px;font-size:16px;}
    .survey_benefit .benefit_item .txt_underline span:after {height:6px;}
    .survey_benefit .benefit_item .btn_survey {font-size:14px;}

    .survey_notice  {margin-bottom:55px;padding:46px 0;}
    .survey_notice .section_top .sub {margin-bottom: 15px;}
    .survey_notice .section_top .sub img {width:99px;height:26px;}
    .survey_notice .section_top .imgbox img {width:285px;height:180px;}
    .survey_notice .section_top .title {padding:40px 0 0;}
    .survey_notice .section_top .title .m_only {width:326px;height:97px;}
    .survey_notice .section_top .txt {font-size:24px;}

    .workshop_info {padding:42px 24px 0;}
    .workshop_info .info_box {margin-bottom: 35px;}
    .workshop_info .info_box .txt {font-size: 15px;}
    .workshop_info .info_title {flex: 0 0 100%;width:100%;margin-bottom:0.7em;font-size:20px;text-align: left;}
    .workshop_info .descbox {flex: 0 0 100%;padding-left:0;font-size:15px;}
    .workshop_info .desc_list {padding-left:10px;}
    .workshop_info .desc_list li:before {left:-8px;top:11px;width:3px;height:3px;}
    
    /* question ------------------------------------------------- */

    .survey_index {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='750' height='597'%3E%3Cpath fill-rule='evenodd' fill='%23F8F3EF' d='m0 596.999 749.999-363V0L0 1v595.999'/%3E%3C/svg%3E");}
    .survey_index:before {right:20px;width:38px;height:15px;background-size:38px 15px;}
    .survey_complete:before {right:20px;width:38px;height:15px;background-size:38px 15px;}
    .main_survey .check_list li {flex:0 0 calc(50% - 20px);width:calc(50% - 20px);}
    .main_survey .check_list.check_type_01 li {flex:0 0 calc(50% - 20px);width:calc(50% - 20px);}
    .main_survey .check_list.check_type_03 li {flex:0 0 calc(50% - 20px);width:calc(50% - 20px);}
}
@media (max-width:640px) {
    .main_survey .btn_survey {width:110px;padding:10px 0;font-size:12px;}
    .main_survey .btn_survey.btn_go_survey {margin-left:-55px;}

    /* intro ------------------------------------------------- */

    .survey_bnr.new .bnr_inner {padding:60px 25px 75px;}
    .survey_bnr.new .bnr_logo {margin-bottom:32px;}
    .survey_bnr.new .bnr_logo img {width:70px;}
    .survey_bnr.new .bnr_title img {width:311px;}
    .survey_bnr.new .txt {padding:34px 0 48px;font-size:23px;}
    .survey_bnr.new .btn_survey.btn_go_survey {padding:11px 48px;}

    .survey_intro {margin-bottom:0;padding:24px 0 0;}
    .survey_intro br.w_only {display: none;}
    .survey_intro br.m_only {display: block;}
    .survey_intro img.w_only {display: none;}
    .survey_intro img.m_only {display: inline-block;}
    .survey_intro .section_top {padding:0 24px;}
    .survey_intro .section_title {font-size: 20px;}
    .survey_intro .txt {font-size: 15px;}
    .survey_intro .section_top .txt {padding:17px 0 0;}

    .survey_benefit {padding:0 24px;}
    .survey_benefit .benefit_item .title {margin-bottom:24px;padding-top:0;padding-bottom:18px;}
    .survey_benefit .benefit_item .title span {width:86px;height:21px;background:url(/resources/images/survey/intro_title_event_01_m.png) no-repeat 50% 0 / 86px 21px;}
    .survey_benefit .benefit_item.benefit_02 .title span {background:url(/resources/images/survey/intro_title_event_02_m.png) no-repeat 50% 0 / 86px 21px;}
    .survey_benefit .benefit_item .title:after {margin-left:-6px;width:12px;height:1px;}
    .survey_benefit .benefit_item .coupon_img {margin-bottom:30px;}
    .survey_benefit .benefit_item .coupon_img img {width:235px;height:143px;}
    .survey_benefit .benefit_item .txt {margin-bottom:0.61em;font-size:18px;}
    .survey_benefit .benefit_item .txt_small {margin-bottom:30px;font-size:13px;}
    .survey_benefit .benefit_item .txt_underline {margin-bottom:8px;font-size:15px;}
    .survey_benefit .benefit_item .txt_underline span:after {height:6px;}
    .survey_benefit .benefit_item .txt_step {padding-left:46px;background-size:auto 10px;}
    .survey_benefit .txt_step.step_01 {background-image:url(/resources/images/survey/intro_event_step1_m.png);background-position:3px 50%;}
    .survey_benefit .txt_step.step_02 {background-image:url(/resources/images/survey/intro_event_step2_m.png);}
    .survey_benefit .benefit_item .btn_survey {padding:10px 15px;font-size:12px;}

    .survey_notice  {margin-bottom:55px;padding:46px 0;}
    .survey_notice .section_top .sub {margin-bottom: 15px;}
    .survey_notice .section_top .sub img {width:99px;height:26px;}
    .survey_notice .section_top .imgbox img {width:285px;height:180px;}
    .survey_notice .section_top .title {padding:40px 0 0;}
    .survey_notice .section_top .title .m_only {width:326px;height:97px;}
    .survey_notice .section_top .txt {font-size:20px;}

    .workshop_info {padding:42px 24px 0;}
    .workshop_info .info_box {margin-bottom: 35px;}
    .workshop_info .info_box .txt {font-size: 13px;}
    .workshop_info .info_title {flex: 0 0 100%;width:100%;margin-bottom:0.7em;font-size:16px;text-align: left;}
    .workshop_info .descbox {flex: 0 0 100%;padding-left:0;font-size:13px;}
    .workshop_info .desc_list {padding-left:8px;}
    .workshop_info .desc_list li {margin-bottom:10px;line-height:1.5;}
    .workshop_info .desc_list li:before {left:-8px;top:11px;width:2px;height:2px;}

    /* complete ------------------------------------------------- */

    .survey_complete {padding: 25px 0;}
    .survey_complete .img_w {display:none;}
    .survey_complete .img_m {display:block;width:227px;height:121px;margin:0 auto;}
    .survey_complete .inner {padding:0 126px;margin:0 auto;}
    .survey_complete .complete_txt {padding-top:52px;margin-bottom:30px;}
    .survey_complete .complete_txt .txt_01 {font-size:14px;}
    .survey_complete .complete_txt .txt_02 {margin-top:0.5em;font-size:16px;}
    .survey_complete .complete_txt .txt_user {margin:14px auto 25px;font-size:16px;}
    .survey_complete .complete_txt .txt_user span:after {bottom:-2px;height:4px;}
    .survey_complete .complete_logo {margin-bottom: 30px;}
    .survey_complete .complete_link {padding:17px 15px 22px;}
    .survey_complete .complete_link .title span {font-size:14px;}
    .survey_complete .complete_link .txt {padding-top:10px;font-size:12px;}
    .survey_complete .complete_link .btn_survey {margin-top:14px;padding:8px 24px;font-size:12px;}
    
    /* question ------------------------------------------------- */

    .survey_index {padding: 55px 0;}
    .survey_index br.w_only {display: none;}
    .survey_index br.m_only {display: block;}
    .survey_box {padding: 24px 0;}
    .main_survey .inner {padding: 0 18px;}
    .main_survey .title {padding-top:20px;font-size:13px;}
    .main_survey .title span:after {bottom:-2px;height:4px;}
    .main_survey .title_box {margin-bottom:15px;font-size: 16px;}
    .main_survey .title_box .q_num {margin-bottom:12px;}
    .main_survey .title_box .q small {font-size: 14px;}
    .main_survey [data-survey-index="Q3o1"] .title_box .q small {font-size:12px;}
    .main_survey .title_box .q .q_space {width:80px;border-width:1px;}
    .main_survey .title_box .q_num img {width:auto;height:22px;}

    .main_survey .check_list li {flex: 1 0 calc(50% - 12px);width: calc(50% - 12px);height:55px;margin:6px;}
    .main_survey .check_list li label {padding-left:24px;padding-right:3px;font-size:13px;word-break:keep-all;}
    .main_survey .check_list label:before {left:5px;top:5px;width:16px;height:16px;}
    .main_survey .check_list input:checked + label:before {background-size: 12px auto;}
    .main_survey .check_list .c_order {left:5px;top:5px;width:16px;height:16px;font-size:10px;line-height:17px;}
    .main_survey .check_list .etc .c_order {left:6px;top:6px;}
    .main_survey .check_list label br.w_only {display:none;}

    .main_survey .check_list.check_type_01 li {flex: 0 0 calc(50% - 12px);width: calc(50% - 12px);}
    .main_survey .check_list.check_type_02 li {flex:0 0 calc(50% - 12px);width: calc(50% - 12px);height:113px;}
    .main_survey .check_list.check_type_02 label small {margin-top:0.15em;font-size:11px;}
    .main_survey .check_list.check_type_02 label .xs {transform:translateY(-4px);font-size: 8px;line-height: 1.05;;}
    .main_survey .check_list.check_type_03 li {flex: 0 0 calc(50% - 12px);width: calc(50% - 12px);}
    .main_survey ul.check_list.check_type_full_m li {flex: 1 0 calc(100% - 12px);width: calc(100% - 12px);}
    .main_survey ul.check_list.check_type_harf_m li {flex: 0 0 calc(50% - 12px);width: calc(50% - 12px);}

    .main_survey .check_list.check_icon li {flex:1 0 calc(50% - 12px);}
    .main_survey .check_list.check_icon li label {padding:0;padding-top:68px;}
    .main_survey .check_list.check_icon_02_m li {flex:1 0 calc(50% - 12px);height:130px;} 
    .main_survey .check_list.check_icon_02_m li label {padding-top:80px;vertical-align: top;}
    .main_survey [data-survey-index="Q6"] .check_list.check_icon_02_m li {height:135px;}
    .main_survey [data-survey-index="Q6"] .check_list.check_icon .etc {height: 55px;}

    .main_survey .check_list.check_icon label:after {top:10px;left:50%;width:60px;height:60px;margin-top:0;margin-left:-30px;background-size: 60px 60px;}

    .main_survey .check_icon label[for="q6Type01"]:after {background-image: url(/resources/images/survey/icon_q6_01_m.png);}
    .main_survey .check_icon label[for="q6Type02"]:after {background-image: url(/resources/images/survey/icon_q6_02_m.png);}
    .main_survey .check_icon label[for="q6Type03"]:after {background-image: url(/resources/images/survey/icon_q6_03_m.png);}
    .main_survey .check_icon label[for="q6Type04"]:after {background-image: url(/resources/images/survey/icon_q6_04_m.png);}
    .main_survey .check_icon label[for="q6Type05"]:after {background-image: url(/resources/images/survey/icon_q6_05_m.png);}
    .main_survey .check_icon label[for="q6Type06"]:after {background-image: url(/resources/images/survey/icon_q6_06_m.png);}
    .main_survey .check_icon label[for="q6Type07"]:after {background-image: url(/resources/images/survey/icon_q6_07_m.png);}
    .main_survey .check_icon label[for="q6Type08"]:after {background-image: url(/resources/images/survey/icon_q6_08_m.png);}
    
    .main_survey .check_icon label[for="q7Type01"]:after {background-image: url(/resources/images/survey/icon_q7_01_m.png);}
    .main_survey .check_icon label[for="q7Type02"]:after {background-image: url(/resources/images/survey/icon_q7_02_m.png);}
    .main_survey .check_icon label[for="q7Type03"]:after {background-image: url(/resources/images/survey/icon_q7_03_m.png);}
    .main_survey .check_icon label[for="q7Type04"]:after {background-image: url(/resources/images/survey/icon_q7_04_m.png);}
    .main_survey .check_icon label[for="q7Type05"]:after {background-image: url(/resources/images/survey/icon_q7_05_m.png);}
    .main_survey .check_icon label[for="q7Type06"]:after {background-image: url(/resources/images/survey/icon_q7_06_m.png);}
    
    .main_survey .check_icon label[for="q10Type01"]:after {background-image: url(/resources/images/survey/icon_q10_01_m.png);}
    .main_survey .check_icon label[for="q10Type02"]:after {background-image: url(/resources/images/survey/icon_q10_02_m.png);}
    .main_survey .check_icon label[for="q10Type03"]:after {background-image: url(/resources/images/survey/icon_q10_03_m.png);}
    .main_survey .check_icon label[for="q10Type04"]:after {background-image: url(/resources/images/survey/icon_q10_04_m.png);}
    .main_survey .check_icon label[for="q10Type05"]:after {background-image: url(/resources/images/survey/icon_q10_05_m.png);}
    .main_survey .check_icon label[for="q10Type06"]:after {background-image: url(/resources/images/survey/icon_q10_06_m.png);}
    
    .main_survey .check_icon label[for="q13Type01"]:after {background-image: url(/resources/images/survey/icon_q12_01_m.png);}
    .main_survey .check_icon label[for="q13Type02"]:after {background-image: url(/resources/images/survey/icon_q12_02_m.png);}
    .main_survey .check_icon label[for="q13Type03"]:after {background-image: url(/resources/images/survey/icon_q12_03_m.png);}
    .main_survey .check_icon label[for="q13Type04"]:after {background-image: url(/resources/images/survey/icon_q12_04_m.png);}
    .main_survey .check_icon label[for="q13Type05"]:after {background-image: url(/resources/images/survey/icon_q12_05_m.png);}
    .main_survey .check_icon label[for="q13Type06"]:after {background-image: url(/resources/images/survey/icon_q12_06_m.png);}
    .main_survey .check_icon label[for="q13Type07"]:after {background-image: url(/resources/images/survey/icon_q12_07_m.png);}
    .main_survey .check_icon label[for="q13Type08"]:after {background-image: url(/resources/images/survey/icon_q12_08_m.png);}
    
    .main_survey .check_icon label[for="q14o11Type01"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_01_m.png);}
    .main_survey .check_icon label[for="q14o11Type02"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_02_m.png);}
    .main_survey .check_icon label[for="q14o11Type03"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_03_m.png);}
    .main_survey .check_icon label[for="q14o11Type04"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_04_m.png);}
    .main_survey .check_icon label[for="q14o11Type05"]:after {background-image: url(/resources/images/survey/icon_q14-1-1_05_m.png);}
    
    .main_survey .check_icon label[for="q14o12Type01"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_01_m.png);}
    .main_survey .check_icon label[for="q14o12Type02"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_02_m.png);}
    .main_survey .check_icon label[for="q14o12Type03"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_03_m.png);}
    .main_survey .check_icon label[for="q14o12Type04"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_04_m.png);}
    .main_survey .check_icon label[for="q14o12Type05"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_05_m.png);}
    .main_survey .check_icon label[for="q14o12Type06"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_06_m.png);}
    .main_survey .check_icon label[for="q14o12Type07"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_07_m.png);}
    .main_survey .check_icon label[for="q14o12Type08"]:after {background-image: url(/resources/images/survey/icon_q14-1-2_08_m.png);}
    
    .main_survey .check_icon label[for="q14o23Type01"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_01_m.png);}
    .main_survey .check_icon label[for="q14o23Type02"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_02_m.png);}
    .main_survey .check_icon label[for="q14o23Type03"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_03_m.png);}
    .main_survey .check_icon label[for="q14o23Type04"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_04_m.png);}
    .main_survey .check_icon label[for="q14o23Type05"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_05_m.png);}
    .main_survey .check_icon label[for="q14o23Type06"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_06_m.png);}
    .main_survey .check_icon label[for="q14o23Type07"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_07_m.png);}
    .main_survey .check_icon label[for="q14o23Type08"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_08_m.png);}
    .main_survey .check_icon label[for="q14o23Type09"]:after {background-image: url(/resources/images/survey/icon_q14-2-3_09_m.png);}
    
    .main_survey .check_icon label[for="q15Type01"]:after {background-image: url(/resources/images/survey/icon_q15_01_m.png);}
    .main_survey .check_icon label[for="q15Type02"]:after {background-image: url(/resources/images/survey/icon_q15_02_m.png);}
    .main_survey .check_icon label[for="q15Type03"]:after {background-image: url(/resources/images/survey/icon_q15_03_m.png);}
    .main_survey .check_icon label[for="q15Type04"]:after {background-image: url(/resources/images/survey/icon_q15_04_m.png);}
    .main_survey .check_icon label[for="q15Type05"]:after {background-image: url(/resources/images/survey/icon_q15_05_m.png);}

    .main_survey .check_list.check_icon label.n:after  {background-size: 52px auto;}
    .main_survey .check_box textarea {height:55px;padding:1.2em 0;font-size:13px;}
    .main_survey ::placeholder {font-size:11px;}
    
    .main_survey .check_list .input_lab label {padding-top:9px;font-size:12px;}
    .main_survey .check_list .input_txt, 
    .main_survey .check_list .input_txt label {top:27px;left:24px;right:5px;}
    .main_survey .check_list .input_txt input[type="text"] {padding:0.2em 0;font-size:13px;}
    .main_survey .check_list.check_icon .etc {height:55px;}
    .main_survey .check_list.check_icon .input_txt, 
    .main_survey .check_list.check_icon .input_txt label {top:27px;left:24px;right:5px;}
    .main_survey .check_list .input_txt input[type="text"] {padding:0.2em 0;font-size:13px;}
    .main_survey .check_list.check_icon li .input_lab label {padding:9px 4px 9px 24px;}

    .main_survey .btn_box {padding:20px 0;}
    .main_survey button {width:101px;margin:0 6px;padding:9px 0;font-size:12px;}
}
@media (max-width: 480px) {
    .survey_bnr.new .btn_survey.btn_go_survey {padding:9px 36px;font-size:12px;}
}

/* survey_agree pop */

#survey_agree_pop .all_agree input[type="checkbox"] {z-index:-99;position:absolute;display:block;width:1px;height:1px;border:0;outline:0;clip:rect(0px, 0px, 0px, 0px) !important;opacity:0;}
.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree label {display: inline-block;min-height:24px;padding:0 0 0 44px;font-weight:700;font-size:18px;color:#000;line-height:1.4;cursor:pointer;background:url(/resources/images/common/bg_check.png) no-repeat 0 0;}
.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree input:checked + label {background-position:0 -276px;}
.modal_beauty_user.modal_lesson_coupon .mh_input input {position:absolute;left:0;right:0;width:1px;height:1px;z-index:-1;border:0;}
.modal_beauty_user.modal_lesson_coupon .mh_input label {display:inline-block;min-height:27px;padding:0 0 0 28px;font-family:'yoon';font-size:18px;color:#333;line-height:1.3;cursor:pointer;background: url(/resources/images/common/bg_radio.png) no-repeat 0 3px;}
.modal_beauty_user.modal_lesson_coupon .mh_input input:checked + label {background-position:0 -272px;}
@media (max-width: 640px) {
    .modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree label {display: inline-block;min-height:24px;padding:2px 0 0 28px;font-size:13px;line-height:1.3;background:url(/resources/images/common/bg_checkX2.png) no-repeat 0 0;background-size:20px auto;}
    .modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree input:checked + label {background-position: 0 -168px;}
    .modal_beauty_user.modal_lesson_coupon .mh_input label {display:inline-block;min-height:18px;padding:0 0 0 23px;font-size:12px;background:url(/resources/images/common/bg_radioX2.png) no-repeat 0 2px;background-size:20px auto;line-height:1.5;}
    .modal_beauty_user.modal_lesson_coupon .mh_input input:checked + label {background-position:0 -166px;}
}
@media (max-width: 480px) {
    .modal_beauty_user.modal_lesson_coupon .btn_area button {max-width:calc(50% - 8px);}
}