@charset "UTF-8";
@import url("/main/css/fullpage.css");
/*-------------------------------------------------
title       : 메인
Create date : 2020-02-14
-------------------------------------------------*/

/*페이지 이동 효과*/
.fp-viewing-anchor1 .mn {bottom:0; opacity:1; transition:all 1s}
.fp-viewing-anchor2 .mn,
.fp-viewing-anchor3 .mn,
.fp-viewing-anchor4 .mn  {position:fixed; top:0; opacity:1; transition:all 1s}

#fp-nav.fp-right {right:auto; left:21.5%; z-index:0}
#fp-nav ul li {width:1rem; height:1rem; margin-bottom:2.5rem}
#fp-nav ul li:last-child {margin-bottom:0}
#fp-nav ul li a span {background:transparent; border:2px solid rgba(255,255,255,0.7); width:1rem; height:1rem; left:0; top:0; margin:0}
#fp-nav ul li a.active span {background-color:#d44932; border:1px solid #d44932; border:0; margin:0; width:1rem; height:1rem}

.fp-viewing-anchor3 #fp-nav ul li a span, .fp-viewing-anchor4 #fp-nav ul li a span {border-color:#b4b4b4}

.section {position:relative; padding:8.5rem 8.559%; overflow:hidden}
.section .fp-tableCell {height:100% !important}

/*#seciton0*/
/*비주얼*/
#visual {position:absolute; right:0; top:0; z-index:10; width:37.525%; max-width:57rem}
#visual li {animation-name:right; animation-duration:1s; animation-timing-function:ease-in-out; animation-fill-mode:both}
#visual .bx-controls-auto {display:none}
#visual-bg {position:absolute; left:0; top:0; width:100%; height:100% !important}
#visual-bg .bx-viewport{height:100% !important}
#visual-bg .list{padding-top: 135%;}
#visual-bg .list li{top:0 !important; height:100% !important; }
#visual-bg img {height:100% !important}
#visual-bg .bx-controls {position:absolute; top:11rem; left:8.559%; z-index:100}
#visual-bg .bx-pager {float:left; width:auto; margin-right:2.5rem}
#visual-bg .bx-pager a {width:1rem; height:1rem; background:#fff; border:none; border-radius:100px; margin-right:1rem; transition:all .3s}
#visual-bg .bx-pager a.active {width:4rem}
#visual-bg .bx-controls .bx-controls-auto-item a {top:0.3rem}
#visual-bg .bx-controls .bx-controls-auto-item a:before {color:#fff; font-size:2rem}

/*타이틀*/
#section0 .title {position:relative; z-index:1; margin-top:11rem; margin-bottom:5.5rem; padding-right:30%}
#section0 .title .s-tt {color:#fff; display:block; font-size:4.4rem; font-weight:100; line-height:1.2; margin-bottom:1.5rem}
#section0 .title .txt-bg {color:rgba(0,0,0,0.1); font-size:11rem; font-weight:700; line-height:0.95; margin-top:3.5rem; position:absolute; left:-2rem; z-index:-1}

/*한줄뉴스*/
#section0 .gice-news {background-color:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); border-radius:100px; height:6rem; margin-bottom:4rem; overflow:hidden; padding:1.5rem 3rem; width:60.366%; max-width:76rem; min-width:310px; position:relative; z-index:10}
#section0 .gice-news .list {padding-right:2rem}
#section0 .gice-news .cate {background-color:#d44932; border-radius:100px; color:#fff; display:inline-block; font-size:1.5rem; padding:0 1.5rem; height:2.5rem; line-height:2.5rem; vertical-align:middle}
#section0 .gice-news .tt {color:#fff; display:inline-block; font-size:1.6rem; margin-left:1rem; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 10rem); width:80%; white-space:nowrap}
#section0 .gice-news .control {position:absolute; top:1rem; right:2rem; width:2rem}
#section0 .gice-news .control li {height:2rem; line-height:2rem}
#section0 .gice-news .control a {position:relative; font-size:0}
#section0 .gice-news .control a:before {color:#fff; font-family:'xeicon'; font-size:1.6rem}
#section0 .gice-news .control a.top:before {content:''}
#section0 .gice-news .control a.bottom:before {content:''}
#section0 .gice-news .blank {color:#fff}

