@charset "UTF-8";

/* 탑 비쥬얼 */
.main-visual {position: relative; height: 530px; width: 100%; overflow: hidden; background: url(../images/img-main/main-top.png) center center no-repeat;}
.main-visual .sld-container {position: relative;}
.main-visual .sld-container .sldes {position: relative; left:0; height: 460px;}
.main-visual .sld-container> div {position: absolute; height: 460px; width: 100%; min-width: 1200px; display: none;}
.main-visual .sld-container> div.active {display: block}


.main-visual .sld-container .main-head-copy {position: absolute; width:100%; text-align: center; padding-top: 103px;}

.main-visual .sld-pager {position: absolute; bottom:32px; left:50%; margin-left: -20px;}
.main-visual .sld-pager > a {display: inline-block; width: 20px; height: 7px; background: #fff; border-radius: 3px;}
.main-visual .sld-pager > a:hover, .main-visual .sld-pager > a.active {margin-left: -30px;}
.main-visual .sld-pager > a:hover, .main-visual .sld-pager > a.active {width: 50px; background: #ffdc1d;}
.main-visual .sld-pager > a.is2:hover, .main-visual .sld-pager > a.is2.active {margin-left: 0;}
.main-visual .sld-pager > a.is2:hover, .main-visual .sld-pager > a.is2.active {width: 50px; background: #ffdc1d;}
.main-visual .sld-pager > a > span {position: absolute;clip: rect(1px, 1px, 1px, 1px);}


/* 주요메뉴 */
.main-bans {padding: 30px 0;}
.main-bans > a {float: left;}
.main-bans > a.is1 {width: 30%;}
.main-bans > a.is2 {width: 25%;}
.main-bans > a.is3 {width: 27%;}
.main-bans > a.is4 {width: 18%;}

.main-bans.is2 > a.is1 {width: 36%;}
.main-bans.is2 > a.is2 {width: 36%;}
.main-bans.is2 > a.is3 {width: 27%;}


.bbs-container {padding: 100px 0 0 0; min-width: 1200px}
.bbs-container .left {float: left; width: 550px; position: relative; }
.bbs-container.is2 {background: #fff; margin-bottom: 25px;}
.bbs-container .right {float: right; width: 600px; padding: 20px 25px; position: relative;}

.bbs-container2 {padding: 50px 0; min-width: 1200px}
.bbs-container2 .left {float: left; width: 750px; position: relative; }
.bbs-container2 .right {float:left; width: 300px; margin-left:50px;}

.main-bbs-list .title {float: left; width: 298px; text-align: center; padding-top: 15px; height: 100px; border-bottom: 1px solid #ccc;}
.main-bbs-list .list {float: right; width: 425px;}
.bbs-container h3 {font-size: 20px; color: #010101; margin-bottom: 10px;}

.bbs-container .list li {position: relative; height:30px; line-height: 30px;}
.bbs-container .list li>a {display: inline-block; width: 340px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs-container .list li .date {position: absolute; right:0; font-size: 12px; color: #999;}
.inner-left {float: left; width: 270px; border-right: 1px solid #e6e6e6;}
.inner-right {float: right; width: 235px;}
.tell-info {font-size: 28px; color: #069735; font-weight: 700;}
.bbs-container .photo-list {margin-left: -10px;}
.bbs-container .photo-list >li {float: left; width: 180px; margin-left: 10px;}

.main-notice {float: left; width: 550px;}
.main-notice .title {text-align: center; padding-top: 15px; border-bottom: 1px solid #ccc;}

.main-notice2 {float: right; width: 550px;}
.main-notice2 .title {text-align: center; padding-top: 15px; border-bottom: 1px solid #ccc;}

.main-qbans {position: absolute; width: 1200px; margin-top:-50px; left:18.5%;}
.main-qbans li {float: left; width:25%; height: 100px; box-sizing: border-box;}
.main-qbans li.is1 {background: url(../images/img-main/main-is1.png) center center no-repeat;}
.main-qbans li.is2 {background: url(../images/img-main/main-is2.png) center center no-repeat;}
.main-qbans li.is3 {background: url(../images/img-main/main-is3.png) center center no-repeat;}
.main-qbans li.is4 {background: url(../images/img-main/main-is4.png) center center no-repeat;}
.main-qbans li.is5 {background: url(../images/img-main/main-is5.png) center center no-repeat;}
.main-qbans li.is1 h3 {color:#fff;}
.main-qbans li.is2 h3 {color:#595959;}
.main-qbans li.is3 h3 {color:#fff;}
.main-qbans li.is4 h3 {color:#fff;}
.main-qbans li.is5 h3 {color:#595959;}
.main-qbans .col-tb>.row>.cell {padding: 0; vertical-align: top;}
.main-qbans .cell h3 {width:175px; text-align:center; line-height:100px; font-size: 21px; font-weight: 500;}
.main-qbans button {background-color: transparent; border: 1px solid #fff; color: #fff; width: 100px; height: 30px;}


.main-bbs {width:750px;}
.main-bbs .tab-menu>li {background: #fff; width: 250px; text-align: left;}
.main-bbs .tab-menu>li > a {background: #fff; height: 40px; text-align:center; font-size: 16px; color: #333; font-weight: 500;}

.main-bbs .tab-menu>li > a.active {background: #47aa96 url(../images/img-main/arr-white.png) 90% center no-repeat; color: #fff;}

.main-bbs .tab-container {background: #fff; height: 240px; border: 1px solid #ddd;box-sizing: border-box; }
.main-bbs .tab-container .tab-content {padding: 0; position: relative;}
.main-bbs .tab-container .tab-content .more {position: absolute; right:5px; top:-21px;}
.main-bbs-list {display: table; width: 100%;}
.main-bbs-list >li {display: table-row;}
.main-bbs-list >li> a {display: table-cell; height: 49px; border-top: 1px solid #ddd; padding:10px 20px; color: #7f7f7f;}
.main-bbs-list >li:first-child> a {border-top: 0;}
.main-bbs-list .head {height: 26px; line-height:26px; }
.main-bbs-list h5 {float: left; font-size: 16px; color:#474747; font-weight: 400px; max-width:650px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-bbs-list .date {float: left; color: #999; width: 70px; padding-left: 15px; font-size: 14px}
.main-bbs-list .para {width: 500px; height: 28px; line-height: 28px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.rel-site {border-top: 1px solid #ddd; padding-top: 15px; margin-bottom: -15px;}
.rel-site-container {width: 1000px; overflow: hidden;}
.rel-inner {position: relative;}
.rel-inner >a {float: left;}
.rel-cntr {position: absolute; top:8px; right:0; width: 120px; height: 40px;}
.rel-cntr > a {float: left; width: 40px; height: 40px; background: url(../images/img-common/bg-cntr.png) 0 0 no-repeat;}
.rel-cntr > a.rel-pre {background-position: 0 0;}
.rel-cntr > a.rel-next {background-position: -79px 0;}
.rel-cntr > a.rel-stop {background-position: -40px 0;}
.rel-cntr > a.rel-play {background-position: -40px -40px; display: none}


/* 레이어 팝업창  */
.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;}

/* 팝업 레이어 */
.main-pop-layer {position: absolute; top:150px; right:50%; width:440px; z-index:3; background-color: transparent; box-shadow: 1px 0 8px rgba(0,0,0, 0.25)}
.main-pop-layer.is2 {margin-left:270px;  width:325px;}
.main-pop-layer .pop-foot {height: 27px; line-height: 27px; padding: 0 10px; text-align: right; font-size: 11px; color:#fff; background: #0b8087;}
.main-pop-layer.is2 .pop-foot {background: #41447f;}
.main-pop-layer .pop-foot img {vertical-align: middle}
.main-pop-layer .pop-foot span {padding-right: 10px}


/*팝업존*/
/* .bbs-container2 > div.pop-zone {width:250px; height:377px;}
.bbs-container2 > div.pop-zone h2 {font-weight:500; font-size:20px; color:#333; display:inline-block}
.slick-slide img {width: 100%; height: auto;}

.right {}
.right span.current {font-size:14px; font-weight:600; color:#000}
.right span {font-size:14px; font-weight:300; color:#666666}
.slick-arrow.slick-next {text-indent:-9999%; background:url('../images/img-main/btn-next.jpg')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5; }
.slick-arrow.slick-next:hover {text-indent:-9999%; background:url('../images/img-main/btn-next.jpg')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5;}
.slick-arrow.slick-prev {text-indent:-9999%; background:url('../images/img-main/btn-prev.jpg')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5;}
.slick-arrow.slick-prev:hover {text-indent:-9999%; background:url('../images/img-main/btn-prev.jpg')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5;}
.slick-arrow, .control a, .slick-arrow:before, .control a:after {text-indent:-9999%; z-index:1}

.control a.btn-stop {display:inline-block; background:url('../images/img-main/btn-pause.jpg')no-repeat center center; width:20px; height:20px; border:1px solid #e5e5e5;} 
.control a.btn-play {display:none; background:url('../images/img-main/btn-play.jpg')no-repeat center center; width:20px; height:20px; border:1px solid #e5e5e5;} 
 */

/*팝업존*/
.right > div.pop-zone {width:408px; height:280px; position:relative}
.right > div.pop-zone h2 {font-weight:500; font-size:20px; color:#333; display:inline-block}
.right > div.pop-zone .pop-img{width:100%; position:relative}
.slick-slide img {width: 100%; height: auto;}

.slick-counter {position:absolute}
.slick-counter span.current {font-size:14px; font-weight:600; color:#000}
.slick-counter span {font-size:14px; font-weight:300; color:#666666}
.slick-arrow.slick-next {text-indent:-9999%; background:url('../images/img-main/btn-next.png')no-repeat center center; width:22px; height:22px; position:absolute; top:300px; right:5px}
.slick-arrow.slick-next:hover {text-indent:-9999%; background:url('../images/img-main/btn-next.png')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5; position:absolute; top:-20px; right:24px}
.slick-arrow.slick-prev {text-indent:-9999%; background:url('../images/img-main/btn-prev.png')no-repeat center center; width:22px; height:22px; position:absolute; top:300px !important; right:45px !important}
.slick-arrow.slick-prev:hover {text-indent:-9999%; background:url('../images/img-main/btn-prev.png')no-repeat center center; width:22px; height:22px; border:1px solid #e5e5e5; position:absolute; top:-20px !important; right:45px !important}
.slick-arrow, .control a, .slick-arrow:before, .control a:after {text-indent:-9999%; z-index:1}

.control a.btn-stop {display:inline-block; background:url('../images/img-main/btn-pause.png')no-repeat center center; position:absolute; right:20px} 
.control a.btn-play {display:none; background:url('../images/img-main/btn-play.png')no-repeat center center; position:absolute; right:20px}