html, body{
  -webkit-text-size-adjust : none;  
  -ms-text-size-adjust : none;  
  -moz-text-size-adjust : none; 
  -o-text-size-adjust : none;
  height: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

#wrap {position: relative; margin: 0 auto; min-height: 100vh; overflow-x: hidden;}
.container { width: 650px; margin: 0 auto; position: relative; }
.inner { padding: 0 30px;}

select {
	padding: 0 10px 0 4px;
	background: #fff url('arrow.png') no-repeat 100% 50% !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  color: inherit;
  outline: none;
}

select option { 
	color: #000;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* placeholder 초기화 */
input::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: 400; color:#aaa; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px none inset !important;
}

/* header */
header {background: transparent;}
header .container{display: flex; align-items: center; justify-content: center;}
header a {display: inline-block; padding: 40px 0 20px; width: 160px;}
header a img {width: 100%;}

.home_wrap header {background: #fafbfc;}
/* section1 */
.section1 {background: #fafbfc; padding: 40px 0 60px; text-align: center;}
.section1 .title_wrap {margin-bottom: 50px;}
.section1 .title_wrap p {font-size: 28px; font-weight: 600; letter-spacing: -1px; color: #444; margin-bottom: 30px;}
.section1 .title_wrap img {width: 530px;}
.section1 .img_wrap img {width: 430px;}

.section1 .cm_list_wrap h2 {width: 80%; padding: 26px 15px; background: #214f8a; color: #fff; letter-spacing: -1px; font-size: 30px; font-weight: 500; margin: 0 auto; border-radius: 20px 20px 0 0;}
.section1 .cm_list_wrap h2 b {color: #bbcadc;}
.section1 .cm_list_wrap ul {display: grid; grid-template-columns: repeat(2, 1fr); background: #fff; border-radius: 15px; box-shadow: rgba(99, 99, 99, 0.15) 0px 2px 8px 0px;}
.section1 .cm_list_wrap ul li {padding: 40px 30px; box-sizing: border-box; position: relative; cursor: pointer;}
.section1 .cm_list_wrap ul li:nth-child(2n-1) {border-right: 1px solid #ddd;}
.section1 .cm_list_wrap ul li:nth-child(-n+6) {border-bottom: 1px solid #ddd;}
.section1 .cm_list_wrap ul li .logo_wrap {height: 40px; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.section1 .cm_list_wrap ul li img {width: 100%; height: 100%; object-fit: contain;}
.section1 .cm_list_wrap ul li a {display: block; font-size: 26px; padding: 18px 0; border-radius: 6px; color: #fff; font-weight: 600; letter-spacing: -1.5px; background: #3f3b3e; margin-bottom: 10px;}
.section1 .cm_list_wrap ul li .memo {font-size: 25px; text-align: center; display: inline-block; padding: 15px 8px; border-radius: 8px; font-weight: 400; width: 100%; box-sizing: border-box; border: 2px solid #e5e5e5; color: #898989; letter-spacing: -1.5px; cursor: pointer; transition: all 0.3s ease; height: 55px;}
.section1 .cm_list_wrap ul li .memo-input {display: inline-block !important; width: 100%; padding: 15px 35px 15px 15px; border: 1px solid #E53935; border-radius: 4px; font-size: 22px; font-weight: 500; letter-spacing: -1.5px; box-sizing: border-box; font-family: inherit; outline: none; cursor: text; background: #fff url('./arrow_enter.svg') no-repeat right 8px center; background-size: 16px 16px; text-align: right; height: 55px;}
.section1 .cm_list_wrap ul li .memo-input:hover {cursor: text;}
.section1 .cm_list_wrap ul li .memo-input:focus {outline: none; border-color: #E53935;}
.section1 .cm_list_wrap ul li .memo-input::placeholder {font-size: 25px;}
.section1 .cm_list_wrap ul li .memo-input::-webkit-input-placeholder {font-size: 25px;}
.section1 .cm_list_wrap ul li .memo-input:-ms-input-placeholder {font-size: 25px;}
.section1 .cm_list_wrap ul li .memo-display {font-size: 25px; text-align: right; padding: 15px; border-radius: 4px; font-weight: 600; width: 100%; box-sizing: border-box; border: 1px solid #e5e5e5; color: #E53935; letter-spacing: -1.5px; cursor: pointer; background: #fff; display: flex; justify-content: space-between; align-items: center; height: 55px;}
.section1 .cm_list_wrap ul li .memo-number {display: flex; align-items: center; transition: all 0.3s ease;}
.section1 .cm_list_wrap ul li .memo-number b {display: inline-block; color: #fff; font-weight: 700; background: #E53935; width: 23px; height: 23px; border-radius: 50%; text-align: center; line-height: 23px; font-size: 18px;}
.section1 .cm_list_wrap ul li .memo-number span {color: #E53935; font-weight: 700; font-size: 18px; margin-left: 3px; vertical-align: top; line-height: 18px;}
.section1 .cm_list_wrap ul li .empty {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section1 .cm_list_wrap ul li .empty img {width: 180px !important; height: auto !important;}

.section1 .cm_list_wrap ul li .logo_wrap.hd {padding: 6px;}
.section1 .cm_list_wrap ul li .logo_wrap.hn {padding: 2px;}
.section1 .cm_list_wrap ul li .logo_wrap.hk {padding: 1px;}
.section1 .cm_list_wrap ul li .logo_wrap.axa {padding: 6px;}
.section1 .cm_list_wrap ul li .logo_wrap.kb {padding: 6px;}
.section1 .cm_list_wrap ul li .logo_wrap.cr {padding: 4px;}

/* section2 */
.section2 {padding: 90px 0 130px; background: #fff; text-align: center;}
.section2 h2 {font-size: 42px; font-weight: 600; letter-spacing: -1px; color: #333; margin-bottom: 60px;}
.section2 h2 b {color: #214f8a; font-weight: 700;}
.section2 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px; padding: 0 40px;}
.section2 ul li img {width: 150px; margin-bottom: 20px;}
.section2 ul li p {font-size: 30px; font-weight: 500; letter-spacing: -1px; line-height: 1.3; color: #333;}


/* banner */
.banner {padding: 42px 0; background: #238be8; display: flex; gap: 35px;}
.banner img {width: 220px;}
.banner .txt_wrap {margin-top: 10px;}
.banner .txt_wrap h2 {font-size: 38px; font-weight: 600; letter-spacing: -1px; color: #fff; margin-bottom: 20px;}
.banner .txt_wrap p {font-size: 24px; font-weight: 500; letter-spacing: -1px; line-height: 1.4; color: #bddcf8;}
.banner .txt_wrap p b {color: #fff; font-weight: 600;}



/* section3 */
.section3 {padding: 140px 0; background: #fff;}
.section3 h2 {font-size: 42px; font-weight: 600; letter-spacing: -1px; margin-bottom: 60px; color: #333; text-align: center;}
.section3 h2 b {color: #214f8a; font-weight: 700;}
.section3 ul li {border: 1px solid #ddd; border-radius: 15px; padding: 43px; box-sizing: border-box; text-align: center;}
.section3 ul li:not(:last-child) {margin-bottom: 50px;}
.section3 ul li .logo_wrap {height: 62px; margin-bottom: 40px; box-sizing: border-box;}
.section3 ul li .logo_wrap img {width: 100%; height: 100%; object-fit: contain;}
.section3 ul li a {display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; letter-spacing: -1px; color: #fff; background: #214f8a; padding: 18px; box-sizing: border-box; gap: 12px; width: 280px; margin: 0 auto; border-radius: 10px;}
.section3 ul li a img {width: 28px;}

.section3 ul li .logo_wrap.hd {padding: 12px;}
.section3 ul li .logo_wrap.axa {padding: 12px;}
.section3 ul li .logo_wrap.kb {padding: 14px;}
.section3 ul li .logo_wrap.hn {padding: 6px;}
.section3 ul li .logo_wrap.hk {padding: 1px;}
.section3 ul li .logo_wrap.hw {padding: 10px;}
.section3 ul li .logo_wrap.sam {padding: 2px;}
.section3 ul li .logo_wrap.cr {padding: 12px;}


/* section5 */
.section5 {background: #f7f7f7; padding: 60px 0;}
.section5 .container > ul li:not(:last-child) {margin-bottom: 50px;}
.section5 .container > ul li h4 {font-size: 28px; font-weight: 600; letter-spacing: -1px; color: #214f8a; margin-bottom: 30px;}
.section5 .container > ul li p, .section5 .sim_wrap p {font-size: 19px; font-weight: 500; letter-spacing: -1px; color: #666; line-height: 1.6;}
.section5 .sim_wrap {margin-top: 50px;}
.section5 .sim_wrap ul {display: flex; flex-direction: column; gap: 5px; margin-bottom: 30px;}
.section5 .sim_wrap ul li {font-size: 17px; letter-spacing: -.4px; line-height: 1.4; color: #666;}

/* emergency */
.emergency_wrap { padding-top: 40px; padding-bottom: 180px;}
.emergency_wrap .headline { margin-bottom: 80px;}
.emergency_wrap .headline h2 { font-size: 50px; font-weight: 600; line-height: 1.4; color: #333; letter-spacing: -0.4px;}
.emergency_wrap .headline p { font-size: 28px; line-height: 1.3; font-weight: 500; color: #666; margin-top: 4px;}

.emergency_wrap .bohum_item + .bohum_item { margin-top: 80px;}
.emergency_wrap .service-header { display: flex; align-items: center;}
.emergency_wrap .service-header .service-info { flex: 1; min-width: 0; padding-right: 20px;}
.emergency_wrap .service-header .service-info .bohum_logo { margin-bottom: 24px; display: flex; justify-content: flex-start;  }
.emergency_wrap .service-header .service-info .bohum_logo img { max-width: 245px; max-height: 40px; object-fit: contain; object-position: left;}
.emergency_wrap .bohum_axa .service-header .service-info .bohum_logo img { max-width: 200px;}
.emergency_wrap .service-header .service-info .service-title { font-size: 40px; font-weight: 800;}
.emergency_wrap .service-header .service-info .service-number { font-size: 28px; color: #777; margin-top: 20px;}
.emergency_wrap .service-header .btn-link { border-radius: 5px; padding: 24px 56px; flex-shrink: 0; font-size: 32px; color: #fff; font-weight: 500; margin-right: 10px;}
.emergency_wrap .bohum_kb .btn-link { background-color: #474037;}
.emergency_wrap .bohum_DB .btn-link { background-color: #007f41;}
.emergency_wrap .bohum_hk .btn-link { background-color: #e3007f;}
.emergency_wrap .bohum_axa .btn-link { background-color: #153278;}
.emergency_wrap .bohum_hn .btn-link { background-color: #668f90;}
.emergency_wrap .bohum_hw .btn-link { background-color: #ff4600;}
.emergency_wrap .bohum_hd .btn-link { background-color: #f18d00;}
.emergency_wrap .service-details .details-title { padding: 20px 0 30px; display: flex; align-items: center; border-bottom: 1px solid #ccc; margin-top: 20px; cursor: pointer;}
.emergency_wrap .service-details .details-title h4 { flex: 1; min-width: 0; font-size: 28px; font-weight: 600;}
.emergency_wrap .service-details .details-title img { flex-shrink: 0; width: 24px; transition: transform 0.2s; margin-right: 10px;}
.emergency_wrap .service-details .details-content { background-color: #eff1f4; border-radius: 0 0 20px 20px; padding: 34px 30px; flex-direction: column; gap: 30px; display: none;}
.emergency_wrap .service-details .details-content .item-title { font-size: 28px; font-weight: 600; margin-bottom: 16px; color: #333;}
.emergency_wrap .service-details .details-content .item-description { color: #777; font-size: 25px; line-height: 1.5; letter-spacing: -0.4px; word-break: keep-all;}

.emergency_wrap .service-details.active .details-title img { transform: rotate(180deg);}
.emergency_wrap .service-details.active .details-content { display: flex;}

/* faq */
.faq_wrap { padding-top: 80px; padding-bottom: 180px; flex: 1;}
.faq_wrap h2{ font-size: 42px; font-weight: 700; letter-spacing: -2px;}
.faq_wrap form {display: flex; padding: 0 20px 20px; border-bottom: 1px solid #bec2c6; margin-top: 50px; margin-bottom: 30px;}
.faq_wrap input {border: 0; outline: none; flex: 1; min-width: 0; font-size: 32px; letter-spacing: -1px; font-family: inherit;}
.faq_wrap input::placeholder { color: #9da0a3;}
.faq_wrap input button {flex-direction: column; width: 34px; aspect-ratio: 34/36;}
.faq_wrap input button img { width: 100%;}

.faq_wrap .bohum_faq {overflow: hidden; width: 100%; height: fit-content; margin-bottom: 70px;}
.faq_wrap .bohum_faq .bohum_list { display: flex;}
.faq_wrap .bohum_faq .bohum_item { width: auto !important; flex-shrink: 0;}
.faq_wrap .bohum_faq button { padding: 10px 26px; border-radius: 100px; font-size: 28px;   white-space: nowrap; background: #e6eaed; color: #aaa; font-weight: 500;}
.faq_wrap .bohum_faq .bohum_item.active button { background: #3f3b3e; color: #fff;}

.faq_wrap .con_area h4{ font-size: 28px; color: #656768; font-weight: 500;}
.faq_wrap .con_area .faq_item { margin-top: 14px;}
.faq_wrap .con_area .faq_item .faq_title{ display: flex; align-items: center; gap: 16px; padding: 30px 10px 30px; border-bottom: 1px solid #d8dbe0; cursor: pointer;}
.faq_wrap .con_area .faq_item .faq_title .tit_box { flex: 1; min-width: 0;}
.faq_wrap .con_area .faq_item .faq_title .tit_box h5{ flex: 1; min-width: 0; font-size: 29px; line-height: 1.5; font-weight: 500; letter-spacing: -1px; word-break: keep-all;}
.faq_wrap .con_area .faq_item .faq_title .tit_box h5 span {font-weight: 700; color: #f9ac00;}
.faq_wrap .con_area .faq_item .faq_title .tit_box p { margin-bottom: 8px; font-size: 24px; display: inline-block; font-weight: 600; color: #333; padding: 0 5px 2px;}
.faq_wrap .con_area .faq_item.company-kb .faq_title .tit_box p { background: linear-gradient(to top, #f9ac0030 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-db .faq_title .tit_box p { background: linear-gradient(to top, #007f4230 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-hk .faq_title .tit_box p { background: linear-gradient(to top, #e3008130 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-axa .faq_title .tit_box p { background: linear-gradient(to top, #15327830 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-hn .faq_title .tit_box p { background: linear-gradient(to top, #668f9030 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-hw .faq_title .tit_box p { background: linear-gradient(to top, #ff460030 40%, transparent 30%);}
.faq_wrap .con_area .faq_item.company-hd .faq_title .tit_box p { background: linear-gradient(to top, #f18d0030 40%, transparent 30%);}
.faq_wrap .con_area .faq_item .faq_title .arrow { transition: transform 0.2s;}
.faq_wrap .con_area .faq_item.active .faq_title .arrow { transform: rotate(180deg);}
.faq_wrap .con_area .faq_item .faq_con { background-color: #f2f4f9; padding: 40px; display: none; margin-bottom: 20px;}
.faq_wrap .con_area .faq_item .faq_con p { font-size: 27px; color: #848484; line-height: 1.4; letter-spacing: -1px;}

.is_empty { display: flex; align-items: center; flex-direction: column; justify-content: center; height: max-content; gap: 10px; padding-top: 100px;}
.is_empty h5 { font-size: 34px; color: #656768; font-weight: 500;}
.is_empty p { font-size: 28px; color: #aaa; font-weight: 500;}

/* pagination */
.pagination { margin-top: 60px;}
.pagination ul { display: flex; align-items: center; justify-content: center; gap: 30px;}
.pagination ul .page-btn { font-size: 35px; font-weight: 600;}
.pagination ul li.active .page-btn { color: #ff8b00;}
.pagination .page-arrow { width: 32px; display: block;}
.pagination .page-arrow img { width: 100%;}
.pagination .prev { transform: rotate(90deg);}
.pagination .next { transform: rotate(-90deg);}

/* 푸터 */
.footer { background: #282a29; box-sizing: border-box; padding: 35px 0 155px;}
.footer_inner {display: flex; flex-direction: column; gap: 7px; width: 650px; margin: 0 auto;}
.footer p {color: #999; font-size: 14px; line-height: 1.4; letter-spacing: -.2px;}
.footer button {font-size: 15px; color: #999; font-weight: 600; margin-top: 15px; width: fit-content;}