/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {
   -webkit-transform: translate3d(0,0,0);
}

/* fp-nav */
#myMenu{ position:fixed; /* right:127px; */ top:50%; right:calc(100% - 94%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#myMenu li{ position:relative; min-width:164px}
#myMenu li a{ position:relative; display:block; padding:5px 0; text-align:right; font-size:15px; font-weight:500; /*color:#999;*/color:#fff; font-family:'Prompt',sans-serif;text-shadow: #999 1px 1px 2px;}
#myMenu li.active a{ /* color:#034ea2; */ /*  color:#0279ff; */ font-size:20px;text-shadow:none;}
#myMenu li.active a:before{ font-size:17px; font-weight:600; font-family:'Prompt',sans-serif; position:relative; top:-1px; margin-right:3px; }
#myMenu li:nth-of-type(1).active a:before, #myMenu li.active:nth-of-type(1) > a {content:'MAIN';color:#000000;}
#myMenu li:nth-of-type(2).active a:before, #myMenu li.active:nth-of-type(2) > a {content:'BUSINESS'; color:#ffffff;}
#myMenu li:nth-of-type(3).active a:before, #myMenu li.active:nth-of-type(3) > a {content:'SOCIAL VALUE'; color:#ffffff;}
#myMenu li:nth-of-type(4).active a:before, #myMenu li.active:nth-of-type(4) > a {content:'COMMUNITY';color:#000000;}
#myMenu li:nth-of-type(5).active a:before, #myMenu li.active:nth-of-type(5) > a {content:'';}


#myMenu li:nth-of-type(1).active:after{ content:""; width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-bottom:18px; margin-top:18px;}
#myMenu li:nth-of-type(2).active:before{ content:"";  width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-top:18px;}
#myMenu li:nth-of-type(2).active:after{ content:""; width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-bottom:18px;}
#myMenu li:nth-of-type(3).active:before{ content:""; width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-top:18px;}
#myMenu li:nth-of-type(3).active:after{ content:""; width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-bottom:18px;}
#myMenu li:nth-of-type(4).active:before{ content:""; width:1px; height:27px; background-color:rgba(204,204,204,0.5); display:block; position:relative; left:94%; margin-top:18px; margin-bottom:18px;}

/* #fp-nav{right:130px !important; z-index:0;}
#fp-nav ul li, .fp-slidesNav ul li{ position:relative; width:180px; padding:10px 0; text-align:right;}
#fp-nav ul li.on:before { content:""; display:block; width:1px; height:10px; background:Red; position:absolute; top:0; right:10px; }
#fp-nav ul li.on:after { content:""; display:block; width:1px; height:10px; background:Red; position:absolute; bottom:0; right:10px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{display:none;}
#fp-nav ul li{ position:relative;}
 
#fp-nav ul li a:after{display:block; width:100%; font-size:15px; font-weight:500; font-family: 'Prompt', sans-serif; color:#bbb; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0; transition:all 0.3s;}
#fp-nav ul li:nth-of-type(1) a:after{content:'01';}
#fp-nav ul li:nth-of-type(2) a:after{content:'02';}
#fp-nav ul li:nth-of-type(3) a:after{content:'03';}
#fp-nav ul li:nth-of-type(4) a:after{content:'04';}
#fp-nav ul li:nth-of-type(5) a:after{content:'';}

#fp-nav ul li:nth-of-type(1) a.active:after{content:'MAIN 01';}
#fp-nav ul li:nth-of-type(2) a.active:after{content:'BUSINESS 02';}
#fp-nav ul li:nth-of-type(3) a.active:after{content:'SOCIAL VALUE 03';}
#fp-nav ul li:nth-of-type(4) a.active:after{content:'COMMUNITY 04';}
#fp-nav ul li:nth-of-type(5) a.active:after{content:'';}

#fp-nav ul li a.active:after{ color:#034ea2; font-size:20px; font-weight:600} */


/* main common */
#fullpage .tit{ text-align:center; margin-bottom:70px;}
#fullpage .tit p,
#fullpage .tit dl dt,
#fullpage .tit dl dd{ color:#fff; font-family:'Prompt',sans-serif;}
#fullpage .tit p{ font-size:40px; font-weight:700; margin-bottom:44px;} 
#fullpage .tit dl{}
#fullpage .tit dl dt{ font-size:26px; font-weight:500; margin-bottom:20px;}
#fullpage .tit dl dd{ font-size:20px; line-height:1.3; font-family: 'Noto Sans KR', sans-serif;}
#fullpage .tit dl dd span{ display:block;}

#fullpage .tit2{ text-align:center; margin-bottom:48px;}
#fullpage .tit2 dl{}
#fullpage .tit2 dl dt{ font-size:40px; color:#333; font-weight:700; font-family:'Prompt',sans-serif; margin-bottom:24px;}
#fullpage .tit2 dl dd{ font-size:20px; color:#333;}


