#wrap{max-width: 720px; margin: 0 auto;box-sizing:border-box;}
#wrap .header {display:flex;flex-direction:column; margin-top: 100px;}
#wrap .header .logo_wrap {background: #f7f8fa; padding: 16px 16px 16px; box-sizing: border-box;}
#wrap .header .logo_wrap img {width: 100%;}
#wrap .container {padding:0 35px; background: #fff;}
#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;}


#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: 38px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 65px 0 35px;
    color: #333;
}
#wrap .form-box input ,select {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 20px 10px;
    width: 100%;
    font-size: 36px;
    color: #000;
    outline: none;
    background: #fff;
    box-sizing: border-box;
}
#inputform_1 {display: flex; flex-direction: column; gap: 45px;}
#inputform_1 span {font-size:2rem;margin-bottom:10px;display: block;width:100%; color: #999;}
#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 input::placeholder {color:#bbb;font-size:30px}

#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:10px; margin:0}
#wrap .form-box input.btn_submit {
	margin: 50px 0;
    background: #027ce2;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-size: 3rem;
    padding: 20px;
}
.privacy {
	display: flex;
    align-items: center;
    margin-top: 50px;
}
#privacy_checkbox_all {
    margin-top: 50px;
}

#wrap .form-box input#check-box,
#wrap .form-box input#check-box2,
#wrap .form-box input#check-box_all {
	width: 35px;
    height: 35px;
}
#privacy_checkbox_all .agree-text {
    font-weight: 600;
    color: #444;
    text-decoration: underline;
}
.agree-text {
    font-size: 30px;
    margin: 0 15px;
    color: #666;
}
#popup_modal {border:none;background:none;font-size:30px;}
.underline {text-decoration:underline;padding:0 1px;}
.privacy a {margin-left:10px; color:#666}

/* 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) {
	.footer {font-size:20px}
	.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; 
    font-size:1.1em;
}
.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; transform: translateX(-50%); 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: 20px;
}
.form-box .notice_wrap button {
    font-family: inherit;
    background: none;
    border: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    color: #444;
}
.notice_text_wrap {
    display: none;
    color: #ff0000;
    font-size: 26px;
    padding: 20px 0;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}

.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; padding: 0 35px; border-top: 1px solid #e0e0e0;}
.footer .notice_wrap, .footer .company_wrap {padding: 50px 0;}
.footer .notice_wrap h5 {font-size: 24px; font-weight: 500; margin-bottom: 30px; letter-spacing: -1px;}
.footer .notice_wrap p {font-size: 21px; 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: 20px; 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 {margin-top: 65px !important;}
    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;} */
}