:root{
    --main-color: #FC6917;
}
#wrap .header {display:flex;flex-direction:column;}
#wrap .container { width: 100%; max-width: 1200px; margin: 0 auto;box-sizing:border-box;}
#wrap .body .text_box{padding:60px 40px 20px;}
#wrap .body .text_box .main_text{font-size:60px;font-weight:700;line-height:1.2em;}
#wrap .body .text_box .sub_text{font-size:30px;line-height:1.3em;color:#777;margin-top:30px;}
#wrap .body .img_box{position:relative;}
#wrap .body .img_box .inner_text{position:absolute;top:120px;left:80px;}
#wrap .body .img_box .inner_text .main_text{font-size:40px;font-weight:600;color:#333;}
#wrap .body .img_box .inner_text .sub_text{font-size:34px;font-weight:500;color:#333;}
#wrap .body .img_box .inner_text >  p.sub_text:nth-child(2){margin:60px 0 20px;}
#wrap .body .img_box .inner_text .sub_text .color_border{display: inline-block;padding:20px 100px;margin:0 20px;border:3px solid #715399;border-radius:100px;text-align:center;background:#f4f2f7;filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));font-weight:800;}
#wrap .body .img_box .popup_btn{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);font-size:50px;background:#ffffff;padding:30px 60px 35px;width:380px;text-align:center;border-radius:100px;font-weight:600;}
#wrap .body .img_box .popup_btn a{text-decoration:none}
#wrap .body .img_box .popup_btn .btn_color_text{color:#715399;}


/* main */
#wrap .main_visual {background: linear-gradient(to top, #FD8846 20%, #fff4e7 70%); display: flex; flex-direction: column; padding-top: 50px; position: relative; overflow: hidden;}
#wrap .main_visual .row {display: flex; align-items: stretch; position: relative; margin-top: 90px;}
#wrap .main_visual .text_wrap { flex: 1; min-width: 0;  padding-bottom: 180px; position: relative;}
#wrap .main_visual .text_wrap h4 { display: inline-block; color: #fff; background-color: var(--main-color); padding: 16px 48px; font-size: 30px; font-weight: 600; border-radius: 8px; letter-spacing: -1px; margin-bottom: 32px;}
#wrap .main_visual .text_wrap h2 { font-size: 66px; font-weight: 700; color: #1b1e28; letter-spacing: -3px; line-height: 1.245;}
#wrap .main_visual .text_wrap h2 b { color: #e55005;}
#wrap .main_visual .text_wrap p { font-size: 36px; margin-top: 28px; line-height: 1.32; letter-spacing: -1.8px; color: #1b1e28; font-weight: 500;}
#wrap .main_visual .img_wrap { width: 400px; flex-shrink: 0; position: absolute; bottom: 78px; right: 250px;}
#wrap .main_visual .img_wrap .img_button {display: block; position: absolute; top: 289px; left: 134px; width: 145px; height: 31px; background: none; z-index: 9; border: 0; padding: 0; margin: 0;}
#wrap .main_visual .vis_bottom { background-color: var(--main-color); padding: 26px 0; position: absolute; bottom: 0; width: 100%; cursor: pointer;}
#wrap .main_visual .vis_bottom .container { display: flex; align-items: center; justify-content: center; gap: 14px;}
#wrap .main_visual .vis_bottom .container img {width: 18px;}
#wrap .main_visual .vis_bottom p {color: #fff; font-size: 30px; letter-spacing: -1.2px; font-weight: 500;}


