@charset "utf-8";
/* CSS Document */

/************************************************
*		LAYOUT									*
************************************************/

#wrap{width:100%;margin:0 auto;background:#fff;position:relative;}
#header{width:100%;background:#fff;position:fixed;left:0;top:0;right:0;z-index:50;border-bottom:1px solid #bbbbbb;box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);}}
#container{margin:0 auto;padding:0;background-color:#fff;position:relative;z-index:40;}
.main #container{padding-top:0}
#content .m_wrap{width:1024px;margin:0 auto;}
#footer{width:100%;height:80px;background:#0f0f0f;}
#footer ::-moz-selection{background-color:#0f0f0f;color:#595959;}
#footer ::selection{background-color:#0f0f0f;color:#595959;}






/************************************************
*		HEADER									*
************************************************/

#header .layout{width:1280px;height:70px;padding:0 20px;background:#fff;margin:0 auto;}
.logo{height:70px;line-height:70px;display:block;float:left;}
.logo .sp{width:165px;height:30px;margin:17px 0 0;background:url(../images/logo.png) no-repeat;line-height:999px;display:inline-block;}
.r_gnb{display:inline;float:right;}
.nav{display:inline;float:left;}
.nav li{height:70px;margin-left:40px;font-size:18px;line-height:70px;display:inline;float:left;}
.nav li a{padding:0;font-weight:500;color:#777;vertical-align:top;display:inline-block;}
.nav li a:hover{color:#333;text-decoration:none}






/************************************************
*		CONTAINER								*
************************************************/

#container .m_article{width:100%;margin:0 auto;}
#container .m_article .layout{width:1280px;margin:0 auto;}

#container .m_article .li1{height:900px;background-image:url(../images/bg_m1.jpg);background-repeat:no-repeat;background-position:50% 0%;}
#container .m_article .li2{background-color:#edf8fd;}
#container .m_article .li3{background-color:#fff4e0;}
#container .m_article .li4{background-color:#ddf0ce;}

.m_wrap{width:100%;margin:0 auto;padding:90px 0 50px;position:relative;top:0;left:0;}
.m_wrap .main_bg{width:100%;text-align:center;}
.m_wrap .main_nav{position:absolute;top:780px;left:20px;}
.m_wrap .main_nav .nav_lst{position:relative;}
.m_wrap .main_nav .nav_lst .btn_main{width:33%;float:left;}
.m_wrap .main_nav .nav_lst .btn_main img{width:100%;}

.m_wrap .mw_tit{margin:0 0 20px;text-align:center;font-size:26px;font-weight:700;color:#333;line-height:32px;position:relative;}
.m_wrap .mw_sit{margin:0 0 20px;text-align:center;font-size:18px;font-weight:500;color:#666;line-height:24px;position:relative;}
.m_wrap .mw_txt{margin:0 0 20px;text-align:center;font-size:16px;font-weight:500;color:#666;line-height:22px;position:relative;}
.m_wrap .mw_sxt{margin:0 0 20px;text-align:center;font-size:16px;font-weight:500;color:#999;line-height:20px;position:relative;}

.m_wrap .mw_t_case1{width:460px;margin:40px auto;text-align:left;font-size:16px;font-weight:500;color:#333;line-height:22px;position:relative;}
.m_wrap .mw_t_case2{width:280px;margin:40px auto;text-align:left;font-size:16px;font-weight:500;color:#333;line-height:22px;position:relative;}
.m_wrap .mw_t_btn{width:295px;margin:0 auto 15px;display:block;position:relative;}






/************************************************
*		FOOT									*
************************************************/

#footer .layout{width:1280px;padding:15px 0;margin:0 auto;}
.copyright{width:880px; font-weight:normal;font-size:13px;color:#636363;float:left;line-height:25px;letter-spacing:-0.7px;}
.copyright .tx .bul_txt{display:none}
.copyright .tx span{margin:0 12px; color:#5636363;}

.footer_info img{float:left;padding:7px 25px 0 0;}

.footer_info a{width:125px;height:30px;color:#e4e4e4;background-color:#333;text-align:center;line-height:30px;float:right;margin-top:10px;}
.footer_info a:hover{color:#333;background:#fcd307;}