@charset "utf-8";

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

/* header css start*/
#header{width: 100%; position: relative; border-bottom: 1px solid #eee; padding: 20px 0;}
.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; background: #fff6fa; padding: 50px 0;}
#section1 .section1_inner {display: flex; justify-content: space-between; align-items: center;}
#section1 .main_title_wrap p {color: #444; width: fit-content; font-weight: 600; font-size: 22px;}
#section1 .main_title_wrap h1 {font-size: 65px; font-weight: 700; line-height: 1.3; margin: 35px 0 20px; color: #e40052;}
#section1 .main_title_wrap h1 .text-sm {font-size: 51px;}
#section1 .main_title_wrap span {display: block; font-size: 50px; font-weight: 700; color: #272727; margin-top: 30px;}
#section1 .form_wrap {background: #fff; border: 1px solid #e40052; padding: 35px 40px; border-radius: 8px;}
#section1 .form_wrap ul li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
#section1 .form_wrap ul li > label {font-weight: 600; font-size: 18px; margin-right: 18px; }
#section1 .form_wrap ul li > input, .form_wrap .mobile_wrap input {border: 1px solid #ccc; padding: 10px; font-size: 18px; text-align: center; border-radius: 7px; width: 250px; font-family: inherit;}
#section1 .form_wrap ul li > input::placeholder, .form_wrap .mobile_wrap input::placeholder {color: #aaa;}
#section1 .form_wrap .sex_wrap {display: flex; align-items: center; width: 250px; gap: 8px;}
#section1 .form_wrap .sex_wrap .sex_radio_box {width: 50%;}
#section1 .form_wrap .sex_wrap .sex_radio_box input[type="radio"] {display: none;}
#section1 .form_wrap .sex_wrap .sex_radio_box input[type="radio"]:checked + label {color: #fff; font-weight: 600; background: #e40052; border: 1px solid #e40052;}
#section1 .form_wrap .sex_wrap .sex_radio_box label {font-size: 18px; padding: 10px; border: 1px solid #ccc; border-radius: 7px; display: block; text-align: center; cursor: pointer;}
#section1 .form_wrap .privacy_wrap {display: flex; align-items: center; justify-content: space-between; margin-top: 25px;}
#section1 .form_wrap .privacy_wrap .txt_box {display: flex; align-items: center;}
#section1 .form_wrap .privacy_wrap .txt_box input[type="checkbox"] {width: 20px; height: 20px; margin-right: 7px;}
#section1 .form_wrap .privacy_wrap .txt_box label {font-size: 16px; letter-spacing: -.5px; cursor: pointer;}
#section1 .form_wrap .privacy_wrap button {background: none; border: 0; font-family: inherit; font-size: 15px; cursor: pointer;}
#section1 .form_wrap .submit_btn {display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 22px; background: #e40052; color: #fff; font-weight: 600; font-family: inherit; border: 0; border-radius: 30px; width: 100%; padding: 10px; margin-top: 20px; cursor: pointer;}

#section1 .form_wrap .mobile_wrap {display: flex; align-items: center; width: 250px; gap: 8px;}
#section1 .form_wrap select {padding: 10px; padding-right: 25px; font-size: 18px; border-radius: 7px; border: 1px solid #ccc; background: url("../img/arrow.png") no-repeat 90% 50% / 25px; width: 30%;}
#section1 #mobile2 {width: 70%;}


/* section2 */
#section2 {position: relative; width: 100%; padding: 50px 0;}
#section2 .bohum_category_wrap {background: #fff; padding: 10px; border-radius: 8px; border: 1px solid #e40052; margin-top: 50px; width: fit-content;}
#section2 .bohum_category_wrap ul {display: flex; align-items: center;}
#section2 .bohum_category_wrap ul li {width: 105px;}
#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 {background: #e40052;}
#section2 .bohum_category_wrap ul li p {white-space: nowrap; font-size: 15px}
#section2 .bohum_category_wrap ul li a.on p {color: #fff;}
#section2 .bohum_category_wrap ul li a .img_wrap {height: 48px; display: flex; align-items: center; justify-content: center;}
#section2 .bohum_category_wrap ul li a .img_wrap img {width: 90%; max-width: 48px; max-height: 48px;}

.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:#e40052; 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: #e40052;border-radius: 50%;}

