@import url(common.css);

.depth1>.more_depth>a.now{color:#fff}
.depth1>.more_depth.hover>a{color:#5be6ff}

main{padding: 129px 0 50px 0;letter-spacing: -0.25px;background: #fff url(/eng/images/main/main_bg.jpg)center bottom no-repeat;display: block;background-size: contain;}
main section{display: flex;}
/* main_visual */
.visual{width: 100%;height: 290px;position: relative;}
.visual p{font-size: 22px;font-weight: 500;color:#fff;text-shadow: 1px 1px 4px rgba(0,0,0,.22);text-align: center;position: absolute;top:75px;z-index: 2;width: 100%;padding: 0 20px;}
.visual p span{display: block;}
.visual p strong{display: block;font-size: 44px;font-weight: 600;}
.visual p strong br{display: none;}

.visual_slide{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
.visual_slide .slick-list, .visual_slide .slick-track, .visual_slide .slick-track div {height: 100%;}
.visual_slide li{background-position: center;background-repeat: no-repeat;height: 100%;}
.visual_slide .slide01{background-image: url(/eng/images/main/main_visual_01.jpg);}
.visual_slide .slide02{background-image: url(/eng/images/main/main_visual_02.jpg);}
.visual_slide .slide03{background-image: url(/eng/images/main/main_visual_03.jpg);}
.visual_slide .slick-slider{height: 100%;}
.visual_slide .control{background: none;width: auto;left: 50%;transform: translateX(-50%);height: auto;padding-right: 100px;}
.visual_slide .control .cur_paging{margin: 0 0 70px 0;background-color:rgba(34,34,34,.8);display: block;padding: 4px 9px;}
.visual_slide .control .ctr_btn{right: 40px;bottom: 70px;background-color:rgba(34,34,34,.8);}
.visual_slide .slick-arrow{position: absolute;bottom:70px;width: 26px;height: 26px;font-size: 0;line-height: 0;background-color:rgba(34,34,34,.8);z-index: 5;background-image: url(/eng/images/common/bg.png);;background-position: -80px -3px;background-repeat: no-repeat;}
.visual_slide .slick-prev{left: calc(50% - 10px);transform: translateX(-50%);}
.visual_slide .slick-next{left: calc(50% + 50px);transform: translateX(-50%) rotate(180deg);}

.slick-dots{position: absolute;right:-4px;top:-32px;display: flex;}
.slick-dots li{width: 18px;height: 18px !important;padding: 4px !important;position: relative;border-radius: 50%;}
.slick-dots li button{background: #ddd;font-size:0;line-height:0;position: absolute;left: 4px;top:4px;width: 10px;height: 10px;border-radius: 50%;}
.slick-dots li.slick-active{background:rgba(250,13,13,.21)}
.slick-dots li.slick-active button{background:#fa0d0d !important;}

/* slide 컨트롤박스 */
.control{background: #3e3e3e;width: 100%;height: 40px;position: absolute;bottom:0;}
.control .ctr_btn{width: 26px;height: 26px;font-size: 0;line-height: 0;background-color:#222;position: absolute;right:42px;bottom:7px;background-image: url(/eng/images/common/bg.png);background-repeat: no-repeat;}
.control .ctr_btn.pause{background-position: -25px -1px;}
.control .ctr_btn.play{background-position: -161px -3px;}
.cur_paging{font-size: 14px;color:#ccc;margin: 12px 0 0 14px;display: inline-block;}
.cur_paging span{color:#fdfec1;font-weight: 600;}

/* top */
section.top{position: relative;min-height: 200px;}
/* companyMenu */
.companyMenu{width: 100%;height: 250px;background: #f6f6f6;display: flex;padding: 45px 0;position: absolute;top: -50px;border: 1px solid #e2e2e2;box-shadow: 0 0 6px rgba(0,0,0,.14);}
.companyMenu>li{width: 12.5%;position: relative;}
.companyMenu li:after{content: '';width: 1px;height: 42px; border-right: 1px dashed #acacac;position: absolute;right: 0;top: 29px;}
.companyMenu li:last-child:after{display: none;}
.companyMenu>li:hover>a{color:#2595db}
.companyMenu>li.on>a{color:#fff;background-color:#2595db;border:1px solid #2595db;}
.companyMenu>li.on>a:before{background: #2595db;}
.companyMenu li a{font-size: 18px;font-weight: 500;color:#222;padding-top:120px;text-align: center; position: relative;display: block;}
.companyMenu li a:before{content: '';width: 100px;height: 100px;border-radius: 50%;background-color:#ddd;position: absolute;left:50%;top:0;transition: background .4s;transform: translateX(-50%);}
.companyMenu li a:after{content: '';width: 88px;height: 88px;border-radius: 50%;background-color:#fff;position: absolute;left:50%;top:6px;background-position: center;background-repeat: no-repeat;transition: background .4s;transform: translateX(-50%);background-size: contain;}
.companyMenu li a:hover:before, .companyMenu li a:focus:before{background-color:#fff;border:2px solid #33b6ef;}
.companyMenu li a:hover:after, .companyMenu li a:focus:after{background-color:#33b6ef}
.companyMenu .list01 a:after{background-image: url(/eng/images/main/commenu_01.png);}
.companyMenu .list02 a:after{background-image: url(/eng/images/main/commenu_02.png);}
.companyMenu .list03 a:after{background-image: url(/eng/images/main/commenu_03.png);}
.companyMenu .list04 a:after{background-image: url(/eng/images/main/commenu_04.png);}
.companyMenu .list05 a:after{background-image: url(/eng/images/main/commenu_05.png);}
.companyMenu .list06 a:after{background-image: url(/eng/images/main/commenu_06.png);}
.companyMenu .list07 a:after{background-image: url(/eng/images/main/commenu_07.png);}
.companyMenu .list08 a:after{background-image: url(/eng/images/main/commenu_08.png);}

/* btm_left */
section.btm{margin-top: 30px;height: 390px;}
/* powerPlant_wrap */
.powerPlant_wrap{width: calc(63.2% + 20px);margin-right: 20px;position: relative;box-shadow: 0 0 6px rgba(0,0,0,.14);}
.powerPlant_wrap h3{font-size: 22px;font-weight: 500;background: #033f87;color: #fff;height: 60px;line-height: 60px;padding-left: 28px;letter-spacing: 0;position: absolute;width: 100%;}

.powerPlant{color: #c8ddf5;letter-spacing: 0;}
.powerPlant li>a{padding-top: 18px;margin-bottom: 14px;}
.powerPlant .text_area{width: 55%;padding: 30px 30px 30px 38px;position: relative;height: 330px;}
.powerPlant .text_area:after{content: '';width: 20px;height: 20px;position: absolute;right: -10px;background: #051d44;top: 50%;transform: translateY(-50%)rotate(45deg);}
.powerPlant .text_area>p{font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 22px;}
.powerPlant .text_area li{font-size: 13px;}
.powerPlant .img_area{width: 45%;background-color: #c7deff;background-position: center;background-repeat: no-repeat;}
.powerPlant .plant01 .img_area{background-image: url(/eng/images/main/powerplant01.jpg);}
.powerPlant .plant02 .img_area{background-image: url(/eng/images/main/powerplant02.jpg);}
.powerPlant .plant03 .img_area{background-image: url(/eng/images/main/powerplant03.jpg);}
.powerPlant .plant04 .img_area{background-image: url(/eng/images/main/powerplant04.jpg);}
.powerPlant .plant05 .img_area{background-image: url(/eng/images/main/powerplant05.jpg);}

.tabM{position: relative;display: flex;justify-content: flex-end;}
.tabM>li{margin: 0 18px;}
.tabM>li>a{display: block;color:#88b7f0;font-weight: 500;text-align: center;line-height: 1.5em;letter-spacing: 0;transition: color .4s;position: relative;}
.tabM>li>a:after{content: '';position: absolute;width: 3px ;height: 3px;border-radius: 50%;right: -20px;top: calc(50% + 8px);transform: translateY(-50%);background: #fff;}
.tabM>li:last-child>a:after{display: none;}
.tabM>li.on>a{color:#fff;border-bottom:2px solid #9deaf5;position: relative;}
.tabM>li>a:before{content: '';width: 11px;height: 11px;position: absolute;left: 50%;bottom: -6px;margin-left:-5px;transform: rotate(45deg);transition:opacity .4s;transition-delay: .1s;opacity: 0;}
.tabM>li.on>a:before{opacity: 1;}
.tabM .tab_content{position: absolute;left:0;top:60px;width: 100%;display: none;background: #051d44;min-height: 330px;}
.tabM .tab_content.current{display: flex;flex-wrap: wrap;}

/* 불릿 */
.bullet_wrap{margin-bottom: 20px;}
.bullet_wrap:last-child{margin-bottom: 0;}
.bullet_wrap ul{margin-top: 5px;width: 100%;}
.bullet01{padding-left: 10px;position: relative;margin-bottom: 7px;line-height: 1.5;font-size: 14px;}
.bullet01:before{content: '';width: 3px;height: 3px;background:#c8ddf5;position: absolute;left: 0;top:9px;border-radius: 50%;}
.bullet01:last-child{margin-bottom:0 !important;}
.bullet_wrap.no_wrap>li{display:flex;flex-wrap: nowrap !important;}
.bullet_wrap.no_wrap>li .item{display: block;margin-right: 5px;white-space: nowrap;}
.bullet_wrap.no_wrap>li .item:after{content: ':';padding-left: 5px;}

/* btm_right */
.company_wrap{width: 36.8%;height: 100%;display: flex;flex-direction: column;}
/* companyInfo */
.companyInfo{display: flex;width: 100%;height: 230px; background: #29428a;box-shadow: 0 0 6px rgba(0,0,0,.14);}
.companyInfo .text_area{width: 220px;padding: 40px 20px 20px;}
.companyInfo .text_area h3{font-size: 20px;font-weight: 500;color: #fff;letter-spacing: 0.25px;position: relative;text-align: center;}
.companyInfo .text_area h3:before{content: '';width: 20px;height: 2px;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);background: #ffd016;}
.companyInfo ul{margin-top: 14px;}
.companyInfo li{margin-top: 4px;}
.companyInfo li a{height: 40px;line-height: 40px;color: #fff;border: 1px solid #425cb6;display: block;text-align: center;transition: background .4s;}
.companyInfo li a:hover,.companyInfo li a:focus{background: #1a2e71;}
.companyInfo .img_area{width: calc(100% - 220px);background-image: url(/eng/images/main/company_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}

/* business */
.business{margin-top: 20px;height: calc(100% - 250px);box-shadow: 0 0 6px rgba(0,0,0,.14);}
.business ul{display: flex;flex-wrap: wrap;height: 100%;width: 100%;background: url(/eng/images/main/business_bg.jpg)center no-repeat;background-size: cover;}
.business ul li{width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.2);height: 100%;}
.business ul li:last-child{border-right: 0;}
.business ul li a:hover,.business ul li a:focus{background-color: rgba(35, 188, 255, 0.67);}
.business ul li a{padding-top: 88px;text-align: center;display: block;font-weight: 500;color: #fff;font-size: 13.8px;transition: background-color .4s;height: 100%;background-position: top 20px center;background-repeat: no-repeat;}
.business .item01 a{background-image: url(/eng/images/main/business_01.png);}
.business .item02 a{background-image: url(/eng/images/main/business_02.png);}
.business .item03 a{background-image: url(/eng/images/main/business_03.png);}
.business .item04 a{background-image: url(/eng/images/main/business_04.png);}