@media all and (max-width:900px){
#wrap{min-width:320px;}
.rwd{width:100%;margin:0 auto;}
header .web_header{display:none;}
header .mobile_header{display:block;}

header .mobile_header .header{position:relative;top:0;left:0;z-index:900;width:100%;height:55px;background:#25211e;text-align:center;}
header .mobile_header .header h1{padding-top:15px;}
header .mobile_header .header h1 img{width:90px;}
header .mobile_header .header button.btn_mnu{position:absolute;top:14px;left:18px;width:24px;height:21px;background:url('../../app/img/btn_mnu.png') 0 0 no-repeat;font-size:0;line-height:0;border:none}

header .header_cont{display:none;}
header .mobile_header .bg_cover{position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;background:#000;opacity:0.7;}
header .mobile_header .mobile_menu_box{position:absolute;width:100%;height:100%;top:0;left:-300px;z-index:1000}
header .mobile_header .btn_mclose{position:fixed;top:10px;left:265px;width:25px;height:25px;background:url('../../app/img/btn_mclose.png') 0 0 no-repeat;font-size:0;line-height:0;border:none}
header .mobile_header nav{position:absolute;top:0;left:0;width:250px;background:#fff;}
header .mobile_header nav > ul > li{border-bottom:1px solid #efefef}
header .mobile_header nav > ul > li > a{display:block;padding:10px 15px;color:#000;font-weight:800;}
header .mobile_header nav > ul > li ul {padding:5px 0 10px;}
header .mobile_header nav > ul > li ul li a{display:block;padding:3px 10px 3px 30px;}


footer .flink ul li{float:left;width:50%;}


footer .footer{padding:30px 0 50px;color:#fff}
footer .footer h2{float:none;width:100%;padding:25px 0;text-align:center;}
footer .footer h2 img{width:100px;}
footer .footer .help{float:none;width:100%;margin-bottom:25px;text-align:center}
footer .footer .info{float:none;width:100%;text-align:center}



/*  main */
.mlist_pic{padding:0px 0 50px;}
.mlist_pic ul{padding:0px;}
.mlist_pic ul:after{content:"";display:block;clear:both}
.mlist_pic ul li {float:left;width:50%;padding:0px 0 40px;text-align:center}
.mlist_pic ul li a{margin:0 15px;}
.mlist_pic ul li .img_cover{display:block;overflow:hidden;}
.mlist_pic ul li .img{display:block;transition:none;}
.mlist_pic ul li .img:hover{transform:none;}


.mlist_type02{position:relative;background:#efefef;padding:50px 0 100px;overflow:hidden;}
.mlist_type02 ul{margin-top:50px;overflow:hidden;}
.mlist_type02 ul li{display:block;text-align:center;width:100%;}
.mlist_type02 .bx-wrapper{margin:0 auto;width:100% !important;height:auto}
.mlist_type02 .bx-viewport{overflow:visible !important}
.mlist_type02 li{zoom:1;background-color:#fff;height:auto;width:320px !important;margin:0 20px}
.mlist_type02 li:after{display:block;clear:both;content:''}




.mlist_box{margin:50px 0;}
.mlist_box .etc_link li{position:relative;float:left;width:50%;margin:0 0 20px;}
.mlist_box .etc_link li a{display:block;color:#fff;font-size:16px;font-weight:bold;}
.mlist_box .etc_link li a .img{position:relative;display:block;vertical-align:middle;}
.mlist_box .etc_link li a .cover{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;transition: all .8s ease;}
.mlist_box .etc_link li a .txt{position:absolute;top:45%;left:0;z-index:50;display:inline-block;width:100%;height:auto;line-height:1em;text-align:center;vertical-align:top}
.mlist_box .etc_link li:nth-child(1) a{margin-right:10px}
.mlist_box .etc_link li:nth-child(2) a{margin-left:10px}
.mlist_box .etc_link li:nth-child(3) a{margin-right:10px}
.mlist_box .etc_link li:nth-child(4) a{margin-left:10px}

.mlist_box .etc_link li:nth-child(2){margin-right:0}
.mlist_box .etc_link li:nth-child(4){margin-right:0}
.mlist_box .etc_link li:hover a .cover{display:none}


.mlist_box{padding:0 15px}
.mlist_box .news_box:after{content:"";display:block;clear:both}
.mlist_box .news_box h3{padding:25px 0;text-align:center;font-size:20px;color:#000}
.mlist_box .news_box .notice{position:relative;float:left;width:100%;height:auto;margin-bottom:30px;background:#efefef;}
.mlist_box .news_box .notice ul li{float:none;width:100%;;border-top:1px solid #fff }
.mlist_box .news_box .notice ul li a{display:block;min-height:100px;padding:30px 15px;}
.mlist_box .news_box .news{position:relative;float:right;width:100%;height:auto;background:#efefef;}
.mlist_box .news_box .news ul li{padding:15px 15px;border-top:1px solid #fff }




/* sub */
#sub_top{height:250px;padding:0 15px;background:#ccc;border-bottom:1px solid #ccc;overflow:hidden;}
#sub_top h3{font-size:30px;line-height:250px;vertical-align:middle;color:#000}
#sub_top h3 span.line{position:relative;padding-bottom:10px;border-bottom:10px solid #000}
#sub_top h3 span.line .bar{position:absolute;bottom:-10px;left:0;z-index:50;display:block;border-bottom:10px solid #efefef;width:70%;}
#sub_top .rwd{position:relative;}
#sub_top .sub_img{position:absolute;bottom:0;right:0;z-index:100}

.sub_content{padding:30px 15px;}

/* 갤러리 게시판 */





}


@media all and (max-width:640px){

.mlist_pic ul li {float:none;width:100%;padding:0px 0 40px;text-align:center}



/* 일반 게시판 */
.bbs_list .chk{display:none;}
.bbs_list .hit{display:none;}
.bbs_list .writer{display:none;}
.bbs_list .date{display:none;}
.bbs_list .num{width:30% !important}
.bbs_list .num{width:30% !important}
.bbs_list .title{width:50% !important}
.bbs_list .empty{text-align:center;padding:10px 0;border-bottom:1px solid #e5e5e5  !important}

.view_div .view_header dd .share-info li{float:none;;width:100%;margin-bottom:5px;text-align:left;text-align:left !important}


/* 갤러리 게시판 */
.gallery{margin:0;margin-right:0px;}
.gallery .image-inner{border:1px solid #e5e5e5;border-bottom:none}
.gallery .image{width:100%;padding:10px 0px 10px 0;text-align:center}


/* 뉴스게시판 */
.news_list{border-top:2px solid #3677bb}
.news_list .image{position:relative;padding:20px;min-height:260px;border-bottom:1px solid #e5e5e5 }
.news_list .image .image-inner{position:relative;top:20px;left:0;margin-bottom:15px;;width:100%;}
.news_list .image .image-inner img{width:100%;border:1px solid #e5e5e5}
.news_list .image-info {padding-left:0;width:100%;padding-top:20px;}
.news_list .image-info h5{color:#444}
.news_list .image-info .pull-right{position:absolute;top:5px;right:15px}
.news_list .image-info .rating{margin-bottom:15px;color:#999999;font-size:14px;}
.news_list .image-info .desc{overflow:hidden;height:120px;}






}