@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;margin-bottom:10px;padding-bottom:10px;width:500px;height:150px;border-bottom:0px solid #e9e9e9}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

.ajaxArea { float:left; width:100%; border:0px solid #d2d2d2; background:#fff; margin-left:20px}
.ajaxArea .board_title {position:relative; overflow:hidden; clear:both; font-size:20px;font-weight:bold;color:#333333; zoom:1; border-bottom:1px solid #82878c; padding: 0px 0 0px;}
.ajaxArea .board_title.magazine_title {border-bottom:0px solid #e8e8e8; padding-top:20px; padding-bottom:10px }
.ajaxArea .board_title.no_border {border:none;}
.ajaxArea .board_title a.go_to_more {display:inline-block; float:left;}
.ajaxArea .magazine p.title { height:40px; line-height:40px; padding:0px 17px; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:bold; color:#424649;  }
.ajaxArea .magazine .select-style {width:80px; height:20px; border:1px solid #e8e8e8; overflow:hidden; margin-top:0px; background: url(../img/bg_selectbox_8020.png) no-repeat 0 0; float:right;}
.ajaxArea .magazine .select-style select {padding:2px 5px; width:100%; border:none; font-size:12px; line-height:16px; box-shadow:none; background-color:transparent; background-image:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.ajaxArea .magazine .select-style select:focus {outline:none;}
.ajaxArea .board_title select { float:right; margin-top:-1px; }
.ajaxArea .magazine p.title span {color:#82878c; font-size:10px; padding-left:5px;}
.ajaxArea .magazine .list_magazine { display:block; list-style: none; padding-bottom:18px; }
.ajaxArea .magazine .list_magazine li { margin-top:18px; overflow:hidden; }
.ajaxArea .magazine .list_magazine li .imgArea { float:left; width:30%; border:0px solid #e0e0e0; margin-right:12px; }
.ajaxArea .magazine .list_magazine li .textArea { float:left; width:60%; padding-top:2px; white-space: normal; word-break: normal; }
.ajaxArea .magazine .list_magazine li .textArea p { color:#82878c; margin-top:5px; line-height:15px; }
.ajaxArea .magazine .btnArea { display:block; margin:0; padding:0; list-style: none; margin-top:15px; border-top:1px solid #d2d2d2;}
.ajaxArea .magazine .btnArea li { float:left; width:178px; text-align:center; padding:12px 0; height:20px; line-height: 20px; background:#eff0f0; cursor:pointer; color:#767c81; }
.ajaxArea .magazine .btnArea li span { display:inline-block; width:177px; border-right:1px solid #dadada;}
.ajaxArea .magazine .textArea h2 {font-size:12px;}
.ajaxArea .magazine .textArea p {font-size:11px;}


@media all and (max-width:767px) {

.lt_pc {float:left;margin-left:0px}
.lt {position:relative;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;height:150px;border-bottom:0px solid #e9e9e9}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

.ajaxArea { float:left; width:100%; border:0px solid #d2d2d2; background:#fff; margin-left:0px; margin-top:20px;}
.ajaxArea .board_title {position:relative; overflow:hidden; clear:both; font-size:20px;font-weight:bold;color:#333333; zoom:1; border-bottom:1px solid #82878c; padding: 0px 0 0px;}
.ajaxArea .board_title.magazine_title {border-bottom:0px solid #e8e8e8; padding-top:20px; padding-bottom:10px }
.ajaxArea .board_title.no_border {border:none;}
.ajaxArea .board_title a.go_to_more {display:inline-block; float:left;}
.ajaxArea .magazine p.title { height:40px; line-height:40px; padding:0px 17px; border-bottom:1px solid #e8e8e8; font-size:11px; font-weight:bold; color:#424649;  }
.ajaxArea .magazine .select-style {width:80px; height:20px; border:1px solid #e8e8e8; overflow:hidden; margin-top:0px; background: url(../img/bg_selectbox_8020.png) no-repeat 0 0; float:right;}
.ajaxArea .magazine .select-style select {padding:2px 5px; width:100%; border:none; font-size:11px; line-height:16px; box-shadow:none; background-color:transparent; background-image:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.ajaxArea .magazine .select-style select:focus {outline:none;}
.ajaxArea .board_title select { float:right; margin-top:-1px; }
.ajaxArea .magazine p.title span {color:#82878c; font-size:10px; padding-left:5px;}
.ajaxArea .magazine .list_magazine { display:block; list-style: none; padding-bottom:18px; }
.ajaxArea .magazine .list_magazine li { margin-top:18px; overflow:hidden; }
.ajaxArea .magazine .list_magazine li .imgArea { float:left; width:30%; border:0px solid #e0e0e0; margin-right:12px; }
.ajaxArea .magazine .list_magazine li .textArea { float:left; width:60%; padding-top:2px; white-space: normal; word-break: normal; }
.ajaxArea .magazine .list_magazine li .textArea p { color:#82878c; margin-top:5px; line-height:15px; }
.ajaxArea .magazine .btnArea { display:block; margin:0; padding:0; list-style: none; margin-top:15px; border-top:1px solid #d2d2d2;}
.ajaxArea .magazine .btnArea li { float:left; width:120px; text-align:center; padding:12px 0; height:20px; line-height: 20px; background:#eff0f0; cursor:pointer; color:#767c81; }
.ajaxArea .magazine .btnArea li span { display:inline-block; width:177px; border-right:1px solid #dadada;}

.ajaxArea .magazine .textArea h2 {font-size:12px;}
.ajaxArea .magazine .textArea p {font-size:11px;}

}