#wrap .header .text_box img {
    width: 30px;
    filter: invert(39%) sepia(22%) saturate(1016%) hue-rotate(224deg) brightness(87%) contrast(91%);
	position:absolute; left:0
}
#wrap .header .text_box {
	position:relative;
    display: flex;
    align-items: center;
    /* margin-bottom: 20px; */
}
#wrap .header .div3_line {
    height: 10px;
    padding: 0 10px;
}
#wrap .header .text_box .header_color_text {
    font-size: 40px;
    color: #333;
    font-weight: 700;
}
#wrap .header .div3_line .div3_non_color {
    height: 100%;
    border-radius: 5px;
    background: #f0f2f6;
}
#wrap .header .div3_line .div3_non_color .div3_color {
    width: 50%;
    height: 100%;
    z-index: 1;
    position: relative;
    background: #f79900;
    border-radius: 5px;
    left: 0;
}
#wrap .text_box .main_text {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3em;
    margin: 80px 0 42px;
    letter-spacing: -0.3px;
}
#wrap .text_box .main_text br { display: block;}
#wrap .form-box input ,select {
    border: 0;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    padding: 20px 10px ;
    padding-left: 0;
    width: 100%;
    font-size: 24px;
    color: #000;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    letter-spacing: -1px;
    font-weight: 500;
}

select#telecom {
    appearance: none;        
    -webkit-appearance: none;
    -moz-appearance: none;   
    background: url("./arrow_2.png") no-repeat right center / 16px auto;
    padding-right: 40px;
}

#wrap .form-box input::placeholder {
    color: #bbb ;
}

#wrap .form-box #privacy_checkbox input[type="checkbox"]{
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    aspect-ratio: 1/1;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 7px;
    cursor: pointer;
    position: relative;
    background-color: #fff; /* 체크 안 됐을 때 배경 */
    margin: 0;
}
#wrap .form-box #privacy_checkbox input[type="checkbox"]::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    top: 2px;
    left: 8px;
    transform: rotate(45deg);
}
#wrap .form-box #privacy_checkbox input[type="checkbox"]:checked {
    background-color: var(--main-color);
    border: 1px solid transparent;
    
}
#inputform_1 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px 30px;}
#inputform_1 span {font-size:22px;margin-bottom:4px;display: block;width:100%; letter-spacing: -1px;}
#wrap .form-box .form_jumin_items  {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 48%;
    box-sizing: border-box;
}
#wrap .form-box .form_jumin_items:last-child input{ padding-left: 25px;}
#wrap .form-box .form_jumin_items input::placeholder {color:#bbb;font-size:24px; letter-spacing: 3.4px; }
#wrap .form-box .form_jumin_items:last-child input::placeholder {letter-spacing: 3.5px;}

#wrap .form-box .jumin_wrap {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}  

#wrap .form-box .phone_num_wrap {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}  

#wrap .form-box .name_wrap {
    display: flex;
    flex-direction: column;
}


#wrap .form-box .phone_num_wrap select option {font-size:20px;width:30%}
#inputform_1 span.dash {width:14px; margin:0; font-size: 34px; color: #b2b2b2;}
#wrap .form-box .btn_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wrap .form-box input.btn_submit {
    background: var(--main-color);
    border-radius: 10px;
    border: none;
    color: #fff;
    font-size: 24px;
    padding: 20px 128px;
    width: auto;
    margin-top: 37px;
    font-weight: 600;
    cursor: pointer;
}
.privacy {
	display: flex;
    align-items: center;
    margin-top: 32px;
}
#privacy_checkbox_all {
    margin-top: 50px;
}

