@media (max-width:1024px){

/*.container_wrap{ margin-top:60px; }*/
.sub_contents_wrap .centerWrap {padding:40px 10px 45px !important;}
/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }
.btn_style01 {padding:8px 30px; font-size:12px;}
/* 버튼 스타일 */
.btn{ display:inline-block; min-width:37px; line-height:28px; height:31px; font-size:12px; text-align:center; }
.btn:hover{ border-color:#005bac; background:#005bac; color:#fff; }

/* 페이징 버튼 */
.paging_btn{ padding:0px 0 25px 0; }

.location .home {display:none;}
.location div {width:50%; }
/* .location div.depth_2 {border-right:0;} */
.location div.depth_3 {width:100%; border-right:0;}
.location div .first {height:42px; padding:10px 15px; font-size:13px;}
/* .location div ul {width:100%;} */
.location div ul li:first-child a {padding-top:0;}
.location div ul li:last-child a {padding-bottom:10px;}
.location div ul li a {font-size:13px; padding:5px 13px;}


/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{  }
.middle_wrap .logo a > img{  }

.copyright h3{display:block !important;}
.copyright h3 img{ width:145px;}
/*------------------------------------
    전체 카테고리
------------------------------------*/
.nav{ height:60px; }
.nav .site_map{ display:block; }
.nav .site_map > h1 a{ width:45px; }

/*------------------------------------
    상단 gnb
------------------------------------*/
.top_menu{ display:none !important; }


/*------------------------------------
    상단 해더
------------------------------------*/
.header_center .top_wrap .right > li:last-child{ display:none; }

/* 다국어 버튼 */
.header_center .top_wrap{ }
.header_center .top_wrap .right{ right:50px }
.header_center .top_wrap .right > li .language_btn{ margin-top:6px; margin-right:6px; }
.header_center .top_wrap .right > li .language_btn{ padding:1px 10px 0; line-height:21px; font-size:12px; color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.1); border-radius:100px; }
.header_center .top_wrap .right > li .language_btn span{ display:none; }
.header_center .top_wrap .right > li .language_btn:hover{ background:#1f3c84; color:#fff; }


/*--------------------------------------------
    메인: 50주년 동영상 50th Anniversary Video
--------------------------------------------*/
.main_vedio_wrap{ padding:35px 0 100px; background-size:125%; }
.main_vedio_wrap p{ padding:5px 10% 25px; font-size:12px; line-height:22px; word-break:keep-all; }
.main_vedio_wrap a{ width:140px; font-size:12px; line-height:36px; }

.main_vedio_title{ font-size:12px; line-height:16px; }
.main_vedio_title:before{ font-size:10px; vertical-align:0; }

.Main .main_vedio{ margin-top:0; }

.Main .main_vedio_close_btn{ }
.Main .main_vedio_close_btn:before{ font-size:13px; line-height:1px; }

/*------------------------------------
    메인: 타이틀
------------------------------------*/
.contents_title{ margin-top:45px; font-size:24px; line-height:34px; }
.contents_title:after{ width:50px; margin-left:-25px; }
.contents_title u:before{ display:block; width:100%; margin-bottom:5px; height:45px; background-size:auto 100% !important; vertical-align:0; }


/*------------------------------------
    공통부분
------------------------------------*/
/* .wd33 {width:100% !important;}
.wd40 {width:100% !important;}
.wd50 {width:100% !important;}
.wd60 {width:100% !important;}
.wd100 {width:100% !important;}
 */


/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .middle_wrap.fixed .logo{ top:13px; }
.middle_wrap.fixed .logo a{ width:156px; height:33.8px; } */


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.total_menu .depth_2 {-webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; height:0; opacity:0;}
.total_menu .depth_2.on {opacity:1; height:auto;}
.total_menu li {cursor:pointer}
/* .total_menu li a {pointer-events: none; cursor: pointer; text-decoration: none; color: black;} */


.sub_category_top .centerWrap{ padding:0; }
.sub_category_top:before{ display:none; }

.depth_2_sub{ background:url(/img/product_img_bg.jpg); }
.depth_2_sub:before{ height:1px; width:100%; }
.depth_2_sub > li{ width:50%; }
.depth_2_sub > li.active:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li:before{ z-index:10; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li:hover:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li a{ font:300 12px/32px 'Roboto','NanumGothic','Noto Sans KR','Malgun Gothic'; }
.depth_2_sub > li a{ width:100%; overflow:hidden; padding:0 5px; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.depth_2_sub > li:nth-child(even) a{ border-right:none; }
.depth_2_sub > li.active > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a:after{ z-index:99; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li.active:hover > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a{ background:#fff; color:#222; font-weight:400; }
.depth_2_sub > li a i:before{ color:#444; }
.depth_2_sub > li:hover a i:before{ color:#444; }
.depth_2_sub > li.active a i:before{ color:#fff; }

.depth_3_sub{ display:none; top:31px; }
.hover .depth_3_sub{ display:block; }

.depth_3_sub li a{ line-height:31px; }

.company_body .depth_2_sub > li{ width:50%; }
.product_body .depth_2_sub > li{ width:50%; }
.cs_body .depth_2_sub > li{ width:50%; }

.hover .depth_3_sub{ display:block; padding-top:0; }
.total_menu > li > a {font-size:13px;}
.total_menu .depth_2 li > a {font-size:13px;}

/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.depth_2_left{ background:url(/img/product_img_bg.jpg); }
.depth_2_left > li{ width:50%; }
.depth_2_left > li a{ font-size:12px; line-height:30px; }

.product_body .depth_2_left > li{ width:50%; }



/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_right_contents{ min-height:250px; }
.sub_contents_wrap { min-height:300px; }
.left_ui_wrap .container_wrap {background:none;}

/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left{ padding:40px 0 50px 0; min-height:300px; }



/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ *height:220px; background-size:cover !important; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:115px; font-size:17px; line-height:30px; }
.sub_visual_wrap > h1 span{ margin-top:2px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
/* .contents_tab_wrap{ margin:-10px 0 30px; }
.contents_tab{ width:100%; max-width:500px; }
.contents_tab li{ float:left; display:block; width:32%; margin:2px 0 2px 2%; }
.contents_tab li:nth-child(3n+1){ margin-left:0; }
.contents_tab li a{ width:100%; padding:0 5px; font-size:11px; line-height:32px; } */
.contents_tab {padding:0;}

/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:40px; font-size:13px; line-height:20px; font-weight:300; text-align:left; }
.sub_contents_title br{ display:none; }
.sub_contents_title strong{ font-weight:400; }

.sub_right_contents{ padding:0; min-height:auto; }
.sub_title_wrap{ margin-bottom:30px; }
.sub_title_wrap .img_wrap{ max-width:90px; margin-bottom:15px; }
.sub_title { font-size:13px; line-height:18px; }
.sub_title h1{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h1:after{ width:25px; margin:15px auto; }
.sub_title h3{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h4{ margin-bottom:10px; font-size:14px; line-height:20px; font-weight:500; }
.sub_title span{ margin-top:10px; font-size:12px; line-height:22px; }
.sub_title span br{ display:none; }


.dotted{ padding-top:20px; margin-bottom:20px; }
.dotted_big{ padding-top:30px; margin-bottom:30px; }
.dotted_line{ padding-top:30px; margin-bottom:30px; }
.dotted_big_line{ padding-top:40px; margin-bottom:40px; }
.dotted_small{ padding-top:5px; margin-bottom:5px; }

/*------------------------------------
    회사소개
------------------------------------*/


.btn_wrap2 {max-width:600px; padding:0 15px; box-sizing:border-box;}
.history h3 span:before {display:none;}
.history_wrap .left_box {width:100%; text-align:center; padding-right:0;}
.history_wrap .left_box span {text-align:center; padding-bottom:5px; font-size:16px;}
.history_wrap .left_box p {text-align:center;}
.history_wrap .left_box p br {display:none;}
.history_wrap .left_box h1 {display:none;}
.history_wrap .right_box {width:100%; margin-top:20px;}
.history_wrap .history h3 {width:100px;}
.history_wrap .history h3 span {font-size:22px;}
.history_list {width:100%;}
.history_list li dl {padding-bottom:20px; padding-left:0;}
.history_list li dl:after {display:none;}
.history_list li dl dd {position:relative; font-size:13px; width:100%; padding:3px 0 3px 7px}
.history_list li dl dd:after {content:''; width:3px; height:3px; background:#999; position:absolute; top:11px; left:0;}
.main_new_map dl dd:nth-child(3) .fa {left:10px !important;}
.history_list li:after {display:none;}

.tab_list li a {font-size:20px; padding:0 20px 15px}

.main_new_map dl dt {font-size:16px; margin-bottom:5px; font-weight:500}
.main_new_map dl dd {font-size:13px; margin-bottom:0;}
.main_new_map dl {margin-top:10px;}
.main_new_map dl dd.type {padding:5px 10px 5px 40px; font-size:13px; margin-top:5px;}
.main_new_map dl dd.type .fa {top:9px; left:8px;}
.main_new_map dl dd.type:after {left:30px;}

.root_daum_roughmap .wrap_map {height:250px !important}
/* 인사말 */
.contents_box .img_wrap.compayny {width:45%; height:400px; background-size:cover;}
.contents_box .txt_wrap {width:50%; margin-left:5%;}
.contents_box .txt_wrap p:first-child {font-size:16px; line-height:25px; margin-bottom:20px; font-weight:500;}
.contents_box .txt_wrap p {font-size:13px; margin-bottom:15px;}
.contents_box .txt_wrap p.sign {font-size:13px; margin-top:25px;}
.contents_box .txt_wrap p.sign span {font-size:20px;}


/* CEPO인사말 */
.ceo_wrap{ padding:0 0.5%; /* max-width:760px; */ margin:0 auto; box-sizing:border-box; }
.ceo_bg{  margin:0 0 30px; padding:20px; font-size:12px; background-size:cover; box-sizing:border-box; background-position:top left;}
.ceo_wrap > .img_wrap{ margin-bottom:28px; }
.ceo_wrap > .img_wrap img{ border-radius:0; }
.ceo_wrap .sub_title_wrap .sub_title{ text-align:center; }
.ceo_wrap .top_txt {max-width:100%; text-align:left; margin-bottom:20px;}
.ceo_wrap .top_txt p{font-size:18px; line-height:26px;}
.ceo_contents {font-size:12px; text-align:left; margin-top:20px;}
.ceo_contents p{ font-size:12px; line-height:20px; text-align:left; }
.ceo_contents .img_wrap{ margin:0; padding-top:25px; max-width:120px; }
.ceo_bg strong {font-size:14px;}
.ceo_wrap .top_txt span {font-size:14px;}
.ceo_wrap .top_txt p {font-size:14px; line-height:20px;}
.ceo_wrap .top_txt:after{display:none;}
.ceo_wrap .top_txt:before{display:none;}

/* 비전 */
.vision_contents .top_txt ul li span strong {font-size:20px;}
.vision_contents .top_txt ul li span {font-size:16px;}
.vision_contents .top_txt ul li p {font-size:12px;}
.vision_contents .txt {font-size:14px;}
.vision_contents .txt02 {font-size:12px;}
.vision_contents .txt03 {font-size:12px;}

/* 오시는길 */
.mapArea{ height:auto; border-right:none; border:none; border-left:none; margin-bottom:20px; }
.mapArea .mapField{ float:none; width:100%; height:300px; }
.mapArea .mapinfo{ float:none; width:100%; height:100%; padding:20px; position:relative; }
.mapArea .mapinfo{ padding-right:0; margin-top:0; }
.mapArea .mapinfo .titleField{ margin:25px 0 10px; font-size:15px; }
.mapArea .mapinfo li{ padding-left:76px; margin-bottom:8px; font-size:12px; line-height:22px; }
.mapArea .mapinfo li strong{ padding:0 8px; font-weight:300; font-size:12px; width:66px; margin-left:-76px; }
.mapArea .mapinfo a {top:0; right:0; left:inherit;}
.mapArea .mapinfo .wd40{width:100% !important;}
.mapArea .mapinfo .wd60{width:100% !important;}
.mapArea .mapinfo .addr span {font-size:12px;}
.mapArea .mapinfo .addr p {font-size:12px;}
.mapArea .mapinfo .titleField {margin:0 0 20px;}
.new_map > div{ height:230px !important; }
.new_map > div:last-child{ height:32px !important; }
.mapArea .mapField iframe {height:300px;}

/* 조직도 */
.organization_wrap .sub_title_wrap .sub_title{ text-align:center; }
.organization_wrap .top_txt p{font-size:14px; line-height:20px;}
.organization_wrap .top_txt:after{display:none;}
.organization_wrap .top_txt:before{display:none;}
.organization_wrap .top_txt span {font-size:14px;}



/*------------------------------------
    제품소개
------------------------------------*/

.product_wrap .section {margin-bottom:30px; padding-bottom:30px;}
.product_wrap .section h2 {font-size:16px; margin-bottom:22px; padding-bottom:15px;}
.product_wrap .section h2:after {width:30px; margin-left:-15px;}
.product_wrap .section .guide_list ul li {font-size:13px;}
.product_wrap .section .sub_tit {font-size:14px; line-height:30px;}
.product_wrap .section .thumnail li {width:49%; margin-bottom:15px}
.product_wrap .section .thumnail li:nth-child(even) {margin-left:2% !important;}
.product_wrap .section .thumnail li:nth-child(odd) {margin-left:0 !important;}
.product_wrap .section .thumnail li .box .txt span {font-size:13px;}
.vision_ui .sub_contents_wrap .centerWrap .section:nth-child(even) {background:none; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
.vision_ui .sub_contents_wrap .centerWrap .section:last-child {border-bottom:none;}
.vision_ui .sub_contents_wrap .centerWrap .section:last-child .full_video {margin-bottom:0;}
.m_vision {display:block; padding:30px 0}
.m_vision img {max-width:100%; min-width:50px;}
.m_vision h3 {font-size:22px; margin-bottom:10px;}
.m_vision h3 span {font-size:16px;}
.m_vision .left_box {width:100%; float:none; display:block; height:auto; padding:0;}
.m_vision .left_box .box_con img {padding-bottom:30px; max-width:80%}
.m_vision .right_box {width:100%; float:none; display:block; height:auto; padding:0; }
.m_vision .box_con {display:block; text-align:center;}
.m_vision .box_con img {margin-top:20px;}
.m_vision .box_con iframe {margin-bottom:20px;}
.m_vision .right_box .box_con iframe:first-child {margin-bottom:0;}

.m_vision .box_con .sub_txt { font-size:14px !important; font-style:normal;}
.m_vision .sub_txt:after {width:30px; height:1px; left:50%; margin-left:-15px; bottom:-10px; background:#333;}
.m_vision .box_con .txt_list li {margin-bottom:3px; text-align:left; font-size:13px;}
.m_vision .box_con .txt_list li:last-child {margin-bottom:10px;}
.m_vision .box_con p {font-size:13px !important; line-height:20px;}
.box_logo {text-align:center; padding-bottom:20px;}
.m_vision .right_box img {max-width:70%;}
.m_vision .h300 {height:100% !important;}
.m_vision .center_txt p {font-size:13px;}
.m_vision .sub_txt02 {font-size:13px; margin-bottom:20px;}
.m_vision .sub_txt02:last-child {margin-bottom:0;}
.m_vision .sub_txt {font-size:16px;}
.check_list li {font-size:13px; padding:2px 10px}
.m_vision .sub_info_txt {font-size:13px;}
.full_video {height:300px; padding:0; margin-bottom:20px;}
.line_list03 li p {font-size:13px; padding:10px;}
.line_list03 li span {font-size:15px; width:30px; padding:20px;}
.features_list li {width:100%; margin-left:0; margin-bottom:10px; min-height:auto; padding:15px;}
.features_list li p {font-size:13px; padding-top:0;}
.features_list li span {padding-bottom:10px; margin-bottom:10px; font-size:13px;}
.smart_list li {display:table; width:100%; margin-left:0; margin-bottom:10px;}
.smart_list li span {display:table-cell; vertical-align:middle; width:80px; font-size:13px; font-weight:500}
.smart_list li p {display:table-cell; vertical-align:middle; font-size:13px; padding:10px;}
.smart_list2 li span {font-size:13px; font-weight:500; line-height:15px;}
.center_info2 {margin-top:10px;}
.center_info2 ul {width:100%;}
.center_info2 ul li {width:100%; margin-left:0 !important; font-size:13px; padding:5px 10px;}
.center_info2 .thumnail {width:100%; padding:10px 0; text-align:center;}
.center_info ul li {font-size:12px;}
.line_list li {font-size:13px;}
.m_vision .center_txt p br {display:none;}
.m_vision .sub_txt.center {margin-bottom:25px; font-style:normal;}
.line_list02 li {width:100%; margin-left:0; margin-bottom:5px;}
.line_list02 li div {height:auto; font-size:13px; padding:5px;}
.thumnail img {max-width:100%;}
.etc_txt {font-size:12px;}

.txt_style01 {font-size:13px;}
.txt_style01:after {display:none;}
.txt_style01:before {display:none;}
.pb80 {padding-bottom:0 !important;}
.tab_menu {padding:0;}

/* 제품소개 상단영역 */
.product_top li div p {font-size:12px;}

/* 제품소개 공통영역 */
.img_row li p {font-size:12px; padding-left:90px;}
.tbl_style02 th {font-size:12px; padding:5px;}
.tbl_style02 td {font-size:12px; padding:5px;}
.block1 li p {font-size:12px;}
.tbl_style01 tbody tr th {font-size:12px;}
.tbl_style01 tbody tr td {font-size:12px;}
.btn_wrap2 a {padding: 10px 20px 8px; margin:0 0 3px; font-size:12px;}
#play {height:400px;}

.contentField iframe {height:300px;}

/* 제품사양 테이블 */
.product_spec_mobile{ position:relative; margin-top:-10px; padding-top:30px; overflow-x:scroll; }
.product_spec_mobile:before{ content:'↔ Table Scroll'; position:absolute; left:0; top:6px; font-size:12px; color:#555; }

.product_spec_mobile .product_spec{ min-width:500px; }
.product_spec th, .product_spec td{ height:32px; padding:3px; font-size:11px; line-height:16px; }
.product_spec thead th{ height:33px; }
.product_spec thead th:first-child:before{ border-bottom-width:33px; border-left-width:86px; }
.product_top li .img_wrap.represent img {height:auto }
/* 암레스 */
/* .product_top{ margin-bottom:0; }
.product_top li{ float:none; overflow:hidden; width:100%; margin-left:0; padding:15px;  }
.product_top li:first-child{ margin-bottom:15px; }
.product_top li div{ float:none; width:100%; text-align:center; }
.product_top li .img_wrap{ float:none; width:100%; padding:0 15px; margin:0; }
.product_top li .img_wrap img{ max-width:220px !important; }
.product_top li div h2{ margin:15px 0 10px; padding:2px 20px 0; font-size:13px; line-height:24px; border-radius:100px; }
.product_top li div p{ font-size:14px; line-height:20px; } */

.left_title_wrap{ margin-bottom:0; }
.left_title{ float:none; display:inline-block; width:100%; margin-bottom:15px; padding-top:8px; }
.left_title strong{ font-size:16px; line-height:20px; }
.left_title strong:before{ width:15px; height:2px; }
.left_title strong br {display:none;}
.left_title_block{ float:none; width:100%; }

.block1 li{ float:none; margin-right:0; }
.block1 li:first-child{ }
.block1 li img{ max-width:200px !important; }
.block1 li p{ padding:15px 0 0 0; }
.block1 li p br{ display:none; }

.product{}
.product p{ font-size:14px; line-height:20px; }
.product .box_con{width:100%;}
.product .box_con.wd40 {width:100% !important;}
.product .box_con.wd60 {width:100% !important;}
.product .box_con:last-child {margin-bottom:0}
.product .box_con .box{padding:20px;}
.product .box_con .box .tit {font-size:15px; margin-bottom:15px;}
.product .box_con .box .info_txt ul li {font-size:12px;}


.before_after_img_wrap{ max-width:345px; margin:0 auto; }
.before_after_img{ float:none; width:100%; margin:0; }
.before_after_img:first-child:after{ clear:both; display:block; content:''; }
.before_after_img:nth-child(2){ margin-top:30px; }
.before_after_img dl{ height:180px; }
.before_after_img dl dt{ font-size:13px; line-height:18px; height:180px; }
.before_after_img:first-child dl dt{ background:#939598; }
.before_after_img:nth-child(2) dl:before{ left:50%; top:-27px; content:''; margin-top:0; font-size:24px; }
.before_after_img dl dd{ height:180px; }
.before_after_img dl dd img{ height:180px !important; max-width:auto !important; }

/*------------------------------------
  회사소개
------------------------------------*/
.contents_box>h1{font-size:18px;}
.contents_box>h1.no_tab::after{width:40%; height:2px;}
.contents_box>h1.no_tab{margin:0 0 50px;}

.contents_box .txt_wrap br{display:none;}
.contents_box .txt_wrap p.sign span{font-size:18px;}


/* 연혁 */

.tabcontent.history{max-width:100%; }
.tabcontent.history th{font-size:20px;}
.tabcontent.history div{width:25px; height:25px; font-size:13px; margin:0 15px;}
.tabcontent.history p{font-size:12px; margin:5px 0; padding-left:20px;}
.tabcontent.history .year:before{display:none;}
.tabcontent.history .year:after{display:none;}


/* 설립목적 */

.vision p{ max-width:100%; margin:0; padding:10px 0.5% 0; border-radius:0; box-shadow:none; border:none; text-align:left; font-size:13px; line-height:170%;}
.vision p br{display:none;}

/* 발전소현황 */
.contents_box.bbs>h1.no_tab {margin-top:0;}
.contents_box .root_daum_roughmap .wrap_map{height:250px !important;}


/*------------------------------------
  에너지소개
------------------------------------*/
/* 태양에너지 */
.energy_wrap h2{font-size:18px;}
.energy_wrap img{max-width:40%; width:auto; margin:0 auto;}
.energy_wrap .img_wrap.membership{padding-bottom:15px;}
.energy_wrap .img_wrap.membership img{max-width:100%; width:auto; margin:0 auto;}
.energy_wrap .txt p{font-size:13px;}
.energy_wrap .txt p:before{ width:2px; height:2px; top:12px; margin-left:-8px;}

/* 태양광산업 */

.energy_content ul li{ height:295px;}
.energy_content ul li dl dd{font-size:15px;}
.energy_content ul li dl dd span{font-size:12px; padding-top:5px;}


/* 에너지절약 */
.energy_wrap .top h2{font-size:25px; padding:80px 0;}
.energy_wrap .top{background-size:cover;}
.energy_wrap .top.two{background-size:cover;}
.energy_wrap .top.three{background-size:cover;}
.energy_wrap .top.four{background-size:cover;}
.energy_wrap .video_wrap iframe{height:255px !important;}


.energy_wrap.fact img{max-width:100%; width:auto; margin:0 auto;}


/* 재생에너지 */

.accordion{padding: 15px 60px 15px 90px; border-radius: 10px; margin: 10px 0 0;}
.accordion h4{font-size:16px;}
.accordion p{font-size:14px;}
.accordion::before{ left: 20px; top: 50%; width: 50px; height: 50px; transform: translateY(-50%);}
.panel{ padding: 0 10px 20px; border-radius: 0 0 10px 10px;}
.panel ul { padding: 0px 0 0 25px; margin: 20px auto;}
.panel li{font-size: 12px;}
.panel li::before{ left:-20px; width:5px; }
.panel>div{ padding: 10px 0; }
.panel dd { padding: 0px 10px; }
.panel dd::before{padding:1em 0;}
.panel p{ font-size: 14px; margin: 0 0 1em; }

.panel table{margin: 0 10px;}
.panel th{font-size:13px;}
.panel td{font-size:12px;}
.panel p{font-size:12px; margin:0; line-height:170%;}
.panel dd::before{font-size:14px;}

/* 정관 */

.association{padding:35px 15px;}
.association .top h3{font-size:16px;}
.association .top span{font-size:12px;}

.association h1{font-size:15px;}
.association h2{font-size:13px;}
.association p{font-size:12px;}
.association span{font-size:11px;}


/* 조합원가입 */
.member_content .txt{padding-top:0;}
.member_content .button{padding-top:20px;}
.member_content .button a{padding:5px 15px; font-size:15px;}


/*------------------------------------
    자료실
------------------------------------*/
/* 설치설명 공통 */
.depth_flow li .box .txt {padding:15px;}
.product p {font-size:12px;}

/*------------------------------------
    게시판
------------------------------------*/
.cs_search_wrap {margin-bottom:0;}

/*------------------------------------
    푸터
------------------------------------*/
footer.footer_center{ padding:0; }
.copyright h3{ margin-bottom:10px; }
.copyright h3 a{  }
/*.copyright .addr{ text-align:left; }*/
.copyright{padding:20px 15px;}
.copyright .addr ul{ display:block; }
.copyright .addr ul li{ font-size:12px; line-height:20px; padding-left:0}
.copyright .addr ul li.m_after:after{ display:none; }
.copyright .addr ul li.m_after_block{ float:none; display:block; word-break:keep-all; }

.copyright .addr ul:first-child{ margin:5px 0 }
.copyright .addr ul .login_btn{ padding:0 6px 0 5px; margin:10px 0 0 0; font-size:12px !important; line-height:12px; }
.copyright .addr ul .login_btn:before{ font-size:10px; }
.copyright .addr ul li a{ font-size:12px; }
.copyright .addr ul:first-child li a:before{ font-size:12px; }
.copyright .addr .login_btn:after {left:0; top:5px;}

/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_text{ font-size:14px; line-height:40px; }



/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/
/* 푸터 */
.footer_left{ padding:30px 0 33px; }
.copyright_left .addre{ padding-bottom:25px; }
.copyright_left .addre h5{ margin-top:6px; font-size:11px; }
.copyright_left .addre p span{ font-size:11px; }
.family_site a {font-size:12px;}
ul.footer_site_btn{ max-width:400px; }
ul.footer_site_btn li a{ font-size:11px; background:#950b13; }
ul.footer_site_btn li a:hover{ background:#333; }

/* 서브비주얼 */
.left_ui_wrap .sub_visual_wrap{ height:130px; }
.left_ui_wrap .sub_visual_wrap h1{ margin-top:51px; font-size:17px; line-height:30px; }


/* 서브 컨텐츠 */
.left_ui_wrap .sub_contents_wrap .centerWrap{ padding:45px 15px 45px; }


/*------------------------------------
	비밀글 삭제등
------------------------------------*/
.board_passwd_basic{ padding-top:60px; }







/*------------------------------------
    로그인 페이지
------------------------------------*/
.formControl{ height:28px; font-size:11px; line-height:26px; }
.submit_btn{ max-width:50%; padding:5px; font-size:13px; }

.loginbox{ padding:20px 0; }
.loginbox h2{ padding-bottom:15px; margin-bottom:15px; font-size:18px; line-height:30px; }

.formLogin li{ margin-bottom:15px; }
.formLogin li label i{ font-size:12px; line-height:26px; }
.formLogin li label .formControl{ font-size:12px; }



/*------------------------------------
    테이블
------------------------------------*/
.table_basic th, .table_basic td{ padding:2px 5px; height:28px; font-size:10px; line-height:16px; }
.table_basic th{ height:30px; }



/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_page_box_wrap{ margin:-50px -15px 0; padding-bottom:30px; }
.search_page_box{ padding:15px; border-width:0 0 1px 0; }
.search_page_box dt{ float:none; width:100%; margin-bottom:3px; padding-right:0; text-align:center; }
.search_page_box dt b{ font-size:16px; line-height:20px; }
.search_page_box dt span{ font-size:11px; line-height:16px; }
.search_page_box dd{ width:78%; }
.search_page_box dd:last-child{ width:22%; }

.search_page_input{ width:100%; height:30px; line-height:30px; padding:0 10px; font-size:11px; }
.search_page_btn{ width:100%; height:30px; line-height:30px; font-size:11px; }

.search_result_title{ padding:0 0 10px; margin-bottom:20px; font-size:12px; line-height:18px; }

.search_page_result{ padding:0 0 14px; margin-bottom:15px; }
.search_page_result h2{ font-size:14px; line-height:20px; }
.search_page_result h2:before{ font-size:12px; }
.search_page_result h3{ padding:6px 0 4px; font-size:11px; line-height:16px; }
.search_page_result h3 strong{ font-size:12px; }

.search_page_result .path_box a{ font-size:10px; }
.search_page_result .path_box a:before{ font-size:8px; vertical-align:1px; }
.search_page_result .path_box a:first-child:before{ font-size:10px; vertical-align:-3px; }


/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ margin:20px 0 5px; padding:10px 0; font-size:13px; line-height:20px; }
.privacy_wrap h2 span{ font-size:13px; line-height:20px; }

.privacy_wrap p{ font-size:12px; line-height:18px; }
.privacy_wrap p.i_wrap{ font-size:15px; line-height:24px; }
.privacy_wrap p > span{ font-size:12px; line-height:18px; }
.privacy_wrap p > i{ font-size:13px; line-height:20px; }

.privacy_wrap ul{ padding:10px 15px; }
.privacy_wrap ul li{ font-size:12px; line-height:18px; }


.contact .contents_tab li {display:inline-block}
.contact .contents_tab li a {display:block;height:32px; font-size:18px;}
.contact .contents_tab li:last-child a {border-bottom:1px solid #ddd;}


}


@media (max-width:640px){

.contents_tab_wrap {padding:0}
.contents_tab li {width:100%; display:block;}
.contents_tab li a {display:block;height:32px; padding:4px 10px;border-width:1px 1px 0 1px;}
.contents_tab li:last-child a {border-bottom:1px solid #ddd;}

.tab_menu li {width:100%; display:block;}
.tab_menu li a {display:block;height:32px; padding:4px 10px;border-width:1px 1px 0 1px;}
.tab_menu li:last-child a {border-bottom:1px solid #ddd;}


/*------------------------------------
    회사소개
------------------------------------*/
.main_new_map dl {width:100%;}
.main_new_map dl dd.type {display:block;}

/* 인사말 */
.contents_box .img_wrap.compayny {width:100%; margin-bottom:15px;}
.contents_box .txt_wrap {width:100%; margin-left:0;}
.ceo_txt_wrap .ceo_name{padding:10px 0;}
.ceo_txt_wrap .ceo_name h3{font-size:20px;}
.ceo_txt_wrap .ceo_name span{font-size:16px;}
.ceo_txt_wrap .ceo_name p{font-size:12px; padding-top:8px;}

/* 회사소개 */
.ceo_bg {height:200px; background-position:center;}
/* 비전 */
.vision_contents .txt02 {width:100%}
.vision_contents .top_txt ul {margin-bottom:0; }
.vision_contents .top_txt ul li {width:100%; padding-left:0; text-align:center; margin-bottom:20px;}
.vision_contents .top_txt ul li:last-child {margin-bottom:0;}
.vision_ci li {width:100%; margin-top:20px;}
/* 연혁 */
.history .box .year {padding-bottom:0;}
.history .box .lft_con {width:100%;  padding:20px 0; }
.history .box .rgt_con {width:100%; padding:20px 0; }
.history .box:nth-child(1) .rgt_con { text-align:center; max-width:300px;margin:0 auto; float:none; }
.history .box:nth-child(2) .lft_con {text-align:center; max-width:300px; margin:0 auto; float:none; }
.history .box:nth-child(3) .rgt_con { text-align:center; max-width:300px;margin:0 auto; float:none; }


/*------------------------------------
    제품소개
------------------------------------*/
.product_wrap .section .guide_list > li {width:100%; margin-left:0; margin-bottom:20px; padding-right:0;}
.product_wrap .section .guide_list > li:last-child {margin-bottom:0;}
.product_wrap .section .img_box {padding:15px;}

.rwd_table th {display:none;}
.rwd_table tbody tr {display:block; border:1px solid #ddd; margin-bottom:15px;}
.rwd_table td {display:block; height:100%; border:none; position:relative; padding-left:90px; border-bottom:1px solid #ddd; text-align:left; background:#fff;}
.rwd_table tbody tr td:last-child {border-bottom:0;}
.rwd_table td:before {display:block !important; text-align:left; position:absolute; top:0; left:0; padding:10px; box-sizing:border-box; height:100%; background:#222; color:#fff; line-height:8px;}
.btn_download {width:100%; text-align:center;}

.infoBox01 dl {width:100%; float:none; padding:15px;}
.infoBox01 dd {height:auto; padding:20px 0 0}
.infoBox01 dl:last-child {margin-left:0;}
.infoBox01 dd strong.numField {font-size:30px;}
.infoBox01 dt .imgField {text-align:center;}

/* 일반형 */
.depth_flow.box_wrap .box .txt {height:auto !important;}
.product .depth_flow.box_wrap {margin-left:0;}
.product .depth_flow.box_wrap li {padding-left:0;}

/* 경첩형 */
.img_row li p {padding-left:0;}

/*------------------------------------
    자료실
------------------------------------*/
/* 자료실 > 경첩형 */
.data_img_wrap {width:343px; margin:0 auto;}
.depth_flow {margin:0 auto;}
.depth_flow li {width:100% !important; padding-left:0; margin-bottom:15px;}
.depth_flow li:last-child {margin-bottom:0;}
.depth_flow li.wd25 {width:100% !important;}
.depth_flow li.wd50 {width:100% !important;}
.depth_flow li .box .txt {height:auto;}


/*------------------------------------
    레이어팝업
------------------------------------*/
.layer .pop {width:320px; height:250px;}
.pop .pop_container {padding:0;}
}



@media (max-width:600px){


/* csr : 환경/안전방침 */
.csr_quality{ background-position:21%; }

/*------------------------------------
    제품소개
------------------------------------*/
/* 경첩형 */
.img_row li p {font-size:11px; letter-spacing:-0.5px;}
.img_row li span {right:10px;}

}