.inner {width: 1200px; margin: 0 auto;}

/* header css start*/
#header{width: 100%; position: relative; border-bottom: 1px solid #eee; padding: 15px 0;}
#header .logo a {display: inline-block; width: 230px;}
#header .logo a img {width: 100%;}
.header_inner{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.timer, .timer_line{margin-right: 10px;}
.timer_line{display: block;width: 50px; background: #ddd; border-top: 1px dashed #828282;}
.update_date{display: flex;justify-content: center;align-items: center;height: 40px;border-radius: 8px;overflow: hidden; border: 1px solid #ccc; padding: 0 15px;}
.update_txt{height: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;letter-spacing: -.5px; font-weight: 600;}
.today_txt {color: #ff7427;font-weight: 400; text-decoration: underline;}
.update_date .arrow {width: 18px; height: 18px; background: url("../img/top_arrow.png") no-repeat center / contain; padding: 0 10px;}

/* section1 css start*/
#section1{width: 100%; position: relative; padding: 30px 0;}
#section1 .section1_inner {display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
#section1 .main_title_wrap {width: 100%; height: 400px; background: url("../img/main_img.png") no-repeat 0 0  / contain; padding: 0 120px; box-sizing: border-box; margin-bottom: 40px; border-radius: 15px; display: flex; flex-direction: column; justify-content: center;}
#section1 .main_title_wrap p {color: #fff; width: fit-content; font-size: 22px;}
#section1 .main_title_wrap h1 {font-size: 68px; font-weight: 700; line-height: 1.3; margin: 35px 0 20px; color: #fff;}
#section1 .main_title_wrap h1 .text-sm {font-size: 51px;}
#section1 .main_title_wrap span {font-size: 50px; font-weight: 700; color: #fff;}

#section1 .form_wrap {display: flex; align-items: center; justify-content: center; background: #fff; width: 100%; padding: 40px 55px; box-sizing: border-box; border-radius: 15px; border: 1px solid #ddd;}
#section1 .form_wrap form {width: 100%;}
#section1 .form_wrap ul {display: flex; justify-content: space-between;}
#section1 .form_wrap ul li, #section1 .form_wrap .name_cover {display: flex; flex-direction: column; justify-content: flex-end;}
#section1 .form_wrap ul li:first-child {flex-direction: row;}
#section1 .form_wrap ul li .sex_cover {display: flex; flex-direction: column; justify-content: center; gap: 15px; margin-left: 20px;}
#section1 .form_wrap label {font-size: 22px; margin-bottom: 10px; font-weight: 500;}
#section1 .form_wrap input[type="text"], #section1 .form_wrap input[type="tel"] {border: 0; border-bottom: 1px solid #999; font-size: 20px; padding: 5px; outline: none; width: 170px; font-family: inherit;}
#section1 .form_wrap .tel_cover {display: flex;}
#section1 .form_wrap select {font-size: 20px; padding-right: 35px; appearance: none; background: url("../img/arrow.png") no-repeat 100% 50% !important; border: 0; margin-right: 5px;}
#section1 .form_wrap input[type="radio"] {width: 18px; height: 18px; border-radius: 100%; border: 1px solid #bbb; margin: 0; margin-right: 8px; appearance: none; position: relative; cursor: pointer;}
#section1 .form_wrap input[type="radio"]:checked {border: 1px solid #ff7a21;}
#section1 .form_wrap input[type="radio"]:checked::before {content: ""; width: 10px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #ff7a21; border-radius: 100%;}
#section1 .form_wrap .sex_cover .sex_box {display: flex; align-items: center;}
#section1 .form_wrap .sex_cover .sex_box label {margin-bottom: 0; font-size: 20px; cursor: pointer;}
#section1 .privacy_wrap {display: flex; align-items: center; gap: 5px; margin-bottom: 10px;padding:0 5px}
#section1 .privacy_wrap input[type="checkbox"] {width: 18px; height: 18px; margin: 0; cursor: pointer;border: 2px solid #000; appearance: none; background: #fff;}
#section1 .privacy_wrap label {font-size: 14px; margin-bottom: 0; cursor: pointer;}
#section1 .privacy_wrap button {font-family: inherit; margin: 0; padding: 0; background: none; border: 0; font-size: inherit; cursor: pointer; font-size: 12px; font-weight: 500; position: relative; }
.btn_submit {background: none; border: 0; font-family: inherit; font-size: 22px; font-weight: 600; background: #231f20; color: #fff; padding: 10px; width: 100%; cursor: pointer;}


/* section2 */
#section2 {position: relative; width: 100%; padding: 0 0 30px;}
#section2 .bohum_category_wrap {background: #fff; padding: 45px 52px 35px; border-radius: 8px; border: 1px solid #ddd;}
#section2 .bohum_category_wrap h2 {font-size: 28px; font-weight: 600; padding-bottom: 18px; border-bottom: 1px solid #ddd; margin-bottom: 25px; letter-spacing: -.5px;}
#section2 .bohum_category_wrap ul {display: flex; align-items: center; justify-content: space-around;}
#section2 .bohum_category_wrap ul li a {display: flex; flex-direction: column; align-items: center; padding: 15px; border-radius: 8px; gap: 15px; justify-content: space-between;}
#section2 .bohum_category_wrap ul li a.on .img_wrap {background: #ff7a21;}
#section2 .bohum_category_wrap ul li p {white-space: nowrap; font-size: 18px; font-weight: 500;}
#section2 .bohum_category_wrap ul li a.on p {color: #ff7a21;}
#section2 .bohum_category_wrap ul li a .img_wrap {width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: #f4f8f9; border-radius: 100%; padding: 26px; box-sizing: border-box;}
#section2 .bohum_category_wrap ul li a .img_wrap img {width: 100%; height: 100%; object-fit: contain;}

.section2_bottom {display: flex; justify-content: space-between;align-items: center; box-sizing: border-box;border-radius: 8px;padding: 40px 80px; margin: 0 auto; border: 1px solid #ddd;}
.section2_bottom .section2_bottom_left {font-size: 30px; line-height: 1.3;font-weight: bold;position:relative;}
.section2_bottom .section2_bottom_left::before {content:''; position:absolute; height:100%; width:3px; background:#ff7a21; left:-20px; top:0}
.section2_bottom .section2_bottom_right {display: flex;align-items: center;}
.section2_bottom .section2_bottom_right > div {width: 100px;display: flex;flex-direction: column;align-items: center;}
.section2_bottom .section2_bottom_right > div p {    text-align: center;word-break: keep-all;margin-top: 15px;font-size: 17px;line-height: 1.2;font-weight: bold;}
.section2_bottom .section2_bottom_right > div span {display:block; font-weight:normal; font-size:15px}
.section2_bottom .section2_bottom_right > div.line {margin-top:-45px}
.section2_bottom .section2_bottom_right .color_circle {width: 75px;height: 75px;background: #ff7a21;border-radius: 50%;}


/* section3 start */
.footer {width: 1200px; margin: 0 auto; padding: 40px 0; }
.footer p, .footer a {line-height: 1.5em; font-size: 13px; color: #333;}
.footer a {display: inline-block; font-weight: 500; margin-top: 5px;}
.footer .mt{margin-top: 15px;}

.tabmenu_border{width: 100%; position: relative; border-bottom: 1px solid #eee;}

.essential_info{width: 100%; position: relative; border-bottom: 1px solid #ddd; background: #fffefd;}
.essential_info_inner{width: 1200px; margin: 0 auto; padding: 50px 0; display: flex; flex-direction: column; justify-content: space-between;}
.essential_info_inner_left_txt{font-weight: bold; color: #505050; font-size: 24px; margin-bottom: 20px;}
.essential_info_inner_right_txt{color: #333; line-height: 1.8; font-size: 14px; position:relative; padding-left:20px; font-weight: 500;}
.essential_info_inner_right_txt::before {content:'-';position:absolute;left: 5px; }

input.btn_submit {background: url( "../../hw3_common/img/button.png" ) no-repeat; width: 154px; height: 138px; cursor: pointer;}

.logo{cursor: pointer;}

/* section4 */
.section4 {width:100%;}
.section4 .container {max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;padding: 80px 0 70px; flex-direction: column; border: 1px solid #ddd; border-radius: 15px; margin-bottom: 50px; background: #fffefd;}
.section4 .section4_left {}
.section4 .section4_left h2{font-family: 'GmarketSansBold'; font-size: 42px;font-weight: bold; line-height: 1.4;position:relative; margin-bottom:45px; color: #383838; letter-spacing: -1.5px;}
.section4 .section4_left h2 span{color: #ff7a21; font-family: inherit;}
.section4 .section4_left p{font-size: 20px;line-height: 1.4;}

.section4 .section4_right {display: flex; align-items: center; justify-content: center; gap: 80px;}
.section4 .section4_right ul {}
.section4 .section4_right ul li {background: url("../img/check_icon.png") no-repeat 15px 50% / 32px;width: 600px; font-size: 22px;letter-spacing: -1px;font-weight: 600;display: flex; align-items: center; box-sizing: border-box;  padding: 25px 0; padding-left: 70px; border-bottom: 1px solid #ddd;}

/* section5 */
.section5 {background: #505050;color:#fff; padding: 50px 0;width:100%;}
.section5 .container {max-width: 1200px; margin: 0 auto;}
.section5 h3 {margin-bottom: 20px;font-size: 25px;display: flex;align-items: center; gap: 10px;}
.section5 ul li {color:#cbcbcb; position:relative;padding-left:15px;font-size: 15px;line-height: 1.6;}
.section5 ul li:not(:last-child) {margin-bottom: 6px;}
.section5 ul li::before {position:absolute; left:0;content:'-';}
.section5 p{font-size: 16px;line-height: 1.5;color: #cbcbcb;}

/* bottom_form */
#bottom_form {background: #f0f0f0; padding: 50px 0;}
#bottom_form .inner {width: 1200px; margin: 0 auto;}
.btm_form_wrap ul {display: flex; align-items: center; justify-content: space-between; gap: 35px;}
.btm_form_wrap ul li {display: flex; align-items: center; gap: 15px;}
.btm_form_wrap ul li .sex_cover {display: flex; align-items: center; width: 100%;}
.btm_form_wrap ul li .sex_cover input[type="radio"] {display: none;}
.btm_form_wrap ul li .sex_cover input[type="radio"]:checked + label {background: #ff7a21; color: #fff;}
.btm_form_wrap ul li input[type="text"], .btm_form_wrap ul li input[type="tel"] {width: 100%; border: 0; font-size: 18px; padding: 10px; outline: none;}
.btm_form_wrap ul li > label {font-size: 20px; white-space: nowrap; font-weight: 500;}
.btm_form_wrap ul li .sex_cover label {width: 50%; background: #fff; padding: 10px 20px; font-size: 20px; cursor: pointer; color: #999;}
.btm_form_wrap .submit_wrap {display: flex; align-items: center; justify-content: center; margin-top: 50px; gap: 30px;}
.btm_form_wrap .submit_wrap .privacy_wrap {display: flex; align-items: center;}
.btm_form_wrap .submit_wrap .privacy_wrap input[type="checkbox"] {width: 20px; height: 20px;border: 2px solid #000; appearance: none; background: #fff;}
.btm_form_wrap .submit_wrap .privacy_wrap label {font-size: 17px; margin: 0 6px; font-weight: 500; cursor: pointer;}
.btm_form_wrap .submit_wrap .privacy_wrap button {font-size: 17px; font-weight: 500; position: relative; top: -2px;}
.btm_form_wrap .submit_wrap .btn_submit {width: fit-content; padding: 12px 45px; background: #ff7a21; font-size: 18px; color: #fff; font-weight: 500;}
.btm_form_wrap select {border: 0; font-family: inherit; font-size: 18px; outline: none; padding: 10px; padding-right: 25px;  background: #fff url(../img/arrow.png) no-repeat 100% 50% / 25px}
.btm_form_wrap .mobile_cover {display: flex; align-items: center; gap: 5px;}

/* 보험 상품 리스트 */
.bohum_list_wrap {margin-bottom: 30px;}
.bohum_list_wrap ul li {display: flex; justify-content: space-between; align-items: center; background: #f2f2f2; padding: 20px 57px; border-radius: 8px;}
.bohum_list_wrap ul li .bohum_title {font-weight: 600; color: #666; font-size: 19px;}
.bohum_list_wrap ul li .bohum_type {color: #ff7a21; font-weight: 600;}

/* 보험료 예시 */
#bohum_fee_example {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999999; display: none;}
#bohum_fee_example .bohum_fee_inner {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  width: 1000px; height: 70%; overflow: auto; background: #fff;}
#bohum_fee_example .bohum_fee_inner img {width: 100%;}
#bohum_fee_example .close_modal {position: sticky; top: 15px; left: 940px; cursor: pointer; width: 30px; height: 30px;}
#bohum_fee_example .close_modal::before {content: ""; display: block; width: 2px; height: 100%; background: #333; position: absolute; transform: rotate(45deg); top: 0; left: 50%;}
#bohum_fee_example .close_modal::after {content: ""; display: block; width: 2px; height: 100%; background: #333; position: absolute; transform: rotate(-45deg); top: 0; left: 50%;}

#section1 .privacy_wrap input[type="checkbox"]:checked{appearance: auto;}


.btm_form_wrap .submit_wrap .privacy_wrap input[type="checkbox"]:checked{appearance: auto;}