/*pc***********************************************************/
@media all and (min-width:990px) {
    /*menu*/
    .md-board .menu{margin:80px 0 40px;text-align:center;font-size:0}
    .md-board .menu li{display:inline-block;width:16.66%;margin-left:-1px;margin-top:-1px}
    .md-board .menu li a{display:block;font-size:16px;height:50px;line-height:46px;text-align:center;color:#333;border:1px solid #ccc}
    .md-board .menu li:hover a,
    .md-board .menu li.on a{position:relative;z-index:10;background:#3fc0cb;color:#fff;border:1px solid #3fc0cb}
    
    
    /*total*/
    .md-board .total {height:35px;margin-top:-35px;font-size:12px}   
    .md-board .total span{color:#018b97}
    

    /*寃��깋*/
    .md-board .search{padding:10px 0;text-align:right}
    .md-board .search input{width:250px;}
    .md-board .search .btn{display:inline-block;height:30px;line-height:30px;background:#595f63;font-size:14px;color:#fff;padding:0 12px;border-radius:3px;vertical-align:middle;margin-left:5px}
    
    
    /*table*/
    .md-board tr:first-child th{border-top:1px solid #5085a3}
    .md-board th{color:#2b2b2b;padding:15px 0;background:url('/images/board/th_bar.gif') no-repeat left center #fafafa;border-top:1px solid #e5e5e5}
    .md-board th:first-child{background-image:none}
    .md-board td{font-size:14px;padding:12px 0;border:1px solid #e5e5e5;border-width:1px 0}
    
    
  
    
    /*list*/
    .md-board.list tr:hover{background:#fafafa}
    .md-board.list th{font-size:12px}
    .md-board.list td{text-align:center;font-size:14px;color:#333}
    .md-board.list .notice .num{font-size:12px;color:#970f49;background:url('/images/board/ico_notice.png') no-repeat 10px center;padding-left:10px}   
    .md-board.list td a{display:block;font-size:14px}
    .md-board.list td a:hover{color:#5085a3}
    .md-board.list .subject{text-align:left;padding-left:20px}
    .md-board.list .btn_area{margin-top:-45px}
    
    
    /*list2*/
    .md-board.list2 tr:hover{background:#fafafa}
    .md-board.list2 th{font-size:12px}
    .md-board.list2 td{text-align:center;font-size:14px;color:#333} 
    .md-board.list2 td a{font-size:14px}
    .md-board.list2 td a:hover{color:#5085a3}
    .md-board.list2 .subject{text-align:left;padding-left:20px}
    .md-board.list2 .subject img{margin:0 5px}
    .md-board.list2 .anwer{color:#e33880}
    .md-board.list2 .btn_area{margin-top:-45px}
    
    
    /*list3*/
    .md-board.list3 .list_area{margin-left:-35px}
    .md-board.list3 .list_area li{position:relative;float:left;width:226px;height:265px;margin-left:35px;margin-bottom:30px;border:1px solid #ddd;border-top:1px solid #5085a3}
    .md-board.list3 .list_area li .box{border-top:1px solid #ddd}
    .md-board.list3 .list_area li .thumb{}
    .md-board.list3 .list_area li .info{padding:15px 10px;text-align:center}
    .md-board.list3 .list_area li .info .subject a{font-size:15px;font-weight:500}
    .md-board.list3 .list_area li .info .memo{margin:5px 0;text-align:left}
    .md-board.list3 .list_area li .info .date{position:absolute;left:4%;bottom:10px;width:92%;line-height:25px;color:#595f63;background:#fafafa}
    .md-board.list3 .list_area li .expired{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/board/promotion_expired.png') no-repeat center rgba(0,0,0,0.7)}
    
    
    
    
    /*faq*/
    .md-board.faq .list_area{}
    .md-board.faq .list_area > ul{border-top:1px solid #5085a3}
    .md-board.faq .list_area > ul > li{border-bottom:1px solid #ddd;background:url('/images/board/ico_question.png') no-repeat 20px 15px #fafafa}
    .md-board.faq .list_area > ul > li.on a{font-weight:500;background:url('/images/board/faq_arrow_up.gif') no-repeat  98% 6px}
    .md-board.faq .list_area > ul > li.on .anwer{display:block}
    .md-board.faq .question{position:relative;padding:15px 0 15px 55px;}
    .md-board.faq .question a{display:block;font-size:14px;padding-right:40px;background:url('/images/board/faq_arrow_down.gif') no-repeat  98% 6px}
    .md-board.faq .anwer{display:none;border-top:1px solid #ddd;padding:20px 0;background:#fff}
    .md-board.faq .anwer .inner{line-height:1.6;font-size:14px;padding:0 55px;background:url('/images/board/ico_anwer.png') no-repeat 20px 0}
        


        
    /*page*/
    .md-board .page_area{margin:20px 0;text-align:center}
    .md-board .page_area a{display:inline-block;height:24px;line-height:24px;min-width:24px;padding:0 6px;margin:0 1px;color:#5085a3;font-size:12px}
    .md-board .page_area a:hover,
    .md-board .page_area a.on{background:#5085a3;color:#fff}
    .md-board .page_area .prev_group,
    .md-board .page_area .next_group,
    .md-board .page_area .prev_page,
    .md-board .page_area .next_page{padding:0}

     

    /*view*/
    .md-board.view th,
    .md-board.view td{text-align:left;padding-left:25px;}
    .md-board.view .subject{font-size:16px;}
    .md-board.view .info{text-align:right}
    .md-board.view .info span{font-size:14px;padding:0 15px;background:url('/images/board/th_bar.gif') no-repeat 0 center}
    .md-board.view .info span:first-child{background:none}
    
    .md-board.view .cont{float:none; line-height:1.6;padding:30px 50px 50px}
    .md-board.view .cont p{font-size:14px;line-height:1.6;}
    
    .md-board.view .btn{text-align:right}
    .md-board.view .btn.center{text-align:center}
	.md-board.view .inner{line-height:1.6;font-size:14px;padding:0 55px;background:url('/images/board/ico_anwer.png') no-repeat 20px 0}
    
    
    /*view3*/
    .md-board.view3 th,
    .md-board.view3 td{text-align:left;padding-left:25px;}
    .md-board.view3 .subject{font-size:16px}
    .md-board.view3 .memo{font-size:14px;font-weight:400;margin-top:10px}
    
    .md-board.view3 .cont{line-height:1.6;padding:30px 50px 50px}
    .md-board.view3 .cont .thumb{text-align:center;margin:0 0 50px}
    .md-board.view3 .cont p{font-size:14px;line-height:1.6;}
    
    .md-board.view3 .btn{text-align:right}
    .md-board.view3 .btn.center{text-align:center}

    
    
    /*write*/
    .md-board.write th{font-size:14px;text-align:left;padding:8px 0}
    .md-board.write th .ly_left{float:left;width:50%}
    .md-board.write th .ly_right{float:right;width:50%;background:url('/images/board/th_bar.gif') no-repeat 0 center}
    .md-board.write th span{display:inline-block;width:150px;font-weight:400;padding-left:20px}
    .md-board.write th input{width:320px}
    .md-board.write th.subject input{width:825px}
    .md-board.write td{padding:10px 0;padding-left:15px}
    .md-board.write td.cont{padding:0}
    .md-board.write td.cont textarea{height:500px;background:#fafafa;border:0;padding:30px 50px;font-size:14px;line-height:1.6}
    
    
    
    
    
    
    /*btn_area*/
    .md-board .btn_area{margin:20px 0}
    .md-board .btn_area:after{display:block;content:'';clear:both}
    .md-board .btn_area .ly_left{float:left}
    .md-board .btn_area .ly_left a{margin-right:5px}
    .md-board .btn_area .ly_right{float:right}
    .md-board .btn_area .ly_right a{margin-left:5px}
    .md-board .btn_area a{display:inline-block;width:150px;height:50px;line-height:50px;font-size:16px;text-align:center;border-radius:3px;background:#5085a3;color:#fff;}
    .md-board  .btn_area a.list{}
    .md-board  .btn_area a.write{}
        
}


/*mobile***********************************************************/
@media all and (max-width:989px) {  
        
    /*menu*/
    .md-board .menu{margin:40px 0 20px;text-align:center;font-size:0}
    .md-board .menu li{display:inline-block;width:20%;margin-left:-1px;margin-top:-1px}
    .md-board .menu li a{display:block;font-size:11px;height:30px;line-height:30px;text-align:center;color:#333;border:1px solid #ccc}
    .md-board .menu li:hover a,
    .md-board .menu li.on a{position:relative;z-index:10;background:#3fc0cb;color:#fff;border:1px solid #3fc0cb}
    
    
    /*total*/
    .md-board .total {height:35px;margin-top:-35px;font-size:12px}   
    .md-board .total span{color:#018b97}
    

    /*寃��깋*/
    .md-board .search{padding:10px 0;text-align:right}
    .md-board .search input{width:55%;}
    .md-board .search .btn{display:inline-block;height:30px;line-height:30px;background:#595f63;font-size:14px;color:#fff;padding:0 12px;border-radius:3px;vertical-align:middle;margin-left:5px}
    
    
    /*table*/
    .md-board  tr:first-child th{border-top:1px solid #5085a3}
    .md-board  th{color:#2b2b2b;padding:10px 0;background:url('/images/board/th_bar.gif') no-repeat left center #fafafa;border-top:1px solid #e5e5e5}
    .md-board  th:first-child{background-image:none}
    .md-board  td{font-size:11px;padding:6px 0;border:1px solid #e5e5e5;border-width:1px 0}
    
    
  
    
    /*list*/
    .md-board.list tr:hover{background:#fafafa}
    .md-board.list th{font-size:11px}
    .md-board.list td{text-align:center;font-size:11px;color:#333}
    .md-board.list .notice .num{font-size:11px;color:#970f49}   
    .md-board.list td a{display:block;font-size:11px}
    .md-board.list td a:hover{color:#5085a3}
    .md-board.list .subject{text-align:left;padding-left:15px}    
    .md-board.list .num{width:12%}
    .md-board.list .name{width:16%}
    .md-board.list .date{display:none}
    .md-board.list .hit{display:none}
    .md-board.list .btn_area{margin-top:0px}
    
    
    /*list2*/
    .md-board.list2 tr:hover{background:#fafafa}
    .md-board.list2 th{font-size:11px}
    .md-board.list2 td{text-align:center;font-size:11px;color:#333} 
    .md-board.list2 td a{font-size:11px}
    .md-board.list2 td a:hover{color:#5085a3}
    .md-board.list2 .subject{text-align:left;padding-left:15px}
    .md-board.list2 .subject img{margin:0 5px;width:8px}
    .md-board.list2 .anwer{color:#e33880}
    .md-board.list2 .num{width:12%}
    .md-board.list2 .name{width:16%}
    .md-board.list2 .date{display:none}
    .md-board.list2 .btn_area{margin-top:0px}
    
    

    /*list3*/
    .md-board.list3 .list_area{}
    .md-board.list3 .list_area li{position:relative;margin-bottom:20px;border:1px solid #ddd;border-top:1px solid #5085a3}
    .md-board.list3 .list_area li .box{border-top:1px solid #ddd}
    .md-board.list3 .list_area li .thumb{}
    .md-board.list3 .list_area li .info{padding:15px 10px;text-align:center}
    .md-board.list3 .list_area li .info .subject{font-size:15px;font-weight:500}
    .md-board.list3 .list_area li .info .memo{margin:5px 0;text-align:left}
    .md-board.list3 .list_area li .info .date{line-height:25px;color:#595f63;background:#fafafa}
    .md-board.list3 .list_area li .expired{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/board/promotion_expired.png') no-repeat center rgba(0,0,0,0.7)}
    
    
    
     /*faq*/
    .md-board.faq .list_area{}
    .md-board.faq .list_area > ul{border-top:1px solid #5085a3}
    .md-board.faq .list_area > ul > li{border-bottom:1px solid #ddd;background:url('/images/board/ico_question.png') no-repeat 15px 10px #fafafa;background-size:15px}
    .md-board.faq .list_area > ul > li.on a{font-weight:500;background:url('/images/board/faq_arrow_up.gif') no-repeat  98% 6px}
    .md-board.faq .list_area > ul > li.on .anwer{display:block}
    .md-board.faq .question{position:relative;padding:9px 0 9px 35px;}
    .md-board.faq .question a{display:block;font-size:11px;padding-right:20px;background:url('/images/board/faq_arrow_down.gif') no-repeat  97% 6px}
    .md-board.faq .anwer{display:none;border-top:1px solid #ddd;padding:10px 0;background:#fff}
    .md-board.faq .anwer .inner{line-height:1.6;font-size:11px;padding:0 35px;background:url('/images/board/ico_anwer.png') no-repeat 15px 0;background-size:15px}
    


        
    /*page*/
    .md-board .page_area{margin:20px 0;text-align:center}
    .md-board .page_area a{display:inline-block;height:24px;line-height:24px;min-width:24px;padding:0 6px;margin:0 0px;color:#5085a3;font-size:12px}
    .md-board .page_area a:hover,
    .md-board .page_area a.on{background:#5085a3;color:#fff}
    .md-board .page_area .prev_group,
    .md-board .page_area .next_group,
    .md-board .page_area .prev_page,
    .md-board .page_area .next_page{padding:0}

     

    /*view*/
    .md-board.view th,
    .md-board.view td{text-align:left;padding-left:15px;}
    .md-board.view .subject{font-size:12px;}
    .md-board.view .info{text-align:right}
    .md-board.view .info span{font-size:11px;padding:0 15px;background:url('/images/board/th_bar.gif') no-repeat 0 center}
    .md-board.view .info span:first-child{background:none}    
    .md-board.view .cont{line-height:1.4;padding:20px 15px 30px} 
    .md-board.view .cont p{font-size:11px;line-height:1.4;}
    .md-board.view .btn{text-align:right}
    .md-board.view .btn.center{text-align:center}
    
    
    /*view3*/
    .md-board.view3 th,
    .md-board.view3 td{text-align:left;padding-left:15px;}
    .md-board.view3 .subject{font-size:12px}
    .md-board.view3 .memo{font-size:11px;font-weight:400;margin-top:5px}
    
    .md-board.view3 .cont{line-height:1.4;padding:20px 15px 30px}
    .md-board.view3 .cont .thumb{text-align:center;margin:0 0 25px}
    .md-board.view3 .cont p{font-size:11px;line-height:1.4;}
    
    .md-board.view3 .btn{text-align:right}
    .md-board.view3 .btn.center{text-align:center}

    
    
    /*write*/
    .md-board.write th{font-size:11px;text-align:left;padding:4px 0}
    .md-board.write th .ly_left{}
    .md-board.write th .ly_right{margin-top:3px}
    .md-board.write th span{display:inline-block;width:30%;font-weight:400;padding-left:10px}
    .md-board.write th input{width:65%}
    .md-board.write th.subject input{width:65%}
    .md-board.write td{padding:5px 0;padding-left:10px}
    .md-board.write td.cont{padding:0}
    .md-board.write td.cont textarea{height:250px;background:#fafafa;border:0;padding:10px 10px;line-height:1.6}
    
    

    
    
    /*btn_area*/
    .md-board .btn_area{margin:20px 0}
    .md-board .btn_area:after{display:block;content:'';clear:both}
    .md-board .btn_area .ly_left{float:left}
    .md-board .btn_area .ly_left a{margin-right:5px}
    .md-board .btn_area .ly_right{float:right}
    .md-board .btn_area .ly_right a{margin-left:5px}
    .md-board .btn_area a{display:inline-block;width:80px;height:30px;line-height:30px;font-size:12px;text-align:center;border-radius:3px;background:#5085a3;color:#fff;}
    .md-board  .btn_area a.list{}
    .md-board  .btn_area a.write{}
    
}