@charset"utf-8";
/* 공통 */ 

*,*:after,*:before { box-sizing: border-box; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility!important; -webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
html, body { width:100%; height:100%; min-width: 1280px; }
a:active { background-color:transparent; }

#container { background: #f2f4f7; box-sizing: border-box; vertical-align: top; margin: 0; padding-bottom: 15px; }
#container .content { width: 1000px; margin: 0 auto; }

.pop-banner-bottom-layer { position: fixed; bottom: 0; z-index: 9999; height: 75px; width: 100%; background: #3d5a7d; }
.pop-banner-bottom-layer .img-layer { width: 1000px; margin: 0 auto; position: relative; height: 75px; }
.pop-banner-bottom-layer .img-layer a { position: absolute; z-index: 10000; top: 26px; right: 96px; }

.pop-banner-right-layer { position: fixed; z-index: 9999; bottom: 75px; left: 50%; margin-left: 514px; width: 240px; }
.pop-banner-right-layer .title-layer { height: 45px; background: #2a57ae; vertical-align: top; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.pop-banner-right-layer .title-layer .title { float: left; width: 150px; padding: 10px 0 0 16px; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: -0.5px; }
.pop-banner-right-layer .title-layer .close-btn { float: right; margin-right: 15px; vertical-align: top; margin-top: 14px; }
.pop-banner-right-layer .content-layer { position: relative; background: #fff; box-sizing: border-box; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; height: 195px; cursor: pointer; }
.pop-banner-right-layer .content-layer ul li { display: block; height: 65px; }
.pop-banner-right-layer .content-layer ul li a { font-size: 13px; color: #4d4d4d; font-weight: bold; font-family: 'nanum-square-r' }
.pop-banner-right-layer .content-layer ul li a img { display: none; }
.pop-banner-right-layer .content-layer ul .new a img { display: inline-block!important; }


.ellipsis { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; }

.clearfix:after { content: ''; clear: both; height: 0; display: block; }

/* 서브배너 */
.pop-banner-layer { position: fixed; z-index: 9999; top: 120px; right: 50%; margin-right: 514px;}

@media (max-width: 1280px) {
  html, body { min-width: 100%; }
  .pop-banner-right-layer,
  .pop-banner-layer { display: none; }
}