@charset "utf-8";

/*
====================
메인 비주얼 스타투
2020.04.17
리령제 작성
====================

*/




.header__links{width: 1200px; margin: 0 auto; position: relative;z-index: 9;}
.header__links ul.links__1{position: absolute; right: 0; top: 20px;}
.header__links ul.links__1 li{float: left; position: relative; margin-left: 10px; }
.header__links ul.links__1 li a{ color: #66757a;}
.header__links ul.links__1 li:after{content: "|"; position: absolute; right: -7px;}
.header__links ul.links__1 li:last-child:after{display: none;}

.header__links ul.links__2{position: absolute; left: 0; top: 20px;}
.header__links ul.links__2 li{float: left; position: relative; margin-left: 10px; }
.header__links ul.links__2 li a{ color: #66757a;}
.header__links ul.links__2 li:after{content: "|"; position: absolute; right: -7px;}
.header__links ul.links__2 li:last-child:after{display: none;}


.main_section_wrap_01{width: 100%; height: 663px; background: url("/commons/images/global/main_slider_01.png"); background-size: cover}
.main_slider_01 img{margin: 0 auto;}
.main-lay-01 .slick-dots{text-align: center ;position:absolute;left:50%; transform:translateX(-50%); bottom:100px;}

.single-item_right_wrap{width:1200px; position:absolute; left:50%; top:150px; transform:translateX(-50%);  z-index:9999;}
.right_ban{left:0;position:absolute;  }
.bottom_ban{margin-top:10px;}


.left_click_menu{width: 254px;height: 373px;  position: fixed; z-index: 999; top:200px; background: url("/commons/images/global/left_click_menu.png"); left: -225px; transition: 0.5s;  }
.click_img{position: absolute; right: 0px; top: 118px;z-index: 9999;}
.left_click_menu_wrap{width: 70%; margin-left: 20px;  }
.left_click_menu_wrap h2{color: #a8aaab; font-size: 21px; font-weight: bold; margin-top:20px}
.left_click_menu_wrap p{color: #717a87; margin-top:20px; margin-bottom: 10px;}
.left_click_menu_wrap textarea{ background: #565b61; border: 1px solid #5f6772; width: 100%; height: 80px;color: #fff;}
.left_click_menu_wrap label{color: #717a87; margin-top:10px; margin-bottom: 5px;}
.left_click_menu_wrap input{width: 100%; background: #565b61; border: 1px solid #5f6772; padding-top: 5px;padding-bottom: 5px;color: #fff;}
.left_click_menu_wrap a{width: 90%; background: #085196; display: block; margin: 0 auto; color: #fff;padding-top:10px; padding-bottom: 10px; text-align: center; margin-top: 20px;}
.left_click_menu.on{left: 0px; transition: 0.5s;}
.main_section_wrap_02{width:100%; height: 540px; margin: 0 auto; background: url("/commons/images/global/main_section_bak.png") no-repeat;  background-position: center -306px;}
.main_section_wrap_1200{width: 1200px; margin: 0 auto;}
.top_section_col3_wrap{width: 100%; margin: 0 auto; overflow: hidden;position: relative; top: -85px; }
.top_section_col3_wrap ul li{width: 33.33%;  height:180px;float: left; background-position: center;}
.top_section_col3_wrap ul li:nth-child(1){background: url("/commons/images/global/top_sectiom_bak_01.png") no-repeat; background-size: cover; }
.top_section_col3_wrap ul li:nth-child(2){background: url("/commons/images/global/top_sectiom_bak_02.png") no-repeat; background-size: cover;}
.top_section_col3_wrap ul li:nth-child(3){background: url("/commons/images/global/top_sectiom_bak_03.png") no-repeat; background-size: cover;}
.top_section_col3_wrap ul li .li_wrap_size{width: 80%; margin:  0 auto; text-align: center; color: #fff;}
.top_section_col3_wrap ul li .li_wrap_size img{margin-top: 30px;}
.top_section_col3_wrap ul li .li_wrap_size h2{font-size: 19px; margin-top: 20px;}
.top_section_col3_wrap ul li .li_wrap_size p{font-size: 13px; margin-top: 10px;line-height: 18px; }
.top_section_col3_wrap ul li a{color:#fff;}

.bottom_notice_wrap{overflow: hidden}
.bottom_notice_wrap ul .col2_wrap{width: 45%; margin-left: 10%; float:left; }
.bottom_notice_wrap ul .col2_wrap:first-child{margin-left: 0;}
.bottom_notice_wrap ul .col2_wrap h2{font-size: 21px; font-weight: bold; position: relative; margin-bottom: 10px;}
.bottom_notice_wrap ul li h2 span{position: absolute; right: 0px;}
.notice_wrap ul li{font-size: 19px; font-weight: bold; padding-top:25px; padding-bottom: 25px; border-bottom: 1px solid #ddd;}
.notice_wrap ul li:last-child{border: none;}

.notice_wrap ul li .notice_left_num{white-space: nowrap;overflow: hidden;width: 90%;text-overflow: ellipsis;}

/*Section 03 */
.main_section_wrap_03{width: 100%; height: 402px; background: url("/commons/images/global/main_section_03.png"); clear: both;}
.main_section_wrap_03 .top_title_wrap h2{ font-size: 21px; font-weight: bold; color: #fff; padding-top: 50px;padding-bottom: 45px; position: relative;}
.main_section_wrap_03 .top_title_wrap h2 span{font-size: 15px; color: #939393; font-weight:lighter;}
.main_section_wrap_03 .top_title_wrap h2 a{position: absolute; right: 0;}
.bottom_slider_list p {margin-top:10px; color: #fff; text-align: center;}

/* Section 04 */
.main_section_wrap_04 img{ width:100%;}

@media screen and (max-width: 1200px) and (min-width: 1px){
.single-item_right_wrap{width:100%;top:19px;}
    .main_section_wrap_02{height: auto;}
    .main_section_wrap_1200{width: 100%;}
    .main-lay-01 .slick-dots{bottom: 10px;}
    .top_section_col3_wrap{top: auto;}
    .bottom_notice_wrap{padding-top: 30px; padding-bottom: 10px; width: 95%; margin:  0 auto;}
    .right_btn_img{display: none;}
    .header__wrap{top: 0;}
    .header__links{width: 95%;}
	.header__links ul.links__2{left: 130px; top: 26px;}

    .top_title_wrap{width: 95%;margin: 0 auto;}
    .bottom_wrap{width: 95%; margin:  0 auto;}
.m_s_btn{display:none !important; }
}

@media screen and (max-width: 1100px) and (min-width: 1px){
.bottom_notice_wrap ul .col2_wrap{width:100%; margin-left:0px;}
.bottom_notice_wrap ul .col2_wrap:first-child{text-align:center; margin : 0 auto; margin-bottom:50px;}
}

@media screen and (max-width: 900px) and (min-width: 1px){
    .main_section_wrap_02{height: auto;}
    .main-lay-01 .slick-dots{bottom: 10px !important;}
    .top_section_col3_wrap ul li{width: 100%;float: none; }
    /*.col2_wrap:last-child .notice_wrap{margin-top: 20px;}*/
}
@media screen and (max-width: 769px) and (min-width: 1px){
    .header__links ul.links__1{display: none;}
	.header__links ul.links__2{left:unset;right:0px;top:20px;}

	.single-item_right_wrap{display:none;top:68px;}
}

@media screen and (max-width: 720px) and (min-width: 1px){
    .bottom_notice_wrap ul .col2_wrap{width: 100%; margin-left: 0%; float:none; }
    .header__links ul.links__1{display: none;}
	.header__links ul.links__2{width:40%;}
}

@media screen and (max-width: 655px) and (min-width: 1px){
    .main_slider_01 img{width: 100%;}
}
footer{width: 100%; background: #20262e;}
.footer_wrap{width: 1200px; margin:  0 auto; padding-top: 35px; padding-bottom: 35px;}
.footer_wrap p{ color: #fff;font-size: 12px;}
.footer_wrap p:nth-child(2){color: #686a6e; margin-top:10px;}
@media screen and (max-width: 1200px) and (min-width: 1px){
    .footer_wrap{width: 95%;}
}
@media screen and (max-width: 540px) and (min-width: 1px){
   .notice_wrap iframe {width:100%;}
}


/*
====================
서브 비주얼 스타투

여기서부턴 서브 입니당당
====================
*/

.cont-in{padding-bottom: 50px; min-height: 500px;;}
.sub_top_bg{width:100% ; height:370px; background: url("/commons/images/global/sub_top_bg.png") no-repeat; background-position: center; background-size: cover;}
h2.sub-tit{font-size: 32px; color: #333; margin-bottom: 15px; font-weight: 700;  border-bottom: 1px solid; padding-bottom: 40px; padding-top: 40px;}

/*
====================
에이티 에너지 테이블 디자인
ver.1
====================
*/
.table_type1{width: 100%; }
.table_type1 table{width: 100%;}
.table_type1 table thead tr th{padding-top: 20px; padding-bottom: 20px; background: #f9f9f9; border-top: 2px solid #696c75; border-right: 1px solid #ddd;border-bottom: 1px solid #999;font-weight: bold}
.table_type1 table thead tr th:last-child{border-right: 0px solid;}
.table_type1 table tbody tr td{text-align: center; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table_type1 table tbody tr td:last-child{border-bottom: 1px solid #ddd;border-right:0px solid;}
.table_type1 table tbody tr td.text_left{text-align: left; padding-left: 30px;}
.table_type1 table tbody tr td.subject_line{text-align: left; padding-left: 30px;}

/*
====================
서브 공통으로 쓰는 css 선언
====================
*/

.h2_left_bg{font-size: 23px; margin-top:30px;font-weight: 700; padding-left: 27px; line-height: 25px;background: url('/commons/images/global/h2_left_bg.png') no-repeat; background-position: left center;   font-family: 'Noto Sans KR'; margin-bottom:30px; }
.ul_list_style li{padding-left: 15px;line-height:20px;;background: url('/commons/images/global/ul_list_style.png') no-repeat; background-position: left center;}

/*
====================
HOME > 회사소개 > 인사말
====================
*/

.info_title_wrap{width:100%;font-family: 'Nanum Myeongjo', serif; margin-bottom:40px; position: relative;}
.info_title_wrap .info_right_bg{ position:absolute; right:0; top:0;}
.info_title_wrap p.nth1{color:#6b6d6b; font-size:26px; margin-bottom:20px; 	}
.info_title_wrap p {color:#2841a1; font-size:30px; margin-bottom:5px;  }
.info_title_wrap p span{color:#05ac44;}

.info_cont_wrap p {font-size:17px; line-height:26px; color:#999; margin-bottom:20px;}


@media screen and (max-width: 1200px){
.info_title_wrap .info_right_bg{display:none;}

}
/*
====================
HOME > 회사소개 > 연혁
====================
*/

.hist_top_bg{position: relative; top:21px; text-align:center;}
.history {width: 100%;background: url('/commons/images/global/history_line.png') repeat-y center 0;margin-top: 20px;letter-spacing: -0.5px;}
.history>ul>li {width: 100%;background: url('/commons/images/global/hist_one.png') no-repeat 50% 5px;min-height: 50px;margin-bottom: 50px;;}
.history>ul>li.align_l .part {display: block;width: 61%;margin-right: 55%;text-align: right;overflow: hidden;}
.history>ul>li.align_r .part {display: block;width: 58%;margin-left: 39%;text-align: left;overflow: hidden;}
.history>ul>li.align_l .part .cont {font-size: 14px;color: #999;float: right;padding: 5px 0;line-height: 30px}
.history>ul>li.align_l .part .cont span {font-size: 15px;;margin-left: 15px;;font-weight: 800;color: #004993;; position: relative;}
.history>ul>li.align_l .part .cont span:after{content:''; width:10px; height:10px;position: absolute; top:0px; left:-7px;background: url('/commons/images/global/hist_date_top_bg.png') no-repeat;}
.history>ul>li.align_r .part .cont {font-size: 14px;color: #999;float: left;padding: 5px 0;line-height: 30px}
.history>ul>li.align_r .part .cont span {font-size: 15px;;margin-right: 15px;;font-weight: 800;color: #004993;; position: relative;}
.history>ul>li.align_r .part .cont span:after{content:''; width:10px; height:10px;position: absolute; top:0px; left:-7px;background: url('/commons/images/global/hist_date_top_bg.png') no-repeat;}
.history>ul>li.align_r .part .cont br {text-overflow: ellipsis}
.history>ul>li .part .date {font-size: 18px;font-weight: bold;line-height: 38px;}
.history>ul>li.align_l .part .date {float: right;margin-left: 42px;font-size: 34px;}
.history>ul>li.align_r .part .date {float: left;margin-right: 42px;font-size: 34px;}

/* 연혁  반응형*/

@media screen and (max-width: 1200px){
	.hist_top_bg{display:none;}
	.history{ background-position:3px 0;}
	.history > ul > li{ background-position:0 0; margin-bottom:30px;background: url('/commons/images/global/hist_one_m.png') no-repeat;  }
	.history > ul > li.align_l .part,
	.history > ul > li.align_r .part{ width:85%; text-align:left; margin-left:0; padding:0 0 0 50px; }
	.history > ul > li.align_l .part .cont,
	.history > ul > li.align_r .part .cont{ float:none; }	
	.history > ul > li.align_l .part .date,
	.history > ul > li.align_r .part .date{float:none;margin-right:0px; margin-left:0px;}
}


/*
====================
HOME > 회사소개 > 사업영역
====================
*/

.busin_wrap{width:95%;  padding-bottom:50px;margin: 0 auto; background:url('/commons/images/global/busin_wrap_bg.png') no-repeat; background-position:right 10px;}
.busin_wrap p {font-size: 14px;padding-left: 27px;line-height:20px; background: url('/commons/images/global/busin_left_bg.png') no-repeat; background-position: left 6px;  }
.busin_wrap ul {margin-left:27px;}
.busin_wrap ul li {color:#999; font-weight:700;}

@media screen and (max-width: 900px){
.busin_wrap{background:none;}
}




/*
====================
HOME > 회사소개 > 오시는길
====================
*/

.maps_wrap .mapin_wrap{width:95%; margin:0 auto;padding-bottom:15px;}

.maps_wrap .mapin_wrap p{font-size: 18px; padding-left: 27px; line-height: 28px; background: url(/commons/images/global/busin_left_bg.png) no-repeat; background-position: left 6px; font-weight:bold;}

/*
====================
HOME > 면허 및 인증
====================
*/

.license_wrap{width:100%;  padding-bottom:50px;margin: 0 auto;}
.license_wrap ul {width:100%;}
.license_wrap ul li {width:33.333%; float:left; display:block; text-align:center;}
.license_wrap ul li div {padding:10px 10px;}
.license_wrap ul li div .list_img{border:1px solid #777777; background-color:#000; margin-bottom:10px;}
.license_wrap ul li div .list_img img{width:100%;}

@media screen and (max-width: 900px){
.busin_wrap{background:none;}
}