@charset "utf-8";

@import url(layout.css);

/*** common ****/
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top !important;}
.valm{vertical-align:top !important;}

/*** 페이징 ***/
.pagination{margin:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{position:relative; display:inline-block; width:25px; height:25px; margin:0 1px; border-radius:3px; border:1px solid #b9b8b8; background:#fff; font-weight:bold; font-size:13px; color:#333; line-height:25px; text-decoration:none; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{}
.pagination strong{border-color:#424242; background:#646464; color:#fff;}
.pagination .page_prev,
.pagination .page_next{border-color:#bbb;}
.pagination .page_prev span{position:absolute; top:50%; left:50%; display:inline-block; overflow:hidden; width:7px; height:12px; margin:-6px 0 0 -4px; background:url(../images/common/ico_page_prev.png) no-repeat 0 0; text-indent:-2000px;}
.pagination .page_next span{position:absolute; top:50%; left:50%; display:inline-block; overflow:hidden; width:7px; height:12px; margin:-6px 0 0 -4px; background:url(../images/common/ico_page_next.png) no-repeat 0 0; text-indent:-2000px;}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.pagination .page_prev span{background-image:url(../images/common/ico_page_prev_x2.png); background-size:7px 12px;}
	.pagination .page_next span{background-image:url(../images/common/ico_page_next_x2.png); background-size:7px 12px;}
}

/*** 공통버튼 ***/
/* Button Common */
.button,
.button *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; vertical-align:top; overflow:visible; color:#333;}
.button {}
.button *{cursor:pointer; box-sizing:border-box; text-align:center;}
/* Button Type */
.button.btn01, .button.btn01 *{height:25px; line-height:25px;}
.button.btn01 {border:1px solid #c8c4c4;}
.button.btn01 *{padding:0 20px; background:#f3f3f3;}
.button.btn02, .button.btn02 *{height:25px; line-height:25px;}
.button.btn02 {border:1px solid #151a29;}
.button.btn02 *{padding:0 20px; background:#31384c; color:#fff;}
.button.btn03, .button.btn03 *{height:25px; line-height:25px;}
.button.btn03 {border:1px solid #909093;}
.button.btn03 *{padding:0 20px; background:#a1a1a2; color:#fff;}
.button.btn04, .button.btn04 *{height:25px; line-height:25px;}
.button.btn04 {border:1px solid #cf790f;}
.button.btn04 *{padding:0 20px; background:#f68f0f; color:#fff;}
/* Button Strong */
.button.strong *{font-weight:bold !important;}

/* 기사 목록 공통 */
.articleList{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff;}
.articleList .tit_article{position:relative; height:33px; padding:0 0 0 10px; border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#0f3785;}
.articleList .tit_article .ico{position:absolute; top:50%; right:10px; width:14px; height:9px; margin-top:-5px; background-position:-40px -25px;}
.articleList ul li{ border-top:1px solid #f5f5f5;}
.articleList ul li:first-child{border-top:0;}
.articleList ul li a{display:block; padding:0 10px;}
.articleList ul li a:after{display:block; content:''; clear:both;}
.articleList ul li a .img{float:left; width:62px; margin:12px; margin-left:0;}
.articleList ul li a .txt{display:block; padding:10px 0 9px;}
.articleList ul li a .txt .tit{display:block; overflow:hidden; font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
.articleList ul li a .txt .s{display:block; font-size:12px; color:#777;}


/* 댓글 */
.commentList{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff;}
.commentList .tit_article{position:relative; height:33px; padding:0 0 0 10px; border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#0f3785;}
.commentList .tit_article .ico{position:absolute; top:50%; right:10px; width:14px; height:9px; margin-top:-5px; background-position:-40px -25px;}
.commentList ul li{ border-top:1px solid #f5f5f5;}
.commentList ul li:first-child{border-top:0;}
.commentList ul li {display:block; padding:0 10px;}
.commentList ul li:after{display:block; content:''; clear:both;}
.commentList ul li  .img{float:left; width:62px; margin:12px; margin-left:0;}
.commentList ul li  .txt{display:block; padding:10px 0 9px;}
.commentList ul li  .txt .tit{display:block; overflow:hidden; font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
.commentList ul li  .txt .s{display:block; font-size:12px; color:#777;}



/* 기사 목록 */
.newsList{padding:1px 8px; background:#ececec;}

/* 기사 보기 */
.articleView{padding:10px 0 0;}
.articleView .view_head{padding:0 0 5px; border-bottom:1px solid #a2a2a2;}
.articleView .view_head .titB{margin:0 8px; font-size:20px;}
.articleView .view_head .titS{margin:0 8px; font-size:16px; color:#3268d4;}
.articleView .view_head .date{margin:0 8px; font-size:12px; color:#6d6d6d; text-align:right;}
.articleView .view_body{margin:0 8px; padding:10px 0; line-height:1.5;}
.articleView .view_body p{}
.articleView .view_body img{max-width:100%;}
.articleView .view_body .reporter{margin:20px 0; font-size:12px;}
.articleView .view_foot{padding:10px 0; border-top:1px solid #c8c4c4; background:#f3f3f3;}
.articleView .view_foot .sns_area{padding:0 0 8px; text-align:center;}
.articleView .view_foot .sns_area .sprh{width:26px; height:26px; margin:0 1px;}
.articleView .view_foot .sns_area .mail{background-position:0 -60px;}
.articleView .view_foot .sns_area .twitter{background-position:-30px -60px;}
.articleView .view_foot .sns_area .facebook{background-position:-60px -60px;}
.articleView .view_foot .sns_area .kat{background-position:-90px -60px;}
.articleView .view_foot .sns_area .kas{background-position:-120px -60px;}
.articleView .view_foot .sns_area .band{background-position:-150px -60px;}
.articleView .view_foot .btn_area{text-align:center;}
.articleView .btnSupport{display:inline-block; margin:10px 0;}


.articleView .btnhu{overflow:hidden;width:300px; margin:0 auto;}
.articleView .btnSupport_hu{display:inline-block; margin:10px 5px; float:left;}

/* 기사후원 */
.supportWrap{padding:1px 8px; background:#ececec;}
.supportWrap .bx{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff; text-align:center;}
.supportWrap .tit{position:relative; height:33px; padding:0 0 0 10px; border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#0f3785;}

.supportWrap .support{margin:25px 5px; text-align:center;}
.supportWrap .support .txt_1{margin:10px auto 0; width:200px; height:65px; padding:12px 0 0 75px; background:url(/mobile/images/common/img_notice.png) no-repeat 0 0; background-size:66px; text-align:left;}
.supportWrap .support .txt_2{margin:0 20px 20px 20px; font-weight:bold;}
.supportWrap .support .btn_area{}
.supportWrap .support .btn_area .button{margin:0 4px 0 0;}
.supportWrap .support .btn_area .button *{width:90px;}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.supportWrap .support .txt_1{background:url(/mobile/images/common/img_notice.png) no-repeat 0 0; background-size:66px;}
}

.supportWrap .supportJoin{margin:10px 15px 25px 15px;}
.supportWrap .supportJoin .txt_area{text-align:right; font-size:12px;}
.supportWrap .supportJoin .join_area{margin:15px 5px 25px; text-align:left;}
.supportWrap .supportJoin .join_area .join{width:100%;}
.supportWrap .supportJoin .join_area th{text-align:left; padding:5px 0; vertical-align:top;}
.supportWrap .supportJoin .join_area th label{display:inline-block;padding:0 0 0 5px;}
.supportWrap .supportJoin .join_area td{padding:5px 0;}
.supportWrap .supportJoin .join_area input{box-sizing:border-box; width:100%; height:25px; border:1px solid #d0d0d0; background:#fcfcfc; vertical-align:top;}
.supportWrap .supportJoin .btn_area{}
.supportWrap .supportJoin .btn_area .button{margin:0 4px 0 0;}
.supportWrap .supportJoin .btn_area .button *{width:150px;}
.supportWrap .supportJoin .join_area input.tZipcode{border-radius:5px; border:1px solid #151a29; background:#31384c; color:#fff; width:60px; font-size:12px;}
.supportWrap .supportJoin .join_area input.tAddr{display:inline-block; margin:4px 0 0 7px; width:90%;}
.supportWrap .supportJoin .agree{font-size:12px; text-align:center; padding:0 0 10px 0;}
.supportWrap .ex{font-size:12px; text-align:center; padding:0 0 10px 0;}

/* 검색결과 */
.srchList{padding:8px; background:#ececec;}
.srchList .srch_head{margin:8px 0; padding:0 0 0 5px; font-size:13px;}
.srchList .srch_head strong{color:#2d6dee;}

/* 기사제보 */
.reportWrite{padding:1px 8px; background:#ececec;}
.reportWrite .bx{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff;}
.reportWrite .tit{position:relative; height:33px; padding:0 0 0 10px; border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#0f3785;}
.reportWrite .tit .ico{position:absolute; top:50%; right:10px; width:14px; height:9px; margin-top:-5px; background-position:-40px -25px;}
.reportWrite .cont{padding:10px; font-size:12px;}
.reportWrite .cont .tbl_report{width:100%; margin:20px 0; border-top:1px solid #ddd; font-size:12px;}
.reportWrite .cont .tbl_report th,
.reportWrite .cont .tbl_report td{padding:5px; border-bottom:1px solid #ddd; vertical-align:top;}
.reportWrite .cont .tbl_report th{padding-top:8px; padding-left:10px; text-align:left;}
.reportWrite .cont .tbl_report input,
.reportWrite .cont .tbl_report textarea{box-sizing:border-box; width:100%; height:25px; border:1px solid #d0d0d0; background:#fcfcfc; vertical-align:top;}
.reportWrite .cont .tbl_report input.inp_spam{width:100px;}
.reportWrite .cont .tbl_report textarea{height:100px;}
.reportWrite .cont .btn_area{margin:10px 0; text-align:center;}
.reportWrite .cont .btn_area .button{margin:0 2px;}
.reportWrite .cont .btn_area .button *{width:100px;}

/* 로그인 */
.loginWrap{padding:1px 8px; background:#ececec;}
.loginWrap .bx{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff;}
.loginWrap .tit{position:relative; height:33px; padding:0 0 0 10px; border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#0f3785;}
.loginWrap .tit .ico{position:absolute; top:50%; right:10px; width:14px; height:9px; margin-top:-5px; background-position:-40px -25px;}
.loginWrap .login{margin:25px 20px;}
.loginWrap .login .inp_area{position:relative; margin:0 0 10px; padding:0 0 0 60px;}
.loginWrap .login .inp_area label{position:absolute; top:0; left:0; font-size:12px; font-weight:bold; line-height:25px;}
.loginWrap .login .inp_area .inp_info{display:block; width:100%;}
.loginWrap .login .inp_area .inp_info input{box-sizing:border-box; width:100%; height:25px; border:1px solid #d0d0d0; background:#fcfcfc; vertical-align:top;}
.loginWrap .login .btn_area{margin:0 0 0 60px;}
.loginWrap .login .btn_area .button{margin:0 4px 0 0;}
.loginWrap .login .btn_area .button *{width:90px;}