@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
html{font-size:62.5%;height:100%;width:100%;-webkit-overflow-scrolling:auto}
body{position:relative;width:100%;font-family:'Pretendard', 'Noto Sans KR', sans-serif;color:#1a1a1a;font-weight:300;letter-spacing:-0.06rem;-webkit-overflow-scrolling:auto}
p{ font-size:3.75vw;font-weight: 200;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: -0.75px;text-align: left;color: #000;}

.sec_wrap {margin: 14.7vw 5vw;}
.sec_wrap_02 {margin: 5vw;}
.m_width_margin {margin: 0 5vw;} 

.bg_offwhite_sec{background-color: #f8f8f8;padding: 14.7vw 5vw;;}
.bg_offwhite{background-color: #f8f8f8;}

.bg_wrap{background-size: cover;background-position: center;}

.sec_tit{padding-bottom: 8.75vw;text-align: center;}
.sec_tit h3{font-size: 5vw;font-weight: normal;line-height: 1.25;letter-spacing: -1px;padding-bottom: 5px;text-align: center;}
.sec_tit p{font-weight: 300;color: #aeaeae;text-align: center;}

.orange_txt{font-size: 3.25vw;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.54;letter-spacing: -0.65px;text-align: left;color: #f79433;}
h2.tit_st1{font-size: 5vw;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: -1px;text-align: left;color: #000;}
p.gray_txt{font-weight: 300;color: #aeaeae; }
p.sub_tit{font-weight: normal;} 
p.sub_tit02 {letter-spacing: -0.55px;font-weight: normal; line-height: 1.8;}
p.content_txt{}


/****** footer *****/	

.footer_wrap {padding:50px 30px 120px 30px; border-top:solid 1px #dedede; position:relative; z-index:22; background:#fff}
.f_logo { padding:0 0 10px 0}
.f_logo img {  width:47.5vw}
.f_add {padding:30px 0 20px 0; line-height:1.5; color:#000} /*border-bottom:solid 1px #dedede;, 폰트줄임*/
.f_add span {color:#f79433}
.f_info {padding:10px 0 10px 0;  line-height:1.5;  color:#000 } /*border-bottom:solid 1px #dedede;, 폰트줄임 font-weight:900;*/
.f_info span {font-weight:normal}
.f_menu {  padding:0 0 0 0}
.f_menu a {color:#000;font-weight:600 }
.f_sns {padding:50px 0 0 0}
.f_sns img {height:25px}
.f_fam {padding:20px 0 0 0}
.f_fam select {padding:0 5px 0 5px; background:#161f28; width:60%; height:30px; border:solid 1px rgba(255,255,255,0.5); color:#000}
.f_copy { padding:45px 0 0 0; color:#606468;}



.h_btn { border-top:solid 1px #dedede; width:100%; float:left;}
.h_btn li {width:25%; float:left} 
.h_btn li img {width:100%}
.f_btn__ {margin:50px 0 0 0}
.f_btn__ li {width:25%; float:left} 
.f_btn__ li img {width:100%}


.btn_a {width: 30vw;height: 8.75vw;line-height: 8.75vw;display: inline-block;border-radius: 10px;box-shadow: inset 0px 0px 0px 1px #fff;position: relative;z-index: 1;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;transition: border .25s,background .25s;overflow: hidden;text-align: center;
}

.btn_txt {font-family: Pretendard;font-size: 13px;font-weight: 200;line-height: .8.75vw;letter-spacing: -0.16px;text-align: center;color: #fff;}
.btn_a:after { content: '';display: block;z-index: 0;position: absolute;top: -2px;left: 0;bottom: 0;width: 100%;height: 105%;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}  
.btn_a:hover{color: #333;}
.btn_a:hover:after{ z-index: -1;transform: scaleX(1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.btn_a:hover .btn_txt{color: #000;}


.btn_a.bck_btn {box-shadow: inset 0px 0px 0px 1px #000;text-align: center;}
.btn_a.bck_btn:after {background: #000;}
.btn_a.bck_btn .btn_txt {color: #000;}
.btn_a.bck_btn:hover .btn_txt{color: #fff;}

/****** 상담신청 *****/
.w_counsel { position:fixed; bottom:-1000px; left:0; width:100vw;z-index:9998}
.w_counsel_inner {background:#f79433;}

.counsel_input{display: flex; flex-wrap: wrap;flex-direction: row;padding: 15px;height: 100%;justify-content: space-between;}
.counsel_input .ff_input {border: none;border-bottom: solid 1px #fff;width: 32vw;background: none; font-size: 14px;color: #fff;height: 34px; margin-right: 10px;    margin-bottom: 18px;}
.counsel_input .label {position: relative; font-family: sans-serif;padding-left: 10px;font-size: 12px;user-select: none;/*margin: 0 30px 0 50px;*/ line-height: 32px;height: 32px;}
.counsel_input .checkbox {display: none;}
.counsel_input .check-mark {width: 16px; height: 16px; background-color: #ffecda;  position: absolute;left: 0;display: inline-block; top: 8px;border-radius: 50%;border: 1px solid #999999;}
.counsel_input .label .checkbox:checked + .check-mark { background: #b55a00; transition: .1s;}
@-webkit-keyframes btn_back_animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } 
@-moz-keyframes btn_back_animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } 
@-o-keyframes btn_back_animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } 
@keyframes btn_back_animation { 0%{background-position:0% 50%} 50%{background-position: 50% 100%} 100%{background-position: 0% 50%} }
.f_btn {width: 22vw; height: 60px;line-height: 60px; border-radius: 5px; text-align: center; background:linear-gradient(-45deg, #f79433, #f76e44, #f18eaa, #5bc4bf);background-size: 400% 400%;
	animation: btn_back_animation 5s ease infinite; font-size: 12px;color: #060c16; display: inline-block;font-family: 'Montserrat';font-weight: bold;}
.counsel_input .ff_input.input_w_100{width: 100%;}
.counsel_input .ff_input.input_w_50{width: 47%;}
.counsel_input .ff_input::placeholder { color: rgba(255, 255, 255, 0.6); }
.f_btn_wrap{width: 100%; text-align: center; padding: 20px 0 30px;}
.f_btn_wrap .f_btn{font-family: 'Montserrat';font-size: 14px;width: 180px;height: 60px;color: #fff;background: #f79433;border-style: solid;border-color: #fff;border-width: 1px;border-radius: 150px/ 50px;font-weight: 300;}
.counsel_tit {padding: 15px 15px 0;font-size: 20px;font-family: 'Pretendard'; font-weight: 300; color: #fff;letter-spacing: -0.4px;}