@charset "utf-8";

@import url('https://webfontworld.github.io/gonggames/EsaManru.css');


html{font-size:62.5%;} /*2049~2560 해상도 기준*/
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:1.5rem;color:#333;font-family: 'EsaManru';}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family: 'EsaManru';}

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

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


#mkw_ft{background:#222}
#mkw_ft .ft_inner{max-width:140rem;width:100%;margin:0 auto;padding:4rem 0;display:flex;flex-wrap:wrap;align-items:center}
#mkw_ft .ft_inner .ft_info{width:calc(100% - 43rem);display:flex;flex-wrap:wrap}
#mkw_ft .ft_inner .ft_info .ft_logo{width:6.5rem}
#mkw_ft .ft_inner .ft_info .info{width:calc(100% - 6.5rem);padding:0 2rem 0 7rem;font-size:1.5rem;font-weight:300;line-height:150%;color:rgba(255,255,255,.5)}
#mkw_ft .ft_inner .ft_info .info p{display:inline-block;}
#mkw_ft .ft_inner .ft_info .info p a{color:rgba(255,255,255,.5)}
#mkw_ft .ft_inner .ft_info .info .bar{display:inline-block;width:1px;height:1rem;margin:0 1rem;background:rgba(255,255,255,.2)}

#mkw_ft .ft_inner .tel_info{width:43rem}
#mkw_ft .ft_inner .tel_info .tit{margin-bottom:2rem;font-size:1.6;font-weight:500;color:#fff}
#mkw_ft .ft_inner .tel_info .tel_list{font-size:2.6rem;font-weight:500}
#mkw_ft .ft_inner .tel_info .tel_list li{display:inline-block;color:#fff}
#mkw_ft .ft_inner .tel_info .tel_list li:nth-child(2n){padding-left:2rem}
#mkw_ft .ft_inner .tel_info .tel_list li:nth-child(n+3){margin-top:1rem}
#mkw_ft .ft_inner .sns_list{margin-top:2rem;display:flex;flex-wrap:wrap;}
#mkw_ft .ft_inner .sns_list li + li{margin-left:1rem}
#mkw_ft .copy{padding:1.5rem 2rem;background:#191919;text-align:center;font-size:1.5rem;font-weight:300;line-height:150%;color:rgba(255,255,255,.3)}
#mkw_ft .copy a{display:inline-block;color:rgba(255,255,255,.1)}



@media (max-width: 1400px) {
.sub_container .inner{padding:10rem 2rem}
#mkw_ft .ft_inner{padding:4rem 2rem}
}

@media (max-width: 1280px) {
html{font-size:61%;}
.sub_container{margin-top:8rem}
.sub_container .inner{padding:9rem 2rem}
}

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

#mkw_ft .ft_inner .ft_info{display:block;width:calc(100% - 40rem)}	
#mkw_ft .ft_inner .ft_info .ft_logo{margin-bottom:2rem}
#mkw_ft .ft_inner .ft_info .info{padding:0}

#mkw_ft .ft_inner .tel_info{width:40rem}
#mkw_ft .ft_inner .tel_info .tel_list{font-size:2.3rem}
}

@media (max-width: 767px) {
html{font-size:58%;}	
.sub_container{margin-top:7rem}
.sub_container .inner{padding:7rem 2rem}

#mkw_ft .ft_inner{text-align:center}
#mkw_ft .ft_inner .ft_info{width:100%;margin-bottom:3rem}
#mkw_ft .ft_inner .ft_info .ft_logo{margin:0 auto 2rem}
#mkw_ft .ft_inner .ft_info .info{width:100%}
#mkw_ft .ft_inner .tel_info{margin:0 auto}
#mkw_ft .ft_inner .tel_info .tel_list{font-size:2rem}
#mkw_ft .ft_inner .sns_list{justify-content:center}
}

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

#mkw_ft .ft_inner .ft_info .info p{display:block}
#mkw_ft .ft_inner .ft_info .info .bar{display:none}
}