/*퀵*/
#section0 .quick-wrap {clear:both; overflow:hidden; width:91rem; padding-top:2rem; position:relative; z-index:10; margin-left:-3rem}
#section0 .quick-wrap li {float:left; width:16.66%; margin-bottom:4rem}
#section0 .quick-wrap a {display:block; color:#fff; text-align:center}
#section0 .quick-wrap i {display:block; height:6rem; margin-bottom:2.5rem; position:relative; z-index:1}
#section0 .quick-wrap img {max-width:6rem; transition:all .2s}
#section0 .quick-wrap a i:before {content:''; position:absolute; left:50%; top:56%; transform:translate(-50%,-50%); width:0; height:0; border-radius:100%; z-index:-1; transition:all .2s}

@media screen and (min-width:1000px) {
	/*효과*/
	#section0 .quick-wrap a:hover i:before {background:rgba(0,0,0,0.3); width:8rem; height:8rem}
	#section0 .quick-wrap a:hover img {transform:scale(0.7); display:block; margin:0 auto; padding-top:0.5rem}
}

/*#seciton1*/
#section1 {background:url('/main/img/main/section01-bg.jpg') no-repeat center top}
#section1 .conArea01 {clear:both; overflow:hidden; padding-bottom:1px}
/*게시판*/
#section1 .latest {position:relative; float:left; width:64.337%; max-width:81rem}
#section1 .group {display:inline-block}
#section1 .group h2 {display:inline-block; margin-right:2.5rem; position:relative}
#section1 .group h2:after {content:'/'; color:#fff; display:inline-block; vertical-align:3px; font-size:1.6rem; font-weight:200; opacity:0.5}
#section1 .group:last-child h2:after {display:none}
#section1 .group h2 a {color:#fff; font-weight:500; font-size:2.6rem; opacity:0.7; padding-right:2.5rem; transition:all .3s}
#section1 .group .conBox {position:absolute; left:0; top:6.5rem; width:100%; height:auto; display:none}
#section1 .group .conBox li {float:left; width:49.3%; height:17.9rem; margin-right:1.333%; margin-bottom:1rem}
#section1 .group .conBox li:nth-child(2n) {margin-right:0}
#section1 .group .conBox li a {border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.05); display:block; padding:3rem 4rem; height:100%; text-align:left; transition:all .3s}
#section1 .group .conBox li a .title {color:#fff; display:block; font-size:1.8rem; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:99.9%; margin-bottom:1rem; transition:all .3s}
#section1 .group .conBox li a .title i {background-color:#faa81a; border-radius:100%; color:#fff; font-weight:100; width:2rem; height:2rem; line-height:2rem; text-align:center; display:inline-block; vertical-align:-3px; position:relative}
#section1 .group .conBox li a .title i:before {content:'N'; position:absolute; left:0; top:0; font-size:1.2rem; width:100%; height:100%}
#section1 .group .conBox li a .con {color:#fff; display:block; font-size:1.6rem; opacity:0.6; line-height:1.3; margin-bottom:2rem; transition:all .3s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:4rem}
#section1 .group .conBox li a .date {color:#fff; display:block; font-size:1.6rem; opacity:0.6; transition:all .3s}
#section1 .group .conBox li a .date:before {content:''; font-family:'xeicon';  margin-right:0.3rem; vertical-align:-0.1rem}
#section1 .group .conBox li a .hit:before  {content:''; font-family:'xeicon';  margin:0 0.3rem 0 1em; }
#section1 .group .conBox .blank {border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); color:#fff; text-align:center; height:36.8rem; line-height:35rem; padding:1rem}
#section1 .group .more {color:transparent; font-size:0; position:absolute; top:0.5rem; right:0; transition:all .3s}
#section1 .group .more:after {content:''; font-family:'xeicon'; font-size:2.4rem; color:#fff}
#section1 .group.group1 .conBox li a .desc {height:13.3rem}
/*active*/
#section1 .group.active h2 a {opacity:1}  
#section1 .group.active .conBox {display:block}
#section1 .group.active .more {z-index:1}
@media screen and (min-width:1000px) {
	/*효과*/
	#section1 .group h2 a:hover {opacity:1}
	#section1 .group .conBox li:hover a {border:1px solid rgba(255,255,255,1)}
	#section1 .group .conBox li:hover span {opacity:1}
	#section1 .group .conBox .more:hover {background-color:#999; transform:rotate(180deg)} 
}

