/* 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);
}

/* 메인비주얼 */
#main,
#mainVisual{position:relative;}

#mainVisual{}
#mainVisual .visu{width:100%; height:100%;}
#mainVisual .visu article{height:1237px; background-size:cover !important; position:relative; overflow:hidden;}
#mainVisual .visu article .bg{width:100%; height:100%; background-size:cover !important;
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transition:transform 5s; 
-webkit-transition:transform 5s; 
-moz-transition:transform 5s; 
-o-transition:transform 5s; 
-ms-transition:transform 5s; 
}
#mainVisual .visu article.on .bg{
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
#mainVisual .visual01 .bg{background:url("/img/main/mainVisual01.jpg") no-repeat center top;}
#mainVisual .visual02 .bg{background:url("/img/main/mainVisual02.jpg") no-repeat center top;}
#mainVisual .visual03 .bg{background:url("/img/main/mainVisual03.jpg") no-repeat center top;}


#mainVisual .mvTit{width:100%; padding:0 15px; color:#fff; text-align:center; position:absolute; left:0; top:360px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#mainVisual .mvTit p{margin-bottom:25px; font-size:24px;/*font-size:26px;*/ line-height:1.4;}
#mainVisual .mvTit h2{font-size:56px;/*font-size:80px; */font-weight:700; line-height:1.2; letter-spacing:-0.5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}

#mainVisual .scrollBtn{position:absolute; left:50%; bottom:134px; 
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
#mainVisual .scrollBtn > a{display:block; width:86px; height:86px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; font-size:12px; font-weight:500; color:#fff; font-family: 'Montserrat', sans-serif; text-align:center; line-height:86px;}
#mainVisual .scrollBtn:after{content:""; display:block; width:1px; height:214px; margin:-14px auto 0; background-color:rgba(255,255,255,0.3);}
#mainVisual button{padding:0; border:none; outline:none; background:none;}

/* 슬릭번호*/
#mainVisual .slickDots{position:absolute; left:100px; bottom:315px;}
#mainVisual .slickDots li{float:left; margin-right:20px;}
#mainVisual .slickDots li:last-child{margin-right:0;}
#mainVisual .slickDots li > button{font-size:12px; font-weight:600; color:#fff; font-family: 'Montserrat', sans-serif;}
#mainVisual .slickDots li.active > button{color:#369cd8;}

/* 슬릭도트*/
#mainVisual .slick-dots{position:absolute; right:100px; bottom:315px;}
#mainVisual .slick-dots li{float:left; margin-right:20px; font-size:0;}
#mainVisual .slick-dots li:last-child{margin-right:0;}
#mainVisual .slick-dots li button{width:10px; height:10px; font-size:0; border:1px solid #fff; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#mainVisual .slick-dots li.slick-active > button{background-color:#fff;}


