@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {font-size:70%;overflow:hidden} /*2049~2560 해상도 기준*/
html.auto{overflow:unset}
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none}
body{background:#fff;font-size:1.5rem;color:#333;font-family: 'Pretendard', 'Apple SD Gothic Neo', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Pretendard'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/*컬러조정*/
:root {--pt-color:#002d61;--pt-color2:#8b745c}

/*전체*/
#way_wrapper{width:100%;margin:0 auto;overflow:hidden;position:relative}
#way_container{overflow:hidden}

/*서브*/
.sub_container{max-width:130rem;width:100%;min-height:60vh;margin:0 auto;padding:10rem 0;background:#fff;position:relative}
.sub_container.sub_full_cont{max-width:100%;padding:0}


/* 하단 */
#fp-nav ul{margin:.5rem auto}
#fp-nav.fp-left{left:3rem}
#fp-nav ul li, .fp-slidesNav ul li{width:auto;height:auto;background:none}
#fp-nav ul li{width:2.2rem;margin:0}
#fp-nav ul li + li{margin-top:.5rem}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display:none}
#fp-nav ul li a{display:block;width:13px;height:2px;margin:0 auto;background:rgba(255,255,255,.8);cursor:default;transition:all .3s}
#fp-nav ul li a.active{width:2.2rem;background:#fff}
#fp-nav .slide-info{font-size:1.7rem;font-weight:700;text-align:center;color:#fff;font-family:'Poppins'}
#fp-nav .slide-info-bottom{color:rgba(255,255,255,.8)}
#fp-nav .slide-arr{text-align:center;cursor:pointer}
#fp-nav .slide-arr img{filter:invert(1)}

#fp-nav.active .slide-info-top{color:var(--pt-color)}
#fp-nav.active ul li a{background:rgba(0,0,0,.5)}
#fp-nav.active ul li a.active{background:var(--pt-color)}
#fp-nav.active .slide-info-bottom{color:rgba(0,0,0,.7)}
#fp-nav.active .slide-arr img{filter:invert(0)}


#ft_tel_link{width:100%;height:7rem;background:rgba(4,31,47,.8);display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0}
#ft_tel_link .tel_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;}
#ft_tel_link .tel_list li{height:100%}
#ft_tel_link .tel_list li a{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
#ft_tel_link .tel_list li .icon{width:2.6rem;height:2.6rem;border-radius:2.6rem;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
#ft_tel_link .tel_list li .tit{font-size:1.8rem;font-weight:700;color:#fff}
#ft_tel_link .tel_list li em{font-style:normal}

/*개인정보취급방침*/
#privacy_new_box_wrap{position:fixed;top:0;left:0;display:none;width:100%;height:100%;z-index:-1}
#privacy_new_box_wrap .privacy_bg{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;}
#privacy_new_box_wrap.on{display:block;z-index:1000}
#privacy_new_box_wrap *{box-sizing:border-box}
#privacy_new_box_wrap .p_cont{width:100%;height:100%}
#privacy_new_box_wrap .privacy_new_box{max-width:70rem;width:90%;height:51%;padding:4rem;border-radius:1rem;position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%)}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{position:absolute;right:4rem;top:4rem;cursor:pointer}
#privacy_new_box_wrap .privacy_new_box .box_tit{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ddd;font-weight:500;font-size:2rem;color:#333;}
#privacy_new_box_wrap #privacy_cont{width:100% !important;height:calc(100% - 7rem);border:0 !important;padding:3rem;font-weight:400;font-size:1.4rem;line-height:150%;color:#888;background:#f7f7f7}
#privacy_new_box_wrap #privacy_cont:focus{outline:none}
#privacy_new_box_wrap #privacy_cont:hover{border:0;box-shadow:none}

/*인덱스에서만 작동*/
#fade_bg{width:100%;height:100%;background: linear-gradient(to right, rgba(0,45,97,1) 0%, rgba(5,63,130,1) 100%);;position:fixed;top:0;left:0;z-index:9999;transition:all 1s}
#fade_bg .intro_logo{max-width:30rem;width:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#fade_bg .intro_logo img{width:100%}
#fade_bg.active{opacity:0;visibility:hidden}



@media (max-width: 2048px) {
html {font-size:62.5%}
}
@media (max-width: 1400px) {
*{word-break:keep-all}	
#mkw_ft .copy_area .inner .link_btn a+a{margin-right:2rem}
.sub_container{padding:10rem 2rem}
}

@media (max-width: 1280px) {
html{font-size:61.2%}    
.sub_container{padding:9rem 2rem}

#ft_tel_link .tel_list li em{display:none}

}
@media (max-width: 1024px) {
html{font-size:59.9%}      
.sub_container{padding:8rem 2rem}

#ft_tel_link{height:6rem}
#ft_tel_link .tel_list li span{display:none}

}
@media (max-width: 767px) {
html{font-size:58.6%}
.sub_container{padding:7rem 2rem}


/*개인정보취급방침*/
#privacy_new_box_wrap .privacy_new_box{height:80%;padding:4rem 2rem}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{right:2rem}

#ft_tel_link{height:auto;gap:1rem 2%}
#ft_tel_link .tel_list{width:100%;gap:0}
#ft_tel_link .tel_list li{width:33.33%;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
#ft_tel_link .tel_list li a{padding:1rem;justify-content:center;}

}
@media (max-width: 480px) {
html{font-size:57.3%}
.sub_container{padding:6rem 2rem}

#ft_tel_link .tel_list li .tit{font-size:1.6rem}

}
@media (max-width: 320px) {
html{font-size:56%}
.sub_container{padding:6rem 1.5rem}

#ft_tel_link .tel_list li .icon{width:1.5rem;height:1.5rem;background:none}
}

