@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
html {font-size:70%;} /*2049~2560 해상도 기준*/
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:15px;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}

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

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

/* 하단 */
#mkw_ft{width:100%}
#mkw_ft .ft_info_area{max-width:130rem;width:100%;margin:0 auto;padding:5.5rem 0;overflow:hidden}
#mkw_ft .ft_info_area .ft_tit{width:30rem;float:left}
#mkw_ft .ft_info_area .ft_info_wrap{width:calc(100% - 30rem);float:left}
#mkw_ft .ft_info_area .ft_info_wrap .info_list{margin-bottom:2rem;overflow:hidden}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li{display:inline-block;font-weight:400;cursor:pointer}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li+li{padding-left:2rem}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li a{color:#333;transition:all .3s;}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li a:hover{color:#1a4a6e}

#mkw_ft .ft_info_area .ft_info_wrap .ft_info{font-size:1.5rem;line-height:2.6rem;color:#999}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar{display:inline-block;padding:0 1.3rem;color:#ddd}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar_hide{display:none}
#mkw_ft .copy_area{border-top:1px solid rgba(0,0,0,.1);background:#f7f7f7}
#mkw_ft .copy_area .inner{max-width:140rem;width:100%;height:5rem;line-height:5rem;margin:0 auto;overflow:hidden;position:relative}
#mkw_ft .copy_area .inner .copy{font-size:1.4rem;text-align:center;color:#999;}
#mkw_ft .copy_area .inner .link_btn{position:absolute;right:0;top:0}
#mkw_ft .copy_area .inner .link_btn a{font-size:1.4rem;color:#bcbcbc;transition:all .3s}
#mkw_ft .copy_area .inner .link_btn a+a{margin-left:2rem}
#mkw_ft .copy_area .inner .link_btn a:hover{color:#333}

#way_wrapper.sub #mkw_ft{background:#f7f7f7}
#way_wrapper.sub #mkw_ft .copy_area{border:0;background:rgba(0,0,0,.1)}
#way_wrapper.sub #mkw_ft .copy_area .inner .copy{color:#777}
#way_wrapper.sub #mkw_ft .copy_area .inner .link_btn a{color:#777}
@media (max-width: 2048px) {
html {font-size:62.5%;}
}
@media (max-width: 1500px) {
.sub_container{padding:7rem 2rem}
}

@media (max-width: 1300px) {
html{font-size:59.38%}
*{word-break:keep-all}
#mkw_ft .ft_info_area{padding:5.5rem 2rem}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar_hide{display:inline-block}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info br{display:none}
}

@media (max-width: 1024px) {
html{font-size:57.81%}
}

@media (max-width: 767px) {
html{font-size:57%}
#mkw_ft .ft_info_area{padding:3rem 2rem}
#mkw_ft .ft_info_area .ft_tit{width:100%;margin-bottom:2rem;text-align:center;float:none}
#mkw_ft .ft_info_area .ft_tit img{max-width:18rem}
#mkw_ft .ft_info_area .ft_info_wrap{width:100%;text-align:center;float:none}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar{display:block;height:0;font-size:0;}

#mkw_ft .copy_area .inner{padding:1.5rem 0;height:auto;text-align:center;line-height:150%}
#mkw_ft .copy_area .inner .link_btn{display:inline-block;position:relative;top:auto;right:auto}
}

@media (max-width: 480px) {
html{font-size:56.25%}
}

@media (max-width: 320px) {
html{font-size:54.7%}
}