@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&family=Playfair+Display:wght@500;700&family=Poppins:wght@400;500;700&display=swap');
@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%;scroll-behavior: smooth;} /*2049~2560 해상도 기준*/
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:1.5rem;color:#333;font-family:'Noto Sans KR'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Noto Sans KR'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

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

/*서브*/
.sub_container{width:100%;margin:0 auto;overflow:hidden}
.sub_container .inner{max-width:130rem;width:100%;min-height:70rem;margin:0 auto;padding:10rem 0}

/* 하단 */
#mkw_ft{background:#191d1c;overflow:hidden}
#mkw_ft .ft_inner{max-width:130rem;width:100%;margin:0 auto;padding:8rem 0;overflow:hidden}
#mkw_ft .ft_inner .ft_logo{width:15%;float:left}
#mkw_ft .ft_inner .ft_info{width:65%;float:left}
#mkw_ft .ft_inner .ft_contact{width:20%;float:left}
#mkw_ft .ft_inner .ft_tit{margin-bottom:2rem;font-size:1.7rem;color:#fff;font-family: 'Playfair Display', serif;}
#mkw_ft .ft_inner .info_cont{font-size:1.5rem;line-height:2.6rem;color:rgba(255,255,255,.4)}

#mkw_ft .ft_inner .ft_list li{font-size:1.5rem;color:rgba(255,255,255,.4);font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
#mkw_ft .ft_inner .ft_list li+li{padding-top:1rem}
#mkw_ft .ft_inner .ft_list li a{color:rgba(255,255,255,.4);}
#mkw_ft .ft_inner .ft_list li i{display:inline-block;margin-right:.5rem}
#mkw_ft .copy_area{height:5.5rem;background:#1e2120;text-align:center}
#mkw_ft .copy_area .copy_inner{max-width:130rem;width:100%;margin:0 auto;padding:0 2rem;position:relative}
#mkw_ft .copy_area .copy{font-size:1.5rem;line-height:5.5rem;color:rgba(255,255,255,.4)}
#mkw_ft .copy_area .link_btn{position:absolute;right:2rem;top:0;font-size:1.5rem;line-height:5.5rem}
#mkw_ft .copy_area .link_btn a{display:inline-block;color:rgba(255,255,255,.3)}
#mkw_ft .copy_area .link_btn a+a{margin-left:1rem}

/*개인정보취급방침*/
#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 .privacy_new_box{max-width:70rem;width:100%;height:51%;padding:5rem;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:5rem;top:5rem;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:1.8rem;color:#333;}
#privacy_new_box_wrap #privacy_cont{width:100% !important;height:32rem!important;border:0 !important;padding:3rem;font-size:1.5rem;line-height:2.6rem;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}


@media (max-width: 2048px) {
html{font-size:62.5%;}
}

@media (max-width: 1300px) {
*{word-break:keep-all}	
.sub_container .inner{padding:7rem 2rem}
#way_wrapper:before{width:30%}

#mkw_ft .ft_inner{padding:8rem 2rem}
}

@media (max-width: 1280px) {
html{font-size:59.38%}
}

@media (max-width: 1024px) {
html{font-size:57.81%}
#mkw_ft .ft_inner{padding:8rem 2rem}
#mkw_ft .ft_inner .ft_info{width:50%;padding-right:3rem}
#mkw_ft .ft_inner .ft_info br{display:none}
#mkw_ft .ft_inner .ft_contact{width:30%}
#mkw_ft .ft_inner .ft_sns_link{width:20%}
#mkw_ft .ft_inner .info_cont{word-break:break-all;}
}

@media (max-width: 767px) {
html{font-size:57%}
#way_wrapper:before{width:0}

#mkw_ft .ft_inner{padding:5rem 2rem}
#mkw_ft .ft_inner .ft_logo{width:100%;margin-bottom:2rem;text-align:center}
#mkw_ft .ft_inner .ft_info{width:100%;margin-bottom:3rem;padding:0;}
#mkw_ft .ft_inner .ft_contact{width:50%}
#mkw_ft .ft_inner .ft_sns_link{width:50%}
#mkw_ft .copy_area{padding:1rem;height:auto}
#mkw_ft .copy_area .copy, #mkw_ft .copy_area .link_btn{line-height:150%}
#mkw_ft .copy_area .link_btn{display:block;margin:1rem auto 0;position:relative;top:auto;right:auto}

#privacy_new_box_wrap .privacy_new_box{width:90%;height:90%;top:5%;left:5%;overflow:hidden;transform:none}
#privacy_new_box_wrap #privacy_cont{height:100vh !important}
}

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

#mkw_ft .ft_inner .ft_contact{width:65%}
#mkw_ft .ft_inner .ft_sns_link{width:35%}
}
@media (max-width: 320px) {
html{font-size:54.7%}
}
@media (max-width: 319px) {
#mkw_ft .ft_inner .ft_contact{width:100%;margin-bottom:3rem}
#mkw_ft .ft_inner .ft_sns_link{width:100%}	
}