@charset "UTF-8";

a{color: #333333;}
.clearfix:after{content:""; display:block; clear:both;}

/* HEADER */
.header{padding: 10px 15px; text-align: center; position: absolute; top: 10px; left: 0; width: 100%; z-index: 1; box-sizing: border-box;}
.logo{float: left;}
.menu_btn{ cursor: pointer; z-index: 2; width: 16px; float: right; margin-top: 2px;}
.menu_bar{width: 16px; height: 1px; background-color: #404040; display: block; margin-bottom: 6px;}
.menu_bar:last-child{margin-bottom: 0;}
.menu_bar{transition: all 0.3s; position: relative;}


/* GNB */
.mobile_menu{position: fixed; top: 0; right: -200%; background-color: rgba(0,0,0,0.8); width: 100%; height: 100vh; z-index: 2; }
.menu_box{width: 90%; height: 100vh; position: absolute; top: 0; right: 0; overflow-y: scroll; text-align: center; background-color: #fff;}
.mgnb_tit{font-size: 10px; color: #fff; padding: 9px 15px; line-height: 1.6; background-color: #34a8e1;}
.mgnb_tit li:nth-child(1){float: left;}
.mgnb_tit li:nth-child(2){float: right;}
.sns_box{float: right;}
.sns_box li{float: left; margin-right: 10px;}
.sns_box li:last-child{margin-right: 0;}
.one_depth > a{font-size: 12px; color: #202020; margin: 20px 0; display: block; text-align: left; padding-left: 15px; background-image: url(/m/images/common/mgnb_arrow.png); background-position: right+15px center; background-repeat: no-repeat;}
.two_depth{display: none; background-color: #f1f1f1;}
.two_depth li a{display: block; font-size: 10px; padding: 10px 0; color: #555555; padding-left: 15px; text-align: left;}

/* FOOTER */
.footer_wrap{text-align: center; padding: 26px 15px; background-color: #2e2e2e; position: relative;}
.footer .footer_info li{font-size: 10px; color: #999999; margin-bottom: 9px;}
.footer .footer_info li:nth-child(1){margin-bottom: 18px;}
.footer .footer_info li:nth-child(1) img{width: 94px;}
.footer_bold{font-weight: 500;}
.footer_info{float: left; text-align: left;}
.footer_download{position: absolute; top: 26px; right: 15px;}
.footer_download li a{font-size: 10px; color: #999899; display: inline-block; width: 90px; padding: 8px 0; text-align: center; border: 1px solid #818282;}
.footer_download li a img{margin-right: 4px;}
.footer_download li{margin-bottom: 6px;}
.footer_download li:last-child{margin-bottom: 0;}