/* 연구분야 (메인비주얼 바로 아래)*/
#quickCon{margin-top:-257px;}
#quickCon .box{padding:0 50px; }
#quickCon .box > div{height:600px; float:left;}
#quickCon .box .left{width:56.79012345679%;/* background:url("/img/main/quickCon_img01.jpg") no-repeat;*/ position:relative;}
#quickCon .box .left .img{float:left; width:calc(100% - 364px);}
#quickCon .box .left .img img{max-width:none;}
#quickCon .box .left .menu{float:right;width:39.5652173913%; height:100%; padding:0 68px; background-color:#212c37; /*position:absolute; right:0; top:0;*/ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#quickCon .box .left .menu ul{position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#quickCon .box .left .menu ul li{display:table; width:100%; height:100px; font-size:18px; color:#e9ebef; line-height:1.3; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#quickCon .box .left .menu ul li:last-child{border-bottom:none;}
#quickCon .box .left .menu ul li.on{color:#369cd8;}
#quickCon .box .left .menu ul li:after{content:""; display:none; width:6px; height:100%; background-color:#369cd8; position:absolute; right:-68px; top:0;}
#quickCon .box .left .menu ul li:hover:after,
#quickCon .box .left .menu ul li.on:after{display:block;}
#quickCon .box .left .menu ul li span{display:table-cell; vertical-align:middle;}
#quickCon .box .right{width:43.20987654321%; background-color:#f4f4f4; position:relative;}
#quickCon .box .right ul{width:100%; height:100%;}
#quickCon .box .right ul li{display:none; width:100%; height:100%; padding:0 110px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#quickCon .box .right ul li > div{position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#quickCon .box .right ul li > div > span{display:block; margin-bottom:40px; font-size:20px; font-weight:700; color:#369cd8;}
#quickCon .box .right ul li > div dl{margin-bottom:55px; }
#quickCon .box .right ul li > div dl dt{margin-bottom:30px; font-size:45px; font-weight:900; color:#26292f; line-height:1.2; letter-spacing: 0;}
#quickCon .box .right ul li > div dl dd{font-size:16px; font-weight:300; color:#686e79; line-height:1.3;}
#quickCon .box .right ul li > div .more{display:inline-block; position:relative; }
#quickCon .box .right ul li > div .more.more01{margin-right:2%;}
#quickCon .box .right ul li > div .more > a{display:block; width:165px; height:49px; border:4px solid #fff; font-size:14px; font-weight:700; color:#26292f; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#quickCon .box .right ul li > div .more span{display:block; padding:12px 0 12px 26px}
#quickCon .box .right ul li > div .more span:after{content:""; display:block; width:16px; height:4px; background:url("/img/main/icon_arrow01.png") no-repeat; position:absolute; right:22px; top:21px;}


/* 연구분야 버튼 hover*/
#quickCon .box .right ul li > div .more:before,
#quickCon .box .right ul li > div .more:after{content:""; display:block; width:0px; height:4px; position:absolute; background-color:#369cd8;  
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
#quickCon .box .right ul li > div .more > a:before,
#quickCon .box .right ul li > div .more > a:after{content:""; display:block; width:4px; height:0; position:absolute; background-color:#369cd8; 
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
#quickCon .box .right ul li > div .more:before,
#quickCon .box .right ul li > div .more > a:before{left:0; top:0;}
#quickCon .box .right ul li > div .more:after,
#quickCon .box .right ul li > div .more > a:after{right:0; bottom:0;}
#quickCon .box .right ul li > div .more:hover:before,
#quickCon .box .right ul li > div .more:hover:after{width:100%; transition-duration: 0.4s;}
#quickCon .box .right ul li > div .more:hover > a:before,
#quickCon .box .right ul li > div .more:hover > a:after{height:100%; transition-duration: 0.4s;}


