@charset "utf-8";

/*** Main ***/
.main_wrap{padding:8px; background:#ececec;}
.main_wrap .hot_area{-webkit-border-radius:3px; border-radius:3px; background:#fff;}
.main_wrap .hot_area div{-webkit-border-radius:3px; border-radius:3px;}
.main_wrap .hot_area .images{position:relative;}
.main_wrap .hot_area .images li>a{display:block; color:#fff;}
.main_wrap .hot_area .images li>a .thumb{display:block; position:relative;}
.main_wrap .hot_area .images li>a .thumb:after{display:block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; border-radius:3px; border:1px solid rgba(0,0,0,0.02);}
.main_wrap .hot_area .images li>a .txt{display:block; position:absolute; bottom:0; left:0; width:100%; padding:10px 10px 13px; box-sizing:border-box; background:rgba(0,0,0,0.7); -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.main_wrap .hot_area .images li>a .txt .t{display:block; overflow:hidden; font-size:16px; color:#ffee79; white-space:nowrap; text-overflow:ellipsis;}
.main_wrap .hot_area .images li>a .txt .s{display:block; overflow:hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.main_wrap .hot_area .images li>a .txt .more{display:block; position:absolute; bottom:0; left:0; width:100%; height:25px; padding:0 10px; line-height:25px; box-sizing:border-box; background:rgba(0,0,0,0.5); font-size:12px; border-radius:0 0 3px 3px;}
.main_wrap .hot_area .images li>a .txt .more span{width:4px; height:7px; margin-left:5px; -webkit-border-radius:0 0 3px 3px; background-position:-60px -25px;}
.main_wrap .hot_area .images img{width:100%; border-radius:3px;}
.main_wrap .hot_area .images .bx-pager{position:absolute; right:10px; bottom:5px;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item{float:left; width:10px; height:10px; margin-left:4px;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item a{display:block; overflow:hidden; width:7px; height:7px; border:0; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,0.5); background:#fff; color:transparent !important; white-space:nowrap;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item a.active{background:#20b2fd;}
/*
.main_wrap .hot_area{padding:4px; border-radius:3px; border:1px solid #ddd; background:#fff;}
.main_wrap .hot_area .images{position:relative; border:1px solid #c5c1c1;}
.main_wrap .hot_area .images li>a{display:block; color:#fff;}
.main_wrap .hot_area .images li>a .txt{display:block; position:absolute; bottom:0; left:0; width:100%; padding:10px 10px 30px; box-sizing:border-box; background:rgba(0,0,0,0.7);}
.main_wrap .hot_area .images li>a .txt .t{display:block; overflow:hidden; font-size:16px; color:#ffee79; white-space:nowrap; text-overflow:ellipsis;}
.main_wrap .hot_area .images li>a .txt .s{display:block; overflow:hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.main_wrap .hot_area .images li>a .txt .more{display:block; position:absolute; bottom:0; left:0; width:100%; height:25px; padding:0 10px; line-height:25px; box-sizing:border-box; background:rgba(0,0,0,0.5); font-size:12px;}
.main_wrap .hot_area .images li>a .txt .more span{width:4px; height:7px; margin-left:5px; background-position:-60px -25px;}
.main_wrap .hot_area .images img{width:100%;}
.main_wrap .hot_area .images .bx-pager{position:absolute; right:10px; bottom:5px;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item{float:left; width:10px; height:10px; margin-left:4px;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item a{display:block; overflow:hidden; width:7px; height:7px; border:0; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,0.5); background:#fff; color:transparent !important; white-space:nowrap;}
.main_wrap .hot_area .images .bx-pager .bx-pager-item a.active{background:#20b2fd;}
*/
/* 기사 목록 */
.main_wrap .article_area_main{margin:8px 0; border-radius:3px; border:1px solid #ddd; background:#fff;}
.main_wrap .article_area_main ul li{ border-top:1px solid #f5f5f5;}
.main_wrap .article_area_main ul li:first-child{border-top:0;}
.main_wrap .article_area_main ul li a{display:block; padding:0 8px;}
.main_wrap .article_area_main ul li a:after{display:block; content:''; clear:both;}
.main_wrap .article_area_main ul li a .img{float:left; width:62px; margin:8px; margin-left:0;}
.main_wrap .article_area_main ul li a .txt{display:block; padding:8px 0 7px;}
.main_wrap .article_area_main ul li a .txt .tit{display:block; overflow:hidden; font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
.main_wrap .article_area_main ul li a .txt .s{display:block; overflow:hidden; font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis;}
/* 배너 영역 */
.main_wrap .ad_area{margin:8px 0; /*border:1px solid #ddd;*/ background:#fff;}
.main_wrap .ad_area img{width:100%;}
/* 버튼 */
.main_wrap .btn_list{margin:10px 0; text-align:center;}