@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");


html {font-size:11.2px} /*2049~2560 해상도 기준*/
html::-webkit-scrollbar {width:5px;background:#222}
html::-webkit-scrollbar-thumb {background-color:var(--pt-color);border-radius:1rem;}
*{-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';}
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:#0597f2;--pt-color2:#09263a}

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

/*서브*/
.sub_container{max-width:154rem;width:100%;min-height:65vh;margin:0 auto;padding:20rem 2rem 10rem;position:relative}
.sub_container.sub_full_cont{max-width:100%;padding:10rem 0}

/*하단*/
#mkw_ft{background:#000}
#mkw_ft .inner{max-width:154rem;width:100%;margin:0 auto;padding:0 2rem 3rem;position:relative}
#way_wrapper.w_page #mkw_ft .inner{padding-top:10rem}

#mkw_ft .cs_link{max-width:83rem;width:100%;margin:0 auto;position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:2%}

#mkw_ft .cs_link li{width:18%;padding-bottom:18%;position:relative;top:5rem;opacity:0;transition:top 1s, opacity 1.5s}
#mkw_ft .cs_link li:nth-child(odd){top:-5rem}
#mkw_ft .cs_link li a{display:block;width:100%;height:100%;border-radius:2rem;background:rgba(255,255,255,.2);overflow:hidden;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#mkw_ft .cs_link li a img{max-width:5.6rem;width:45%;position:absolute;z-index:10}
#mkw_ft .cs_link li a:before{content:'';width:0;height:0;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .5s}
#mkw_ft .cs_link li.icon1 a:before{background:#000}
#mkw_ft .cs_link li.icon2 a:before{background:#ff0000}
#mkw_ft .cs_link li.icon3 a:before{background:#5865f1}
#mkw_ft .cs_link li.icon4 a:before{background:#115b8b}
#mkw_ft .cs_link li.icon5 a:before{background:var(--pt-color)}
#mkw_ft .cs_link li a:hover:before{width:150%;height:150%}


#mkw_ft .cs_link.active li{top:0;opacity:1}


#mkw_ft .ft_info{margin-top:5rem;text-align:center;position:relative;z-index:3;opacity:0;transition:opacity 1s}
#mkw_ft .ft_info.active{opacity:1}
#mkw_ft .ft_info .ft_img{display:inline-block;margin-bottom:1rem}
#mkw_ft .ft_info .ft_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:#fff;font-family:'Play'}
#mkw_ft .ft_info .info_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 3rem;}
#mkw_ft .ft_info .info_list li{font-size:1.5rem;line-height:150%;color:#a3a3a3}
#mkw_ft .ft_info .copy{margin-top:2.5rem;font-size:1.5rem;line-height:150%;color:#a3a3a3}


#mkw_ft .ft_bt_img{position:absolute;bottom:0;left:-5rem;opacity:0;transition:all 1s}
#mkw_ft.active .ft_bt_img{opacity:1;transform:translateX(2rem)} 



/*개인정보취급방침*/
#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}





/*퀵메뉴*/
#quick_btn{position:fixed;bottom:0;right:2rem;z-index:-1;opacity:0;transition:all 1s}
#quick_btn > li{width:6rem;height:6rem;border-radius:6rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);overflow:hidden;cursor:pointer;transition:all .3s;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#quick_btn > li a{width:100%;height:100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

#quick_btn .inq_btn{position:absolute;bottom:0;left:0;z-index:2;background:var(--pt-color)}
#quick_btn .go_top{opacity:0}

#quick_btn.on{bottom:5rem;opacity:1;z-index:100}
#quick_btn.on .inq_btn{bottom:7rem}
#quick_btn.on .go_top{opacity:1}




@media (max-width: 2048px) {
html {font-size:10px}
}

@media (max-width: 1500px) {
*{word-break:keep-all}	
}

@media (max-width: 1280px) {
html{font-size:9.792px}    
.sub_container{padding:17rem 2rem 9rem}
.sub_container.sub_full_cont{padding:8rem 0 9rem}
#way_wrapper.w_page #mkw_ft .inner{padding-top:9rem}

}
@media (max-width: 1024px) {
html{font-size:59.9%}      
.sub_container{padding:17rem 2rem 8rem}
.sub_container.sub_full_cont{padding:8rem 0}
#way_wrapper.w_page #mkw_ft .inner{padding-top:8rem}
#mkw_ft .ft_info_area .ft_tit img{width:10rem}
#mkw_ft.active .ft_bt_img img{width:35rem}

#quick_btn > li{width:4rem;height:4rem}
#quick_btn > li img{}
#quick_btn.on .inq_btn{bottom:5rem}

#quick_btn .inq_btn img{width:1.9rem}
#quick_btn .go_top img{width:1.2rem}

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

#way_wrapper.w_page #mkw_ft .inner{padding-top:7rem}
#mkw_ft .ft_info .ft_img img{width:5rem}
#mkw_ft.active .ft_bt_img img{width:30rem}

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

}
@media (max-width: 480px) {
html{font-size:57.3%}
.sub_container{padding:14rem 2rem 6rem}
.sub_container.sub_full_cont{padding:7rem 0 6rem}
#way_wrapper.w_page #mkw_ft .inner{padding-top:6rem}
#mkw_ft .ft_info{margin-top:3rem}

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