@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* base */
html{overflow-y:scroll;}
html,body{height:100%;}
body{font-family:'Noto Sans', sans-serif; color:#555; font-size:13px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none; color:#333;}
ul, ol, li{list-style:none;}
img{border:none;}
img,input,select{vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block; }
table, td, tr{font-family:'Noto Sans', sans-serif; font-size:16px; color:#333; font-weight:400;}

.st_input25{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:12px; color:#333; padding:5px; height:13px;}
.st_input30{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:13px; color:#333; padding:5px; height:18px;}
.st_select25{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:12px; color:#333; padding:0 0 0 5px; height:23px; line-height:23px;}
.st_select30{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:13px; color:#333; padding:0 0 0 5px; height:30px; line-height:28px;}
.st_file30{font-family:'Noto Sans', sans-serif; font-size:13px; color:#333; height:30px;}

.c_red{color:#F00 !important;}
.c_blue{color:#0085c2 !important;}
.c_green{color:#393 !important;}
.c_white{color:#fff !important;}
.a_left{text-align:left !important;}.a_center{text-align:center !important;}.a_right{text-align:right !important;}
.f_bold{font-weight:700 !important;}
.box_left{float:left; display:block; !important;}
.box_right{float:right; display:block; !important;}

.l_top{border-top:1px solid #ccc;}
.l_left{border-left:1px solid #ccc;}
.l_right{border-right:1px solid #ccc;}
.l_bottom{border-bottom:1px solid #ccc;}

.m_top10{margin-top:10px;}.m_top20{margin-top:20px;}.m_top30{margin-top:30px;}.m_top40{margin-top:40px;}.m_top50{margin-top:50px;}
.m_bottom10{margin-bottom:10px;}.m_bottom20{margin-bottom:20px;}.m_bottom30{margin-bottom:30px;}.m_bottom40{margin-bottom:40px;}.m_bottom50{margin-bottom:50px;}
.m_right10{margin-right:10px;}.m_right20{margin-right:20px;}.m_right30{margin-right:30px;}.m_right40{margin-right:40px;}.m_right50{margin-right:50px;}
.m_left10{margin-left:10px;}.m_left20{margin-left:20px;}.m_left30{margin-left:30px;}.m_left40{margin-left:40px;}.m_left50{margin-left:50px;}

.p_top10{padding-top:10px;}.p_top20{padding-top:20px;}.p_top30{padding-top:30px;}.p_top40{padding-top:40px;}.p_top50{padding-top:50px;}
.p_bottom10{padding-bottom:10px;}.p_bottom20{padding-bottom:20px;}.p_bottom30{padding-bottom:30px;}.p_bottom40{padding-bottom:40px;}.p_bottom50{padding-bottom:50px;}
.p_right10{padding-right:10px;}.p_right20{padding-right:20px;}.p_right30{padding-right:30px;}.p_right40{padding-right:40px;}.p_right50{padding-right:50px;}
.p_left10{padding-left:10px;}.p_left20{padding-left:20px;}.p_left30{padding-left:30px;}.p_left40{padding-left:40px;}.p_left50{padding-left:50px;}

.w_10p{width:10%;}.w_20p{width:20%;}.w_30p{width:30%;}.w_40p{width:40%;}.w_50p{width:50%;}.w_60p{width:60%;}.w_70p{width:70%;}.w_80p{width:80%;}.w_90p{width:90%;}.w_100p{width:100%;}


.box_total{position:relative; width:100%; overflow:hidden; margin-bottom:30px; max-width:1000px;}
.box_title{width:100%; overflow:hidden; font-family:'Noto Sans', sans-serif; font-size:25px; line-height:50px; font-weight:700; color:#131313;}
.box_con{width:100%; overflow:hidden; min-height:200px; font-family:'Noto Sans', sans-serif; font-size:14px; font-weight:400; color:#555;}
.box_text{width:100%; overflow:hidden; font-family:'Noto Sans', sans-serif; font-size:14px; line-height:28px; font-weight:400; color:#555;}

/*board*/
.box_con .st_table{color:#131313; border-top:2px solid #ccc;}
.box_con .st_table th{font-weight:700; color:#131313; border-bottom:1px solid #ccc; line-height:20px; background:#f1f1f1;}
.box_con .st_table td{border-bottom:1px solid #ccc; line-height:60px;}
.box_con .st_table td p{    
	display: inline-block;
    width: 100px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    text-align: center;

}

.box_con .st_table td .level_1{border: 1px solid #2196f3;color: #2196f3; }
.box_con .st_table td .level_2{border: 1px solid #2196f3;color: #2196f3; }
.box_con .st_table td .level_3{border: 1px solid #ffc107;color: #ffc107; }
.box_con .st_table td .level_4{border: 1px solid #ff5722;color: #ff5722; }

.sale_box{float:left; width:538px; border:1px solid #ccc;}
.box_btn{display:block; width:100%; max-width:1100px; margin:30px 0;}

.list_search{width:998px; overflow:hidden; padding:20px 0; text-align:center; background:#f1f1f1; border:1px solid #ccc; border-radius:5px;}
.list_search select{width:100px;}
.list_search input{width:650px;}
.list_select_search{margin:30px 0 20px; width:100%; overflow:hidden; text-align:right; font-family:'Noto Sans', sans-serif; font-size:16px; line-height:22px; font-weight:700; color:#131313;}
.list_select_search select{width:200px;}

.list_page{ margin:30px auto; width:100%; overflow:hidden; text-align:center;}
.list_page ul{margin:0 auto; display:table; overflow:hidden;}
.list_page ul li{ float:left; margin:0 2px;}
.list_page ul li a{display:block; width:33px; height:20px; padding:4px 0; border:1px solid #ccc; line-height:18px; font-family:'Noto Sans', sans-serif; font-size:13px; font-weight:400; text-align:center;}
.list_page ul li.btn_s a{ width:50px; background:#f1f1f1;}

.page_move{ display:inline-block; font-size:13px; width:23px; height:23px; line-height:21px; border:1px solid #ddd; text-align:center; cursor:pointer; margin:0 10px;}
.pageBar{display:inline-block; width:5px; height:25px; font-size:0px; color:#fff; padding:0;}
.current_page{display:inline-block; font-size:13px; width:23px; height:23px; line-height:21px; border:1px solid #aaa; background:#fff; text-align:center; cursor:pointer; }
.other_page{display:inline-block; font-size:13px; width:23px; height:23px; line-height:21px; border:1px solid #ccc; background:#eee; text-align:center; cursor:pointer; color:#666;}