@charset "euc-kr";

#wrap{padding:0 15px}
/* menu */
.menu .blog_menu{height:38px; border-bottom:solid 1px #E8E8EC}
.menu .blog_menu ul{color:#444}
.menu .blog_menu li{float:left; width:25%}
.menu .blog_menu li a{display:inline-block; width:100%; box-sizing:border-box; height:38px; text-align:center}
.menu .blog_menu li a span{display:inline-block; padding-top:10px; color:#333; font-weight:600}
.menu .blog_menu li.on a span{color:#5170DF}
/* submenu */
#subMenuCon{border-bottom:solid 9px #F4F5F9}
#subMenuCon:after{content:""; border-bottom: solid 1px #E4E4E8; display:block}
#subMenuCon ul{display:inline-block; padding:7px 12px}
#subMenuCon li{float:left}
#subMenuCon li a{display:inline-block; padding:4px 10px; color:#333; font-size:14px; border:solid 1px #E4E4E8; border-radius:30px; margin:2px}
#subMenuCon li.on a{border:1px solid #5170DF; color: #5170DF}
/* list page */
.newsList tr{cursor:pointer; border-bottom:1px solid #F2F2F2; padding:12px 0; display:inline-block; width:100%}
.newsList tr.press{padding:10px 0}
.newsList th{width:95px; margin-right:10px; text-align:left}
.newsList img{width:80px}
.newsList tr:last-child th, .newsList tr:last-child td{border-bottom:none}
.newsList td.time{text-align:center;font-size:10px;color:#5775bb}
.newsList td.subject{font-size:15px; letter-spacing:-1px; color:#222; padding-left:11px}
.newsList td.play{font-size:15px; letter-spacing:-1px; color:#235BDD; font-weight:bold; padding-left:11px}
.newsList .tit{font-size:16px; font-weight:600}
.newsList .subTit{font-size:13px; color:#7D7D7D; margin-top:4px; font-weight:200}
.newsList .info{font-size:12px; color:#7D7D7D; margin-top:4px; font-weight:200} 
.newsList .divi{font-size:13px; color:#5170DF}
/* view page */
.inWrap {margin:0 auto; max-width:700px}
.inWrap dl{letter-spacing:0; line-height:1.3}
.inWrap dt{font-size:22px; color:#333; padding:30px 0 7px 0; font-weight:700}
.inWrap dd{font-size:17px; color:#141414; padding:0; line-height:25px}
.inWrap dd.thum{margin:0 -15px; text-align:center}
.inWrap dd.thum img{width:auto}
.inWrap dd.sub_title{color:#7D7D7D; font-size:15px; line-height:19px; margin-bottom:10px; font-weight:200}
.inWrap dd.view_divi{color:#888; font-size:14px; margin-bottom:30px; font-weight:200}
.inWrap dd .view_color{color:#5170DF; margin-right:5px}
.inWrap dd.size{display:inline-block;padding:10px 0 20px 0}
.inWrap dd.time{font-size:13px;color:#8e8d8d}
.inWrap dd b{color:#141414; font-size:19px; font-weight:700}
.inWrap dd .point{color:#6f8cd8}
.inWrap .btn{height:72px;text-align:center}
.inWrap  #contents_imgN{margin:40px 0 !important;}
.inWrap  #contents_imgN dt{font-size:15px; padding-top:10px; color:#7D7D7D; font-weight:200}
/*paginate*/
.paginate{margin:0 auto; text-align:center; width:200px; padding:20px 0 60px 0}
.paginate div{display:inline-block}
.paginate .btnPage{border:solid 1px #EEEEF1; width:34px; height:34px}
.paginate .btnPre{background:url(../images/ico_pre.png) 12px 10px no-repeat;  background-size:10px 15px}
.paginate .btnNext{background:url(../images/ico_next.png) 12px 10px no-repeat;  background-size:10px 15px}
.paginate .pages{text-align:center; font-size:15px; color:#555; padding:10px 26px 0 26px }
.paginate .pages span{color:#5170DF; font-weight:700}
/*Back button*/
.btnBack{margin:50px 0 70px 0;text-align:center}
.btnBack .btnList{display:inline-block; border:solid 1px #E1E1E1; padding:10px 30px; font-size:13px; color:#555}
.btnBack .btnList:before{content:''; display:inline-block; width:11px; height:9px; padding-right:4px; background:url(../images/ico_list_pre.png) 0 0 no-repeat; background-size:11px}
/*new icon*/
img.iconNew {width:11px; margin:-4px 0 0 5px}