@charset "utf-8";
#layer_popup{padding-bottom:30px;text-align:center; position:absolute; top:0; left:0; background:#000; border:3px solid #000; z-index:99999; }
#layer_popup .close div{float:left; text-align:right}
#layer_popup #check{font-size:12px; font-family:'돋움'; color:#fff; position:absolute; bottom:5px; right:45px; }
#layer_popup #close{font-size:12px; position:absolute; bottom:4px; right:2px; }
#layer_popup #close a{ color:#fff; padding:2px 3px; background:#888; }

@media screen and (max-width: 700px) {
#layer_popup img{width:100%}
}
.popup_layer{display:none}

.visual{position:relative; top:-120px; z-index:0}

/* Main Slider */
#main_slider{position:relative;width:100%;height:841px;margin:0 auto;overflow:hidden}
#main_slider .slider_img{overflow:hidden;position:relative;width:100%;height:1200px}
#main_slider .slider_img ul{position:absolute; width:100%;height:600px}
#main_slider .slider_img ul li{float:left;height:600px}
#main_slider .slider_img ul li.slider_img01{z-index:0}
#main_slider .button{position:absolute; width:1200px; top:550px; left:45%; }
#main_slider .button ul{}
#main_slider .button ul li{float:left; padding-right:10px }

#main_slider .button #main_slider_left{float:left; width:24px; height:24px; padding-right:10px }
#main_slider .button #main_slider_controll{float:left; width:68px; height:24px}
#main_slider .button #main_slider_controll .bx-controls-auto-item{float:left; width:24px; height:24px; padding-right:10px }
#main_slider .button #main_slider_right{float:left; width:24px; height:24px}
#main_slider .button #main_slider_pager{display:none }


#main_slider_ul li{height:841px; text-indent:-9999px}
#mobile_slider{display:none}

.bx-controls{position:absolute; width:130px; top:500px; left:65%; }
.bx-controls .bx-controls-direction a{top:0; margin-top:0; width:24px; height:24px}
.bx-controls .bx-prev{background:url(/nagan/common/images/main/arrow_left.png) no-repeat}
.bx-controls .bx-next{background:url(/nagan/common/images/main/arrow_right.png) no-repeat}
.bx-controls .bx-next:hover, .bx-controls .bx-next:focus{background-position:0 0!important}
.bx-controls .bx-controls-auto{top:0; right:55px!important; width:50px!important}
.bx-controls .bx-controls-auto .bx-start{width:24px; height:24px; background:url(/nagan/common/images/main/button_play.png) left top no-repeat}
.bx-controls .bx-controls-auto .bx-start:hover, .bx-controls .bx-controls-auto .bx-start.active, .bx-controls .bx-controls-auto .bx-start:focus{background-position:0 0!important}
.bx-controls .bx-controls-auto .bx-stop{position:absolute; top:0; width:24px; height:24px; background:url(/nagan/common/images/main/button_pause.png) left top no-repeat}
.bx-controls .bx-controls-auto .bx-stop:hover, .bx-controls .bx-controls-auto .bx-stop.active, .bx-controls .bx-controls-auto .bx-stop:focus{background-position:0 0!important}
.bx-controls .bx-pager{display:none }






#container .section01{padding:30px 0;margin-top:-317px;background:rgba(0, 0, 0, 0.4);position:relative}
#container .section02{padding:60px 0}
#container .section03{background:url(/nagan/common/images/main/article-bg.png) no-repeat;background-size:cover;padding:50px 0;border-top:1px solid #ececec}