#fullpage .listBox1{}
#fullpage .listBox1:after{ display:block; content:''; clear:both;}
#fullpage .listBox1 .list{ position:relative; float:left;}
#fullpage .listBox1 .list a{ position:relative; display:block;}
#fullpage .listBox1 .list p{ position:relative; font-size:19px; font-weight:500; color:#fff; min-height:45px; line-height:1.2;}
#fullpage .listBox1 .list p:before{ position:relative; display:block; margin-bottom:20px;}
#fullpage .listBox1 .list p span{ display:block;}

#fullpage .section2 .listBox1{ position:relative; max-width:900px; margin:0 auto;}
#fullpage .section2 .listBox1 .list{ width:20%; text-align:center;}
#fullpage .section2 .listBox1 .list01 p:before{ content:url('/img/main/section2_icon1.png');}
#fullpage .section2 .listBox1 .list02 p:before{ content:url('/img/main/section2_icon2.png');}
#fullpage .section2 .listBox1 .list03 p:before{ content:url('/img/main/section2_icon3.png');}
#fullpage .section2 .listBox1 .list04 p:before{ content:url('/img/main/section2_icon4.png');}
#fullpage .section2 .listBox1 .list05 p:before{ content:url('/img/main/section2_icon5.png');}

#fullpage .section3 .listBox1{ position:relative; max-width:352px; margin:0 auto;} 
/*#fullpage .section3 .listBox1 .list{ width:50%; text-align:center;}*/
#fullpage .section3 .listBox1 .list{ width:100%; text-align:center;}
#fullpage .section3 .listBox1 .list01 p:before{ content:url('/img/main/section3_icon1.png');}
#fullpage .section3 .listBox1 .list02 p:before{ content:url('/img/main/section3_icon2.png');}


/* content */
#fullpage .section1{ position:relative; width:100%; /*background:url('/img/main/section1_bg_new.jpg')*/ background:url('/img/main/mVisual_02.png') no-repeat center top; background-size:cover;}
#fullpage .section1 .visuWrap .img { position:absolute; /* left:-100px; */ left:0; bottom:0; max-height: 80%;}
#fullpage .section1 .visuWrap .img img { width:100%;}
#fullpage .section1 .visuWrap{}
#fullpage .section1 .visuWrap .visu{ position:relative; width:100%; height:960px; overflow:hidden;}
#fullpage .section1 .visuWrap .visu .txtWrap{ height:100%;}
#fullpage .section1 .visuWrap .visu .txtWrap .txt{ position:absolute; top:50%; text-align:center; width:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#fullpage .section1 .visuWrap .txtWrap .txt p{ position:relative; font-size:52px; /*color:#fff;*/ font-weight:700; font-family:'Prompt',sans-serif; letter-spacing:-0.2px; margin-bottom:20px; float: right; margin-right: 15%;} 
#fullpage .section1 .visuWrap .txtWrap .txt p span{ display:inline-block; vertical-align:middle; position:relative; margin-left:16px;}
#fullpage .section1 .visuWrap .txtWrap .txt dl{}
#fullpage .section1 .visuWrap .txtWrap .txt dl dt,
#fullpage .section1 .visuWrap .txtWrap .txt dl dd{ color:#fff; letter-spacing:-0.2px;}
#fullpage .section1 .visuWrap .txtWrap .txt dl dt{ position:relative; font-size:36px; font-weight:700; margin-bottom:14px;}
#fullpage .section1 .visuWrap .txtWrap .txt dl dt:before{ content:''; width:50px; height:2px; background-color:#FFF; display:block; position:relative; margin-bottom:17px; left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#fullpage .section1 .visuWrap .txtWrap .txt dl dd{ font-size:24px; font-weight:500;}
#fullpage .section1 .visuWrap .txtWrap .txt dl dd span{}

/* slick dots */
#fullpage .section1 .visuWrap .slick-dots{ position:absolute; width:100%; text-align:center; bottom:68px}
#fullpage .section1 .visuWrap .slick-dots li{ display:inline-block; vertical-align:middle; margin-right:8px;}
#fullpage .section1 .visuWrap .slick-dots li:last-child{ margin-right:0;}
#fullpage .section1 .visuWrap .slick-dots li button{ width:16px; height:16px; padding:0; border:none; text-indent:-9999px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; background-color:#777;}
#fullpage .section1 .visuWrap .slick-dots li.slick-active button{ background-color:#FFF; width:40px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}

#fullpage .section2{background:url('/img/main/section2_bg.jpg') no-repeat center top; background-size:cover;}
#fullpage .section2 .inner{ padding:270px 0 270px 0; margin-top: 100px;}

