@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none;}

#wrap{width: 100%; height: 100%; background-color: #f1f1f1;}
#mobile_view{max-width: 640px; width: 100%; margin: 0 auto; background-color: #fff;}


body{font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.logo_area{width: 89%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 26px 0 ;}
.logo {width: 40%;}
.call {width: 30%; text-align: right;}
.logo img {width: 62%;}
.call img {width: 90%;}

.main_banner{width: 100%;}
.main_banner img{width: 100%;}
.infor_banner01{width: 100%;}
.infor_banner01 img{width: 100%;}

.db_input{width: 100%;  background-color: #f9f9f9;}
#frmProc{width: 86%; margin: 0 auto; padding: 40px 0 28px 0;}

.form{width: 100%; height:50px; background: #fff; border: 1px solid #16346E; text-align: center; font-size: 16px; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 5px; margin-bottom: 8px; }
input::placeholder{ color: #AAAAAA; }
#gen{width: 100%; height: 50px; float: right; margin-bottom: 8px;}   
#gen input[type=radio] {display: none;}
#gen input[type=radio]:checked + span {background-color: #F6B42E; color: #fff;}
#gen label span {display: inline-block;width: 50%; height: 50px; border: 1px solid #16346E; background-color: #fff; outline: 0; text-align: center; line-height: 48px; float: left;}
#gen1{border-radius: 5px 0px 0px 5px;}
#gen2{border-radius: 0px 5px 5px 0px;}

#mobile_wrap {display: flex; justify-content: space-between; align-items: center;}
.smsWrap .form { width: 75%; margin-bottom: 0;}
#btnSendAuthCode { border: none; width: 24%; height: 50px; color: #fff; font-size: 16px;font-weight: 500; background: #101947;padding: 16px; cursor: pointer; border-radius: 5px;}

#auth_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
#btnCheckAuthCode { border: none; width: 24%; height: 50px; color: #fff; font-size: 16px;font-weight: 500; background: #101947;padding: 16px; cursor: pointer; border-radius: 5px;}




#mobile_wrap2 {display: flex; justify-content: space-between; align-items: center;}
.smsWrap2 .form { width: 75%; margin-bottom: 0;}
#btnSendAuthCode2 { border: none; width: 24%; height: 50px; color: #fff; font-size: 16px;font-weight: 500; background: #101947;padding: 16px; cursor: pointer; border-radius: 5px;}

#auth_wrap2 {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
#btnCheckAuthCode2 { border: none; width: 24%; height: 50px; color: #fff; font-size: 16px;font-weight: 500; background: #101947;padding: 16px; cursor: pointer; border-radius: 5px;}




.personal_box{width: 100%; font-size: 15px; color: #222; letter-spacing: -0.06em; margin: 8px auto 16px auto;}
.check01{ display: flex; justify-content: space-between;  align-items: flex-end; margin-bottom: 4px;}
.check02{ display: flex; justify-content: space-between;  align-items: flex-end;}
input[id="all"] {position: relative; top: -3px;}
input[id="agree"] {position: relative; top: -3px;}
input[id="receive"] {position: relative; top: -3px;}

.btn_01{border: 0; outline: 0; background-color: #F6B42E; width: 100%; height: 70px; color: #101947; font-size: 24px; font-weight: 700; line-height: 60px; letter-spacing: -0.04em; border-radius: 30px;}
.img_100per img {width: 100%;}
.img_100per img {width: 100%;}


.db_price{width: 100%; background-color: #F9F9F9;}
.db_txt_wrap{display: flex; align-items: flex-end; justify-content: center;}
.db_h1{color: #101947; font-weight: 700; font-size: 22px; letter-spacing: -0.06em; text-align: center; line-height:20px;}
#txt_age, #txt_name{color: #101947; font-weight: 700; font-size: 22px; letter-spacing: -0.06em; text-align: center; line-height:20px;}
.db_bar01{width: 40px; height: 1px; background-color: #d9d9d9;}
.db_bar02{width: 65px; height: 1px; background-color: #d9d9d9;}
.db_text{margin-left: 8px; margin-right: 12px;}

.price_conts{width: 86%; margin: 0 auto; padding: 32px 0 44px 0;}
#pay_table{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 24px;}
.pay_box{background-color: #fff; border: 1px solid #214DA4; border-radius: 3px; width: 49%; padding: 16px 0; text-align: center; margin-bottom: 10px;}
.b_txt{color: #214DA4; font-weight: 700; font-size: 18px; margin-bottom: 12px;}
.brand_price{display: flex; align-items: center; justify-content: center;}
.sub_price{color: #666666; font-weight: 500; font-size: 16px;}
.price{color:#101947; font-size : 20px; width: 65px; margin: 0 4px 0 8px; text-align: center; font-weight: 700;}
.price_infor{font-size: 14px; font-weight: 400; letter-spacing: -0.06em; line-height: 20px; color: #999999; text-align: center; margin: 10px 0 24px 0;}
.db_price .img_100per{margin-top: 12px;}

#cont_wrap{width: 100%;}
.content02{width: 100%; margin: 0 auto;}

.infor_banner02{width: 100%;}
.infor_banner02 img{width: 100%;}
.cont_img{width: 100%; margin: 28px 0 32px 0;}
.cont_img img{width: 100%;}

.cont_btn{width: 90%; height: 60px; background-color: #FFE920; border-radius: 30px; margin: 32px auto 36px auto;}
.cont_btn p{color: #101947; font-weight: 700; font-size: 22px; letter-spacing: -0.06em; text-align: center; line-height: 64px;}

#after_service{width: 100%; background-color: #214DA4;}
.content03{width: 86%; margin: 0 auto; padding: 44px 0 40px 0;}
#frmProc2{margin-top: 24px;}
.btn_02{border: 0; outline: 0; background-color: #00B2FF; width: 100%; height: 60px; color: #fff; font-size: 22px; font-weight: 700; line-height: 60px; letter-spacing: -0.04em; border-radius: 30px;}

.banner{width: 100%;}
.banner img{width: 100%;}

/**2023 통합 모바일 푸터 CSS**/
#footer_2023{width: 100%; } 
.infor_summary{background-color: #F9F9F9; padding: 30px 0 22px 0;}
.infor_summary>div{width: 89%; margin: 0 auto;}
.infor_summary p{color: #111; font-size: 14px; line-height: 20px; margin-bottom: 6px; letter-spacing: -0.6px; font-weight:500; text-align: left;}

.footer_conts{max-width: 640px; width: 85%; margin: 0px auto; padding: 40px 0; letter-spacing: -0.6px;}
li{list-style: none; float: left; margin-right: 10px;}
ul::after{clear: both; display: block; content: "";}

.footer01 li:nth-child(odd)::after { display: inline-block; content: ""; width: 1px; height: 10px; background-color: #e1e1e1; margin-left: 8px;}
.footer_popup li{font-size: 14px; font-weight: 600; color: #222; text-align: left; margin-right: 16px;}
.footer_popup a{color: #222;}

.footer01{ margin-top: 25px; margin-bottom: 25px;}
.footer01 li{font-size: 13px; line-height: 18px; margin-bottom: 10px; font-weight: 400; color: #666666; text-align: left;}
.footer02 li{font-size: 13px; line-height: 18px; font-weight: 400; color: #999999; text-align: left;}
/**2023 통합 모바일 푸터 CSS**/


#fix_banner{position: fixed; right: 5%; bottom: 8%;}
#fix_banner img{width: 65px}