/*icon-area*/
.section01 ul.ico{display:table;width:100%}
.section01 ul.ico>li{display:table-cell;padding:0px 20px;position:relative}
.section01 ul.ico>li>a{display:block;padding:113px 16px 0;text-align:center;color:#fff}
.section01 ul.ico>li.ico01>a{background:url(/nagan/common/images/main/ico01.png) no-repeat center 10px}
.section01 ul.ico>li.ico02>a{background:url(/nagan/common/images/main/ico02.png) no-repeat center 10px}
.section01 ul.ico>li.ico03>a{background:url(/nagan/common/images/main/ico03.png) no-repeat center 10px}
.section01 ul.ico>li.ico04>a{background:url(/nagan/common/images/main/ico04.png) no-repeat center 10px}
.section01 ul.ico>li.ico05>a{background:url(/nagan/common/images/main/ico05.png) no-repeat center 10px}
.section01 ul.ico>li.ico06>a{background:url(/nagan/common/images/main/ico06.png) no-repeat center 10px}
.section01 ul.ico>li.ico07>a{background:url(/nagan/common/images/main/ico07.png) no-repeat center 10px}
.section01 ul.ico>li.ico08>a{background:url(/nagan/common/images/main/ico08.png) no-repeat center 10px;width:150px}
.section01 ul.ico>li:first-child{padding-left:0}
.section01 ul.ico>li:last-child{padding-right:0}
.section01 ul.ico>li:first-child:before{display:none}
.section01 ul.ico>li:before{content:'';display:block;width:1px;height:60px;background:#828281;position:absolute;left:0;top:31px}


/*알리미*/
.section02 .inner:after{content:'';display:block;clear:both}
.section02 .left-section{float:left}
.section02 .right-section{float:right}

.alrim{position:relative}
.alrim .ctrl{position:absolute;right:5px;bottom:8px;border:1px solid #ddd; height:23px}
.alrim .ctrl .count{float:left;font-size:14px;line-height:22px;padding:0 7px;height:23px;background:#fff}
.alrim .ctrl a{display:block;border-left:1px solid #ddd;float:left}

.alrim.s-alrim{margin-bottom:20px}
.alrim-box>.bx-wrapper{border:0; z-index:0}
.b-alrim .alrim-box{width:588px;height:618px;overflow:hidden;border:1px solid #dcdcdc;display:block}
.s-alrim .alrim-box{width:565px;height:298px;overflow:hidden;border:1px solid #dcdcdc;display:block}
.s-alrim .alrim-box>.tit{width:162px;height:92px;position:absolute;left:10px;top:1px;background:url(../images/main/alrim-tit.png) no-repeat;color:#fff;font-size:24px;text-align:center;padding:10px 0 0; z-index:10}


/*공지사항 뉴스*/
.section03 .article>.tit{font-size:36px;text-align:center;width:150px;margin:0 auto;position:relative;padding:18px 0}
.section03 .article>.tit:before{position:absolute;content:'';width:50px;height:2px;background:#774836;left:50px;top:0}
.section03 .article>.more{width:112px;background:url(/nagan/common/images/main/more.png) no-repeat 80% 50% #c49d8a;display:block;border-radius:50px;color:#fff;padding:9px 20px;font-size:15px;margin:0 auto}


.section03 .article ul{margin:35px 0 35px -40px}
.section03 .article ul:after{content:'';display:block;clear:both}
.section03 .article ul>li.down{padding:30px 0 0 0}
.section03 .article ul>li{display:block;margin-left:40px;float:left}
.section03 .article ul>li>.inbox{padding:35px 30px;border:1px solid #ddd;width:205px;height:197px;background:#fff;position:relative}
.section03 .article a.subject{color:#8a330c;font-size:16px;font-weight:bold;display:block;line-height:180%;text-align:center;margin-bottom:20px}
.section03 .article a.content{font-size:14px;display:block;text-align:center;line-height:150%;color:#666}
.section03 .notice.article a.subject{height:60px;overflow:hidden}
.section03 .notice.article a.content{height:84px;overflow:hidden}
.section03 .article span.date{color:#666;font-size:14px;display:block;text-align:center;position:absolute;bottom:35px;left:70px;width:50%}

.section03 .notice{margin-bottom:120px}
.section03 .album.article ul>li>.inbox{padding:0;border:0;width:265px;height:auto}
.section03 .album.article span.text{display:block;text-align:center;font-size:14px;color:#666}
.section03 .album.article span.text img{display:none}
.section03 .album.article span.subject{color:#8a330c;font-size:16px;font-weight:bold;display:block;line-height:180%;text-align:center;white-space:nowrap}
.section03 .album.article .context{border:1px solid #ddd;border-top:0;padding:20px;background:#fff}
.section03 .album.article ul:after{content:'';display:block;clear:both}


.width100per{width:100%}
.alrim .ctrl > div{float:left}
#main_slider > .bx-wrapper{border:none !important}