@charset "utf-8";
/* Default */
body, html { width: 100%; height: 100%; }
#wrap { position: relative; min-width: 360px; min-height: 100%; margin: 0 auto; }
.m_only, m-only { display: none !important; }
.pc_only { display: inline-block; }
.hide { display: none !important; }
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt17 { margin-top: 17px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.pb0 { padding-bottom: 0 !important; }
.ft_Hanwha { font-family: 'Hanwha'; }

#wrap { min-width: 360px; max-width: 786px; }
#dim { width: 100%; height: 100%; z-index: 100; position: fixed; top: 0; left: 0; display: none; background-color: rgba(0,0,0,0); }
#dim.on { display: block; }

.contents_title { font-weight: 700; font-size: 16px; line-height: 26px; color: #333333; } 
.main_title { font-weight: 700; font-size: 19px; line-height: 28px; position: relative; box-shadow: inset 0 -8px 0px #F89B6C; width: auto; display: inline-block; } 
.main_btn_area { padding: 0 24px 44px; width: 100%; } 
.main_btn_area .btn { display: inline-block; width: 100%; height: 55px; font-size: 18px; font-weight: 700; color: #ffffff; line-height: 55px; background-color: #F37321; border-radius: 8px; overflow: hidden; } 
.main_btn_area .guide_text { color: #E55876; font-weight: 300; font-size: 11px; line-height: 18px; margin-bottom: 4px; text-align: center; word-break: keep-all; padding: 0 4px; } 
.contents_sub_text { font-weight: 300; font-size: 13px; line-height: 22px; color: #666666; } 

/* checkbox */
.chk_view_area.type_01 .title_area { height: 24px; display: flex; align-items: center; justify-content: flex-start; } 
.chk_view_area.type_01 .title_area i { display: inline-block; width: 16px; height: 13px; background-image: url(../image/icon_chk01.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.chk_view_area.type_01 .title_area .title { font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.025rem; color: #333333; margin-left: 4px; } 
.chk_view_area.type_01 .chk_area { border-bottom: 1px solid #454545; border-top: 1px solid #454545; } 
.chk_view_area.type_01 .chk_area .chk_wrap { padding: 12px 0; display: flex; justify-content: space-between; } 
.chk_view_area.type_01 .chk_area .chk_wrap + .chk_wrap { border-top: 1px solid #bababa; } 
.chk_view_area.type_01 .chk_label { font-weight: 300; font-size: 13px; line-height: 1.5; padding-right: 12px; word-break: keep-all; padding-left: 12px; color: #333333; position: relative; letter-spacing: -0.2px; } 
.chk_view_area.type_01 .chk_label::before { content: "ㆍ"; position: absolute; left: 0; top: 0px; width: 6px; } 
.chk_view_area.type_01 .radio_view_area { margin-top: 4px; } 

.radio_view_area.type_01 { display: flex; justify-content: space-between; width: 142px; min-width: 142px; align-items: center; } 
.radio_view_area.type_01 .radio_area input[type="radio"] + label { display: inline-block; background-image: none; padding: 0; width: 68px; height: 26px; text-align: center; line-height: 26px; background-color: #d3d3d3; border-radius: 2.5px; font-size: 12px; letter-spacing: -0.025rem; font-weight: 300; color: #333333; } 
.radio_view_area.type_01 .radio_area input[type="radio"]:checked + label { background-color: #715def; color: #ffffff; font-weight: bold; } 

.radio_view_area.type_02 { display: flex; justify-content: flex-start; align-items: center; } 
.radio_view_area.type_02 .radio_area + .radio_area { margin-left: 8px; } 

.radio_view_area + .error_msg_area { height: 0; overflow: hidden; transition: height 0.5s, margin-top 0.5s; margin-top: 0px; } 
.radio_view_area.error + .error_msg_area { height: 20px; margin-top: 8px; } 
.radio_view_area + .error_msg_area .msg { font-weight: 300; font-size: 11px; line-height: 20px; color: #e55876; } 

.radio_area input[type="radio"] { display: none; } 
.radio_area input[type="radio"] + label { position: relative; padding-left: 16px; font-weight: 300; font-size: 13px; line-height: 19px; background-image: url(../image/icon_chk01_off.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; } 
.radio_area input[type="radio"]:checked + label { color: #715def; background-image: url(../image/icon_chk01_on.svg); } 

.radio_area.type_circle01 input[type="radio"] + label { padding-left: 18px; font-weight: 300; font-size: 13px; line-height: 16px; color: #aeaeae; background: none; } 
.radio_area.type_circle01 input[type="radio"] + label::before { position: absolute; left: 0; top: 1px; width: 13px; height: 13px; background: #D9D9D9; border: 3px solid #D9D9D9; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; }
.radio_area.type_circle01 input[type="radio"]:checked + label { color: #222222; } 
.radio_area.type_circle01 input[type="radio"]:checked + label::before { background: #ffffff; border: 3px solid #F37321; }

.chkbox_area.type_01 input[type="checkbox"] { display: none; } 
.chkbox_area.type_01 input[type="checkbox"] + label { position: relative; display: block; font-size: 14px; font-weight: 300; line-height: 21px; padding-left: 26px; }
.chkbox_area.type_01 input[type="checkbox"] + label::before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: url(../image/icon_chk_gray.svg) no-repeat center center, #ffffff; background-size: 13px; border: 1px solid #d0d0d0; box-sizing: border-box; content: ''; display: inline-block; }
.chkbox_area.type_01 input[type="checkbox"]:checked + label::before { background: url(../image/icon_chk_white.svg) no-repeat center center,#F37321; background-size: 13px; border: 1px solid #F37321; }

.chkbox_area.type_01.type_terms { position: relative; } 
.chkbox_area.type_01.type_terms .detail_open { position: absolute; display: inline-block; width: 18px; height: 18px; right: 0px; top: 2px; background-image: url(../image/icon_arrow02_off.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; } 
.chkbox_area.type_01.type_terms.open .detail_open { background-image: url(../image/icon_arrow02_on.svg); } 
.chkbox_area.type_01.type_terms .terms_text_area { height: 0; overflow: hidden; transition: height 0.5s, padding 0.5s, margin-top 0.5s; background-color: #f4f4f4; padding: 0px 8px 0px 16px; margin-top: 0; } 
.chkbox_area.type_01.type_terms.open .terms_text_area { padding: 12px 16px 14px 16px; margin-top: 10px; } 
.chkbox_area.type_01.type_terms .terms_text_area p { font-weight: 300; font-size: 13px; line-height: 19px; color: #666666; } 
.chkbox_area.type_01.type_terms .terms_text_area p b { font-weight: 500; font-size: 13px; line-height: 19px; color: #333333; } 
.chkbox_area.type_01.type_terms .terms_text_area p span { display: inline-block; position: relative; padding-left: 24px; line-height: 1.5; } 
.chkbox_area.type_01.type_terms .terms_text_area p span::before { content: "-"; display: inline-block; position: absolute; left: 10px; } 
.chkbox_area.type_01.type_terms .terms_text_area p em { display: inline-block; position: relative; padding-left: 10px; line-height: 1.5; } 
.chkbox_area.type_01.type_terms .terms_text_area p::-webkit-scrollbar { width: 10px; /* 스크롤바의 너비 */}
.chkbox_area.type_01.type_terms .terms_text_area p::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 10px; } 
.chkbox_area.type_01.type_terms .terms_text_area p::-webkit-scrollbar-track { background: #E4E4E4; border-radius: 10px; } 

.info_insert_area.type_01 > ul > li + li { margin-top: 10px; } 

.sub_chk { margin-top: 10px; }
.sub_chk li + li { margin-top: 10px; } 

/* Input */
.input_area label { display: block; font-weight: 300; font-size: 12px; line-height: 16px; } 
.input_area.type_01 label + input[type="text"] { margin-top: 10px; width: 100%; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; height: 40px; line-height: 40px; padding: 0 16px; font-weight: 300; font-size: 11px; } 
.input_area input[type="text"]::placeholder { color: #666666; } 

.input_area.type_02 label + .input_box { margin-top: 10px; width: 100%; height: 40px; display: flex; align-items: center; } 
.input_area.type_02 label + .input_box select { width: 96px; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 10px; font-weight: 300; font-size: 13px; background-image: url(../image/icon_arrow03.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) center; border: 1px solid #cccccc; } 
.input_area.type_02 label + .input_box input[type="text"] { width: calc(100% - 96px); height: 100%; border: 1px solid #cccccc; border-left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: 300; font-size: 11px; padding: 0 16px; } 

.input_area.type_02.error label + .input_box select { border: 1px solid #e55876; } 
.input_area.type_02.error label + .input_box input[type="text"] { border: 1px solid #e55876; border-left: 0; } 

.input_area .error_msg_area { height: 0; overflow: hidden; transition: height 0.5s; } 
.input_area .error_msg_area .msg { font-weight: 300; font-size: 11px; line-height: 20px; color: #e55876; } 
.input_area.error label + input[type="text"] { border: 1px solid #e55876; } 
.input_area.error .error_msg_area { height: 20px; } 

.input_area_wrap.type01 { display: flex; justify-content: space-between; align-items: flex-end; } 
.input_area_wrap.type01 .input_area { width: 100%; } 
.input_area_wrap.type01 .div_line { display: inline-block; width: 20px; min-width: 20px; height: 40px; line-height: 40px; text-align: center; color: #cccccc } 

.input_area.type_01 input[type="password"] { display: inline-block; margin-top: 10px; width: 100%; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; height: 40px; line-height: 40px; padding: 0 16px; font-weight: 300; font-size: 11px; } 

.input_area_wrap.type01 + .error_msg_area { height: 0; overflow: hidden; transition: height 0.5s, margin-top 0.5s; margin-top: 0px; } 
.input_area_wrap.type01.error + .error_msg_area { height: 20px; margin-top: 8px; } 
.input_area_wrap.type01.error + .error_msg_area { font-weight: 300; font-size: 11px; line-height: 20px; color: #e55876; } 
.input_area_wrap.type01.error .input_area input[type="text"],
.input_area_wrap.type01.error .input_area input[type="password"] { border: 1px solid #e55876; } 
.input_area_wrap.type01 + .error_msg_area .msg { font-weight: 300; font-size: 11px; line-height: 20px; color: #e55876; } 

/* Button */
.landing_wrap .main_btn_area { padding: 0 15px 15px; text-align: center; } 
.landing_wrap .main_btn_area .btn { width: 100%; display: block; height: 54px; line-height: 54px; text-align: center; background-color: #715def; font-weight: 700; font-size: 18px; color: #ffffff; } 
.main_btn_area .btn.disabled,
.main_btn_area .btn:disabled { background-color: #d4d4d4; color: #666666 } 
.landing_wrap .main_btn_area .logo { margin-top: 12px; width: 81px; } 

/* Popup */
.dim { display: none; width: 100%; height: 100%; position: fixed; left: 50%; top: 0; max-width: 786px; min-width: 360px; background-color: rgba(0,0,0,0.7); transform: translateX(-50%); z-index: 100; } 
.dim.active { display: block; } 

.popup_wrap { display: none; width: 100%; height: 100%; position: fixed; left: 50%; top: 0; max-width: 786px; min-width: 360px; transform: translateX(-50%); z-index: 200; } 
.popup_wrap.active { display: block; } 
.popup_wrap .popup { display: none; z-index: 250; } 
.popup_wrap .popup.active { display: block; } 
.popup_wrap .popup.type_01 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 48px); background-color: #ffffff; text-align: center; padding: 24px; border-radius: 5px; } 
.popup_wrap .popup.type_01 .title { font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; } 
.popup_wrap .popup.type_01 .title { font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; } 
.popup_wrap .popup.type_01 .text { margin-top: 20px; font-weight: 300; font-size: 14px; line-height: 115%; letter-spacing: 0.05em; color: #666666; } 
.popup_wrap .popup.type_01 .btn { margin-top: 20px; display: block; width: 100%; text-align: center; height: 56px; line-height: 56px; background-color: #F37321; font-weight: 500; font-size: 18px; color: #ffffff; border-radius: 8px; } 

/* Header */
header { position: fixed; left: 50%; top: 0; width: 100%; height: 56px; border-bottom: 1px solid #cccccc; max-width: 786px; transform: translateX(-50%); min-width: 360px; background-color: #ffffff; } 
header .back_btn { display: inline-block; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); text-indent: -999999px; width: 24px; height: 24px; background-image: url(../image/icon_back.svg); background-repeat: no-repeat; background-position: center; } 
header .header_title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 700; font-size: 16px; line-height: 25px; color: #666666; } 

/* 인증 수단 */
.service_list_area { padding: 35px 24px 36px; } 
.service_chk_area { margin-top: 36px; } 
.service_chk_area ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
.service_chk_area ul li + li { margin-left: 16px; } 
.service_chk_area ul li { width: calc(33% - 10px); text-align: center; height: 94px; margin-bottom: 16px; position: relative; } 
.service_chk_area ul li .radio_area { position: relative; } 
.service_chk_area ul li .radio_area label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.service_chk_area ul li .radio_area input[type="radio"] + .view_area { background-color: #fcfcfc; padding: 10px 0; height: 100%; border: 1px solid #fcfcfc; box-sizing: border-box; border-radius: 5px; } 
.service_chk_area ul li .radio_area input[type="radio"] + .view_area .img_box { display: inline-block; border-radius: 10px; overflow: hidden; width: 38px; height: 38px; } 
.service_chk_area ul li .radio_area input[type="radio"]:checked + .view_area { border: 1px solid #aec3fd; background-color: #f7f9ff; } 
.service_chk_area ul li .radio_area input[type="radio"]:checked + .view_area .inner_text { color: #445FE6; } 
.service_chk_area ul li:nth-of-type(3n+1) { margin-left: 0; } 
.service_chk_area ul li .inner_text { margin-top: 4px; font-weight: 300; font-size: 13px; line-height: 124%; color: #333333; } 



/* 인증정보입력 */
.certi_info_insert_area { padding: 35px 24px 0; } 
.certi_info_insert_area .info_insert_area { margin-top: 20px; } 
.certi_info_insert_area .terms_chk_area { margin-top: 30px; } 
.certi_info_insert_area .terms_chk_area .terms_chk_box { margin-top: 20px; } 

/* 약관동의 */
.terms_chk_area { padding: 35px 24px 64px; } 

/* 인증요청 */
.certi_step_view_area { padding: 60px 24px 36px; } 
.certi_step_view_area .contents_sub_text { margin-top: 10px; font-weight: 300; font-size: 13px; line-height: 22px; color: #666666; } 
.certi_step_view_area .contents_sub_text b { font-weight: 500; } 
.certi_step_view_area .step_view_list { margin-top: 40px; display: flex; justify-content: space-between; } 
.certi_step_view_area .step_view_list li { height: 160px; padding-top: 16px; width: calc(33% - 8px); text-align: center; background-color: #FFF2E9; border-radius: 10px; } 
.certi_step_view_area .step_view_list li img { width: 34px; } 
.certi_step_view_area .step_view_list li .step_inner_title { margin-top: 8px; font-weight: 700; font-size: 16px; line-height: 24px; color: #666666; } 
.certi_step_view_area .step_view_list li .step_inner_text { margin-top: 14px; font-weight: 500; font-size: 14px; line-height: 130%; color: #666666; } 
.certi_step_view_area .step_chk_area { margin-top: 30px; } 

/* 로딩페이지 */
.loading_area { padding: 120px 24px 0; text-align: center; } 
.loading_area .load_icon_area i { display: inline-block; width: 40px; height: 40px; background-image: url(../image/icon_loading.svg); background-repeat: no-repeat; background-position: center; } 
.loading_area .load_title { margin-top: 16px; font-weight: 700; font-size: 20px; line-height: 24px; color: #333333; } 
.loading_area .load_bar_area { margin-top: 30px; width: 100%; position: relative; height: 12px; background-color: #eeeeee; } 
.loading_area .load_bar_area .bar { position: absolute; left: 0; top: 0; height: 100%; background-color: #FBB584 ; } 
.loading_area .load_percent_text { text-align: left; width: 100%; margin-top: 4px; font-weight: 700; font-size: 14px; line-height: 20px; color: #F37321; } 

/* 완료 */
.complete_view_area { padding: 120px 24px 48px; text-align: center; } 
.complete_view_area .complete_icon_area i { display: inline-block; width: 40px; height: 40px; background-image: url(../image/icon_complete.svg); background-repeat: no-repeat; background-position: center; } 
.certi_guide_area .complete_icon_area i { display: inline-block; width: 40px; height: 40px; background-image: url(../image/icon_complete.svg); background-repeat: no-repeat; background-position: center; margin-bottom: 15px; } 
.complete_view_area .contents_title { margin-top: 16px; font-size: 20px; } 
.complete_view_area .contents_sub_text { margin-top: 16px; } 

/* 에러 */
.error_view_area { padding: 120px 24px 48px; text-align: center; } 
.error_view_area .error_icon_area i { display: inline-block; width: 40px; height: 40px; background-image: url(../image/icon_error.svg); background-repeat: no-repeat; background-position: center; } 
.error_view_area .contents_title { margin-top: 16px; font-size: 20px; } 
.error_view_area .contents_sub_text { margin-top: 16px; } 

/* 인증 추가 */
.certi_guide_area { padding: 130px 24px 141px; text-align: center; } 
.certi_guide_area.complete_type { padding-top: 83px; } 
.certi_guide_area .logo_area { width: 145px; margin: 0 auto; } 
.certi_guide_area .text_area .main_text { font-weight: 700; font-size: 20px; line-height: 26px; color: #333333; } 
.certi_guide_area .text_area .sub_text { margin-top: 15px; font-weight: 300; font-size: 13px; line-height: 22px; color: #666666; } 
.certi_guide_area .step_view_area { margin-top: 46px; } 
.certi_guide_area .step_view_area ul { display: flex; justify-content: space-between; width: 233px; margin: 0 auto; position: relative; } 
.certi_guide_area .step_view_area li { position: relative; padding-top: 12px; z-index: 2; } 
.certi_guide_area .step_view_area li .num { display: inline-block; position: absolute; left: calc(50% - 18px); transform: translateX(-50%); top: 1px; display: inline-block; width: 23px; height: 23px; background-color: #F2F4F7; border-radius: 50%; font-weight: 700; font-size: 15px; line-height: 23px; text-align: center; color: #FBB584; } 
.certi_guide_area .step_view_area li .icon_area { width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; margin: 0 auto; background-color: #ffffff; border-radius: 50%; border: 2px solid #ffffff; box-sizing: border-box; } 
.certi_guide_area .step_view_area li .icon_area img { width: auto; opacity: 0.5 } 
.certi_guide_area .step_view_area li .text { margin-top: 5px; display: block; font-weight: 500; font-size: 12px; line-height: 17px; color: #98A2B3; } 
.certi_guide_area .step_view_area li.active .num { background-color: #F37321; color: #ffffff; } 
.certi_guide_area .step_view_area li.active .icon_area { border: 2px solid #F37321; } 
.certi_guide_area .step_view_area li.active .text { color: #F37321; font-weight: 700; } 
.certi_guide_area .step_view_area li.active .icon_area img { opacity: 1; } 
.certi_guide_area .step_view_area ul::after { content: ""; display: inline-block; position: absolute; left: 10px; width: calc(100% - 20px); top: 39px; z-index: 1; border-top: 2px dashed #F8F7FE; } 
.certi_guide_area + .main_btn_area { position: absolute; top: 477px; } 


/* 랜딩페이지 */
.landing_visual { position: relative; width: 100%; height: 53vw; min-height: 185px; max-height: 405px; background: url(../image/bg_landing_visual.png) no-repeat center center; background-size: cover; } 
.landing_visual .logo { position: absolute; right: 20px; top: 20px; width: 106px; height: 24px; background: url(../image/logo_hanwha.svg) no-repeat center center; background-size: contain; } 
.landing_visual .text { position: absolute; left: 20px; bottom: 20px; font-size: 17px; font-weight: 300; color: #ffffff; line-height: 22px; } 
.landing_visual .text strong { display: block; font-size: 26px; font-weight: 700; line-height: 34px; margin-top: 4px; } 
.landing_contents { padding: 30px 20px; }
.landing_contents h3 { font-size: 18px; font-weight: 700; color: #000000; line-height: 24px; word-break: keep-all; }
.landing_contents ul { width: 100%; max-width: 480px; min-width: 320px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px auto; }
.landing_contents ul li { position: relative; width: calc(50% - 13px); height: 84px; display: flex; align-items: center; justify-content: center; background: #F9FAFB; border-radius: 10px; }
.landing_contents ul li:nth-of-type(n+3) { margin-top: 26px; }
.landing_contents ul li:nth-of-type(3) { order: 1; }
.landing_contents ul li::after { position: absolute; width: 8px; height: 15px; background: url(../image/icon_step_arrow.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.landing_contents ul li:nth-of-type(1)::after { right: -16px; top: 50%; transform: translateY(-50%); }
.landing_contents ul li:nth-of-type(2)::after { left: 50%; bottom: -20px; transform: translateX(-50%) rotate(90deg); }
.landing_contents ul li:nth-of-type(3)::after { left: -16px; top: 50%; transform: translateY(-50%) scaleX(-1); }
.landing_contents ul li:nth-of-type(4):after { display: none; }
.landing_contents ul li i { display: inline-block; width: 40px; height: 40px; margin-right: 6px; }
.landing_contents ul li i.icon_survey { background: url(../image/icon_survey.svg) no-repeat center center; background-size: contain; }
.landing_contents ul li i.icon_analyze { background: url(../image/icon_analyze.svg) no-repeat center center; background-size: contain; }
.landing_contents ul li i.icon_join { background: url(../image/icon_join.svg) no-repeat center center; background-size: contain; }
.landing_contents ul li i.icon_check { background: url(../image/icon_check.svg) no-repeat center center; background-size: contain; }
.landing_contents ul li p { font-size: 14px; font-weight: 700; color: #000000; line-height: 20px; }


/* 231227_약관동의 */
.terms_chk_box { margin-top: 20px; }
.terms_chk_box input[type="checkbox"] { display: none; }
.terms_chk_box .total_chk_box input[type="checkbox"] + label { width: 100%; height: 42px; font-size: 14px; line-height: 22px; padding: 10px 12px; background: #ffffff; border: 1px solid #dddddd; display: block; } 
.terms_chk_box .total_chk_box input[type="checkbox"] + label::before { width: 20px; height: 20px; background: url(../image/icon_chk_gray.svg) no-repeat center center; background-size: 16px; content: ''; display: inline-block; vertical-align: -5px; margin-right: 8px; }
.terms_chk_box .total_chk_box input[type="checkbox"]:checked + label { border: 1px solid #F37321; }
.terms_chk_box .total_chk_box input[type="checkbox"]:checked + label::before { background: url(../image/icon_chk01_on.svg) no-repeat center center; background-size: 16px; }
.terms_chk_box .sub_chk_list { margin-top: 16px; }
.terms_chk_box .sub_chk_list li + li { margin-top: 16px; }
.terms_chk_box .sub_chk_box input[type="checkbox"] + label { width: 100%; font-size: 13px; line-height: 24px; display: block; }
.terms_chk_box .sub_chk_box input[type="checkbox"] + label::before { width: 18px; height: 18px; background: url(../image/icon_chk_gray.svg) no-repeat center center; background-size: 13px; border: 1px solid #dddddd; content: ''; display: inline-block; vertical-align: -5px; margin-right: 8px; }
.terms_chk_box .sub_chk_box input[type="checkbox"]:checked + label::before { background: url(../image/icon_chk_white.svg) no-repeat center center, #F37321; background-size: 13px; border: 1px solid #F37321; }
.terms_chk_box .sub_chk_box .error_msg_area { height: 0; overflow: hidden; transition: height 0.5s; } 
.terms_chk_box .sub_chk_box .error_msg_area .msg { font-weight: 300; font-size: 11px; line-height: 20px; color: #e55876; }
.terms_chk_box .sub_chk_box.error .error_msg_area { height: 20px; } 
.popup_wrap .popup.type_01 .terms_title { font-size: 16px; font-weight: 700; line-height: 24px; color: #333333; text-align: left; display: block; } 
.popup_wrap .popup.type_01 .terms_text_wrap { width: 100%; height: 45vh; max-height: 400px; padding: 12px; background: #f4f4f4; margin-top: 20px; overflow-y: scroll; }
.popup_wrap .popup.type_01 .text_box { font-size: 13px; font-weight: 300px; line-height: 19px; color: #666666; text-align: left; }
.popup_wrap .popup.type_01 .text_box b { font-weight: 700; color: #333333; }