/* 메인비주얼 */
.mainVis .mainSlide .slide{ height:100vh; position:relative; background:no-repeat center /cover; }
.mainVis .mainSlide .slide01{ background-image:url(/img/main/mainV01.jpg); }
.mainVis .mainSlide .slide02{ background-image:url(/img/main/mainV02.jpg); background-position:right center; }
.mainVis .mainSlide .slide03{ background-image:url(/img/main/mainV03.jpg); background-position:right center; }
.mainVis .mainSlide .slide04{ background-image:url(/img/main/mainV04.jpg); }
.mainVis .mainSlide .slide > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; min-width:1200px; color:#fff; font-weight:300; font-size:6.4rem; letter-spacing:-0.05em; line-height:77px; text-shadow:0 0 5px rgba(0,0,0,.26); margin-left:-100px; opacity:0; transition:all 1.5s; }
.mainVis .mainSlide .slick-slide div.on{ opacity:1; margin-left:0; }
.mainVis .mainSlide .slide > div p{ font-weight:700; position:relative; transform:translateY(30px); opacity:0; transition:all 1.5s; transition-delay:1.3s; }
.mainVis .mainSlide .slick-slide div.on p{ transform:translateY(0); opacity:1; }
.mainVis .slick-dots{ position:absolute; bottom:50px; z-index:100; width:100%; text-align:center; }
.mainVis .slick-dots li{ display:inline-block; margin:0 10px; }
.mainVis .slick-dots li button{ border:none; background:#fff; font-size:0; width:15px; height:15px; border-radius:50%; cursor:pointer; position:relative; }
.mainVis .slick-dots li button:after{ content:''; display:block; width:0; height:0; border:1px solid transparent; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .3s; }
.mainVis .slick-dots li.slick-active button{ background:#0085cd; }
.mainVis .slick-dots li.slick-active button:after{ width:30px; height:30px; border-color:#0085cd; }

/* 메인내용 */
.mainCont article{ padding:125px 0; }
.mainCont article .titBox{ margin-bottom:50px; text-align:center; }
.mainCont article .titBox h2{ font-size:4.2rem; color:#1f2223; font-family: 'Montserrat'; font-weight:300; letter-spacing:-0.025em; text-transform:uppercase; }
.mainCont article .titBox h2 strong{ font-weight:700; }
.mainCont article .titBox h2 + p{ margin-top:25px; font-size:20px; color:#747474; letter-spacing:-0.04em; }
.mainCont article .artCon{ position:relative; }
/* R&D */
.tech .tech_slide ul{ float:left; width:50%; }
.tech .tech_slide ul li{ height:400px; }
.tech .tech_slide .slide_img .imgslide1{ background:url(/img/main/tech_img01.jpg) no-repeat center /cover; }
.tech .tech_slide .slide_img .imgslide2{ background:url(/img/main/tech_img02.jpg) no-repeat center /cover; }
.tech .tech_slide .slide_img .imgslide3{ background:url(/img/main/tech_img03.jpg) no-repeat center /cover; }
.tech .tech_slide .slide_txt li{ background:#f4f4f4; padding:70px 60px; box-sizing:border-box; letter-spacing:-0.025em; }
.tech .tech_slide .slide_txt li > div strong{ font-size:3rem; font-weight:700; color:#1f2223; }
.tech .tech_slide .slide_txt li > div p{ font-size:16px; font-weight:300; color:#747474; line-height:25px; margin:30px 0; }
.tech .tech_slide .slide_txt li > div span{ display:inline-block; background:#0085cd; border:1px solid #0770a9; border-radius:5px; }
.tech .tech_slide .slide_txt li > div span a{ display:block; padding:20px 50px; color:#fff; font-size:17px; font-weight:700; }
.tech .arrows{ position:absolute; top:50%; width:100%; transform:translateY(-50%); margin-top:35px; }
.tech .arrows p{ position:absolute; z-index:100; cursor:pointer; }
.tech .arrows .prev{ left:-90px; }
.tech .arrows .next{ right:-90px; }
/* manufacturing */
.view{ text-align:center; background:url(/img/main/view_bg.jpg) no-repeat center /cover; }
.view .titBox h2,.view .titBox h2 + p{ color:#fff !important; text-shadow:0 0 5px rgba(0,0,0,.4); }
.view .artCon ul{ display:inline-block; }
.view .artCon ul li{ float:left; width:300px; margin:0 6px; }
.view .artCon ul li a{ display:block; height:75px; position:relative; padding:0 25px; box-sizing:border-box; font-size:20px; text-transform:uppercase; font-weight:700; color:#fff; letter-spacing:-0.025em; }
.view .artCon ul li:nth-child(1) a{ background:#0085cd; }
.view .artCon ul li:nth-child(2) a{ background:#51a546; }
.view .artCon ul li a span{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); }
/* about */
.about{ position:relative; }
.about:after{ content:''; display:block; width:100%; padding-top:475px; background:#efefef; position:absolute; left:0; bottom:0; z-index:-1; }
.about .titBox h2 strong{ text-transform:none; }
.about .sqinner > div{ float:left; margin:0 2.5px; width:calc(50% - 2.5px); height:480px; }
.about .sqinner .sq_big{ margin-left:0; background:url(/img/main/about_prd_bg.jpg) no-repeat center /cover; }
.about .sqinner .sq_big a{ display:block; height:100%; position:relative; }
.about .sqinner .sq_big a > div{ position:absolute; width:100%; height:140px; left:0; bottom:0; background:rgba(0,133,205,.8); padding:40px; box-sizing:border-box; transition:all .3s; }
.about .sqinner .sq_big a:hover > div{ height:100%; }
.about .sqinner .sq_big a > div p{ background:url(/img/main/plus_w.png) no-repeat right center; }
.about .sqinner .sq_big a > div p > *{ display:block; color:#fff; }
.about .sqinner .sq_big a > div p strong{ font-size:3.8rem; font-weight:700; font-family: 'Montserrat'; text-shadow:0 0 5px rgba(0,0,0,.36); margin-bottom:16px; }
.about .sqinner .sq_big a > div p span{ font-size:18px; }
.about .sqinner .sq_small{ margin-right:0; }
.about .sqinner .sq_small ul{ height:100%; }
.about .sqinner .sq_small ul li{ float:left; width:calc(50% - 2.5px); height:calc(50% - 2.5px); background:#fff; margin:0 5px 5px; border:1px solid #d6d7d8; box-sizing:border-box; transition:all .3s; }
.about .sqinner .sq_small ul li:hover{ border-color:#0085cd; }
.about .sqinner .sq_small ul li:nth-child(1n+1){ margin-left:0; }
.about .sqinner .sq_small ul li:nth-child(2n){ margin-right:0; }
.about .sqinner .sq_small ul li a { display:block; width:100%; height:100%; text-align:center; display:table; }
.about .sqinner .sq_small ul li a > div{ display:table-cell; vertical-align:middle; padding-top:80px; background:no-repeat center 33%; }
.about .sqinner .sq_small ul li:nth-child(1) a > div{ background-image:url(/img/main/about_icon_01.png); }
.about .sqinner .sq_small ul li:nth-child(2) a > div{ background-image:url(/img/main/about_icon_02.png); }
.about .sqinner .sq_small ul li:nth-child(3) a > div{ background-image:url(/img/main/about_icon_03.png); }
.about .sqinner .sq_small ul li:nth-child(4) a > div{ background-image:url(/img/main/about_icon_04.png); }
.about .sqinner .sq_small ul li a > div p{ font-family: 'Montserrat'; font-size:24px; color:#1f2223; line-height:56px; transition:all .3s; }
.about .sqinner .sq_small ul li:hover a > div p{ color:#0085cd; font-weight:700; }
.about .sqinner .sq_small ul li a > div span{ font-size:18px; color:#747474; }
/* media */
.media .mediatab{ margin-bottom:60px; }
.media .mediatab > * { float:left; }
.media .mediatab > ul{ width:calc(100% - 62px); margin-right:2px; }
.media .mediatab > ul li{ float:left; width:calc(50% - 1px); margin:0 1px; background:#efefef; text-align:center; border:1px solid #d6d7d8; box-sizing:border-box; }
.media .mediatab > ul li:first-child{ margin-left:0; }
.media .mediatab > ul li:last-child{ margin-right:0; }
.media .mediatab > ul li.on{ background:#0085cd; border-color:#0085cd; }
.media .mediatab > ul li a{ display:block; height:60px; line-height:58px; color:#91979b; font-weight:700; font-size:17px; }
.media .mediatab > ul li.on a{ color:#fff; }
.media .mediatab > p{ width:60px; border:1px solid #d6d7d8; box-sizing:border-box; }
.media .mediatab > p a{ display:block; height:60px; background:url(/img/main/more_btn.png) no-repeat center; }

.media .list:nth-child(2){ display:none; }
.media .list ul li{ float:left; width:calc(33.33% - 34px); margin:0 25px; }
.media .list ul li:first-child{ margin-left:0; }
.media .list ul li:last-child{ margin-right:0; }
.media .list ul li .img{ width:100%; padding-top:80%; position:relative; overflow:hidden; }
.media .list ul li .img img{ position:absolute; top:-9999px; right:-9999px; left:-9999px; bottom:-9999px; margin:auto; min-height:100%; width:100%; display:block; }
.media .list ul li .txt{ margin-top:40px; }
.media .list ul li .txt .date{ margin-bottom:20px; font-family: 'Montserrat'; font-size:11px; color:#1b1b1c; letter-spacing:0.2em; position:relative; padding-left:60px; box-sizing:border-box; }
.media .list ul li .txt .date:before{ content:''; display:block; width:50px; height:2px; background:#1b1b1c; position:absolute; left:0; top:4px; }
.media .list ul li .txt .tit{ font-size:2rem; line-height:28px; color:#1a1b1d; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }