@charset "utf-8";
/* Clearfix */
.clear_fix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .clear_fix,:first-child+html .clear_fix{zoom:1}

/* a */
.latest_list a,
.latest_list a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
.latest_list a:hover{text-decoration:none}
.latest_list img,
.latest_list iframe{vertical-align:middle}

/*--[ WIDGET ]--*/
.latest_list{margin:0; padding:0; list-style:none}
.latest_list li{margin:0; padding:2px 0;  line-height:1.2}
.latest_list li:first-child{padding-top:0}
.latest_list li:last-child{border-bottom:0}
.latest_list li p{margin:0; padding:0;color:#555}
.latest_list li .listTitle{float:left; padding:4px 0 3px}
.latest_list li .listCount{float:right; margin-right:1px}
.latest_list li a{position:relative; display:block; padding-left:10px; font-family:돋움,sans-serif; color:#555; cursor:pointer}
.latest_list li a:hover p.listTitle,
.latest_list li a:focus p.listTitle{font-weight:bold; letter-spacing:-1px; color:#ea5859}
.latest_list li .title_arrow{position:absolute; top:9px; left:0; display:block; border-left:3px solid #ea5859; border-top:3px solid transparent; border-bottom:3px solid transparent; height:0; width:0;}
.latest_list li .num{display:inline-block; padding:4px 8px 3px 8px; border:1px solid #c8c8c8; font-size:11px; color:#808080}


.latest_list .top_webzin img{width:100%}
.latest_list li h3{width:230px;height:19px;overflow:hidden;text-align:justify;line-height:1.8em;margin:0; padding:9px 0 0 0; background:rgba(255,255,255,.7); font-family:나눔고딕, 'Nanum Gothic', 돋움; font-size:1.15em;; font-weight:600; color:#111}
.latest_list li h3 .category{float:left; padding:3px 7px; margin-right:7px; background-color:#3aa6d8; font-size:12px; color:#fff}
.latest_list li .title{padding:2px 0 3px}


.latestfree{position:relative; width:100%}
.latestfree .latest-title{margin-bottom:10px; padding:15px 5px 0 15px}
.latestfree .latest-title a{outline:none}
.latestfree .latest-title h4{float:left; margin:0; padding:0; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:700; font-size:1.55em;}
.latestfree .latest-title h4 a{color:#000}
.latestfree .latest-title a.more{float:left; margin-left:12px; padding-top:6px; line-height:1.2; font-family:돋움; font-size:11px; color:#999; outline:none}
.latestfree .latest-title a.more:hover,
.latestfree .latest-title a.more:focus{color:#666}

.latestfree .latestArrow{position:absolute; top:2px; right:2px}
.latestfree .latestArrow span{display:inline-block; margin-left:1px}
.latestfree .latestArrow a{display:block; width:21px; height:37px; background-color:#fff; background-image:url(../img/islide_arrows.png); background-repeat:no-repeat; outline:none}
.latestfree .latestArrow .bx-prev{background-position:1px 9px}
.latestfree .latestArrow .bx-prev:hover,
.latestfree .latestArrow .bx-prev:focus{background-position:-20px 9px}
.latestfree .latestArrow .bx-next{background-position:-39px 9px}
.latestfree .latestArrow .bx-next:hover,
.latestfree .latestArrow .bx-next:focus{background-position:-58px 9px}
.latestfree .latestArrow a:hover,
.latestfree .latestArrow a:focus{background-color:#3aa6d8}



/* Widget */
.latest_list li p {width:220px;height:16px;line-height:1.8em;overflow:hidden;text-align:justify;padding:0px;}
.latest_list li a{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400}
.latest_list li a:hover p.listTitle,
.latest_list li a:focus p.listTitle{font-weight:400; letter-spacing:0;}
.latestfree .latest-title h4 a {color: #000}


@media screen and (max-width:479px) {
	.latest_list li p{font-size:13px;}
	.latestfree{border:0}
}