@charset "utf-8";

#m_wrap{ width:100%; margin:0 auto; background:#5c5c5c; position:relative;}



/* 헤더 */
#h_wrap {width:100%; position:absolute; top:0px; z-index:10;}

.h_top{width:640px; height:34px; background:#d2a578; margin:0 auto;}
.h_top ul {padding-right:20px; float:right;}
.h_top ul li a {color:#fff; font-weight:300; font-size:21px; line-height:34px;}

.h_box {width:640px; height:90px; overflow:hidden; margin:0 auto; background:#f7f3ef; position:relative;}
.logo{padding:12px 0 15px 20px;}
.logo h1 img{width:100%;}
.h_box li {display:inline; float:left;}
.h_box .main_tel {float:left; padding-left:30px;height:41px; padding-top:20px;}
.h_box #total_toggle {float:right; width:60px;height:47px; padding-top:9px; padding-right:20px;}
.h_box a {color: #666;}
.h_box .member {width:180px; float:left; position:absolute; top:13px; right:75px; margin-left:10px;}
.h_box .member li {display:inline; float:left; padding-right:4px;}


/* 아이콘 */
.hmn {width:640px; margin:0 auto; overflow:hidden;}

.mbt01{background:#f7f3ef; padding-top:20px; padding-left:20px; width:620px; padding-bottom:17px;}
.mbt01 li{margin-right:3px; margin-bottom:3px; float:left;}

.mbt02 {padding-top:16px; padding-bottom: 16px; background: #fff;}
.mbt02 li{text-align:center;}
.mbt03 {background: #fff; width: 640px;}
.mbt03 li{float:left;}
.mbt04 {background: #fff; width: 320px; float: left;}
.mbt05 {background: #fff;}
.mbt06 {background: #fff;}

/* 푸터 */
.foot_wrap {margin:0 auto; width:640px; position:relative; background-color:#fff}
.foot_box {width:640px; margin:0 auto; text-align:center; background:#313337; /*margin-bottom:144px;*/ padding-bottom:180px; color:#ccc;}
.foot_box .area {width:640px; padding:40px 0;}
.foot_box .area div {width:640px; margin:0 auto; overflow:hidden;}
.foot_box .area div ul {overflow:hidden;}
.foot_box .area div ul li {display:inline-block;margin:0 8px;}
.foot_box .txt {width:640px; margin:0 auto; padding-top:17px; font-size:21px; line-height:150%; font-weight:normal;}
.foot_box .txt span {color:#999;}

/*foot 전화상담*/
.btn_f {width:100%; position:fixed; left:0; bottom:0; /*padding:10px 0;*/ background-color:rgba(76,76,76,0.8); z-index:30;}
.btn_f .area {margin:0 auto; width:640px}
.btn_f .area li {float:left; width:160px; text-align:center; padding:0 4%}
.btn_f .area li img {width:160px;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:81px;left:50%;margin-left:-320px;z-index:101;display:none;}
.total_wrap {padding:10px 25px; background:#575757; overflow:hidden;}
.total_box { clear:both; position:relative; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.total_box strong a {float:left; color:#FFF; font-size:26px; font-weight:400; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:200px; margin-left:10px;}
.total_box ul li a {display:block; padding:3px 0; font:normal 23px/26px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}


#main_visual {width:640px; position:relative; padding-top:90px; margin:0 auto; overflow:hidden; background:#FFF;}
#main_visual .imgbox {width:100%; height:684px; overflow:hidden}
#main_visual .slider {width:100%; height:100%;}
#main_visual .slider .item {float:left; width:640px;}
#main_visual .btnbox {height:32px; cursor:pointer; position:absolute; bottom:0px; z-index:2; left:50%; margin-left:-45px;}
#main_visual .btnbox .go {float:left; width:18px; height:17px; background:url('../images/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#main_visual .btnbox .go.on {background:url('../images/mv_btn_ov.png') no-repeat;}
#main_visual .btnbox .go.off {background:url('../images/mv_btn.png') no-repeat;}
#m_wrap #button {width:640px;overflow:hidden;margin:0 auto;background:#FFF;}
#m_wrap #button li{float:left;padding-top:15px;}
#m_wrap #button li:nth-child(2){margin:0 1px 0 1px;}