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

html{font-size:62.5%;}
*{-webkit-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}

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

/*서브*/
.sub_container{width:100%;min-height:60vh;margin:0 auto;background:#fff;overflow:hidden}
.sub_container .inner{max-width:130rem;width:100%;min-height:50rem;margin:0 auto;padding:8rem 0 13rem;background:#fff}

/* 하단 */
#mkw_ft{width:100%;background:#222}
#mkw_ft .ft_inner{max-width:140rem;width:100%;padding:8rem 0;margin:0 auto;;position:relative}
#mkw_ft .ft_inner:after{content:'';display:block;width:0;clear:both}
#mkw_ft .ft_menu{width:30%;float:right}
#mkw_ft .ft_menu > li{width:33.33%;height:14rem;text-align:center;float:left;position:relative}
#mkw_ft .ft_menu > li + li:before{content:'';width:1px;height:100%;background:rgba(255,255,255,.1);position:absolute;left:0;top:0}
#mkw_ft .ft_menu .b_menu{display:block;font-weight:500;font-size:1.7rem;color:#fff}
#mkw_ft .ft_menu .ft_dep02{padding:1rem 2rem;}
#mkw_ft .ft_menu .ft_dep02 li{margin-bottom:1rem;font-size:1.5rem;line-height:130%}
#mkw_ft .ft_menu .ft_dep02 li:last-child{margin-bottom:0}
#mkw_ft .ft_menu .ft_dep02 li a{color:rgba(255,255,255,.4);transition:all .3s}
#mkw_ft .ft_menu .ft_dep02 li a:hover{color:#fff}

#mkw_ft .ft_info{width:70%;float:left}
#mkw_ft .ft_info .ft_logo{width:20rem;float:left}
#mkw_ft .ft_info .info_box{width:calc(100% - 20rem);float:left}
#mkw_ft .ft_info .info_box p{display:inline;font-size:1.5rem;line-height:2.6rem;color:rgba(255,255,255,.4)}
#mkw_ft .ft_info .info_box .bar{display:inline-block;width:1px;height:1rem;margin:0 1rem;background:rgba(255,255,255,.3)}

#mkw_ft .ft_info .family_site{width:22rem;height:5.5rem;margin-top:3.5rem;padding:0 1.5rem;font-weight:500;font-size:1.6rem;line-height:5.5rem;color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);position:relative;cursor:pointer;font-family:'Poppins'}
#mkw_ft .ft_info .family_site i{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);transition:all .3s}
#mkw_ft .ft_info .family_site .site_list{display:none;width:100%;padding:1rem;background:#2d2d2d;position:absolute;top:5.5rem;left:0;z-index:10}
#mkw_ft .ft_info .family_site .site_list li{font-size:1.5rem;line-height:4rem;}
#mkw_ft .ft_info .family_site .site_list li a{display:block;width:100%;height:100%;color:rgba(255,255,255,.6);transition:all .3s}
#mkw_ft .ft_info .family_site .site_list li a:hover{color:#fff}
#mkw_ft .ft_info .family_site .site_list li + li{border-top:1px dashed rgba(255,255,255,.1)}

#mkw_ft .ft_info .family_site.on i{top:40%;transform:rotate(180deg)}

#mkw_ft .copy{width:100%;border-top:1px solid rgba(255,255,255,.1);font-size:1.5rem;text-align:center;color:rgba(255,255,255,.3);line-height:5rem}
#mkw_ft .copy .copy_inner{max-width:140rem;width:100%;margin:0 auto;position:relative}
#mkw_ft .copy_btn{position:absolute;right:0;top:0}
#mkw_ft .copy_btn a{display:inline-block;color:rgba(255,255,255,.3);transition:all .3s}
#mkw_ft .copy_btn a:hover{color:#fff}
#mkw_ft .copy_btn a + a{margin-left:1rem}



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

/*하단*/	
#mkw_ft .ft_inner{padding:8rem 2rem}
}

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

/*하단*/	
#mkw_ft .ft_inner{padding:8rem 2rem}
#mkw_ft .ft_info{width:60%}
#mkw_ft .ft_info .ft_logo{width:100%;margin-bottom:2rem;float:none}
#mkw_ft .ft_info .info_box{width:100%;float:none}
#mkw_ft .ft_menu{width:40%}
#mkw_ft .ft_menu .ft_dep02{padding:2rem 1rem}

}

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

/*하단*/	
#mkw_ft .ft_info .info_box p{display:block}
#mkw_ft .ft_info .info_box br{display:none}
#mkw_ft .ft_info .info_box .bar{display:none}

}

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

/*하단*/
#mkw_ft .ft_inner{padding:0}	
#mkw_ft .ft_info{width:100%;padding:0 2rem 5rem;text-align:center;float:none;}

#mkw_ft .ft_info .family_site{width:15rem;height:4rem;margin:2rem auto 0;line-height:4rem;text-align:left}
#mkw_ft .ft_info .family_site .site_list{top:-10.1rem}
#mkw_ft .ft_info .family_site.on i{top:35%}

#mkw_ft .ft_menu {width:100%;padding:2rem 0;margin-bottom:2rem;border-bottom:1px dashed rgba(255,255,255,.1);text-align:center;float:none}
#mkw_ft .ft_menu > li{display:inline-block;width:auto;height:auto;padding:0 1.5rem;float:none}	
#mkw_ft .ft_menu > li:nth-child(n+3){margin-top:0}
#mkw_ft .ft_menu .b_menu{font-size:1.6rem}
#mkw_ft .ft_menu .ft_dep02{display:none}

#mkw_ft .copy{padding:1.5rem 0;line-height:150%}
#mkw_ft .copy_btn{margin-top:1rem;position:relative;right:0}
}

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

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