@charset "utf-8";

.pagecommon{font-size:15px;color:#777;line-height:1.8;letter-spacing:-.2px;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}

/*회사소개*/
#p34{overflow:hidden;padding:130px 0}
#p34 > div{float:left;width:50%}
#p34 .tit_area{padding-left:55px}
#p34 .tit_area span{font-size:15px;font-weight:700;color:#535b8c;font-family:'Play'}
#p34 .tit_area p{padding:35px 0 60px;font-size:38px;line-height:1.3;color:#222;letter-spacing:-.5px;font-family:'notokr-thin'}
#p34 .cont{padding:110px 0 0 100px}
#p34 .cont p{margin-bottom:30px;font-size:17px;color:#222;font-family:'notokr-medium'}
#p34 .cont img{margin:70px 0 0 160px;-webkit-animation-delay:.4s;animation-delay:.4s}

/* 탭페이지 */
#tab_page{min-height:500px;padding:20px 0 130px}
#tab_page:before{display:block;content:"";position:absolute;top:-95px;left:159px;width:1px;height:calc(100% + 95px);background-color:#e1e1e1}
#tab_page:after{display:block;content:"";visibility:hidden;clear:both}
#tab_page .tabs{float:left;width:160px}
#tab_page .tabs li{position:relative;cursor:pointer;padding-right:40px;font-size:16px;color:#aaa;text-align:right;font-family:'notokr-medium'}
#tab_page .tabs li.on{color:#535b8c}
#tab_page .tabs li:before{display:block;content:"";position:absolute;right:0;top:50%;width:0;height:14px;margin-top:-7px;background-color:#535b8c;-webkit-transition:width .2s;transition:width .2s}
#tab_page .tabs li.on:before{width:6px}
#tab_page .tabs li+li{margin-top:10px}
#tab_page .tab_cont{display:none;float:right;width:1020px}

/* 신재생에너지 */
#p35 .top_area{overflow:hidden;padding-left:50px}
#p35 .top_area dt{float:left;width:240px}
#p35 .top_area dt span{font-weight:700;color:#535b8c;font-family:'Play'}
#p35 .top_area dt p{padding-top:5px;font-size:28px;color:#222;letter-spacing:-.3px;font-family:'notokr-light'}
#p35 .top_area dd{float:left}
#p35 .circle{overflow:hidden;width:80%;margin:60px auto}
#p35 .circle > div{float:left;width:225px;height:225px;border-radius:50%;font-size:17px;color:#535b8c;text-align:center;line-height:225px;font-family:'notokr-bold'}
#p35 .circle .c1{position:relative;padding-left:10px;border:1px solid #535b8c}
#p35 .circle .c1 em{position:absolute;left:12px;top:0;opacity:.8;width:100%;height:100%;border-radius:50%;border:1px solid #535b8c}
#p35 .circle .c1 em:nth-of-type(2){left:24px;opacity:.6}
#p35 .circle .c1 em:nth-of-type(3){left:36px;opacity:.4}
#p35 .circle .c1 em:nth-of-type(4){left:48px;opacity:.2}
#p35 .circle .c1 em:nth-of-type(5){left:60px;opacity:.05}
#p35 .circle .c2{float:right;margin-left:-15px;color:#fff;background-color:#25262e}
#p35 .circle .c3{float:right;color:#fff;background-color:#535b8c}
#p35 .box{padding:50px;border:1px solid #e1e1e1}
#p35 .box dl{overflow:hidden}
#p35 .box dl+dl{margin-top:40px}
#p35 .box dl dt{float:left;width:240px;font-size:17px;color:#222;font-family:'notokr-bold'}
#p35 .box dl dd{float:left}
  
/* 슬라이더 */
#p38{position:relative;height:590px;margin-bottom:130px}
#p38 .tit_bg{position:absolute;top:0;left:0;z-index:-1;width:50%;height:480px;background:url(/sh_page/img/p38_titbg.png) left bottom no-repeat #535b8c}
#p38 .tit_area{float:left;position:relative;left:50%;width:50%;height:480px;margin-left:-640px;padding:110px 0 0 55px;color:rgba(255,255,255,.6)}
#p38 .tit_area :not(div){font-weight:700;color:#fff;font-family:'Play'}
#p38 .tit_area p{padding:20px 0 50px;font-size:44px;line-height:1.2}
#p38 .gall{float:right;width:calc(50% + 130px);padding-top:100px}
#p38 .gall_pager{position:absolute;left:0;bottom:0;z-index:10;width:calc(50% - 130px);padding-right:60px;height:130px;text-align:right;line-height:145px;-webkit-transition:all .2s;transition:all .2s}
#p38 .gall_pager span{position:relative;padding-bottom:9px; font-size:14px;font-weight:700;color:#aaa;cursor:pointer;font-family:'Play'} 
#p38 .gall_pager span+span{margin-left:30px}
#p38 .gall_pager span:after{display:block;content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:4px;background-color:#535b8c;-webkit-transition:all .2s;transition:all .2s}
#p38 .gall_pager span.on{color:#535b8c}
#p38 .gall_pager span.on:after{width:100%}
#p38 ul li{position:relative;width:400px;min-height:450px;transition:margin .2s}
#p38 ul li .txt{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:0 0 0 50px;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p38 ul li span{font-weight:700;font-family:'Play','notokr-regular'}
#p38 ul li p{padding-top:5px;font-size:24px}
#p38 ul li .desc{opacity:0;-webkit-transition:all .2s;transition:all .2s}
#p38 ul li img{position:relative;z-index:0}
#p38 ul li .mask{opacity:.4;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:60%;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-transition:opacity .2s;transition:opacity .2s}
#p38 ul li.swiper-slide-active{margin-top:40px}
#p38 ul li.swiper-slide-active .mask, #p38 ul li:hover .mask{opacity:.7}
#p38 ul li.swiper-slide-active .txt, #p38 ul li:hover .txt{padding-bottom:40px}
#p38 ul li.swiper-slide-active .desc, #p38 ul li:hover .desc{opacity:1;padding-top:20px}