#privacy_checkbox_all .agree-text {
    font-weight: 600;
    color: #444;
    text-decoration: underline;

}
.agree-text {
    font-size: 22px;
    margin: 0 14px;
    letter-spacing: -0.8px;
    cursor: pointer;
}
#popup_modal {border:none;background:none;font-size:30px;}
.underline {text-decoration:underline;padding:0 1px;}
.privacy a {color:#111; text-decoration: none;}

/* info_input css end */

.img_box img {width: 100%;}



/* privacy_modal_m.php */
.pop_wrap { max-width:800px; background:#fff; overflow:hidden;}
.pop_wrap h2 {padding:15px 30px; color:yellow; font-size:24px; font-weight:500; line-height:1.3em; letter-spacing:-.04em; background:#000;}
.pop_wrap .content {padding:25px 30px; overflow:auto; font-size:15px; font-weight:300; line-height:1.5em; letter-spacing:-.03em; color:#505050;}
.pop_wrap .sec {margin-bottom:30px;}
.pop_wrap .sec h3 {color:#222; font-size:1.4em; font-weight:500; margin-bottom:10px;}
.pop_wrap .sec h4 {color:#333; font-size:1.3em; font-weight:500; margin-bottom:7px;}
.pop_wrap .sec p {margin-bottom:1em;}
.pop_wrap .sec strong {font-weight:500;}
.pop_wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.pop_wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.pop_wrap .policy-contact dl:first-child {border-left:0;}
.pop_wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}
.pop_wrap table {width:100%; border-collapse:collapse; border-spacing:0;}
.pop_wrap table th {border:1px solid #ddd; background:#f4f4f4; padding:3px 0;}
.pop_wrap table td {border:1px solid #ddd; background:#fff; padding:5px;}

@media (max-width: 640px) {
	.pop_wrap h2 {font-size:18px; padding:8px 15px;}
	.pop_wrap .content {padding:15px; height:60vh; font-size:13px;}
	.pop_wrap .sec {margin-bottom:30px;}
	.pop_wrap .policy-contact {display:block; padding:0 15px;}
	.pop_wrap .policy-contact dl {padding:15px 0; border-left:0; border-top:1px solid #e5e5e5;}
	.pop_wrap .policy-contact dl:first-child {border-top:0;}
}


.pri_modal_wrap{ position: fixed; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99999999999; display: none; }

.pri_modal_inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 600px; height: 650px; background: #eee; border: 10px solid #ccc; overflow-X:hidden; overflow-y: scroll; }
.pri_modal_txt {margin-top: -30px;}
.pri_modal_txt p{
    padding: 20px; line-height:2.0rem; 
}
.pri_modal_txt1 p{
    padding: 20px; line-height:2.0rem; 
    font-size:1.1em;
}
.agree_close {
    position: sticky;
    width: 30px;
    height: 30px;
    top: 15px;
    left: 534px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pri_modal_inner h3 {
    margin-top: -30px;
}
.agree_close > div{
    width: 3px;
    height: 30px;
    background: #aaa;
    position: absolute;
}
.agree_close div {
    transform: rotate(45deg);
}
.agree_close div:last-child {
    transform: rotate(-45deg);
}
.touch-none {touch-action:none; height: 100%; min-height: 100%; overflow:hidden;}



.pri_modal_wrap2{ position: fixed; left: 50%; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99999999999; display: none; }
/* .pri_modal_inner2{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 600px; height: 650px; background: #eee; border: 10px solid #ccc; overflow-X:hidden; overflow-y: scroll; } */
.agree_close2 {
    position: sticky;
    width: 30px;
    height: 30px;
    top: 15px;
    left: 534px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.agree_close2 > div{
    width: 3px;
    height: 30px;
    background: #aaa;
    position: absolute;
}
.agree_close2 div {
    transform: rotate(45deg);
}
.agree_close2 div:last-child {
    transform: rotate(-45deg);
}

.form-box .notice_wrap {
    margin-top: 35px;
}
.form-box .notice_text_title {
    font-family: inherit;
    background: none;
    border: 0;
    padding: 0;
    font-size: 24px;
    color: #e55005;
    letter-spacing: -0.88px;
    font-weight: 600;
}
.notice_text_wrap {
    font-size: 20px;
    padding: 16px 0;
    line-height: 1.6;
    letter-spacing: -0.8px;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    color: #666;
}

/* section */
section { padding: 85px 0;}
section:last-of-type { padding-bottom: 100px;}
section .title_wrap {margin-bottom: 38px;}
section .title_wrap h2 { font-size: 42px; font-weight: 700; letter-spacing: -0.3px;}
section .title_wrap h2 b { color: #e55005;}
/* section sc_con1 */
.sc_con1 .con_wrap ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.sc_con1 .con_wrap ul li { display: flex; align-items: center; background-color: #f4f6f9; border-radius: 10px; padding: 32px 23px 23px; gap: 26px;}
.sc_con1 .con_wrap ul li .img_box { width: 70px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.sc_con1 .con_wrap ul li .text_box { flex: 1; min-width: 0;}
.sc_con1 .con_wrap ul li .text_box h4 { font-size: 24px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 12px; line-height: 1.4; word-break: keep-all;}
.sc_con1 .con_wrap ul li .text_box h4 b { color: #e55005; margin-right: 4px; font-weight: 700;}
.sc_con1 .con_wrap ul li .text_box p { font-size: 24px; letter-spacing: -1.66px; color: #6e6e6e; line-height: 1.4;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }

.sc_con1 .con_wrap ul li:nth-child(1) .img_box img { padding-bottom: 6px;}
.sc_con1 .con_wrap ul li:nth-child(2) .img_box { }
.sc_con1 .con_wrap ul li:nth-child(3) .img_box img { width: 105%;}
.sc_con1 .con_wrap ul li:nth-child(4) .img_box img { width: 90%;}

.info_content_wrap {margin-top: 30px; margin-bottom: 40px;}
.info_content_wrap ul {display: flex; flex-direction: column; gap: 50px;}
.info_content_wrap ul li img {width: 100%;}

/* FOOTER */
.footer { -webkit-text-size-adjust: none; border-top: 1px solid #e0e0e0;}
.footer .notice_wrap, .footer .company_wrap {padding: 50px 0;}
.footer .notice_wrap h5 {font-size: 22px; font-weight: 500; margin-bottom: 30px; letter-spacing: -1px;}
.footer .notice_wrap p {font-size: 18px; line-height: 1.6; letter-spacing: -1px; color: #9b9b9b; word-break: break-all;}
.footer .company_wrap {border-top: 1px solid #e0e0e0;}
.footer .company_wrap .list_wrap {margin-top: 45px;}
.footer .company_wrap .list_wrap ul {display: flex; flex-wrap: wrap; gap: 40px;}
.footer .company_wrap .list_wrap ul li a {font-size: 24px; color: #222; text-decoration: none; letter-spacing: -1px;}
.footer .company_wrap .list_wrap ul li.bold a {font-weight: 600;}
.footer .company_wrap .kakao_wrap {margin-top: 45px;}
.footer .company_wrap .kakao_wrap p {font-size: 28px; display: flex; align-items: center; gap: 10px;}
.footer .company_wrap .kakao_wrap p a {color: #222; text-decoration: none; display: flex; align-items: center; gap: 10px; font-weight: 500;}
.footer .company_wrap .kakao_wrap p a img {width: 40px;}
.footer .company_wrap .info_wrap {margin-top: 45px; display: flex; flex-direction: column; gap: 30px;}
.footer .company_wrap .info_wrap p {font-size: 21px; line-height: 1.8; color: #9b9b9b;}
.footer .company_wrap .info_wrap ul {display: flex; flex-wrap: wrap; gap: 15px 20px; }
.footer .company_wrap .info_wrap ul li {font-size: 21px; color: #9b9b9b; letter-spacing: -1px;}

footer {padding: 50px 0; border-top: 1px solid #ddd;}
footer p {font-size: 16px; line-height: 1.6; letter-spacing: -1px; color: #777;}
footer button {font-family: inherit; font-size: inherit; background: none; border: 0; padding: 0; letter-spacing: -1px; color: #444; font-weight: 600;}

/* vue.js에서 하단 상담신청 부분 고정시키는 클래스 */
.fixed {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* header */
header {display: flex; align-items: center; height: 100px; position: relative; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
header .container {max-width: 720px; box-sizing: border-box;}
header > button {display: block; background: none; border: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 55px;}
header > button img {width: 100%;}
header .gnb_back {left: 30px;}
header .gnb_menu {right: 30px;}
header h1 {font-size: 35px; font-weight: 600; letter-spacing: -1px;}
header h1 img {width: 260px;}

@media screen and (max-width: 768px) {
    header {height: 65px !important;}
    header h1 {font-size: 20px !important;}
    header h1 img {width: 170px !important;}
    header > button {width: 42px !important;}
    header .gnb_back {left: 15px !important;}
    header .gnb_menu {right: 15px !important;}
    /* #wrap .header {margin-top: 60px !important;} */
}





/* 반응형 */
/* 1024 ~ 1280 */
@media (max-width: 1280px) {
    #wrap .container { width: 980px;}

    /* main_visual */
    #wrap .main_visual .text_wrap {padding-bottom: 200px;}
    #wrap .main_visual .text_wrap h4 { font-size: 26px; padding: 14px 40px; margin-bottom: 30px;}
    #wrap .main_visual .text_wrap h2 { font-size: 70px;}
    #wrap .main_visual .text_wrap p {font-size: 28px;}
    #wrap .main_visual .img_wrap { width: 430px; bottom: 50px; right: -30px;}
    #wrap .main_visual .img_wrap .img_button {top: 310px; left: 144px; width: 156px; height: 35px;}

    #wrap .main_visual .vis_bottom { padding: 26px 0;}
    #wrap .main_visual .vis_bottom p{ font-size: 28px;}

    /* form */
    #wrap .text_box .main_text { font-size: 36px;}
    #wrap #inputform_1 { gap: 45px 30px;}

    /* secction */
    section .title_wrap h2 {font-size: 36px;}

    .sc_con1 .con_wrap ul li .text_box p { font-size: 22px;}

}

/* 960 ~ 1023 */
@media (max-width: 1023px) {
    #wrap .container { width: 800px;}

    /* main_visual */
    #wrap .main_visual {padding-top: 60px;}
    #wrap .main_visual .text_wrap { padding-bottom: 150px;}
    #wrap .main_visual .text_wrap h4 { font-size: 24px; margin-bottom: 20px;}
    #wrap .main_visual .text_wrap h2 { font-size: 60px;}
    #wrap .main_visual .text_wrap p { font-size: 24px;}
    #wrap .main_visual .img_wrap { width: 340px; bottom: 65px; right: 0px;}
    #wrap .main_visual .img_wrap .img_button {top: 245px; left: 114px; width: 123px; height: 27px;}
    #wrap .main_visual .vis_bottom p { font-size: 24px;}
    #wrap .main_visual .vis_bottom .container img { width: 14px;}

    /* form */
    #wrap .text_box .main_text { font-size: 30px;}
    #wrap .form-box .form_jumin_items:last-child input{ padding-left: 16px;}
    #wrap .form-box .form_jumin_items input::placeholder {color:#bbb;font-size:20px; letter-spacing: 0px; }
    #wrap .form-box .form_jumin_items:last-child input::placeholder {letter-spacing: -0.4px;}
    #wrap .form-box input, select { padding: 15px 0; font-size: 20px;}
    .agree-text { font-size: 20px; margin: 0 10px;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"] { width: 24px;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"]::after { width: 5px; height: 10px; top: 3px; left: 7px; border-width: 0 3px 3px 0;}
    .form-box .notice_text_title {font-size: 22px;}
    .notice_text_wrap {font-size: 18px;}
    #wrap .form-box input.btn_submit { color: #fff; padding: 18px 100px; font-size: 20px;}

    /* section */
    section .title_wrap h2 { font-size: 32px;}

    .sc_con1 .con_wrap ul li .text_box h4 { font-size: 20px; margin-bottom: 4px;}
    .sc_con1 .con_wrap ul li .text_box p { font-size: 20px; }

    /* footer */
    .footer .notice_wrap h5 {font-size: 20px;}
    .footer .notice_wrap p { font-size: 16px;}
    footer button,
    footer p {font-size: 14px;}
}
/* 768 ~ 959 */
@media (max-width: 959px) {
    #wrap .container { max-width: 720px; width: 100%;}
    
    /* main_visual */
    
    #wrap .main_visual { padding-top: 50px;}
    #wrap .main_visual .row {margin-top: 70px;}
    #wrap .main_visual .text_wrap { padding-bottom: 120px;}
    #wrap .main_visual .text_wrap h4 {font-size: 20px; padding: 12px 30px;}
    #wrap .main_visual .text_wrap h2 {font-size: 56px;}
    #wrap .main_visual .img_wrap { width: 300px; right: -20px; bottom: 40px;}
    #wrap .main_visual .img_wrap .img_button {top: 216px; left: 101px; width: 109px; height: 24px;}

    #wrap .main_visual .vis_bottom { padding: 20px 0;}
    #wrap .main_visual .vis_bottom p {font-size: 22px;}
    #wrap .main_visual .vis_bottom .container img { width: 12px;}

    /* form */
    #wrap .text_box .main_text {font-size: 28px; margin: 60px 0 42px;}
    #inputform_1 { grid-template-columns: repeat(1, 1fr);}
    #wrap .form-box .form_jumin_items:last-child input{ padding-left: 25px;}
    #wrap .form-box .form_jumin_items input::placeholder {color:#bbb;font-size:24px; letter-spacing: 3.4px; }
    #wrap .form-box .form_jumin_items:last-child input::placeholder {letter-spacing: 3.5px;}
    #wrap .form-box input, select { font-size: 24px; padding: 20px 0;}

    /* section */
    .sc_con1 .con_wrap ul { grid-template-columns: repeat(1, 1fr);}

}
/* 587 ~ 767 */
@media (max-width: 767px) {
    #wrap .container { padding: 0 32px;}

    /* main_visual */
    #wrap .main_visual {padding-bottom: 73px;}
    #wrap .main_visual .row { flex-direction: column; align-items: center; margin-top: 60px;}
    #wrap .main_visual .text_wrap { display: flex; flex-direction: column; align-items: center;  padding-bottom: 65px;}
    #wrap .main_visual .text_wrap h4 { font-size: 28px; font-weight: 500; letter-spacing: -1px; padding: 12px 50px;}
    #wrap .main_visual .text_wrap h2 {text-align: center; font-size: 46px;}
    #wrap .main_visual .text_wrap h2 br{ display: none;}
    #wrap .main_visual .text_wrap p {text-align: center; margin-top: 7px; letter-spacing: -1.2px; font-size: 30px;}
    #wrap .main_visual .text_wrap p br { display: none;}
    #wrap .main_visual .img_wrap { position: relative; bottom: auto; right: auto; padding-right: 23px; width: 110%;}
    #wrap .main_visual .img_wrap .img_button {top: 71%; left: 32%; width: 36%; height: 8%;}
    #wrap .main_visual .img_wrap::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, #222, transparent 40%); z-index: 0; opacity: 0.8;}
    #wrap .main_visual .vis_bottom { padding: 34px 0;}
    #wrap .main_visual .vis_bottom p {font-size: 28px; letter-spacing: -1.6px;}
    #wrap .main_visual .vis_bottom .container img {width: 16px;}
    
    /* form */
    #wrap .text_box .main_text br { display: block;}
    #wrap .text_box .main_text {font-size: 48px; margin: 76px 0 20px; letter-spacing: -2px;}
    #wrap .header .text_box { margin-bottom: 59px;}
    #inputform_1 span { font-size: 28px; margin-bottom: 15px;}
    #wrap .form-box input, select { font-size: 31px; padding: 20px 0; letter-spacing: -0.48px;}
    #wrap #inputform_1 { gap: 64px;}
    #wrap .form-box .form_jumin_items:last-child input{ padding-left: 25px;}
    #wrap .form-box .form_jumin_items input::placeholder {color:#bbb;font-size:26px; letter-spacing: 4px; }
    #wrap .form-box .form_jumin_items:last-child input::placeholder {letter-spacing: 4.2px;}
    #wrap .form-box .jumin_wrap_span { margin-bottom: 3px;}
    .privacy { margin-top: 40px;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"] { width: 36px;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"]::after { width: 8px; height: 16px; top: 5px; left: 11px;}
    .agree-text {font-size: 28px; letter-spacing:  -0.4px; margin: 0 16px;}
    .privacy a { margin-left: 0;}

    .form-box .notice_wrap {margin-top: 63px;}
    .form-box .notice_text_title { font-size: 31px;}
    .notice_text_wrap { font-size: 26px;}

    #wrap .form-box input.btn_submit { padding: 30px 0; font-size: 32px; width: 100%;}

    /* section */
    section .title_wrap h2 { font-size: 46px;}

    .sc_con1 .con_wrap ul li .img_box { width: 114px; }
    .sc_con1 .con_wrap ul li .text_box h4 { font-size: 29px;}
    .sc_con1 .con_wrap ul li .text_box p {font-size: 27px;}
    .sc_con1 .con_wrap ul li:nth-child(1) .img_box img { padding: 0; width: 90%;}
    .sc_con1 .con_wrap ul li:nth-child(2) .img_box img { width: 90%;}
    .sc_con1 .con_wrap ul li:nth-child(3) .img_box img { width: 90%;}
    
}
/* 587 ~ 660 */
@media (max-width: 660px) {
    #wrap .container { padding: 0 7.7vw;}
    #wrap .main_visual {padding: 7vw 0;}
    #wrap .main_visual .row {margin-top: 6vw;}
    #wrap .main_visual .text_wrap {padding-bottom: 6vw;}
    #wrap .main_visual .text_wrap h4 {font-size: 4vw; padding: 2vw 6vw; margin-bottom: 3vw; letter-spacing: -0.2vw;}
    #wrap .main_visual .text_wrap h2 {font-size: 6.4vw; letter-spacing: -0.48vw;}
    #wrap .main_visual .text_wrap p {font-size: 4vw;}
    #wrap .main_visual .img_wrap {width: 100vw;}
    #wrap .main_visual .vis_bottom p {font-size: 4vw; letter-spacing: -0.2vw;}
    #wrap .main_visual .vis_bottom .container {padding: 0 4vw;}
    #wrap .main_visual .vis_bottom .container img { width: 2vw;}
    #wrap .main_visual .vis_bottom {padding: 4.5vw 0;}
    #wrap .main_visual .vis_bottom .container { gap: 2vw;}

    #wrap .text_box .main_text {font-size: 7vw; margin: 14vw 0 0;}

    #wrap .header .text_box { margin-bottom: 10vw;}
    #inputform_1 span {font-size: 4.8vw; margin-bottom: 2.2vw;}
    #wrap .form-box input, select { font-size: 4.8vw; padding: 3vw 0; letter-spacing: -0.12vw;}
    #wrap #inputform_1 {gap: 10.7vw}


    #wrap .form-box .form_jumin_items:last-child input{ padding-left: 4vw;}
    #wrap .form-box .form_jumin_items input::placeholder {font-size: 3.8vw; letter-spacing: 0vw; }
    #wrap .form-box .form_jumin_items:last-child input::placeholder {letter-spacing: 0vw;}

    #wrap .form-box .form_jumin_items {width: 44%;}
    .agree-text {font-size: 4vw; margin: 0 3vw;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"] { width: 5.2vw; border-radius: 1.2vw;}
    #wrap .form-box #privacy_checkbox input[type="checkbox"]::after { width: 1.2vw; height: 2.3vw; top: 0.2vw; left: 1.4vw; border-width: 0 0.6vw 0.6vw 0;}

    .privacy { margin-top: 8vw;}
    .form-box .notice_wrap {margin-top: 12vw;}
    .form-box .notice_text_title {font-size: 5.2vw;}
    .notice_text_wrap { font-size: 3.5vw;}

    #wrap .form-box input.btn_submit {font-size: 5.4vw; padding: 4vw 0; margin-top: 5vw;}

    section {padding: 15vw 0;}
    section .title_wrap h2 {font-size: 6vw;}
    section .title_wrap {margin-bottom: 6vw;}
    section:last-of-type {padding-bottom: 24vw;}

    .sc_con1 .con_wrap ul li { flex-direction: column; padding: 8vw 5vw; gap: 5vw;}
    .sc_con1 .con_wrap ul li .text_box p,
    .sc_con1 .con_wrap ul li .text_box h4 { font-size: 4vw;}
    .sc_con1 .con_wrap ul li .img_box {width: 22vw;}


}

/* 431 ~ 586 */
@media (max-width: 586px) {

}

/* 360 ~ 430 */
@media (max-width: 430px) {
    .footer .notice_wrap p { font-size: 14px;}
    footer {padding: 30px 0;}
    footer p, footer button {font-size: 12px;}
}