@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:14px;}
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; vertical-align:middle;}
input{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:14px; color:#333; font-weight:400;}

.st_input25{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:13px; color:#333; padding:5px; height:13px;}
.st_input30{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:14px; color:#333; padding:5px; height:18px;}
.st_select25{border:1px solid #ccc; font-family:'Noto Sans', sans-serif; font-size:13px; 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:14px; color:#333; padding:0 0 0 5px; height:28px; line-height:28px;}

.c_red{color:#F00 !important;}
.c_blue{color:#0085c2 !important;}
.c_green{color:#393 !important;}
.c_white{color:#fff !important;}

.f_size16{font-size:16px;}

#box_total{width:100%; overflow:hidden; max-width:1100px; min-width:1100px; margin-bottom:30px; position:relative;}
#box_title{width:100%; overflow:hidden; font-family:'Noto Sans', sans-serif; font-size:20px; line-height:60px; font-weight:700; color:#131313;}
#box_title p{font-size: 150%; color: #2e7fcf; font-weight: bold;}
#box_con{width:100%; overflow:hidden; font-family:'Noto Sans', sans-serif; font-size:14px; font-weight:400; color:#555;}

.box_btn{ position:absolute; right:0; top:0; width:180px; height:50px; border-radius:5px; background:#0e47b4;}
.box_btn a{display:block; width:170px; height:36px; padding:7px; color:#fff; text-align:center; line-height:18px; font-size:13px;}

/*list*/
.list_con li{ float:left; width:258px; height:358px; border:1px solid #ccc; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.list_con li.last{margin-right:0;}
.list_con li .list_img{ float:left; width:100%; height:252px; border-bottom:1px solid #ccc; overflow:hidden;}
.list_con li .list_text{ float:left; width:100%; height:105px; text-align:center; font-family:'Noto Sans', sans-serif; font-size:13px; line-height:18px; font-weight:400;}
.list_con li .list_text .list_title{display:block; width:100%; margin-top:12px; margin-bottom:3px; line-height:20px; font-size:14px; font-weight:700; color:#131313;}
.list_con li .list_text .list_title p{font-size: 150%; color: #2e7fcf; font-weight: bold;}

.list_con li .list_text .list_text1{display:block; color:#666666;}
.list_con li .list_text .list_text2{display:block; color:#f01f27;}
.list_con li .list_text .list_text3{display:block; color:#131313;}

/*view*/


/*write*/

#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:30px; background:#f1f1f1;}
#box_con .st_table td{border-bottom:1px solid #ccc; line-height:30px;}
/*.sale_box{float:left; width:538px; border:1px solid #ccc;}*/
.sale_box{margin: 30px auto; width:538px; border:1px solid #ccc;}

.mr20{margin-right:20px;}
.sale_box th{height:30px; font-size:16px; font-weight:700; color:#fff !important; text-align:center; line-height:28px; background:#555; padding:5px 20px;}
.sale_box td{font-size:13px; font-weight:400; color:#555; text-align:left; line-height:25px; border-bottom:1px solid #ccc; padding:5px 20px;}
.sale_box td.bold{font-weight:bold; color:#3e3e3f;}
.sale_box td.big{font-size:13px; color:#F00;}
.sale_box td.big input{color:#F00 !important;}
.sale_box tr td:nth-child(2){text-align:right;}
.sale_title{font-size:14px; font-weight:700; color:#131313; text-align:left; line-height:25px;}
.send_btn{display:block; width:100%; max-width:1100px; margin:30px auto; text-align:center;}

.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;}

#free_data{ display:block; overflow:hidden; line-height:0;}

.con_box_title{height:30px; padding-left:20px; margin-bottom:10px; background:url('../images/box_title_icon.jpg') no-repeat left 5px; font-size:20px; font-family:'Noto Sans', sans-serif; color:#131313; font-weight:700;}
.con_box_text{position:relative; width:980px; margin-left:20px; margin-bottom:70px; font-size:15px; font-family:'Noto Sans', sans-serif; color:#131313; line-height:25px; font-weight:400;}
.con_box_text ul li{ list-style-type:circle; width:100%;}