/*메인공통*/
.mcpd{padding:194px 0;}
.mcTit{text-align:center;}
.mcTit h3{margin-bottom:10px; font-size:50px; font-weight:700; color:#26292f; line-height:1.3; letter-spacing: 0; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}
.mcTit p{font-size:20px; font-weight:300; color:#686e79; line-height:1.3;}

/* vision */
#mcon01{}
#mcon01 ul{padding-top:80px;}
#mcon01 ul li{float:left; width:calc(25% - 21px); margin-right:28px; text-align:center; 
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
#mcon01 ul li:last-child{margin-right:0;}
#mcon01 ul li:hover{margin-top:-20px}
#mcon01 ul li .img{margin-bottom:30px;}
#mcon01 ul li .img img{border:11px solid #eee; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#mcon01 ul li p{font-size:18px; font-weight:500; color:#26292f; line-height:1.3;}

/* energy */
#mcon02{overflow:hidden;}
#mcon02 .top{height:749px; padding-top:170px; background:url("/img/main/mcon02_bg.jpg") no-repeat center top; background-size:cover; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transition:transform 3s; 
-webkit-transition:transform 3s; 
-moz-transition:transform 3s; 
-o-transition:transform 3s; 
-ms-transition:transform 3s; 
}
#mcon02.move .top{
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
#mcon02 .top:before{content:""; display:block; width:1px; height:0; margin-left:-0.5px; background-color:rgba(255,255,255,0.2); position:absolute; left:50%; top:0;}

#mcon02 .top .mcTit{}
#mcon02 .top .mcTit img{opacity:0; margin-bottom:50px;}
#mcon02 .top .mcTit h3{margin-bottom:30px; color:#fff;}
#mcon02 .top .mcTit p{color:#c0c6d1; line-height:1.6;}
#mcon02 .top .BtnG{padding-top:60px; text-align:center; font-size:0; }
#mcon02 .top .BtnG a{display:inline-block; vertical-align:middle; margin-right:26px;  font-size:15px; font-weight:300; color:#fff; letter-spacing: 0; position:relative; }
#mcon02 .top .BtnG a:first-child span{padding-top:12px;}
#mcon02 .top .BtnG a:last-child span{padding-top:3px;}
#mcon02 .top .BtnG a:last-child{margin-right:0;}
#mcon02 .top .BtnG span{display:block; width:194px; height:51px; line-height:1.3; border:4px solid rgba(255,255,255,0.2); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#mcon02 .top .BtnG a:before,
#mcon02 .top .BtnG a:after{content:""; display:block; width:0; height:4px; background-color:#369cd8; position:absolute;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
#mcon02 .top .BtnG span:before,
#mcon02 .top .BtnG span:after{content:""; display:block; width:4px; height:0; background-color:#369cd8; position:absolute;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
#mcon02 .top .BtnG a:before,
#mcon02 .top .BtnG span:before{left:0; top:0;}
#mcon02 .top .BtnG a:after,
#mcon02 .top .BtnG span:after{right:0; bottom:0;}
/*버튼 hover*/
#mcon02 .top .BtnG a:hover:before,
#mcon02 .top .BtnG a:hover:after{width:100%; transition-duration:0.4s;}
#mcon02 .top .BtnG a:hover span:before,
#mcon02 .top .BtnG a:hover span:after{height:100%; transition-duration:0.4s;}
#mcon02 .bottom{}
#mcon02 .bottom ul{}
#mcon02 .bottom ul li{float:left; width:25%; height:450px; padding:0 15px; background-color:#0f1722; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#mcon02 .bottom ul li:nth-child(2n){background-color:#172333;}
#mcon02 .bottom ul li > div{position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#mcon02 .bottom ul li > div img{}
#mcon02 .bottom ul li > div dl{padding:40px 0;}
#mcon02 .bottom ul li > div dl dt{margin-bottom:10px; font-size:20px; font-weight:500; color:#fff; letter-spacing: 0;}
#mcon02 .bottom ul li > div dl dd{font-size:14px; font-weight:300; color:#979ca5; letter-spacing: -0.05em; line-height:1.4;}
#mcon02 .bottom ul li > div a{display:inline-block; font-size:10px; font-weight:600; color:#369cd8; font-family: 'Montserrat', sans-serif;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
#mcon02 .bottom ul li > div a:hover{text-shadow:0 0 20px rgba(255,255,255,0.8);}

/* nuclear */
#mcon03{}
#mcon03 ul{padding-top:80px;}
#mcon03 ul li{float:left; width:calc(33.33333333333% - 27px); margin-right:40px; text-align:center; position:relative; 
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
#mcon03 ul li:hover{box-shadow:4px 4px 10px rgba(0,0,0,0.7);}
#mcon03 ul li .img{overflow:hidden;}
#mcon03 ul li .img img{
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
#mcon03 ul li:hover .img img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
#mcon03 ul li:last-child{margin-right:0;}
#mcon03 ul li .txt{display:table; width:calc(100% - 30px); height:149px; background-color:#fff; position:absolute; left:50%; bottom:15px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);

}
#mcon03 ul li .txt p{display:table-cell; vertical-align:middle; padding:0 15px; line-height:1.3; font-size:24px; font-weight:700; color:#26292f; letter-spacing: 0;}