@charset "utf-8";


.left_position_here {position:fixed; left:20px; top:30%; z-index:10;}
.left_position_here .position_list {display:block; line-height:35px; margin:15px 0px; transition: all 0.2s;}
.left_position_here .position_list span {display:inline-block; width:15px; height:15px; border:1px #a9a9a9 solid;  border-radius:15px; margin-right:5px; transition: all 0.2s; vertical-align:middle;}
.left_position_here .position_list.on span {background:#274a3e; }
.left_position_here .position_list strong {display:none; transition: all 0.2s;}
.left_position_here .position_list.on span {display:none;}
.left_position_here .position_list.on strong {display:inline-block; border:1px #fff solid; padding:0 20px; border-radius:35px; color:#fff; font-size:18px;}
.left_position_here .position_list.on .m2 strong,
.left_position_here .position_list.on .m4 strong,
.left_position_here .position_list.on .m5 strong {border:1px #1b3693 solid;  color:#1b3693;  }





/*메인비주얼*/
.main_visiaul_wrap {text-align:center; position:relative;   min-width:1200px; overflow:hidden;  z-index:1; }
.main_visiaul_wrap ul { z-index:0; overflow:hidden; }
.main_visiaul_wrap ul li { width:100%;  background-repeat:no-repeat; background-position:center top; min-height:800px;  height: 100vh;   background-size:150% 150%;transition:background-size 10s linear}
.main_visiaul_wrap ul li.cycle-slide-active{ ;background-size:100% 100%; }


.main_visiaul_wrap .main_pager {position:absolute; left:0px; bottom:20px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visiaul_wrap .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 4px; border-radius:13px; background:#fff; }
.main_visiaul_wrap .main_pager .cycle-pager-active{background:#053863;}




.main_visiaul_wrap .photo {position:relative; z-index:0; }
.main_visiaul_wrap .bg {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.main_visiaul_wrap .text {position:absolute; left:0px; top:270px; z-index:2;  color:#fff; text-align:center;    width:100%;}

.main_visiaul_wrap .text .t1 { font-size:25px; ;line-height:30px;}
.main_visiaul_wrap .text .t2 {margin-top:10px; font-size:60px;  line-height:70px; font-weight:bold;  letter-spacing:-3px;}
.main_visiaul_wrap .text .t3 {margin-top:30px; font-size:18px;   }





.main_visiaul_wrap .cont_wrap {position:absolute; width:100%; ; left:0px; bottom:200px;  z-index:2; text-align:center;}
.main_visiaul_wrap .cont_wrap .cont{display:inline-block; line-height:60px; margin:0 30px; color:#fff; font-size:20px;}
.main_visiaul_wrap .cont_wrap .cont strong{font-size:50px; margin:0 5px 0px 15px;}





/*메인비지니스*/
.main_business {margin:60px 0px 0; position:relative;}
.main_business .title{ position:relative;   }
.main_business .title .t1{font-size:45px; line-height:55px;  font-weight:normal;   color:#000; letter-spacing:-2px;}
.main_business .title .t1 div {font-weight:900; color:#1b3693;}
.main_business .title .t2{font-size:18px;  line-height:25px;  margin-top:20px; color:#000;}



.main_business .main_business_list_box{ margin-top:60px; }

.main_business_list_box { position:relative;overflow:hidden; }
.main_business_list_box .list_wrap  {width:100%; z-index:1; position:relative; }
.main_business_list_box .list_wrap .swiper-slide{text-align:left;             justify-content: center;      align-items: center;}

.main_business_list_box .list_wrap .swiper-slide .pic img {width:100%; border-radius:20px; vertical-align:middle;}

.main_business_list_box .list_wrap .swiper-slide .t1{color:#000; font-size:24px;   line-height:22px;  transition: all 0.3s;  margin-top:30px; font-weight:bold;}
.main_business_list_box .list_wrap .swiper-slide .t2{display:block; font-weight:normal; font-size:16px; color:#666; ;margin-top:15px; line-height:23px; }


.main_business .btn_box {margin-top:40px; text-align:center;}
.main_business .btn_box span {vertical-align:middle; display:inline-block;}
.main_business .btn_box .move .feather {width:25px; height:25px; vertical-align:middle; color:#000; position:relative; top:-2px;}
.main_business .btn_box strong {vertical-align:middle;  display:inline-block; padding:0 20px; font-size:15px; color:#000; font-weight:bold; letter-spacing:1px;}
.main_business .btn_box strong .mb_current{color:#1b3693;}








.main_wide_view_wrap { margin:120px 0 0px;  position:relative; padding:160px 0px; background:url(../images/main/main_wide_view_wrap_bg.jpg) center top no-repeat;   background-size: cover;  background-attachment:fixed; text-align:right; }  
.main_wide_view_wrap .title_box {transition: all 0.3s; position:relative; text-align:right;}
.main_wide_view_wrap .title01 {font-size:20px; color:#fff;}
.main_wide_view_wrap .title02 {font-size:50px; color:#a9977c; line-height:40px;  margin-top:10px; font-weight:bold; letter-spacing:-2px;   }
.main_wide_view_wrap .title03 {font-size:16px; color:rgba(255,255,255,0.8);  line-height:23px; padding-top:30px;}

.main_wide_view_wrap .btn {margin-top:50px; transition: all 0.3s;  position:relative; display:inline-block; }

.main_wide_view_wrap .btn a {display:inline-block; border:3px #fff solid; padding:0px  30px; color:#fff;  line-height:50px; font-size:16px; transition: all 0.3s;}
.main_wide_view_wrap .btn a:hover {background:#a9977c;color:#fff; border-color:#a9977c}






.main_gallery_wrap {margin:120px 0px; }
.main_gallery_wrap .title {text-align:left; position:relative;}
.main_gallery_wrap .title .t1{font-size:45px; line-height:55px;  font-weight:normal;   color:#000; letter-spacing:-2px;}
.main_gallery_wrap .title .t1 div {font-weight:900; color:#1b3693;}
.main_gallery_wrap .title .t2{font-size:18px;  line-height:25px;  margin-top:20px; color:#666;}

.main_gallery_wrap .title .t3 {position:absolute; right:0px; top:60px; }
.main_gallery_wrap .title .t3 a{display:inline-block; border:1px #000 solid; color:#000; font-size:17px; padding:0 30px; line-height:44px; border-radius:5px;}



.main_gallery_wrap .main_gallery_area_box {margin-top:60px; margin-left:10%;}

.main_gallery_wrap .list_wrap  {width:100%; z-index:1; position:relative; }
.main_gallery_wrap .list_wrap .swiper-slide{text-align: center; justify-content: center; align-items: center;}

.main_gallery_wrap .list_wrap .swiper-slide .pic {overflow:hidden; border-radius:10px;}
.main_gallery_wrap .list_wrap .swiper-slide .pic img {width:100%; vertical-align:middle;}
.main_gallery_wrap .list_wrap .swiper-slide .text {font-size:22px; color:#000; margin-top:20px; letter-spacing:-2px;}
.main_gallery_wrap .list_wrap .swiper-slide .text .kw {displaY:inline-block; margin-right:15px; font-size:15px;  line-height:30px; border:1px #0a1b57 solid; border-radius:20px; padding:0 15px;  color:#0a1b57; }{font-size:17px; color:#000; margin-top:20px;}


.main_gallery_wrap .btn_box {margin-top:60px; text-align:center; }
.main_gallery_wrap .btn_box .btn_box_wrap{display:inline-block; padding:10px 20px; background:#1b3693; border-radius:30px;}
.main_gallery_wrap .btn_box span {vertical-align:middle; display:inline-block;}
.main_gallery_wrap .btn_box .move .feather {width:22px; height:22px; vertical-align:middle; color:#fff; position:relative; top:-1px;}
.main_gallery_wrap .btn_box strong {vertical-align:middle;  display:inline-block; padding:0 20px; font-size:15px; color:#fff;  font-weight:bold; letter-spacing:1px;}
.main_gallery_wrap .btn_box strong .mb_current_etc{color:#fff;}







.main_center_wrap {  padding:60px; border:1px #ededed solid;  border-radius:30px;  }
.main_center_wrap .col_box {width:100%; table-layout:fixed; display:table;}
.main_center_wrap .col  {display:table-cell; padding:0 30px; border-right:1px #ededed solid;  vertical-align:top; position:relative;}
.main_center_wrap .col .icon {position:absolute; right:30px; top:0px;}
.main_center_wrap .col .icon .lord-icon {width:90px; height:90px;}


.main_center_wrap .col.m1  {padding-left:0px; }

.main_center_wrap .col.m4  {border-right:0px; width:300px;  padding-right:0px; }


.main_center_wrap .title {font-size:22px; letter-spacing:-2px; color:#000;  font-weight:bold; margin-bottom:20px; }
.main_center_wrap .title span {color:#1b3693;}
.main_center_wrap .title_etc_text {font-size:16px; line-height:20px; color:#55; margin-top:10px; letter-spacing:-1px; }
.main_center_wrap .btns {margin-top:30px; }
.main_center_wrap .btns a{display:inline-block;  ; border:1px #ddd solid; color:#000; font-size:14px; line-height:40px; border-radius:6px; padding:0 20px; transition:all 0.3s; }
.main_center_wrap .btns:hover a{border-color:#1b3693; color:#fff; background:#1b3693; }

.main_center_wrap .col .call {margin-top:10px; font-family: 'Montserrat';  font-size:42px; line-height:50px; font-weight:800; color:#1b3693; letter-spacing:-2px; }
.main_center_wrap .col .call_box  {margin-top:10px;}
.main_center_wrap .col .call_box .call_etc {display:block; font-size:16px; line-height:30px;  color:#000; margin-right:5px; letter-spacing:-1px; vertical-align:top;}
.main_center_wrap .col .call_box .call_etc span {display:inline-block; margin-right:5px; padding:0 10px; text-align:center; color:#444;background:#f8f8f8;   font-weight:normal; line-height:27px; vertical-align:middle;  border-radius:5px;    font-size:13px !important;}






/*메인뉴스*/
.main_news_wrap { position:relative;  margin:120px 0px; }
.main_news_wrap .title .t1{font-size:45px; line-height:50px;  font-weight:normal;   color:#000; letter-spacing:-2px;}
.main_news_wrap .title .t1 span { font-weight:900;}
.main_news_wrap .title .t2{font-size:18px;  line-height:22px;  margin-top:10px; color:#666;}
.main_news_wrap .title .t3 {position:absolute; right:0px; top:40px; }
.main_news_wrap .title .t3 a{display:inline-block; border:1px #000 solid; color:#000; font-size:17px; padding:0 30px;  border-radius:5px; line-height:44px;}


.main_news_wrap .main_news_box {margin-top:20px; padding:20px 0px; display:none;}
.main_news_wrap .main_news_box ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:100% !important;   font-size:0px; padding:20px 0px;}
.main_news_wrap .main_news_box ul li{display:inline-block;; width:450px !important; margin-right:20px;  position:relative; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; transition: all 0.2s; top:0px;  vertical-align:top; margin-top:0px; transition: all 0.4s;}
.main_news_wrap .main_news_box ul li .box {padding:50px; background:#fff; position:relative;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:left;  transition: all 0.4s;  border:1px #ddd solid;   border-radius:20px;}


.main_news_wrap .main_news_box ul li:hover .box { border-color:#1b3693}

.main_news_wrap .main_news_box ul li .time {text-align:center; position:absolute; left:30px; top:60px;  color:#000;  }
.main_news_wrap .main_news_box ul li .time .time1 {font-size:20px; line-height:20px;  letter-spacing:-1px;}
.main_news_wrap .main_news_box ul li .time .time2 {font-size:45px; line-height:45px; font-weight:bold; margin-top:5px; color:#000; }

.main_news_wrap .main_news_box ul li .info  {margin-left:60px;}
.main_news_wrap .main_news_box ul li .info .type {color:#1b3693; margin-bottom:20px; font-size:15px; display:inline-block;  border:1px #1b3693 solid; padding:0 10px; line-height:30px; border-radius:5px;}
.main_news_wrap .main_news_box ul li .info .t1 {font-size:20px; color:#000; line-height:20px; font-weight:bold; background:none;; padding-left:0px; white-space: normal; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.main_news_wrap .main_news_box ul li .info .t2 {font-size:15px; color:#444; margin-top:10px; line-height:20px; display:block; white-space: normal;}




.main_news_wrap .notice_pager {text-align:center; margin-top:0px;}
.main_news_wrap .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_news_wrap .notice_pager span.cycle-pager-active {background:#1b3693; width:50px;}




.main_rec_smp_wrap {position:relative; top:-120px; z-index:1;}
.main_rec_smp_wrap .col_box {overflow:hidden;}
.main_rec_smp_wrap .col_box .col {float:left; width:49%;  border:1px solid #e8e8e8;    border-radius:18px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    padding:50px; background:#fff;}
.main_rec_smp_wrap .col_box .col:last-child {float:right;}


.energy_market_card .title { font-size:24px;    line-height:1.3;    font-weight:700;    color:#222;    margin-bottom:16px;}

.energy_market_card .type {display:flex;gap:8px;margin-bottom:12px;}
.energy_market_card .type a {display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:36px; padding:0 16px; border:1px solid #ddd; border-radius:999px; background:#fff; color:#666; font-size:14px; text-decoration:none; box-sizing:border-box;}
.energy_market_card .type a.on {border-color:#1b3693; background:#1b3693; color:#fff;}
.energy_market_card .help {font-size:13px; color:#777; text-align:right; margin-bottom:12px;}
.energy_market_card .box {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:0; padding:0; list-style:none;}
.energy_market_card .box li {min-height:92px; padding:18px 16px; background:#f8f8f8; border-radius:14px; box-sizing:border-box;}
.energy_market_card .box .s_title {font-size:14px; color:#777; margin-bottom:10px;}
.energy_market_card .box .s_text {font-size:22px; line-height:1.3; font-weight:700; color:#1b3693; word-break:break-all;}
.energy_market_card .market_empty {margin-top:14px; padding:16px; background:#fff7f7; border:1px solid #ffdcdc; border-radius:12px; color:#b00020; font-size:14px; line-height:1.6;}





@media all and (max-width:1024px) {



.left_position_here  {display:none;}

/*메인비주얼*/
.main_visiaul_wrap { min-width:auto;}
.main_visiaul_wrap ul li {height: 450px;  min-height:450px; }



.main_visiaul_wrap .text {position:absolute; left:0px; top:150px;  }

.main_visiaul_wrap .text .t1 {font-size:20px; ;line-height:25px;}
.main_visiaul_wrap .text .t2 {margin-top:10px; font-size:37px;  line-height:47px;  letter-spacing:-2px;}
.main_visiaul_wrap .text .t3 {margin-top:10px; font-size:15px; line-height:20px; letter-spacing:-1px;  }



.main_visiaul_wrap .cont_wrap {bottom:50px; }
.main_visiaul_wrap .cont_wrap .cont{display:inline-block; line-height:30px; margin:0 10px; font-size:16px;}
.main_visiaul_wrap .cont_wrap .cont strong{font-size:20px; }








/*메인비지니스*/
.main_business {margin:60px 0px 0px 15px; }
.main_business .title .t1{font-size:27px; line-height:40px;  }
.main_business .title .t2{font-size:17px;  line-height:25px;  margin-top:10px;}



.main_business .main_business_list_box{ margin-top:30px; }

.main_business_list_box .list_wrap .swiper-slide .t2{font-size:15px; letter-spacing:-1px; }


.main_business .btn_box {margin-top:40px; text-align:center;}
.main_business .btn_box span {vertical-align:middle; display:inline-block;}
.main_business .btn_box .move .feather {width:25px; height:25px; vertical-align:middle; color:#000; position:relative; top:-2px;}
.main_business .btn_box strong {vertical-align:middle;  display:inline-block; padding:0 20px; font-size:15px; color:#000; font-weight:bold; letter-spacing:1px;}
.main_business .btn_box strong .mb_current{color:#1b3693;}





.main_wide_view_wrap { margin:80px 0 0px;   padding:100px 15px;    }  
.main_wide_view_wrap .title_box  {padding:0 15px;}
.main_wide_view_wrap .title01 {font-size:20px;   }
.main_wide_view_wrap .title02 {font-size:37px;  line-height:40px;  margin-top:10px;  }
.main_wide_view_wrap .title03 {font-size:15px; color:rgba(255,255,255,0.8);  padding-top:10px;}


.main_wide_view_wrap .btn {margin-right:15px;}






.main_gallery_wrap {margin:80px 0px 0px; }
.main_gallery_wrap .title {text-align:left; position:relative;}
.main_gallery_wrap .title .t1{font-size:27px; line-height:40px; }
.main_gallery_wrap .title .t2{font-size:17px;  line-height:25px;  margin-top:10px;  }

.main_gallery_wrap .title .t3 {position:relative; text-align:right; top:0px;  margin-top:10px;}
.main_gallery_wrap .title .t3 a{ font-size:15px; padding:0 20px; line-height:40px;}
.main_gallery_wrap .main_gallery_area_box {margin-top:40px; margin-left:0px;}






.main_center_wrap {border:0px; padding:0px 15px;  }
.main_center_wrap .col_box {width:auto; display:block;}
.main_center_wrap .col  {display:block; width:auto !important; padding:30px !important; border:1px #ddd solid !important; margin-bottom:10px; border-radius:20px; background-color:#fff !important;}

.main_center_wrap .col .icon {top:50%;}




.main_center_wrap .col .call {margin-top:0px; font-size:35px; line-height:40px; font-weight:800;  letter-spacing:-1px; }
.main_center_wrap .col .call_box  {margin-top:20px;}
.main_center_wrap .col .call_box .call_etc {display:block;}
.main_center_wrap .title {margin-bottom:10px;}








/*메인뉴스*/


.main_news_wrap { position:relative;  margin-top:70px; margin-left:15px; margin-right:15px; }
.main_news_wrap .title .t1{font-size:27px; line-height:35px; }
.main_news_wrap .title .t2{font-size:16px;  line-height:22px;  margin-top:10px; }
.main_news_wrap .title .t3 {position:relative; text-align:left; top:0px;  margin-top:10px;}
.main_news_wrap .title .t3 a{ font-size:15px; padding:0 20px; line-height:40px;}


.main_news_wrap .main_news_box {margin-top:30px; padding:20px 0px;  }
.main_news_wrap .main_news_box ul { font-size:0px;  width:auto !important;  }
.main_news_wrap .main_news_box ul li{width:300px !important; margin-right:20px; }
.main_news_wrap .main_news_box ul li .box {padding:40px}

.main_news_wrap .main_news_box ul li .time {left:20px; top:30px;   }
.main_news_wrap .main_news_box ul li .info  {margin-left:60px;}
.main_news_wrap .main_news_box ul li .info .t1 {font-size:18px;  }
.main_news_wrap .main_news_box ul li .info .t2 {font-size:15px; margin-top:8px; }





.main_gallery_wrap { margin-top:80px; padding:80px 15px;}

.main_gallery_wrap .title .t1{font-size:30px; line-height:35px;   }
.main_gallery_wrap .title .t2{font-size:16px;  line-height:22px;  margin-top:10px; }

.main_gallery_wrap ul {margin-top:50px; overflow:hidden;}
.main_gallery_wrap ul li{float:left; width:48% !important; margin:0px 0px 4% 0px !important; }
.main_gallery_wrap ul li:nth-child(even){float:right;}
.main_gallery_wrap ul li .pic {overflow:hidden; border-radius:10px;}

.main_gallery_wrap ul li .text {font-size:16px;   margin-top:10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}






.main_rec_smp_wrap { margin-left:15px; margin-right:15px; top:-30px;}
.main_rec_smp_wrap .col_box {overflow:hidden;}
.main_rec_smp_wrap .col_box .col {float:none !important; width:auto !important; margin-bottom:5px; padding:30px;}

.energy_market_card .box .s_text {font-size:20px;}








}



@media all and (min-width:1025px) and (max-width:1440px) {



	.main_visiaul_wrap .main_visual_text .t2 {margin-top:15px; font-size:40px;  line-height:50px;}

	.main_news_wrap .title .t1 {font-size:35px;}
	.main_news_wrap ul.cate li a {padding:0 30px;}


	.main_news_wrap .main_news_box ul li {width:350px !important;}
	.main_news_wrap .main_news_box ul li .info .t2 {height:44px; line-height:22px; overflow:hidden;}


	.main_gallery_wrap ul li .text {font-size:16px;   margin-top:10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

		


	.main_center_wrap {  padding:0px; border:0px #ededed solid;  border-radius:0px;  }
	.main_center_wrap .col_box {width:auto;   display:block; overflow:hidden;}
	.main_center_wrap .col  {display:block; float:left; width:49% !important;  padding:30px !important; border:1px #ededed solid !important; border-radius:20px; margin-bottom:2%;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
	.main_center_wrap .col:nth-child(even)  {float:right;}

}