a { color: #1c1c1c; text-decoration: none; } 
.container { width: 1200px; margin: 0 auto; position: relative; } 
.notScroll { overflow: hidden; width: 100%; height: 100%; touch-action: none; } 

/* Select box 스타일 초기화 */ 
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; font-family: 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: #FFFBF8; } 
header .container { display: flex; align-items: center; justify-content: space-between; } 
header a { display: inline-block; padding: 20px 0; width: 140px; } 
header a img { width: 100%; } 

header .today_wrap { background: #fff; padding: 12px 20px; box-sizing: border-box; border: 1px solid #333; border-radius: 12px; } 
header .today_wrap p { font-weight: 600; letter-spacing: -1px; color: #444; font-size: 19px; } 


/* section1 */
.section1 { background: #FFFBF8; padding: 60px 0 40px 0; } 
.section1 .container .row { display: flex; justify-content: space-between; } 
.section1 .container .txt_wrap { flex: 1; width: 50%; } 
.section1 .txt_wrap .desc { background: #ED7200; border-radius: 30px; color: #fff; font-size: 20px; padding: 8px 35px; } 
.section1 .txt_wrap h1 { font-size: 75px; font-weight: 500; letter-spacing: -3.5px; line-height: 1.2; color: #333; margin: 25px 0; } 
.section1 .txt_wrap h1 b { color: #ee7200; font-weight: 800; } 
.section1 .txt_wrap p { margin-bottom: 50px; font-size: 25px; font-weight: 500; color: #747474; letter-spacing: -1px; } 
.section1 .img_wrap { flex: 1; display: flex; align-items: flex-end; } 
.section1 .img_wrap img { width: 100%; } 

.section1 .form_wrap { display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing: border-box; margin-bottom: 20px; } 
.section1 .form_wrap .left_box { display: flex; gap: 20px; } 
.section1 .form_wrap .left_box .notice { display: flex; align-items: center; gap: 8px; color: #888; letter-spacing: -1px; font-size: 17px; font-weight: 500; margin-bottom: 25px; margin-top: 20px; } 
.section1 .form_wrap .left_box .notice img { width: 20px; } 

.section1 .form_wrap form { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; background: #fff; border: 1px solid #ddd; padding: 42px 80px; box-sizing: border-box; border-radius: 20px; } 
.section1 .form_wrap ul { display: flex; gap: 15px; flex-direction: column; } 
.section1 .form_wrap .left_list1 { width: 240px; } 
.section1 .form_wrap ul li, .section1 .form_wrap .name_cover { display: flex; align-items: center; height: 58px; } 
.section1 .form_wrap ul li:first-child { flex-direction: row;} 


.section1 .form_wrap .name_cover { width: 100%; } 
.section1 .form_wrap label { font-size: 22px; font-weight: 600; min-width: 100px; } 
.section1 .form_wrap input[type="radio"] { display: none; } 
.section1 .form_wrap input[type="text"], .section1 .form_wrap input[type="tel"] { border: 1px solid #ddd; font-size: 22px; padding: 15px 24px; outline: none; background: #fff; width: 100%; height: 100%; border-radius: 10px; font-weight: 500; } 
.section1 .form_wrap input[type="text"]::placeholder, .section1 .form_wrap input[type="tel"]::placeholder { color:#999; font-family: inherit; font-weight: 500; letter-spacing: -1px; } 
.section1 .form_wrap .left_list2 { width: 410px; } 
.section1 .form_wrap .tel_cover { display: flex; width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; position: relative; } 
.section1 .form_wrap .tel_cover::before { content: ""; width: 2px; height: 32px; background: #ddd; position: absolute; top: 50%; left: 100px; transform: translateY(-50%); z-index: 9; } 
.section1 .form_wrap .tel_cover #mobile2 { border: 0; padding: 15px 32px; position: relative; } 
.section1 .form_wrap input[type="tel"] {border: 0;}
 .form_wrap ul li.foreigner_birth_wrap div {border: 1px solid #ddd; border-radius: 10px; position: relative;}
.section1 .form_wrap ul li.foreigner_birth_wrap div:last-child input {padding-left: 24px;}
.section1 .form_wrap ul li.foreigner_birth_wrap {gap: 15px;}
.section1 .form_wrap ul li.foreigner_birth_wrap i {background: #000; min-width: 15px; height: 2px;}
.section1 .form_wrap ul li.foreigner_birth_wrap span {position: absolute; top: 56%; left: 39%; font-size: 22px; transform: translate(-50%, -50%);}

.section1 .form_wrap select { font-size: 22px; border: none; padding-left: 24px; padding-right: 24px; appearance: none; background: #fff url(./arrow_tel.png) no-repeat calc(100% - 0px) 50% !important; margin-right: 8px; border-radius: 10px; font-family: 'Pretendard'; font-weight: 500; letter-spacing: -1px; } 
.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 + label { background: #ee7200; } 
.section1 .form_wrap input[type="radio"]:not(:checked) + label { color:#777; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; } 
.section1 .right_box { width: 100%; display: flex; flex-direction: column; gap: 15px; } 
.section1 .privacy_wrap { display: flex; flex-direction: column; gap: 5px; justify-content: center; font-weight: 600; white-space: nowrap; margin-left: 75px; margin-bottom: 10px; position: relative; } 
.section1 .privacy_wrap .box { display: flex; gap: 7px; position: relative; } 
.section1 .privacy_wrap input[type="checkbox"] { width: 18px; height: 18px; margin: 0; cursor: pointer; position: absolute; top: 0px; left: 0px; opacity: 0; z-index: 9; } 

.section1 .privacy_wrap input[type="checkbox"]:checked + i::before { border: solid #ee7200; border-width: 0 3px 3px 0; } 
.section1 .privacy_wrap i { width: 16px; height: 16px; cursor: pointer; background: #fff; border-radius: 100%; position: relative; border: 1px solid #bbb; } 
.section1 .privacy_wrap i::before { position: absolute; top: 1.5px; left: 5px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); content: ""; } 
.section1 .privacy_wrap label { font-size: 16px; margin-bottom: 0; cursor: pointer; font-weight: 500; letter-spacing: -1.5px; color: #888; } 
.section1 .privacy_wrap button { font-family: inherit; margin: 0; padding: 0; background: none; border: 0; font-size: 13px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #888; color: #888; position: relative; top: -1px; font-weight: 400; } 
.btn_submit { border: 0; font-family: inherit; font-size: 24px; font-weight: 500; background: #ee7200; color: #fff; padding: 5px; cursor: pointer; display: flex; align-items: center; gap: 15px; justify-content: center; width: 100%; border-radius: 10px; white-space: nowrap; line-height: 1.3; height: 58px; letter-spacing: -1px; position: relative; } 
.btn_submit .triangle { display: block; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 15px solid #fff; border-right: 0px solid transparent; } 

/* section2 */
.section2 { padding: 130px 0; background: #F9F9F9; } 
.section2 .container { display: flex; justify-content: space-between; align-items: center; } 
.section2 h2 { font-size: 48px; font-weight: 600; line-height: 1.3; letter-spacing: -1px; color: #1a1a1a; } 
.section2 h2 b { color: #ee7200; font-weight: 700; } 

.section2 ul li { display: flex; background: #fff; padding: 40px 52px; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 40px; border-radius: 20px; border: 1px solid #ddd; } 
.section2 ul li .company_wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; } 
.section2 ul li .company_wrap .txt_wrap p { font-size: 26px; font-weight: 600; margin-bottom: 15px; letter-spacing: -2px; color: #1c1c1c; } 
.section2 ul li .company_wrap .txt_wrap span { display: block; letter-spacing: -1.5px; font-size: 20px; font-weight: 500; color: #777; } 
.section2 ul li .company_wrap img { width: 70px; } 
.section2 ul li .apply_btn { display: block; background: #4f4f4f; color: #fff; font-weight: 500; padding: 10px 18px; font-size: 22px; letter-spacing: -0px; border-radius: 6px; } 
/* section3 */
.section3 { padding: 80px 0; } 
.section3 .container { display: flex; justify-content: space-between; } 
.section3 .text_wrap { display: flex; flex-direction: column; gap: 40px; } 
.section3 .text_wrap h2 { font-size: 48px; font-weight: 600; line-height: 1.3; letter-spacing: -1px; color: #1a1a1a;}
.section3 .text_wrap h2 b { color: #ee7200; } 
.section3 .text_wrap .notice { } 
.section3 .text_wrap .notice h3 { border-radius: 30px; background: #ee7200; color: #fff; padding: 0px 22px; width: fit-content; font-size: 25px; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 43px; margin-bottom: 15px; } 
.section3 .text_wrap .notice p { font-size: 25px; color: #333; line-height: 1.4; font-weight: 500; letter-spacing: -1.6px; } 
.section3 .benefit_wrap ul { display: flex; flex-direction: column; gap: 20px; } 
.section3 .benefit_wrap ul li { display: flex; align-items: center; padding: 31px 55px; box-sizing: border-box; gap: 35px;border: 1px solid #ddd; border-radius: 20px; } 
.section3 .benefit_wrap ul li img { width: 65px; } 
.section3 .benefit_wrap ul li p { font-size: 30px; font-weight: 500; color: #333; letter-spacing: -1px; } 
/* section4 */
.section4 { background: #FFFBF8; padding: 80px 0; } 
.section4 .text_wrap h2 { font-size: 48px; font-weight: 600; line-height: 1.3; letter-spacing: -1px; color: #1a1a1a; } 
.section4 .text_wrap p { font-size: 25px; color: #777; line-height: 1.4; font-weight: 500; letter-spacing: -1.6px; margin-top: 35px; } 
.section4 .container { display: flex; justify-content: space-between; align-items: center; } 
.section4 .img_box { width: 45%; } 
.section4 .img_box img { width: 100%; } 
/* section_banner */
.section_banner { padding: 80px 0; } 
.section_banner .text_wrap h2 { display: flex; align-items: center; gap: 25px; font-size: 40px; letter-spacing: -2px; color: #fff; margin-bottom: 40px; } 
.section_banner .text_wrap span { display: block; font-size: 27px; letter-spacing: -1.5px; color: #ffff61; margin-bottom: 15px; } 
.section_banner .text_wrap p { font-size: 23px; letter-spacing: -1.5px; color: #ffffffa6; line-height: 1.5; } 
.section_banner .text_wrap img { width: 70px; } 
.section_banner .container { background: #ED6224; padding: 75px 65px; box-sizing: border-box; border-radius: 20px; position: relative; } 
.section_banner .banner_img { position: absolute; bottom: -45px; right: 0; width: 435px; } 
/* section5 */
.section5 { padding: 80px 0; } 
.section5 .container { display: flex; align-items: center; justify-content: space-between; background: #FFFBF8; padding: 0 0 0px 60px; border-radius: 20px; } 

.section5 .left_box img { width: 75px; margin-bottom: 35px; } 
.section5 .left_box h3 { font-size: 35px; font-weight: 700; letter-spacing: -1px; margin-bottom: 35px; color: #ee7200; } 
.section5 .left_box span { display: block; font-size: 26px; letter-spacing: -1px; margin-bottom: 20px; color: #ee7200; font-weight: 600; } 
.section5 .left_box p { font-size: 20px; letter-spacing: -1px; line-height: 1.5; font-weight: 500; color: #1c1c1c; } 
.section5 .left_box p:not(:last-child) { margin-bottom: 15px; } 
.section5 .right_box { position: relative; top: -15px; } 
.section5 form { background: #fff; padding: 45px 50px; box-sizing: border-box; border: 2px solid #ED6224; border-radius: 20px; width: 540px; } 
.section5 ul { display: flex; flex-direction: column; gap: 15px; } 
.section5 ul li { display: flex; align-items: center; justify-content: space-between; } 
.section5 ul li .input_wrap { margin-right: 10px; } 
.section5 ul li > label { font-size: 24px; font-weight: 600; min-width: 105px; letter-spacing: -1px; color: #1c1c1c; } 
.section5 ul li .birth_wrap { width: 100%; } 
.section5 ul li .input_wrap input[type="text"],
.section5 ul li .birth_wrap input[type="tel"] { font-family: inherit; padding: 15px 30px; box-sizing: border-box; font-size: 20px; outline: none; border: 1px solid #ddd; width: 100%; border-radius: 10px; font-weight: 500; } 
.section5 ul li input[type="text"]::placeholder, .section5 ul li input[type="tel"]::placeholder { color:#999; font-family: inherit; font-weight: 500; letter-spacing: -1px; } 

.section5 ul li .mobile_wrap input[type="tel"] { font-family: inherit; padding: 16px 25px; box-sizing: border-box; font-size: 20px; outline: none; border: 0; width: 100%; border-radius: 10px; font-weight: 500; } 

.section5 .mobile_wrap { display: flex; width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; position: relative; } 
.section5 .mobile_wrap::before { content: ""; width: 2px; height: 32px; background: #ddd; position: absolute; top: 50%; left: 102px; transform: translateY(-50%); z-index: 9; } 
.section5 .mobile_wrap #mobile2 { border: 0; padding: 15px 24px; position: relative; } 

.section5 .mobile_wrap select { font-size: 20px; border: none; padding-left: 30px; padding-right: 32px; appearance: none; background: #fff url("./arrow_tel.png") no-repeat calc(100% - 8px) 50% !important; margin-right: 8px; border-radius: 10px; font-family: 'Pretendard'; font-weight: 500; letter-spacing: -1px } 
.section5 .privacy_wrap { font-weight: 600; display: flex; flex-direction: column; justify-content: center; position: relative; color: #1c1c1c; gap: 10px; } 
.section5 .privacy_wrap .box { display: flex; align-items: center; gap: 7px; position: relative; } 
.section5 .privacy_wrap label { display: inline-block; font-size: 15px; letter-spacing: -1.5px; cursor: pointer; color: #888; font-weight: 500; } 
.section5 .privacy_wrap i { width: 16px; height: 16px; cursor: pointer; background: #fff; border-radius: 100%; position: relative; border: 1px solid #bbb; } 
.section5 .privacy_wrap i::before { position: absolute; top: 1px; left: 5px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); content: ""; } 
.section5 .privacy_wrap button { font-size: 13px; position: relative; color: #888; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #888; top: -1px; font-weight: 400; letter-spacing: -1px; } 
.section5 .privacy_wrap input[type="checkbox"] { margin: 0; width: 18px; height: 18px; position: absolute; top: 1px; left: 1px; opacity: 0; z-index: 9; cursor: pointer; } 

.section5 .privacy_wrap input[type="checkbox"]:checked + i::before { border: solid #ee7200; border-width: 0 3px 3px 0; } 
.section5 .btn_submit__btm { background: #ee7200; color: #fff; font-size: 23px; font-weight: 500; padding: 15px; border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; } 
.section5 .button_wrap { display: flex; justify-content: space-between; margin-top: 25px; }
#pure-form__btm ul li.foreigner_birth_wrap div {border: 1px solid #ddd; border-radius: 10px; position: relative; box-sizing: border-box; overflow: hidden;}
#pure-form__btm ul li.foreigner_birth_wrap div input {border: 0; outline: 0; height: 56px; padding: 15px 30px; font-size: 20px; font-weight: 500; width: 200px;}
#pure-form__btm ul li.foreigner_birth_wrap div:last-child input {padding-left: 30px;}
#pure-form__btm ul li.foreigner_birth_wrap {gap: 15px;}
#pure-form__btm ul li.foreigner_birth_wrap i {background: #000; width: 15px; height: 2px;}
#pure-form__btm ul li.foreigner_birth_wrap span {position: absolute; top: 56%; left: 39%; font-size: 22px; transform: translate(-50%, -50%);}

/* section6 */
.section6 { background: #f5f6f8; color:#1c1c1c; padding: 50px 0; } 
.section6 h3 { margin-bottom: 30px; font-size: 25px; font-weight: 700; letter-spacing: -1px; } 
.section6 ul { margin-bottom:15px } 
.section6 ul li { color:#666; position:relative; padding-left:15px; font-size: 15px; line-height: 1.5; margin-bottom: 10px; letter-spacing: -.5px; } 
.section6 ul li:last-child { margin-bottom: 0; } 
.section6 ul li::before { position:absolute; left:0; content:'-'; } 
.section6 p { font-size: 15px; line-height: 1.5; color: #666; letter-spacing: -.5px; margin-top: 25px; } 


/* 푸터 */
.footer { background: #282a29; box-sizing: border-box; padding: 35px 0; } 
.footer_inner { display: flex; flex-direction: column; gap: 8px; width: 1200px; 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; } 


/* 신차/갱신 추가 */
.type_wrap { display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; height: 100%; } 
.type_wrap ul { display: flex !important; flex-direction: row !important; justify-content: space-between; gap: 10px !important; width: 100%; height: 100%; } 
.type_wrap ul li { width: 100%; flex-grow: 0 !important; gap: 0px; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 10px; overflow: hidden; } 
.type_wrap ul li input[type="radio"] { display: none; } 
.type_wrap ul li label { width: 100%; font-size: 22px !important; font-weight: 500 !important; min-width: auto !important; cursor: pointer; border: 0 !important; padding: 18px 24px; box-sizing: border-box; white-space: nowrap; text-align: center; letter-spacing: -1px; color: #999 !important; height: 100%; } 
.type_wrap ul li input[type="radio"]:checked + label { color: #fff !important; background: #ee7200; } 

.section5 .type_wrap { width: auto; } 
.section5 .type_wrap ul li { width: 50%; } 
.section5 .type_wrap ul li label { font-size: 20px !important; }