#fullpage .section3{ background:url('/img/main/section3_bg.jpg') no-repeat center top;	background-size:cover;}
#fullpage .section3 .inner{ padding:196px 0 200px 0;}
#fullpage .section3 .inner .moreBtn{ margin-top:150px;}
#fullpage .section3 .inner .moreBtn a{ position:relative; display:block; color:#fff; font-size:18px; font-weight:500; width:250px; height:55px; margin:0 auto; line-height:55px; border:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;}
#fullpage .section3 .inner .moreBtn a:before{ content:''; width:1px; height:50px; position:absolute; top:-50px; left:50%; background-color:#FFF; 
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#fullpage .section3 .inner .moreBtn a:after{ content:url('/img/main/section3_arrow_icon.png'); display:inline-block; margin-left:13px; position:relative; top:-5px;}

#fullpage .section4{ background-color:#f7f7f7;}
#fullpage .section4 .inner{ padding:110px 0 135px 0;}
#fullpage .section4 .inner .conWrap{}
#fullpage .section4 .inner .conWrap:after{ display:block; content:''; clear:both;}
#fullpage .section4 .inner .conWrap .con{}
#fullpage .section4 .inner .conWrap .con a{ position:relative; display:block;}
#fullpage .section4 .inner .conWrap .con .plusBox{ position:absolute; top:0; right:0;}
#fullpage .section4 .inner .conWrap .con .plusBox img{}
#fullpage .section4 .inner .conWrap .con .s_tit{}
#fullpage .section4 .inner .conWrap .con .s_tit p{ position:relative; font-size:24px; font-weight:700; font-family:'Prompt',sans-serif; color:#333;}
#fullpage .section4 .inner .conWrap .con .s_tit p:before{ content:''; width:15px; height:3px; background-color:#034ea2; display:block; margin-bottom:8px;}

#fullpage .section4 .inner .conWrap .con1,
#fullpage .section4 .inner .conWrap .con2{ position:relative; float:left; width:49.16666666667%; margin-right:1.66666666667%;}

#fullpage .section4 .inner .conWrap .con1 .box1,
#fullpage .section4 .inner .conWrap .con1 .box2,
#fullpage .section4 .inner .conWrap .con2{ box-shadow:15px 15px 15px rgba(0,0,0,0.15); border:1px solid #eee; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-sizing:border-box;}

#fullpage .section4 .inner .conWrap .con1 .box1 a,
#fullpage .section4 .inner .conWrap .con1 .box2 a{ padding:45px 60px 60px 60px;}

#fullpage .section4 .inner .conWrap .con1{}
#fullpage .section4 .inner .conWrap .con1 .box1{ margin-bottom:20px;}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox{ position:relative; margin-top:34px;}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox dl{}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox dl dt{ font-size:17px; color:#333; font-weight:500; margin-bottom:15px;}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox dl dd{ width:100%; font-weight:300; color:#666; line-height:1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox .date{ position:absolute; right:0; top:0;}
#fullpage .section4 .inner .conWrap .con1 .box1 .txtBox .date p{ font-weight:300; color:#666;}
#fullpage .section4 .inner .conWrap .con1 .box2{}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox{ position:relative; margin-top:35px; text-align:center;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul{ margin-bottom:55px; font-size:0; /* text-align:center; */ text-align:left; }
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul:after{ display:block; content:''; clear:both;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li{ position:relative; display:inline-block; margin-right:15px; font-size:18px;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li span{ margin-right:4px; position:relative; top:2px;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li:first-child{ font-size:32px; font-weight:700; color:#333;}
/* #fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li:nth-child(n+2){ color:#f30404; position:relative; top:-5px;} */
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li:last-child{ margin-right:0;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li.up{ color:#f51818;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li.none{ color:#333333;}
#fullpage .section4 .inner .conWrap .con1 .box2 .numBox ul li.down{ color:#1b61d1;}
#fullpage .section4 .inner .conWrap .con1 .box2 .date{ position:relative; text-align:right;}
#fullpage .section4 .inner .conWrap .con1 .box2 .date p{ font-weight:300; color:#666;}

#fullpage .section4 .inner .conWrap .con2{ background:url('/img/main/section4_img.jpg') no-repeat center top; background-size:cover; margin-right:0;}
#fullpage .section4 .inner .conWrap .con2 a{  padding:48px 0 265px 48px;}
#fullpage .section4 .inner .conWrap .con2 .txtBox{ margin-top:24px;}
#fullpage .section4 .inner .conWrap .con2 .txtBox dl{}
#fullpage .section4 .inner .conWrap .con2 .txtBox dl dt{ font-size:30px; color:#333; font-weight:500; margin-bottom:35px;}
#fullpage .section4 .inner .conWrap .con2 .txtBox dl dt span,
#fullpage .section4 .inner .conWrap .con2 .txtBox dl dd span{ display:block;}
#fullpage .section4 .inner .conWrap .con2 .txtBox dl dt span b{ font-weight:700;}
#fullpage .section4 .inner .conWrap .con2 .txtBox dl dd{ font-weight:300; color:#333; line-height:1.5;}

#fullpage .section5,
#fullpage .section5 > *{ height:auto !important;}

