@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */
.bg_grey{background-color: #f5f5f5;}
.bg_black{background-color: #242424;color: #fff;font-size: 15px;text-align: center;font-weight: 700;margin: 30px auto;height: 40px;line-height: 40px;}
.color_grey{color: #999;}
.color_red{color:#ff0000}
.bd_grey{border: 1px solid #d0d0d0;}

.box{padding: 15px;font-size: 13px;line-height: 1.4;text-align: center;}
.box.tal{text-align: left;}
.box.m10{margin: 10px auto;}
.tiny{font-size: 11px;}

body,html{overflow-x: hidden;}
.survey_pop {background-color: #fff;color: #333;/*width: 700px;*/}
.survey_pop .pop_con{padding: 40px 20px;}
.survey_pop h3{text-align: center; font-size: 30px;font-weight: 900;margin-bottom: 30px;}
.survey_pop h4{text-align: left;font-size: 15px;margin: 30px auto 10px;}
.survey_pop h4.bdt{padding-top: 30px;border-top: 1px solid #000;}
.survey_pop h4.bdb{border-bottom: 1px solid #d0d0d0;padding-bottom: 10px;margin-bottom: 0;}

.survey_pop .gift_box{margin: 0 auto;text-align: center;}
.survey_pop .period_box{margin: 30px auto;font-size: 15px;text-align: center;font-weight: 700;border: 1px solid #000;border-radius: 30px;padding: 1.839% 0;box-sizing: border-box;}
.survey_pop .cautn{margin: 15px auto 30px;padding-top: 15px;line-height: 1.4;border-top: 1px dashed #ddd;}
.survey_pop .cautn dd{text-align: left; position: relative;padding-left: 15px;}
.survey_pop .cautn dd::before{content: '\203B';display: block;position: absolute;left: 0;top: auto;}

.survey_pop .cautn_txt{line-height: 1.4;}

.survey_pop .tbl_box{border: 1px solid #000;border-width: 1px 0;}
.survey_pop .tbl tr th{padding: 9px 10px;background-color: #f5f5f5;border-color: #d0d0d0;}
.survey_pop .tbl tr td{padding: 9px 10px;}
.survey_pop .tbl select{height: 30px;line-height: 30px;width: 100%;border-color: #d0d0d0;}
.survey_pop .tbl input{width: 94%;border: 1px solid #d0d0d0;}
.survey_pop .tbl input[type="text"]{padding: 1px 0 3px 10px}

/* Å×ÀÌºí °íÁ¤°ª À̸§,¾ÆÀ̵ð */
.survey_pop .fix_value{display: block;height: 30px;line-height: 30px;text-align: left;padding: 0 10px;}

/* textarea */
.survey_pop textarea{width: 96%;padding: 12px;margin-top: 15px;height: 60px;}

/* ¼±Åùڽº */
.radio_box,.check_box{position: relative;border-top: 1px solid #d0d0d0;padding: 0 0 0 21px;}
.radio_box::after,.check_box::after{content: '';display: block;clear: both;}
.radio_box input::placeholder,.check_box input::placeholder{font-size: 13px;color: #999;}
.radio_box.wide li,.check_box.wide li{width: 100%;}
.radio_box li,.check_box li{float: left;width: 33.333%;color: #000;text-align: left;margin-top: 15px;}

/* º¹¼ö üũ */
.check_box li input[type="checkbox"] {display:none;}
.check_box li input[type="checkbox"] + label{font-size: 13px;font-weight: 700;cursor: pointer;}
.check_box li input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin: -3px 4px 0 0;vertical-align:middle;background:url(https://img.megagong.net/m/2022/0928_survey/noncheck.png) center no-repeat;cursor:pointer;}
.check_box li input[type="checkbox"]:checked + label span {background:url(https://img.megagong.net/m/2022/0928_survey/checked.png) center no-repeat;}

/* ´ÜÀÏ Ã¼Å© */
.radio_box li input[type="radio"] {display:none;}
.radio_box li input[type="radio"] + label{font-size: 13px;font-weight: 700;word-break: break-all;cursor: pointer;}
.radio_box li input[type="radio"] + label span {display:inline-block;width:20px;height:20px;margin: -3px 4px 0 0;vertical-align:middle;background:url(https://img.megagong.net/m/2022/0906_moon/evcon3_cir.png) center no-repeat;cursor:pointer;}
.radio_box li input[type="radio"]:checked + label span {background:url(https://img.megagong.net/m/2022/0906_moon/evcon3_chk.png) center no-repeat;}

/* ±âŸÇ׸ñ¶õ */
/* .survey_pop ul li:last-child{width: 66.66%;} */
.radio_box input[type="text"],.check_box input[type="text"]{border:1px solid #d0d0d0;padding: 5px 10px;margin-left: 3px;width: 125px;}

/* Ãß°¡ Áú¹® */
.detail_box{padding-left: 21px;border: 0;}
.detail_box .radio_box,.detail_box .check_box{padding-left: 0;border: 0;}
.detail_box h5{font-size: 13px;color: #3745ae;margin-top: 20px;}

/* ÃÖÇÏ´Ü µ¿ÀÇ ¹Ú½º */
.survey_pop .box.agree{padding: 20px 15px;margin-top: 50px;position: relative;}
.survey_pop .box.agree:before{content:'';display:block;position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #000;}
.survey_pop .box.agree input[type="checkbox"] {display:none;}
.survey_pop .box.agree input[type="checkbox"] + label{font-size: 13px;font-weight: 700;color: #333;margin-bottom: 15px;display: block;cursor: pointer;}
.survey_pop .box.agree input[type="checkbox"] + label i {display:inline-block;width:19px;height:19px;margin: -5px 2px 0 0;vertical-align:middle;background:url(https://img.megagong.net/m/2022/0928_survey/noncheck.png) center no-repeat;cursor:pointer;}
.survey_pop .box.agree input[type="checkbox"]:checked + label i {background:url(https://img.megagong.net/m/2022/0928_survey/checked.png) center no-repeat;}

.survey_pop .box.agree span{display: block; text-align: left; position: relative;padding-left: 15px;}
.survey_pop .box.agree span::before{content: '\203B';display: block;position: absolute;left: 0;top: auto;}

/* Á¦ÃâÇϱ⠹öÆ° */
.survey_pop .btn{width: 180px;margin: 40px auto 0;}
.survey_pop .btn a{display: block;background: #000;color: #fff;text-align: center;font-size: 17px;font-weight: 700;padding: 9.38% 0;}

@media screen and (max-width: 576px){
    .survey_pop .pop_con{padding: 30px 5px;}
    .survey_pop h4{line-height: 1.3;}
    
    .box{font-size: 11px;}
    .tiny{font-size: 11px;}
    .survey_pop .cautn_txt{font-size: 11px;}
    .survey_pop h3{font-size: 25px;}

    .survey_pop h4,.survey_pop .period_box,.bg_black{font-size: 13px;}
    .survey_pop .cautn,
    .check_box li input[type="checkbox"] + label,.radio_box li input[type="radio"] + label,.survey_pop .box.agree input[type="checkbox"] + label,
    .survey_pop .tbl select,.survey_pop .tbl input[type="text"],.radio_box input[type="text"], .check_box input[type="text"],
    .radio_box input[type="text"]::placeholder, .check_box input[type="text"]::placeholder,
    .detail_box h5,
    .survey_pop .tbl tr th,.survey_pop .tbl tr td,
    .survey_pop textarea::placeholder,
    .survey_pop .tbl input[type="text"]::placeholder{font-size: 11px;}

    .survey_pop textarea{width: 92%;padding: 5px 10px;}
    .radio_box, .check_box{padding-left: 0;}
    .radio_box li, .check_box li{width: 50%;}
    .radio_box input[type="text"], .check_box input[type="text"]{width: 110px;margin-left: 5px;}
    .check_box li input[type="checkbox"] {display:inline-block;}
    .radio_box li input[type="radio"] {display:inline-block;}
    .survey_pop .box.agree input[type="checkbox"],.survey_pop .box.agree input[type="checkbox"] + label{display: inline-block;margin-right: 3px;}
    .radio_box li input[type="radio"] + label span,.radio_box li input[type="radio"]:checked + label span{display: none;}
    .check_box li input[type="checkbox"] + label span,.radio_box li input[type="checkbox"]:checked + label span{display: none;}
    .survey_pop .box.agree input[type="checkbox"] + label i{display: none;}
    
    .detail_box{padding-left: 3%;}

    .survey_pop .btn a{font-size: 15px;padding: 9% 0;}

}