.bohum_list_wrap ul li {border: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between; padding: 25px 35px; border-radius: 5px;}
.bohum_list_wrap ul li:first-child {margin-top: 50px;}
.bohum_list_wrap ul li:not(:last-child) {margin-bottom: 20px;}
.bohum_list_wrap ul li img {width: 160px;}
.bohum_list_wrap ul li .product_wrap {width: 650px; padding-left: 5px;}
.bohum_list_wrap ul li .product_wrap h2 {font-size: 23px; font-weight: 600; letter-spacing: -.5px; line-height: 1.6; }
.bohum_list_wrap ul li .product_wrap .info {font-size: 16px; letter-spacing: -.5px; color: #666; line-height: 1.6; margin: 5px 0 10px;}
.bohum_list_wrap ul li .product_wrap .tag {font-size: 16px; letter-spacing: -.5px; color: #666; line-height: 1.6;}
.bohum_list_wrap ul li .product_wrap .sim {font-size: 16px; letter-spacing: -.5px; color: #666; line-height: 1.6;}
.bohum_list_wrap ul li .button_wrap {display: flex; flex-direction: column; gap: 6px;}
.bohum_list_wrap ul li .button_wrap button, .bohum_list_wrap ul li .button_wrap a {display: block; width: 165px; white-space: nowrap; font-size: 19px; font-weight: 600; padding: 10px 0; color: #fff; border-radius: 5px; text-align: center; box-sizing: border-box;}
.bohum_list_wrap ul li .button_wrap .fee {background: #e40052; border: 1px solid #e40052; position: relative;}
.bohum_list_wrap ul li .button_wrap .fee::after {content: "보험료 확인"; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e40052; display: flex; align-items: center; justify-content: center;}
.bohum_list_wrap ul li .button_wrap .fee.on {background: none; border: 1px solid transparent; color: #e40052;}
.bohum_list_wrap ul li .button_wrap .fee.on::after {display: none;}
.bohum_list_wrap ul li .button_wrap .more {border: 1px solid #e40052; color: #e40052;}
.bohum_list_wrap ul li .button_wrap .note {background: #333; border: 1px solid #333;}


/* section3 start */
.footer {width: 1200px; margin: 0 auto; padding: 40px 0; }
.footer h4 {font-size: 20px; margin-bottom: 15px; color: #999;}
.footer p {line-height: 1.5em; font-size: 13px; color: #333;}
.footer .mt{margin-top: 15px;}

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

#section3{border-top: 1px solid #ddd;}

.essential_info{width: 100%; position: relative; border-bottom: 1px solid #ddd;}
.essential_info_inner{width: 1200px; margin: 50px auto; display: flex; justify-content: space-between;}
.essential_info_inner_left{width: 13%;}
.essential_info_inner_left_txt{font-weight: bold; color: #505050; font-size: 16px;}
.essential_info_inner_right{text-align: justify; width: 87%;}
.essential_info_inner_right_txt{color: #949494; line-height: 1.6em; font-size: 13px;position:relative;padding-left:20px}
.essential_info_inner_right_txt::before {content:'-';position:absolute;left: 5px; }
.essential_info_inner_right_txt:last-child::before {content:'';}

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

.logo{cursor: pointer;}
.logo a {display: flex; align-items: center; gap: 10px;}
.logo a p {letter-spacing: -1px; color: #999;}
.logo img {width: 155px;}

/* section4 */
.section4 {width:100%;}
.section4 .container {width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;padding: 50px 0 70px }
.section4 .section4_left {}
.section4 .section4_left h2{font-size: 55px;font-weight: bold; line-height: 1.4;position:relative; margin-bottom:40px}
.section4 .section4_left h2 span{color: #e40052}
.section4 .section4_left p{font-size: 20px;line-height: 1.4;}

.section4 .section4_right {}
.section4 .section4_right ul {}
.section4 .section4_right ul li {background: url("../img/check_icon.png") no-repeat 45px 50% / 32px;width: 600px;height: 85px; margin-bottom: 15px; font-size: 23px;letter-spacing: -1px;font-weight: 600;display: flex; align-items: center; padding-left: 99px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px;}

/* 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;font-size: 15px;line-height: 1.6;}
.section5 ul li:not(:last-child) {margin-bottom: 6px;}
.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: #e40052; 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; font-family: inherit;}
.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;}
.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: -1px;}
.btm_form_wrap .submit_wrap .btn_submit {padding: 12px 45px; background: #e40052; 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;}


.category_wrap {margin-top: 50px;}
.category_wrap ul {display: flex; align-items: center; gap: 10px;}
.category_wrap ul li button {display: block; background: #fff; color: #333; padding: 10px 24px; font-size: 18px; border-radius: 10px; border: 1px solid #333;}
.category_wrap ul li button.on {background: #333; color: #fff; border: 0;}

/* ajax_loading */
#ajax_loading { position:fixed;z-index:999999999; top:0; left:0; width:100%; height:100%; display:flex; background:rgba(0,0,0,0.7); color:#fff; font-size:30px; justify-content:center; align-items:center; flex-direction:column; display:none;}
.round { width:300px; height:300px; border-radius:50%; display:flex; align-items:center; justify-content:center; }

body {min-width: 1200px;}