/*팝업*/
#section1 .popup-wrap {float:right; width:32.6%; max-width:39rem; position:relative}
#section1 .popup-wrap h2 {color:#fff; font-weight:500; font-size:2.6rem; margin-bottom:2.3rem}
#section1 .popup-wrap .page {color:rgba(255,255,255,0.5); font-size:2rem; position:absolute; top:0.5rem; right:10rem}
#section1 .popup-wrap .page #popup-index {color:rgba(255,255,255,1); margin-right:1rem} 
#section1 .popup-wrap .page #popup-total {margin-left:1rem} 
#section1 .popup-wrap .bx-wrapper {position:static}
#section1 .popup-wrap img {height:100% !important}
#section1 .popup-wrap .bx-controls {color:#fff; position:absolute; right:0; top:1rem}
#section1 .popup-wrap .bx-controls-auto a {margin-right:0}

/*이달의 행사*/
#section1 .calendar {border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); clear:both; margin-top:6rem; overflow:hidden; padding:3.5rem; position:relative}
#section1 .calendar h2 {border-right:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.8); font-size:1.8rem; font-weight:300; float:left; line-height:1.2; padding-right:5rem; padding-bottom:9.5rem; width:16rem; height:100%}
#section1 .calendar h2 strong {color:#fff; display:block; font-size:3rem; font-weight:500}
#section1 .calendar .date {color:#fff; cursor:pointer; display:block; padding:1rem 1rem; position:relative; z-index:1}
#section1 .calendar .date.sat {color:#76c3ff}
#section1 .calendar .date.sun {color:#ff6d55}
#section1 .calendar .date.tag:before {content:''; background:#4dc0fb; border-radius:100%; width:0.8rem; height:0.8rem; position:absolute; top:0; left:50%; transform:translateX(-50%)}
#section1 .calendar .schedule {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; position:absolute; left:1rem; margin-top:1.5rem}
#section1 .calendar .schedule li a {color:#fff; display:block; height:3rem; padding-left:1rem; position:relative}
#section1 .calendar .schedule li a:before {content:''; background:#ff6d55; border-radius:100%; width:0.5rem; height:0.5rem; position:absolute; left:0; top:1.1rem}
#section1 .calendar .schedule li a .place {color:rgba(255,255,255,0.6); margin-left:1rem; position:relative}
#section1 .calendar .schedule li a .place:before {content:''; display:inline-block; font-family:'xeicon'; margin-left:0.5rem}
#section1 .calendar .btn {position:absolute; left:2.5rem; bottom:3.5rem}
#section1 .calendar .btn .controller, #section1 .calendar .btn > a {float:left}
#section1 .calendar .btn .controller li {float:left; margin-right:1rem}
#section1 .calendar .btn a {color:#fff; display:block; width:3rem; height:3rem; line-height:3rem; text-align:center; position:relative}
#section1 .calendar .btn a:before {font-family:"xeicon"; font-size:1.7rem}
#section1 .calendar .btn .bx-prev:before {content:''}
#section1 .calendar .btn .bx-next:before {content:''}
#section1 .calendar .btn .more:before {content:''; font-size:2rem}

#section1 .calendar li.active .schedule {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1}
#section1 .calendar li.active .schedule.no-data {width:100%; height:100%; color:#fff; padding:2rem 6rem 0 0; text-align:center}
#section1 .calendar li.active .date {color:#2c3787}
#section1 .calendar li.active .date:after {content:''; background:rgba(255,255,255,0.5); border-radius:100%; width:3rem; height:3rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1}
#section1 .calendar .today .date {color:#fff !important}
#section1 .calendar .today .date:after {content:''; background:#d44932 !important; border-radius:100%; width:3rem; height:3rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1}

