@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1025px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px; height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-txt-con{
	position:absolute; 
	left:0px; top:50%; transform:translateY(-50%);
	width:100%; z-index:99; margin-top:-3%
}
.main-visual-txt-con .main-visual-txt1,
.main-visual-txt-con .main-visual-txt2,
.main-visual-txt-con .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-con .main-visual-txt1{display:block; font-size:9rem; font-weight:700; letter-spacing:0; color:#fff; margin-bottom:4rem; line-height:1.08; text-transform:uppercase}
.main-visual-txt-con .main-visual-txt2{font-size:2rem; letter-spacing:0; color:rgba(255,255,255,0.8); margin-bottom:6rem; font-weight:400; line-height:1.4}
.main-visual-txt-con .main-visual-more-btn{display:inline-block; letter-spacing:0; font-size:1.4rem; font-weight:500; color:#fff; width:17.7rem; height:5.8rem; line-height:5.8rem; border:1px solid rgba(255,255,255,0.5); transition:border-color 0.3s; text-align:center}
@media all and ( min-width: 801px ){	
	 .main-visual-txt-con .main-visual-more-btn:hover{border-color:#fff}
}
/* 메인 비주얼 :: active효과 */
.txt-item.active-item .main-visual-txt1,
.txt-item.active-item .main-visual-txt2,
.txt-item.active-item .main-visual-more-btn{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.txt-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.txt-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.txt-item.active-item .main-visual-txt-con .main-visual-more-btn{-webkit-animation-delay:0.8s; animation-delay:0.8s;}


@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-dot-wrap{position:absolute; left:0; right:0; bottom:8.5rem; z-index:999; text-align:right}
.main-visual-dot{margin-right:-2rem}
.main-visual-dot li{display:inline-block; vertical-align:bottom; width:24.2rem; margin-left:1.5rem; cursor:pointer; text-align:left}
.main-visual-dot li:first-child{margin-left:0}
.main-visual-dot li .dot-txt{margin-bottom:1.8rem; display:block; font-weight:600; font-size:1.8rem; color:rgba(255,255,255,0.9); letter-spacing:0}
.main-visual-dot li .line{display:block; width:100%; height:6px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.4); position:relative}
.main-visual-dot li.slick-active .dot-txt{color:#0971ce}
.main-visual-dot li.slick-active .line{border-color:#0971ce}
.main-visual-dot li .line em{position:absolute; width:0; height:100%; background-color:transparent; top:0; left:0;}
.main-visual-dot li.slick-active .line em{ background-color:#0971ce;}
.main-visual-dot.start li:first-child.slick-active .line em{animation:LoadingBar 127s infinite;}
.main-visual-dot.start li:nth-child(2).slick-active .line em{animation:LoadingBar 141s infinite;}
.main-visual-dot.start li:nth-child(3).slick-active .line em{animation:LoadingBar 172s infinite;}
.main-visual-dot.start li.active.slick-active .line em{animation:inherit !important}

@-webkit-keyframes LoadingBar{from{width:0px;}to{width:100%;}}
@keyframes LoadingBar{from{width:0px;}to{width:100%;}}

/* 메인 비주얼 :: 카운터 */
.main-visual-conuter{position:absolute; bottom:55px; left:0; width:100%; z-index:11; font-size:14px; color:#fff; letter-spacing:-0.5px; }
.main-visual-conuter span,
.main-visual-conuter .middle{display:inline-block; vertical-align:middle;}
.main-visual-conuter .middle{margin:0 10px}

/* 메인 비주얼 :: 유튜브 */
#mainVisual .background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100%; background-color:#000;}
#mainVisual .background-video{position:absolute; top:0; left:0px; width:100%; height:100%; z-index:0; background-color:#000}
#mainVisual .background-video.start{z-index:1}
#mainVisual .background-video iframe{
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 340px);
	/*min-width: 177.77vh;*//* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	min-width: 190vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.1s
}
#mainVisual .background-video .loading-bg{position:absolute; width:100%; height:100%; background-color:#000; opacity:1; z-index:9}
#mainVisual .background-video-wrapper.show .loading-bg{opacity:0; transition:opacity 0.2s}
#mainVisual .background-video.start iframe{opacity:1;filter:Alpha(opacity=100); transition:opacity 3s 0.2s}
#mainVisual .background-video .slide-video{width:100%; height:100%}


.main-visual-controls{position:absolute; left:0; right:0; bottom:8.5rem; z-index:999; text-align:right}
.main-visual-controls .btn-wrap{margin-right:-2rem}
.main-visual-controls .controls-btn{display:inline-block; vertical-align:bottom; width:24.2rem; margin-left:1.5rem; cursor:pointer; text-align:left}
.main-visual-controls .controls-btn:first-child{margin-left:0}
.main-visual-controls .controls-btn .dot-txt{margin-bottom:1.8rem; display:block; font-weight:600; font-size:1.8rem; color:rgba(255,255,255,0.9); letter-spacing:0; transition:all 0.3s}
.main-visual-controls .controls-btn .line{display:block; width:100%; height:6px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.4); position:relative; transition:all 0.3s}
.main-visual-controls .controls-btn .line em{position:absolute; width:0; height:100%; background-color:transparent; top:0; left:0;  width:100%; transition:all 0.3s}
@media all and ( min-width: 801px ){	
	.main-visual-controls .controls-btn:hover .line em{background-color:#0971ce;}
	.main-visual-controls .controls-btn:hover .dot-txt{color:#0971ce}
	.main-visual-controls .controls-btn:hover .line{border-color:#0971ce}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(프로모션 비디오) -------- */
.promotion-con{position:relative}
/* 프로모션 비디오 :: 텍스트 */
.promotion-txt{position:absolute; right:2.5%; top:15%; text-align:right}
.promotion-txt .big-txt{font-weight:700; font-size:9.5rem; color:#000; letter-spacing:0; line-height:0.89; text-transform:uppercase; font-style:italic;}
.promotion-txt .sm-txt{font-weight:500; font-size:2.3rem; color:#000; opacity:0.85; letter-spacing:-0.075rem; line-height:1.52; margin-top:6rem}
.promotion-txt .more-btn{display:inline-block; letter-spacing:0; font-size:1.4rem; font-weight:500; color:#000; width:17.7rem; height:5.8rem; line-height:5.8rem; border:1px solid rgba(0,0,0,0.4); transition:border-color 0.3s; text-align:center; margin-top:6rem}
@media all and ( min-width: 801px ){	
	.promotion-txt .more-btn:hover{border-color:#000}
}

/* 프로모션 비디오 :: 영상 */
.promotion-video{width:75.3%; position:relative;}
.promotion-video .background-video-wrapper{position:relative; overflow:hidden; width:100%; height:0; padding-top:55%; background-color:#000}
.promotion-video .background-video{position:absolute; top:0; left:0px; width:100%; height:100%;}
.promotion-video .background-video iframe{width:100%; height:165%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events:none; opacity:0;filter:Alpha(opacity=0);  transition: opacity 2s 0.1s;}
.promotion-video .background-video.start iframe{opacity:1;filter:Alpha(opacity=100); }
.promotion-video .background-video-alternative{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-size:cover !important;}
.promotion-video .video-thumb{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover}
/* Circle */
.promotion-video .visual-circle-box{display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:999; text-align:center; opacity:0; transition:opacity 0.3s}
.promotion-video .visual-circle-box .txt{display:block; font-weight:600; font-size:1.3rem; color:#fff; letter-spacing:0.5rem; margin-top:2.5rem; opacity:0.8}
.promotion-video .visual-circle-box .txt em{font-weight:600;}
.promotion-video .visual-circle-box .circle-box + .txt em.pause{display:none}
.promotion-video .visual-circle-box .circle-box + .txt em.play{display:block}
.promotion-video .visual-circle-box .circle-box.play + .txt em.pause{display:block}
.promotion-video .visual-circle-box .circle-box.play + .txt em.play{display:none}
.promotion-video .visual-circle-box .circle-box {position:relative; margin:auto; width:128px; height:128px; border:3px solid #fff; border-color:rgba(255, 255, 255, 0.3); border-radius: 50%; z-index:11; box-sizing:border-box;}
.promotion-video .visual-circle-box .circle-box button{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; /*font-size:4rem;*/ background:none; }
.promotion-video .visual-circle-box .circle-box button.play-btn{display:none;}
.promotion-video .visual-circle-box .circle-box button i{position:relative; font-size:4rem; right:-0.3rem}
.promotion-video .visual-circle-box .circle-box svg{overflow: visible; position:absolute;  top:-2px; left:-3px; width:128px; height:128px; fill:none; stroke:#fff; transform:rotate(-90deg);}
.promotion-video .visual-circle-box .circle-box svg circle { transform-origin: center; stroke: #fff; stroke-dasharray: 401.4743; stroke-dashoffset: 401.4743; stroke-width: 3px;}
.promotion-video:hover .visual-circle-box{opacity:1}


/* -------- 메인 컨텐츠 :: 컨텐츠2(메뉴링크/제품정보) -------- */
.main-prd-con-wrap{display:table; width:100%; height:100%; table-layout:fixed}
.main-prd-con-wrap > article{display:table-cell; vertical-align:top}
/* 프로모션 비디오 :: 메뉴링크 */
.main-prd-con-wrap .lf-link-con{width:25%}
.main-prd-con-wrap .lf-link-con .link-box{display:flex; align-items:center; width:100%; height:50%}
.main-prd-con-wrap .lf-link-con .link-box.ir-box{background-color:#00123b}
.main-prd-con-wrap .lf-link-con .link-box.inquiry-box{background-color:#0554a6}
.main-prd-con-wrap .lf-link-con .link-box .box-inner{width:100%; max-width:283px; margin:0 auto; padding:0 10%}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .box-tit{font-weight:600; font-size:3.8rem; color:#fff; letter-spacing:-0.025rem; margin-bottom:4rem}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list{}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li{display:table; width:100%; height:5.5rem; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; table-layout:fixed}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li:after{position:absolute; content:""; width:0; height:1px; background-color:#fff; left:0; bottom:-1px; transition:all 0.3s}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a{font-weight:400; font-size:1.6rem; color:rgba(255,255,255,0.8); letter-spacing:-0.05rem; line-height:1.3; display:table-cell; vertical-align:middle; padding:0 3rem; width:100%; transition:color 0.3s}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a i{position:absolute; top:50%; font-size:1.4rem; margin-top:-0.8rem}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a .lf-icon{left:0;}
.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a .plus-icon{right:0; font-size:1.4rem; color:rgba(255,255,255,0.6); transition:color 0.3s}
@media all and (min-width:801px){	
	.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li:hover:after{width:100%}
	.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a:hover,
	.main-prd-con-wrap .lf-link-con .link-box .box-inner .link-list li a:hover .plus-icon{color:#fff}
}

/* 프로모션 비디오 :: 제품정보 */
.main-prd-con-wrap .rt-prd-con{}
.main-prd-con-wrap .rt-prd-con .rt-con-inner{display:table; width:100%; height:100%; table-layout:fixed}
.main-prd-con-wrap .rt-prd-con .rt-con-inner > div{display:table-cell; vertical-align:top}
/* 메인 */
.main-prd-con-wrap .rt-prd-con .main-con{position:relative}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-inner,
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item{width:100%; height:100%}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-inner{position:relative}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item{/*display:none; */background-size:cover !important; position:absolute; top:0; left:0; text-align:center; opacity:0; transition:opacity 0.5s}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item.active{/*display:block*/opacity:1; z-index:9}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item.item-01{background:url(../images/main/main_prd01_big_img.jpg) no-repeat 50% 50%;}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item.item-02{background:url(../images/main/main_prd02_big_img.jpg) no-repeat 50% 50%;}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item.item-03{background:url(../images/main/main_prd03_big_img.jpg) no-repeat 50% 50%;}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item .main-prd-txt{padding:16.5% 2% 0}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item .main-prd-txt .tit{font-weight:700; font-size:4.5rem; color:#fff; letter-spacing:-0.025rem; line-height:1.3}
.main-prd-con-wrap .rt-prd-con .main-con .main-con-item .main-prd-txt .txt{font-weight:400; font-size:1.9rem; color:#fff; opacity:0.6; letter-spacing:0; line-height:1.4; margin-top:1.5rem}
/* 탭 */
.prd-tab-list{position:absolute; bottom:10.3%; left:0; right:0; margin:0 7.8%; z-index:9; border:1px solid rgba(255,255,255,0.25)}
.prd-tab-list span{float:left; width:33.333%; display:table; height:53px; table-layout:fixed; font-weight:500; font-size:1.7rem; color:#fff; letter-spacing:0; line-height:1.3; text-align:center; cursor:pointer; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.25); transition:all 0.3s; position:relative;}
.prd-tab-list span:last-child{border-right:0}
.prd-tab-list span:after{position:absolute; content:""; width:100%; height:100%; border:1px solid #fff; top:0; left:0; box-sizing:border-box; top:0; left:0; opacity:0; transition:opacity 0.3s}
.prd-tab-list span em{display:table-cell; vertical-align:middle; font-weight:500; padding:0 2%; width:100%; box-sizing:border-box}
.prd-tab-list span.active{background-color:#fff; color:#000}
@media all and (min-width:1025px){	
	.prd-tab-list span:hover:after{opacity:1}
}
/* 서브 */
.main-prd-con-wrap .rt-prd-con .sub-con{width:33.333%; background:url(../images/main/main_prd_sub_img.jpg) no-repeat 50% 0; background-size:cover; position:relative} 
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item{/*display:none;*/opacity:0; width:100%; height:100%; transition:opacity 0.5s; position:absolute; top:0; left:0; z-index:0; background:url(../images/main/main_prd_sub_img.jpg) no-repeat 50% 0; background-size:cover; }
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item.active,
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item.on{/*display:block*/opacity:1; z-index:1}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item.on{z-index:9}
.main-prd-con-wrap .rt-prd-con .sub-con.active .sub-con-item.active{opacity:0}
.main-prd-con-wrap .rt-prd-con .sub-con.active .sub-con-item.active.on{opacity:1}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .plus-icon{}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list{height:100%}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li{height:33.333%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.25); position:relative; transition:background 0.3s}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list.col-04 li{height:25%}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li:last-child{border-bottom:0}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li .plus-icon{position:absolute; right:11.5%; top:50%; transform:translateY(-50%); font-size:2.3rem; color:#fff; opacity:0.6; transition:opacity 0.3s}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a{display:table; width:100%; height:100%; table-layout:fixed}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl{display:table-cell; vertical-align:middle; padding:0 calc(11.5% + 30px) 0 11.5%}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dt{font-weight:700; font-size:2.7rem; color:#fff; line-height:1.2; letter-spacing:-0.025rem}
.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dd{font-weight:400; font-size:1.6rem; color:#fff; opacity:0.6; letter-spacing:0; line-height:1.5; margin-top:2rem}
@media all and (min-width:801px){	
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li:hover{background:rgba(255,255,255,0.3)}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li:hover .plus-icon{opacity:1}
}



/* -------- 메인 컨텐츠 :: 컨텐츠3(게시판) -------- */
.main-board-area{display:table; width:100%; height:50%;}
/* IR */
.main-ir-con{background-color:#f1f3f5}
.main-ir-con .area-1445{display:flex; align-items:end; position:relative}
.main-ir-con .ir-state-con,
.main-ir-con .ir-notice-con{float:left; width:50%;}
/* IR :: 주가 */
.main-ir-con .ir-state-con .tit{font-weight:600; font-size:3.6rem; letter-spacing:-0.025rem; color:#1f242c; position:absolute; top:0; left:0}
.main-ir-con .ir-state-con .ir-info{}
.main-ir-con .ir-state-con .ir-info .ir-price{display:table; width:100%}
.main-ir-con .ir-state-con .ir-info .ir-price > span{display:table-cell; vertical-align:middle}
.main-ir-con .ir-state-con .ir-info .ir-price .txt{width:19.5rem; font-weight:400; font-size:1.9rem; color:#242933; opacity:0.5; }
.main-ir-con .ir-state-con .ir-info .ir-price .txt i{margin-right:1rem}
.main-ir-con .ir-state-con .ir-info .ir-price .price{font-weight:700; font-size:5rem; color:#242933; letter-spacing:-0.1rem;}
.main-ir-con .ir-state-con .ir-info .if-detail{margin-top:3rem}
.main-ir-con .ir-state-con .ir-info .if-detail li{}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item{float:left; width:19.5rem; display:table; margin-top:2rem}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item:nth-child(2n){width:calc(100% - 19.5rem)}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dt,
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd{display:table-cell; vertical-align:top; font-weight:400; font-size:1.6rem; }
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dt{width:8.5rem; color:#a5a9af; letter-spacing:-0.025rem}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item:nth-child(2n) dt{7.5rem}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd{letter-spacing:-0.01rem; color:#333844}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd .icon{position:relative; display:inline-block; vertical-align:middle; margin-left:0.8rem}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd .icon:after{content:"\e91b"; font-family:"xeicon"; left:0; top:0; position:relative; top:-1px}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd .icon.up:after{content:"\e92f"; color:#e12d2d}
.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item dd .icon.down:after{content:"\e935"; color:#005aff}
/* IR :: 게시판 */
.main-ir-con .ir-notice-con{position:relative; min-height:250px}
.main-ir-con .ir-notice-con .ir-notice-arrow{position:absolute; bottom:0; left:-7rem;}
.main-ir-con .ir-notice-con .ir-notice-arrow li:first-child{position:relative; margin-bottom:4rem}
.main-ir-con .ir-notice-con .ir-notice-arrow li:first-child:after{position:absolute; content:""; width:1.5rem; height:1px; background-color:#afb0b0; bottom:-2rem; left:0.1rem}
.main-ir-con .ir-notice-con .ir-notice-arrow li a{font-size:1.6rem; color:#484b52; opacity:0.4; transition:opacity 0.3s}
.main-ir-con .ir-notice-con .ir-notice-arrow li a.prev{}
.main-ir-con .ir-notice-con .ir-notice-arrow li a.next{}
.main-ir-con .ir-notice-con .ir-notice-slide{}
.main-ir-con .ir-notice-con .ir-notice-slide ul{margin:1px -2%; border:0}
.main-ir-con .ir-notice-con .ir-notice-slide ul li{background-color:#fff; float:left; width:46%; margin:0 2%; box-shadow:4px 4px 6px 2px rgba(223,227,234,0.1)}
.main-ir-con .ir-notice-con .ir-notice-slide ul li a{display:block; padding:14.5% 11.5%}
.main-ir-con .ir-notice-con .ir-notice-slide ul li a .tit{font-weight:500; font-size:2rem; letter-spacing:-0.05rem; color:#1f242c; line-height:1.6; height:3.2em;}
.main-ir-con .ir-notice-con .ir-notice-slide ul li a .bt-con{margin-top:49%}
.main-ir-con .ir-notice-con .ir-notice-slide ul li a .bt-con .date{float:left; font-weight:400; font-size:1.5rem; color:#202226; opacity:0.4; letter-spacing:0; transition:opacity 0.3s}
.main-ir-con .ir-notice-con .ir-notice-slide ul li a .bt-con .icon{float:right; color:#202226; opacity:0.5; font-size:1.8rem; position:relative; top:-2px; transition:opacity 0.3s}
.main-ir-con .ir-notice-con .ir-notice-slide ul li:nth-child(2){background-color:#131415}
.main-ir-con .ir-notice-con .ir-notice-slide ul li:nth-child(2) a .tit,
.main-ir-con .ir-notice-con .ir-notice-slide ul li:nth-child(2) a .bt-con .date{color:#fff}
.main-ir-con .ir-notice-con .ir-notice-slide ul li:nth-child(2) a .bt-con .icon{color:#fff; opacity:0.7}
/* 게시판 */
.main-board-con{}
.main-board-con .board-con-inner{margin:0 -3.5%}
.main-board-con .board-con{float:left; margin:0 3.5%; width:43%}
.main-board-con .board-con .top-con{border-bottom:1px solid #9e9f9f; padding-bottom:3rem}
.main-board-con .board-con .top-con .con-tit{float:left; font-weight:500; font-size:2.4rem; color:#21242a}
.main-board-con .board-con .top-con a{float:right; font-weight:400; font-size:1.3rem; color:#111; opacity:0.7; letter-spacing:0; transition:opacity 0.3s}
.main-board-con .board-con .top-con a i{font-size:1.3rem; margin-left:1.8rem; vertical-align:middle; position:relative; top:-1px; font-weight:600}
.main-board-con .board-con .board-list{margin-top:3rem}
.main-board-con .board-con .board-list li{margin-bottom:3rem}
.main-board-con .board-con .board-list li a{display:block}
.main-board-con .board-con .board-list li a .tit{font-weight:400; font-size:1.8rem; color:#21242a; letter-spacing:-0.05rem; line-height:1.4; transition:color 0.3s}
.main-board-con .board-con .board-list li a .tit .new{font-size:1.2rem; color:#fff; display:inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; background-color:#ff9f00; margin-right:0.8rem; position:relative; top:-2px; vertical-align:middle; text-align:center}
.main-board-con .board-con .board-list li a .txt{display:block; font-weight:400; font-size:1.6rem; color:#a5a9af; line-height:1.4; letter-spacing:-0.05rem; margin-top:1rem; transition:color 0.3s}
@media all and (min-width:801px){	
	.main-ir-con .ir-notice-con .ir-notice-slide ul li a:hover .bt-con .date,
	.main-ir-con .ir-notice-con .ir-notice-slide ul li a:hover .bt-con .icon,
	.main-ir-con .ir-notice-con .ir-notice-arrow li a:hover,
	.main-board-con .board-con .top-con a:hover{opacity:1}
	.main-board-con .board-con .board-list li a:hover .tit{color:#000}
	/*.main-board-con .board-con .board-list li a:hover .txt{color:#9c9c9c}*/
}



/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	left:3rem;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav ul li{position:relative; width:16px; margin:10px 0;}
#fp-nav ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav ul li a{display:block; position:relative; width:16px; height:16px; margin:0 auto; border:1px solid #fff; border-color:transparent; border-radius:50%}
#fp-nav ul li a span{border-radius:50%; width:4px; height:4px; position:absolute; top:50%; left:50%; background-color:#fff; opacity:0.25; margin:-2px 0 0 -2px}
#fp-nav ul li .fp-tooltip{display:none}
#fp-nav ul li a.active{border-color:#fff}
#fp-nav ul li a.active span{opacity:1.0;filter:Alpha(opacity=100);}
#fp-nav.bk ul li a span{background-color:#555}
#fp-nav.bk ul li a.active{border-color:#555}