@charset "utf-8";





body{ padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }
 
#wrap{ margin:0 auto; background:#fff; position:relative;}




/* 헤더 */
#header {position:absolute; left:0; top:0; z-index:10; width:100%; height:70px; background:#f5f0ee; }
#header #menu {float:left; margin:10px; width:46px; height:51px; background:url(/new2023/mobile/images/m_b.jpg) no-repeat center center; font-size:0; cursor:pointer;}
#header #logo {position:absolute; top:15px; left:23%; width:210px; height:45px;} 
#header #logo h1 {width:100%; height:100%;}
#header #logo h1 a {display:block; width:100%; height:52px; background:url(/new2023/mobile/images/logo.png) no-repeat; background-size:90%; font-size:0; line-height:0;}
#header #mem_btns {position:absolute; height:100px; text-align:left; right: 15px;}
#header #mem_btns a {color:#666; padding:0 5px; line-height: 112px; font-weight: 400;}
#header #call {float: right;margin-top:5px}



#menu_list_bg {display:none; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#menu_list {position:fixed; left:-500px; top:0; z-index:100; width:300px; height:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; font-size:23px; height:70px; padding-left:40px; color:#fff; line-height:70px; background:#333;}
#menu_list .menu_list_tit .close {display:block; position:absolute; right:10px; top:10px; width:48px; height:48px; border:solid 1px #999; text-align:center; line-height:48px; color:#999;}
#menu_list #navi {width:100%; background:#fff;}
#menu_list #navi li {position:relative; border-bottom:solid 1px #d9d9d9;}
#menu_list #navi li a {display:block; line-height:50px; cursor:pointer; color:#222;}
#menu_list #navi li .main_mn {background:url(../images/submenu_arrow.gif) no-repeat 445px 8px; }
#menu_list #navi li .big_txt{padding-left:20px; font-size:22px; font-weight:500}
#menu_list #navi li .s_txt a{padding-left:30px;}
#menu_list #navi li .main_mn.on {color:#333; border-bottom:solid 1px #d9d9d9; background-position:445px -53px;}
#menu_list #navi li .close_lnb {display:block; width:100%; height:55px; padding:0; position:absolute; left:0; top:0; z-index:13;}
#menu_list #navi .lnb {display:none; background:#f3e8e2;}

#menu_list  #navi p{height:50px; line-height:50px}
#menu_list  #navi p a{ height:50px; line-height:50px}

/* 전체메뉴 */
#total_menu {position:absolute; top:90px; left:50%; margin-left:-320px; z-index:11; 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;}
.noline {border-bottom:none !important;}
.total_box .mn_tit {float:left; width:150px;}
.total_box .mn_tit a {color:#FFF; font-weight:400; letter-spacing:-1px; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:200px; margin-right:10px;}
.total_box ul li a {display:block; padding:3px 0;color:#ccc; letter-spacing:-1px;}


/* 비주얼 */
#main_visual {position:relative; padding-top:70px; margin:0 auto; overflow:hidden; background:#FFF;}
#main_visual .imgbox {width:100%; height:726px;}
#main_visual .imgbox img{width:100%}
#main_visual .slider {width:100%; height:100%;}
#main_visual .slider .item {float:left; }
#main_visual .btnbox {height: 65px; cursor:pointer; position:absolute; top:91%; z-index:2;  left: 38%;width: 170px;margin-left:-38%px;}
#main_visual .btnbox li{display:block; margin:0;}
#main_visual .btnbox .go {float:left; width:18px; height:17px; background:url('../images/main/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#main_visual .btnbox .go.on {height: 19px;background:url('../images/main/mv_btn_ov.png') no-repeat;}
#main_visual .btnbox .go.off {height: 19px; background:url('../images/main/mv_btn.png') no-repeat;}
#m_wrap #button {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;}



/* 메인 메뉴 아이콘 */
#c01 > .tit {padding:10% 0 7% 0}
#c01 > ul {margin: 0px 3px; }
#c01 li {float: left; width:33.0%; padding-right:0.5%; padding-top: 0.5%;}
#c01 li img{width:100%}
#c01 li:nth-child(3), #c01 li:nth-child(6) {padding-right:0}


/* 커뮤니티 */
#c02 > .tit {margin-top:7%; background:#f5f0ee; padding:10% 0 7% 0}
#c02 ul { margin: 0 auto;};
#c02 li{float: left;}
#c02 li {float:left;}
#c02 li:nth-child(1){width:100%}
#c02 li{width:29%; background:#f5f0ee; padding-bottom:8%;}
#c02 li:nth-child(2){padding-left:4.5%; padding-right:2%}
#c02 li:nth-child(3){padding-left:0%; padding-right:0%}
#c02 li:nth-child(4){padding-left:2%; padding-right:4.5%}
#c02 li img{width:100%}


#c03 > .tit {margin:10% 0 7% 0;}
#c03 > .clearfix {width:100%; margin: 0 auto; }
#c03 ul > li {float: left;}
#c03 li img{width:100%}

/* 하단 */
#c04 > .tit {padding:10% 0 5% 0}
#bottom{width:91%; padding-left:4.5%; padding-right:4.5%}
#bottom .info img{width:100%}
#bottom .time {width:100%; padding-bottom:10%;}	
#bottom .time img{width:100%}


@media (min-width: 481px) and (max-width: 768px) {
#main_visual .imgbox {width:100%; height:570px;}

}

@media (min-width: 340px) and (max-width: 480px) {
#main_visual .imgbox {width:100%;height:470px;}

}