@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {font-family: 'SBAggroM';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SBAggroL';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');font-weight: normal;font-style: normal;}


*{-webkit-text-size-adjust:none}
body{height:100%;background:#fff;font-size:0.9em;color:#666;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}
#way_wrapper:before{position:absolute;z-index:-1; top:0;left:0;content:'';width:100%;height:766px;background:url(/hd/main_bg.jpg) #f7f7f7 repeat;}
#way_wrapper.sub:before{width:100%;height:100px}
#way_container{overflow:hidden}

/*서브*/
.sub_container{max-width:1300px;margin:0 auto;padding:100px 0;background:#fff}

/* 하단 */
#mkw_ft{width:100%;background:#f7f7f7;font-family:'SBAggroL'}
#mkw_ft .inner{max-width:1300px;width:100%;margin:0 auto;overflow:hidden}

#mkw_ft #mkw_ft_wrapper{width:100%;margin:0 auto;overflow:hidden }
#mkw_ft #mkw_ft_wrapper .ft_tit_area{width:100%;padding-top:40px;line-height:50px;border-bottom:1px solid #e7e7e7;overflow:hidden} 
#mkw_ft #mkw_ft_wrapper .ft_tit{display:inline-block;padding-right:30px;font-size:22px;color:#333;float:left;font-family:'SBAggroM'}
#mkw_ft #mkw_ft_wrapper .info_list{display:inline-block;float:right}
#mkw_ft #mkw_ft_wrapper .info_list li{display:inline-block;padding-left:40px;color:#666;position:relative;word-break:break-all !important;}
#mkw_ft #mkw_ft_wrapper .info_list li:last-child{margin-left:25px;padding-left:75px;}
#mkw_ft #mkw_ft_wrapper .info_list li span{color:#1eb4fa;position:absolute;left:0;top:0;font-family:'SBAggroM'}

#mkw_ft #mkw_ft_wrapper .ft_info_area{font-size:15px;line-height:26px;color:#888}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt{padding:50px 0;position:relative}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt li{display:inline-block;padding-right:15px;margin-right:15px;position:relative;}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt li:before{width:1px;height:10px;background:#999;position:absolute;right:-1px;top:6px;content:'';}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt li:last-child:before{display:none}

#mkw_ft .copy{border:1px solid #e7e7e7;font-size:14px;line-height:60px;color:#666}

#mkw_ft .copy .link_btn{float:right}
#mkw_ft .copy .link_btn a{color:#999}
#mkw_ft .copy .link_btn a+a{padding-left:10px}


@media (max-width: 1300px) {
#way_wrapper:before{width:100%}
*{word-break:keep-all !important}
.sub_container{padding:40px 10px}
#mkw_ft .inner{padding:0 20px}
}
@media (max-width: 1024px) {
#mkw_ft #mkw_ft_wrapper .ft_tit{display:block;float:none}
#mkw_ft #mkw_ft_wrapper .info_list{display:block;float:none}
}
@media (max-width: 767px) {
#mkw_ft #mkw_ft_wrapper .info_list{padding-bottom:20px}
#mkw_ft #mkw_ft_wrapper .info_list li{display:block;padding-left:75px;line-height:30px;float:none;}
#mkw_ft #mkw_ft_wrapper .info_list li:last-child{margin:0}

#mkw_ft #mkw_ft_wrapper .ft_info_area .txt{padding:30px 0}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt li{display:block;float:none;padding:0;margin:0}
#mkw_ft #mkw_ft_wrapper .ft_info_area .txt li:before{display:none}
#mkw_ft .copy{padding:10px 0;text-align:center;line-height:30px}
#mkw_ft .copy .link_btn{display:block;float:none}
}

@media (max-width: 480px) {
#mkw_ft #mkw_ft_wrapper .ft_info_area{font-size:14px}
#mkw_ft #mkw_ft_wrapper .ft_tit{font-size:16px}
}