@charset "utf-8";

.section01 {position:relative; max-width:64rem; margin:0 auto; z-index:1}
.section01:after {content:''; background-color:rgba(0,0,0,0.3); width:1300px; height:100%; position:absolute; left:-50%; top:0; z-index:-2}
.section01 .container{position:relative; max-width:31rem; height:39.75rem; padding:5.5rem 0 0}

/*비쥬얼*/
.group {margin-bottom:5.25rem}
.group .txt p {color:#fff; display:block; font-size:2rem; font-weight:100; letter-spacing:-0.5px; line-height:1.2}
.group .txt p strong {color:#ffeda9; font-weight:500}
.group .txt p.txt01 {animation-name:top; animation-duration:1s; animation-delay:.1s; animation-timing-function:ease; animation-fill-mode:both}
.group .txt p.txt02 {animation-name:top; animation-duration:1s; animation-delay:.5s; animation-timing-function:ease; animation-fill-mode:both}
.group .txt p.txt03 {animation-name:top; animation-duration:1s; animation-delay:1s; animation-timing-function:ease; animation-fill-mode:both}
/*링크*/ 
.group .link {margin:2.25rem 0 0}
.group .link a {border:1px solid #fff; color:#fff; display:inline-block; font-size:0.9rem; padding:0.5rem 0.7rem; position:relative; margin-right:0.25rem; transition:all .3s; animation-name:top; animation-duration:1s; animation-delay:1.5s; animation-timing-function:ease; animation-fill-mode:both}
.group .link a i {margin-left:1rem}
/*효과*/
.group .link a:hover {color:#342f23}
.group .link a:after {content:''; background-color:#ffeda9; width:0; height:100%; position:absolute; left:0; top:0; transition:all .3s; z-index:-1}
.group .link a:hover:after {width:100%}

/*최근, 알림 갤러리 게시판*/
#board-group {position:relative; z-index:1; animation-name:top; animation-duration:1s; animation-delay:1.9s; animation-timing-function:ease; animation-fill-mode:both}
#board-group:after {content:''; clear:both; display:block}
.Board-article {position:relative}
.Board-article h3 {float:left; position:relative; left:0; position:relative; width:4.8rem; margin-right:0.5rem}
.Board-article h3 a {color:#fff; display:block; font-size:1.1rem; font-weight:normal; position:relative; padding:5px 0; overflow:hidden; transition:all .3s}
.Board-article h3 a:hover,
.Board-article h3 a.selectd {font-size:1.3rem;  padding:0 0 5px 0}
.Board-article h3 a:after {content:''; background-color:#fff; width:100%; height:3px; position:absolute; left:0; bottom:-6px; transition:all .3s}
.Board-article h3 a.selectd:after{bottom:0px}

.Board-article .list {font-size:0.8rem; position:absolute; top:3.25rem; left:0; width:100%}
.Board-article .list ul {clear:both; overflow:hidden; height:12rem}
.Board-article .list ul li {float:left; width:15rem; margin-right:1rem}
.Board-article .list ul li.no-data {color:#fff; float:none; width:100%;; padding-left:0.5rem}
.Board-article .list ul li:first-child {margin-left:0}
.Board-article .list ul li a .thum {display:block; position:relative; width:15rem; height:9.5rem; overflow:hidden} 
.Board-article .list ul li a .thum img {display:block; width:100%; height:100%; transition:all .25s}
.Board-article .list ul li a .txt strong {color:#fff; display:block; font-size:0.8rem; font-weight:normal; margin:0.5rem 0 0; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.Board-article .list ul li a .txt .con {display:block; height:3.5rem; overflow:hidden; margin-bottom:0.5rem}
.Board-article .list ul li a .txt .date {color:#fff; display:block; font-size:0.7rem}
.Board-article .list ul li a:hover .thumb:before, 
.Board-article .list ul li a:hover .thumb:after {opacity:1; visibility:visible; -webkit-transition:all .25s; transition:all .25s}
.Board-article .list ul li a:hover img {-webkit-transform:scale(1.1); transform:scale(1.1)}
.Board-article .list ul li a:hover .thumb:before {font-weight:normal; -webkit-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1)}
.Board-article .list ul li a:hover .thumb:after {-webkit-transform:translate(-50%, 0%); transform:translate(-50%, 0%); -webkit-transition-delay:.2s; transition-delay:.2s}
.Board-article .list ul li a:hover,
.Board-article .list ul li a:hover strong {color:#ffeda9 !important}
 /*보도자료 리스트*/
.Board-article #list02 ul li {float:none; width:100%; margin:0.5rem 0 0 0; line-height:2}
.Board-article #list02 ul li a {color:#fff; position:relative}
.Board-article #list02 ul li a .tt {float:left; width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.Board-article #list02 ul li a .tt:before {content:''; background:#999; border-radius:100%; width:4px; height:4px; position:absolute; left:0; top:8px; z-index:-1}
.Board-article #list02 ul li a .date {float:right; font-size:0.7rem}

/*좌우컨트롤*/
.Board-article .bx-wrapper .bx-controls-direction{position:absolute; right:1.9rem; top:-3.1rem; width:4rem; transform:translateY(-50%)}
.Board-article .bx-wrapper .bx-controls-direction a {border:1px solid #fff; position:absolute; color:transparent; font-size:0; height:2rem; width:2rem; text-align:center}
.Board-article .bx-wrapper .bx-controls-direction a.bx-prev {left:0}
.Board-article .bx-wrapper .bx-controls-direction a.bx-next {right:1px}
.Board-article .bx-wrapper .bx-controls-direction a:after {color:#fff; font-family:'fontIcon'; font-size:1rem; font-weight:100; line-height:1.9}
.Board-article .bx-wrapper .bx-controls-direction a.bx-prev:after {content:'\e93d'}
.Board-article .bx-wrapper .bx-controls-direction a.bx-next:after {content:'\e93f'}
/*효과*/
.Board-article .bx-wrapper .bx-controls-direction a:hover {border-color:#ffeda9}
.Board-article .bx-wrapper .bx-controls-direction a:hover:after {color:#ffeda9}

/*새글 아이콘*/
.Board-article .list ul li a .icon-new {background-color:#feeda9; border-radius:100%; color:#342f23; display:inline-block; font-size:9px; vertical-align:2px; width:15px; line-height:15px; text-align:center; margin-right:5px}

/*게시판 더보기 버튼*/
.Board-article .list .more {position:absolute; right:0; top:-3.1rem; width:2rem; height:2rem}
.Board-article .list .more a {border:1px solid #fff; color:#fff; display:block; text-align:center; line-height:2.5; width:100%; height:100%}
/*효과*/
.Board-article .list .more a:hover {border-color:#ffeda9}
.Board-article .list .more a:hover i {color:#ffeda9}

/*메인 bg*/
#mainBg {position:absolute; left:0; top:0; width:100%; min-width:1000px}
#mainBg .visual #slider1 li {background-position:right top; height:915px; overflow:hidden}
#mainBg .visual #slider1 li .img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1}
#mainBg .visual #slider1 li .img img {height:100%; margin:0 auto;max-width: none;position: absolute; left: 50%;transform: translateX(-50%);}
#mainBg .visual .bx-controls {position:absolute; top:0; left:0; width:100%}
#mainBg .visual .bx-controls a {color:transparent; font-size:0}