@charset "utf-8";

#container.join #sub_section { padding-bottom:56px;}
#container.join .btn_group { position:fixed; left:0; bottom:0; z-index:11}

/* 로그인 */
.login_wrapper { padding:0 20px;}
.login_wrapper .t_logo { position:relative; margin:55px auto; width:210px}
.login_wrapper .t_logo img { width:100%; }
.login_wrapper .login_inp .form-text + .form-text { margin-top:10px; }
.login_wrapper .login_chk_set { overflow:hidden; margin-top:15px;}
.login_wrapper .login_chk_set .form-checkbox { float:left; width:50%;}
.login_wrapper .btn-type01 { margin-top:50px; }
.login_wrapper .find_area { margin-top:24px; text-align:center;}
.login_wrapper .find_area a { display:inline-block; position:relative; padding:0 13px;}
.login_wrapper .find_area a:before { content:''; position:absolute; top:3px; left:0; width:1px; height:11px; background-color:#d9d9d9; }
.login_wrapper .find_area a:first-child { padding-left:0}
.login_wrapper .find_area a:first-child:before { display:none;}
.login_banner {margin-top:50px;height:26.6vw;}
.login_banner a {display:block;}
.login_banner img {width:100%;}
/* issues/888#note_43845 */
.login_wrapper .btn-type01 {position:relative; margin-top:2.26%; }
.login_wrapper .btn-type01:nth-of-type(1) { margin-top:50px; }
.login_wrapper .btn-type-naver {background:#03c75a;}
.login_wrapper .btn-type-naver::before {position:absolute; left:8.05%; top:0; content:""; width:13px; height:100%; box-sizing: border-box; background:#03c75a url(../images/join/ico_naver.png) no-repeat center/100% auto; }
.login_wrapper .btn-type-apple {background:#000;}
.login_wrapper .btn-type-apple::before {position:absolute; left:8.05%; top:0; content:""; width:13px; height:100%; box-sizing: border-box; background:#000 url(../images/join/ico_apple.png) no-repeat center/100% auto; }


.mbs_help_wrap { position:relative; padding-bottom:33px; background-color:#fff;}
.mbs_help_wrap .step_mark { position:absolute; margin-left:-24px; top:40px; left:50%;}
.mbs_help_wrap .step_mark li { position:relative; float:left; width:6px; height:6px;}
.mbs_help_wrap .step_mark li + li { margin-left:15px;}
.mbs_help_wrap .step_mark li:before { content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#b2b2b2; }
.mbs_help_wrap .step_mark li.curr:before { background-color:#fdb525;}
.mbs_help_wrap .page_tit { display:block; padding:65px 0 37px; font-size:1.571em; text-align:center; font-weight:normal;}
.mbs_help_wrap .page_tit > em { font-weight:bold; }
.mbs_help_wrap .page_tit .fc_point { color:#fdb525;}
.mbs_help_wrap .page_tc_txt { padding:0 20px; margin-bottom:20px; color:#666666; text-align:center;}
.mbs_help_wrap .page_tc_txt > em { color:#111111; font-weight:bold;}
.mbs_help_wrap .page_tc_txt + .tit-content { margin-top:32px;}
.mbs_help_wrap .tit-content { margin:0 20px 12px}
.mbs_help_wrap .tit-content ~ .tit-content { margin-top:32px;}
.mbs_help_wrap .tit-content h3 { margin-bottom:4px;}
.mbs_help_wrap .tit-content .ex_txt { color:#666666;}
.mbs_help_wrap .phone_certify { padding:35px 20px; background-color:#f7f7f7;}
.mbs_help_wrap .phone_certify .inbox { display:block; padding:17px 0 23px; text-align:center; border:1px solid #e4e4e4; border-radius:7px; background-color:#ffffff;}
.mbs_help_wrap .phone_certify .inbox .icon { display:inline-block; width:64px; height:64px; background-image:url('../images/join/icon_phone_certify.png'); background-size:128px 64px; background-repeat:no-repeat;}
.mbs_help_wrap .phone_certify .inbox p { margin-top:5px; font-size:0.929em; color:#999999; font-weight:bold;}
.mbs_help_wrap .phone_certify .inbox.active { border-color:#fdb525;}
.mbs_help_wrap .phone_certify .inbox.active .icon { background-position:-64px 0;}
.mbs_help_wrap .phone_certify .inbox.active p { color:#111111;}
.mbs_help_wrap .mbs_info { margin:0 20px; padding:32px 20px; border-radius:7px; background-color:#f7f7f7;}
.mbs_help_wrap .mbs_info .data + .data { margin-top:15px;}
.mbs_help_wrap .mbs_info .data span { display:inline-block; width:75px}
.mbs_help_wrap .mbs_info + .board_write { margin-top:25px;}
.mbs_help_wrap .noti_txt { padding:12px 20px 0;}
.mbs_help_wrap .noti_txt p { position:relative; padding-left:7px; font-size:0.929em;color:#999999;}
.mbs_help_wrap .noti_txt p + p { margin-top:9px; }
.mbs_help_wrap .noti_txt p:before { content:''; position:absolute; top:6px; left:0; width:2px; height:2px; border-radius:50%; background-color:#cccccc;}
.mbs_help_wrap .noti_txt .no_bullet { padding:0;}
.mbs_help_wrap .noti_txt .no_bullet:before { display:none;}

.mbs_help_wrap .agreement_chk_box { margin:0 20px; padding:25px 20px; border-radius:7px; background-color:#f7f7f7;}
.mbs_help_wrap .agreement_chk_box ul li { position:relative;}
.mbs_help_wrap .agreement_chk_box ul li + li { margin-top:15px;}
.mbs_help_wrap .agreement_chk_box .form-checkbox label { padding-right:20px }
.mbs_help_wrap .agreement_chk_box .form-checkbox.all_chkbox label em { font-weight:bold;}
.mbs_help_wrap .agreement_chk_box .form-checkbox label .ess_txt { margin-left:4px; color:#fdb525;}
.mbs_help_wrap .agreement_chk_box ul li .btn_clause { position:absolute; margin-top:-6px; right:0; top:50%; width:7px; height:12px; }
.mbs_help_wrap .agreement_chk_box ul li .btn_clause:before { content:''; display:block; width:7px; height:12px; background-image:url('../images/join/arr_agreement_chk.png'); background-size:100% auto;}
.board_write { margin:0 20px;}

/* 회원가입 : 간편 설문조사 */
.join_survey_wrap .survey_banner { margin:8px 0; padding:29px 0; text-align:center; background:url('../images/join/bg_survey_banner.jpg') no-repeat; background-size:cover;}
.join_survey_wrap .survey_banner strong { font-size:1.571em; color:#fff}
.join_survey_wrap .survey_banner p { margin-top:9px; font-size:0.929em; color:#fff; }
.join_survey_wrap .survey { margin-bottom:8px; background-color:#fff;}
.join_survey_wrap .survey h3 { padding:23px 20px 18px;}
.join_survey_wrap .survey .question_area { padding:28px 20px 25px; border-top:1px solid #efefef;}
.join_survey_wrap .survey .question_area .q_tit { margin-bottom:22px; text-align:center;}
.join_survey_wrap .survey .question_area .q_tit em { font-size:2.143em; font-weight:bold; color:#fdb525; }
.join_survey_wrap .survey .question_area .q_tit p { margin-top:11px; font-size:1.571em;}
.join_survey_wrap .survey .question_area .answer .form-select + .form-select { margin-top:10px; }
.join_survey_wrap .survey .question_area .answer ul li + li { margin-top:15px;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box { position:relative; margin-top:10px; box-sizing:border-box; padding-left:15px; min-height:38px; border:1px solid #d9d9d9; border-radius:5px; background-color:#f7f7f7;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box:after { content:''; clear:both; display:block;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box .text { float:left;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box span { position:relative; display:inline-block; padding-left:25px; line-height:38px;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box span:before { content:''; position:absolute; margin-top:-6px; left:8px; top:50%; width:7px; height:12px; background-image:url('../images/join/icon_survey_answer_arr.png'); background-size:100% auto;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box span:first-child { padding-left:0;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box span:first-child:before {  display:none; }
.join_survey_wrap .survey .question_area .answer .cont_selected_box .before_inp { color:#999999;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box .g_btn { float:right;}
.join_survey_wrap .survey .question_area .answer .cont_selected_box .g_btn .button { padding:0 7px; height:38px; line-height:38px; color:#fdb525; background:none;}

/* 회원가입 완료 */
.join_finish { padding:0 20px 23px;}
.join_finish p { margin-bottom:23px; color:#666666; text-align:center; }
.join_finish p > em { font-weight:bold; color:#111111;}
.join_finish .typical_page { margin-top:45px;}
.join_finish .typical_page li + li { margin-top:10px;}
.join_finish .typical_page li a { display:table; width:100%;}
.join_finish .typical_page li .icon { display:table-cell; position:relative; width:75px; height:68px; text-align:center; border-radius:5px 0 0 5px; vertical-align:middle; }
.join_finish .typical_page li .icon:before { content:''; display:inline-block; width:30px; height:30px; background-image:url('../images/join/icon_typical_page.png'); background-repeat:no-repeat; background-size:60px 30px;}
.join_finish .typical_page li.etv .icon { background-color:#fdb525;}
.join_finish .typical_page li.event_pd .icon { background-color:#e95e23;}
.join_finish .typical_page li.etv .icon:before { background-position:0 0;}
.join_finish .typical_page li.event_pd .icon:before { background-position:-30px 0;}
.join_finish .typical_page li .txt { display:table-cell; position:relative; padding:0 20px 0 25px; border:1px solid #d9d9d9; border-left:0; border-radius:0 5px 5px 0; vertical-align:middle;}
.join_finish .typical_page li .txt:after { content:''; position:absolute; margin-top:-6px; top:50%; right:20px; width:7px; height:12px; background:url('../images/common/icon_page_view_arr.png') no-repeat; background-size:100% auto;}
.join_finish .typical_page li .txt > strong { display:block; color:#fdb525;}
.join_finish .typical_page li .txt > span { font-size:0.929em; color:#666666;}

/* 회원탈퇴 */
.mbs_withdraw { margin-top:8px; background-color:#fff;}
.mbs_withdraw .info_txt { padding:31px 20px 32px; color:#666666;}
.mbs_withdraw .withdraw_clause { padding:33px 20px; min-height:165px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#f7f7f7;}
.mbs_withdraw .withdraw_btn_group { padding:20px;}
.mbs_withdraw .withdraw_btn_group .btn-type01 { margin-top:20px;}


.join_write .btn_group .btn_bottom_fixed em{font-weight:bold;}