#section1 .calendar .scrollbar {height:16rem; position:absolute; left:23rem; width:calc(100% - 27.5rem)}
#section1 .calendar .scrollbar .list > li {display:table-cell}
#section1 .calendar .scrollbar .mCSB_container {overflow:visible}

/*갤러리*/
#section2 {background-color:#f5f5f5}
#section2 h2 {color:#333; display:block; font-size:2.6rem; font-weight:600}
#section2 .gallery:before, #section2 .tel-wrap:before {color:rgba(0,0,0,0.03); font-size:13rem; font-weight:bold; position:absolute; left:-15rem; top:-6rem} 
#section2 .gallery:before {content:'GICE GALLERY'}
#section2 .tel-wrap:before {content:'TEL'; top:-8rem}

#section2 .gallery {position:relative; margin-bottom:6rem}
#section2 .gallery h2 {margin-bottom:1.5rem; padding-top:2rem}
#section2 .gallery ul li {transition:all .3s; padding-top:3rem}
#section2 .gallery ul li a {background-color:#fff; display:block; position:relative; transition:all .3s}
#section2 .gallery .img {display:block; width:100%; height:24rem; overflow:hidden}
#section2 .gallery .img img {display:block; width:100%; height:100%}
#section2 .gallery .desc {display:block; height:16rem; padding:2.5rem 3.5rem}
#section2 .gallery .desc .title {color:#333; display:block; font-size:1.8rem; font-weight:400; margin-bottom:0.8rem; width:99.9%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .3s}
#section2 .gallery .desc .txt {color:#666; display:block; font-size:1.6rem; height:4rem; line-height:1.2; margin-bottom:1rem}
#section2 .gallery .desc .date {color:#999}
#section2 .gallery .desc .date:before {content:''; font-family:'xeicon'; display:inline-block; margin-right:0.3rem; vertical-align:middle}
#section2 .gallery .blank {border:1px solid #ddd; height:40rem; text-align:center; padding:10rem 2rem}
#section2 .gallery .more {background-color:#2c3787; border-radius:100%; color:#fff; width:5rem; height:5rem; line-height:5rem; text-align:center; font-size:0; position:absolute; top:1rem; right:0; transition:all .3s}
#section2 .gallery .more:after {content:''; font-family:'xeicon'; font-size:2.4rem}

/*갤러리 컨트롤*/
#section2 .gallery .bx-controls {position:absolute; top:-6.5rem; right:5rem}
#section2 .gallery .bx-controls a {background-color:#2c3787; border-radius:100%; color:#fff; width:5rem; height:5rem; line-height:5rem; text-align:center; margin-right:1rem; transition:all .3s}
@media screen and (min-width:1000px){
	/*효과*/
	#section2 .gallery ul li:hover a {box-shadow:0 0 10px 0 rgba(0,0,0,0.2); margin-top:-3rem}
	#section2 .gallery ul li:hover a:before {content:''; border:3px solid #d44932; width:100%; height:100%; position:absolute; left:0; top:0}
	#section2 .gallery ul li:hover .desc .title {color:#d44932}
	#section2 .gallery .bx-controls a:hover, #section2 .gallery .more:hover {background-color:#fff; border:1px solid #2c3787; color:#2c3787}
}

#section2 .tel-wrap {position:relative}
#section2 .tel-wrap h2 {margin-bottom:2.5rem}
#section2 .tel-wrap ul {clear:both; overflow:hidden; position:relative; z-index:1}
#section2 .tel-wrap li {float:left; width:25%; margin-bottom:1.5rem}
#section2 .tel-wrap span {color:#666; display:block; font-size:1.6rem}
#section2 .tel-wrap .part {color:#333; font-weight:400}
#section2 .tel-wrap .part:before {content:''; display:inline-block; background:#666; border-radius:100%; width:4px; height:4px; margin-right:5px; vertical-align:4px}

/*footer*/
#section4 {background-color:#22316a; padding:0}
#footer {display:none}
.foot-wrap .btn-top {display:none}