@charset "UTF-8";

/* 탑 비쥬얼 */
.main-visual-outer {}
.main-visual {height: 492px; background: url(../images/img-main/top-img.jpg) center center no-repeat;}
.main-visual h2 {padding-top: 125px;}

/* 바로가기 */
.main-bans {margin-top: -100px; margin-bottom: 60px; background: #c6cedb;}
.main-bans > div {float: left; width: 20%; height: 200px; text-align: center; box-sizing: border-box; padding-top: 45px;}
.main-bans > div.is1 {background: #2c72da;}
.main-bans > div.is2 {background: #2461bb;}
.main-bans > div.is3 {background: #194687;}
.main-bans > div.is4 {background: #143a72;}
.main-bans > div.is5 {padding-top: 20px;}

.quick-img {height: 82px}
.main-bans h3 {font-size: 20px; color: #fff;}
.site-info {padding: 0 15px; color:#686868;}
.site-info img {vertical-align: middle}
.site-info h4 {font-size: 18px; color: #333; line-height: 1}
.site-info .tell {font-size: 27px; font-weight: 700; color: #000; margin-bottom: 10px;}
.site-info .ico {float: left;width: 40px;}
.site-info .txt {float: left; width: 170px; text-align: left;}


/* 주요메뉴 */
.bbs-container .left {float: left; width: 600px; position: relative; }
.bbs-container .right {float: right; width:520px; position: relative;}
.title-block {float: left; width:128px;  height: 155px; padding-top: 20px;border-right: 1px solid #ddd ; text-align: center;}
.title-block.is2 {border-right: 0;}
.bbs-container .lists {float: right; width: 447px; padding-top: 20px;}
.bbs-container .lists li>a {display: block; }
.bbs-container .lists li>a span {float: left; height: 34px; line-height: 34px;}
.bbs-container .lists li>a span.title {width: 327px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 400;}
.bbs-container .lists li>a span.date {width: 120px;text-align: right; font-size: 13px; color: #999;}
.bbs-container .lists.is2 {width: 367px;}
.bbs-container .lists.is2 li>a span.title {width: 240px;}
.title-block h3 {font-size: 18px; color: #474747; padding-top: 10px; margin-bottom: 10px;}

.link-site {margin-bottom: -20px;}
.link-site > a {float: left; margin-left: 10px;}
.link-site > a:first-child {margin-left: 0;}



/* 레이어 팝업창  */
.pop {position: absolute; top: 150px; left:50%; width: 400px; margin-left: -700px; background: #fff; z-index: 999}
.pop.is1 {border: 1px solid #5e6094; font-size: 14px; color: #707070;}
.pop .bottom {border-top: 1px solid #ddd; font-size: 12px; padding: 0.5em;}