.nobpad {padding-bottom:0 !important;}
.nobar {border:none !important;}
.b { font-family: 'NanumBarunGothicBoldWeb'; }


h2.contit { font-size:20pt; line-height:26pt; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-2px; color:#323232; background:url('../img/com/icon_contit.gif') no-repeat 5px 9px;
              padding:5px 0 4% 25px ; width:100% }
h2.contit .ltit {width:100%;font-size:19pt; line-height:26pt; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-2px; color:#323232;}
h2.contit .lstit {width:100%;font-size:19pt; line-height:26pt; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-2px; color:#323232; }


h2.contit .tdot {font-size:30pt; line-height:32pt; color:#55a8c8; }

.conbox {width:78%; float:left; overflow:hidden; padding:5px 0 20px 0;}
.conleft{width:100%;  float:left; margin-top:30px  }

.conleft ul {width:100%; padding:41px 0; overflow:hidden;  }
.conleft ul li {width:100%;  }
.conleft ul.banner {width:100%; overflow:hidden; }
.conleft ul.banner li {float:left; width:98%; padding:0; margin:0 0 5px 0; border:1px solid #ccc;}
.conleft ul.banner li dl.cbox {width:80%; _width:100%; padding:10px 0 10px 10% ;}
.conleft ul.banner li dl.cbox dt {width:100%; font-size:13px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; text-align:left; color:#32323; padding:0 0 5px 0;}
.conleft ul.banner li dl.cbox dt span.co_g {color:#7aae27;font-size:13px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; text-align:left; }
.conleft ul.banner li dl.cbox dd {width:100%; font-size:11px; font-family:'����';  line-height:14px;  text-align:left; color:#888;letter-spacing:-1px;  }
.conleft ul.banner li dl.cbox dd.tel {color:#29afd0; font-size:21px;  font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; line-height:28px;}
.conleft ul.banner li dl.cbox dd .more {color:#aaa; font-size:9pt;font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:0; line-height:16px; }

.consns ul {width:100%; padding:41px 0; overflow:hidden;  }
.consns ul li {width:100%;  }
.consns ul.sns {width:100%; overflow:hidden; }
.consns ul.sns li {float:left; width:98%; padding:0; margin:0 0 5px 0; }
.consns ul.sns li dl.sns_icon2 dt {float:left; margin:5px 5px 10px 0;}
.consns ul.sns li dl.sns_icon2 dt{display:inline-block}


.bg_tel1 {background:url('../img/main/icon_tel.gif') no-repeat right 80%; }
.bg_patner {background:url('../img/main/icon_tel.gif') no-repeat right 80%; }
.bg_place1 {background:url('../img/main/icon_place.gif') no-repeat right 80%; }
.bg_system1 {background:url('../img/main/icon_system.gif') no-repeat right 20%; }
.bg_energy1 {background:url('../img/main/icon_energy.gif') no-repeat right 80%; }

h2.mtit {width:100%; font-size:16pt; line-height:25px; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; color:#323232; padding: 0 0 0 10px; border-left: 5px solid #2facc8; margin-bottom: 8px; }


/*���� �� ����*/

.text_c{ text-align:center}

.text_l{ text-align:left}
.text_r{ text-align:right}

.float_r{ float:right}
.float_l{ float:left}

.upper{font-size:smaller; line-height:1}


.pt5 {padding-top:5px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pb20 {padding-bottom:20px !important;}

.pr5 {padding-right:5px !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:60px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}


h3.etit {width:100%; font-size:22px; color:#454545;font-family: 'NanumBarunGothicBoldWeb'; line-height:28px; letter-spacing:-1px;}
h3.motit {width:100%;font-size:19px; line-height:20px; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; color:#323232;
                   background:url('../img/com/icon_gtit.gif') no-repeat 0 5px; padding:5px 0 10px 28px ; margin:0;}
h3.motit span  {font-size:13px; line-height:20px; color:#888; padding:0 0 0 10px;}

h4.etit {width:100%;font-size:16px; line-height:20px; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; color:#323232;
                   background:url('../img/com/icon_stit.gif') no-repeat 0 3px; padding:0 0 10px 30px ; margin:30px 0 0 0; overflow:hidden;}

h5.etit {width:100%; background:url('../img/com/icon_estit.gif') no-repeat 0 25px; font-size:15px; color:#454545; line-height:20px; padding:20px 0 7px 13px; font-family: 'NanumBarunGothicBoldWeb'; overflow:hidden;}


.text_lar1{font-size:35px; letter-spacing:-1px; line-height:normal ; line-height:1.3em}
.text_lar2{font-size:24px; letter-spacing:-1px; line-height:normal ; line-height:1.3em}
.text_lar3{font-size:20px; letter-spacing:-1px; line-height:normal ; line-height:1.3em}

.text_blue{ color:#2facc8}




.sub_wrap{position:relative;  max-width:100%; margin:0 auto; overflow: hidden; /*overflow:hidden*��ư�� ������ ������������ ����*/ } /*��ü �ִ� ���� ���� */



.brochure {}
.brochure .contents {overflow:hidden; width:calc(100% - 200px); position:relative; background:#f5f5f5; padding:50px 100px; overflow:hidden;}
.brochure .contents .txt {float:left; margin:80px 0 0 0;}
.brochure .contents .txt .pr_btn2 {margin:50px 0 0 0;}
.brochure .contents .txt .pr_btn2 .go_movie_kor a {color:#fff; padding:10px 30px; display:inline-block;}
.brochure .contents img {float:right; width:250px; border:1px solid #ddd; box-sizing:border-box;}

@media screen and (max-width:1000px){
.brochure .contents {padding:50px; width:calc(100% - 100px);}
}
@media screen and (max-width:860px){
	.brochure .contents {padding:50px 50px 100px;}
.brochure .contents .txt {float:none; margin:0 0 30px 0;}
.brochure .contents img {float:none; display:block; margin:0 auto; display:block;}
	.brochure .contents .txt .pr_btn2 {margin:0; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
}




/* board_num */
.board_num {width:100%; padding:30px 0 0 0; text-align:center;}
.board_num  a {width:24px; height:24px; text-align:center; line-height:22px; background:#fff; border:1px solid #ccc; color:#777; display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }
.board_num  a.arr {background:#666; border:1px solid #666; color:#fff;font-size:11px; font-weight:600; }
.board_num  a:hover {background:#aaa; border:1px solid #aaa; color:#fff;}
.board_num  a.num_on {background:#a01040; border:1px solid #a01040; color:#fff;}


/* board_btn */
.board_btn {width:100%; padding:30px 0 0 0 ; text-align:center; overflow:hidden;}
.board_btn a {width:90px; text-align:center; padding:15px 0; color:#fff;font-size:14px; line-height:22px;  display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }
.board_btn input {width:90px; text-align:center; padding:15px 0; color:#fff;font-size:14px; line-height:22px;  display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }

/* sbtn_btn */
.sbtn_btn {width:100%; padding:30px 0 0 0 ; text-align:center;}
.sbtn_btn a {text-align:center; padding:10px 40px; color:#fff;font-size:14px; line-height:22px;  display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }
.sbtn_btn input { text-align:center; padding:10px 0; color:#fff;font-size:14px; line-height:22px;  display:inline; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }
.sbtn_btn span {padding:0 !important; margin:0; display:inline-block; }
.sbtn_btn button {text-align:center; padding:10px 40px; color:#fff;font-size:14px; line-height:22px;  display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }

.btn_ok { background:#2facc8; border:1px solid #2facc8;color:#fff;font-family: 'NanumBarunGothicBoldWeb';}
.btn_list { background:#aaa; border:1px solid #a9a9a9; color:#fff;font-family: 'NanumBarunGothicBoldWeb';}
.btn_modify { background:#888; border:1px solid #878787;color:#fff;font-family: 'NanumBarunGothicBoldWeb';}
.btn_delete { background:#666; border:1px solid #656565;color:#fff;font-family: 'NanumBarunGothicBoldWeb';}
.btn_cancel { background:#444; border:1px solid #434343; color:#fff;font-family: 'NanumBarunGothicBoldWeb';}



/* proboard_btn */
.proboard_btn {width:100%; padding:30px 0 0 0 ; text-align:center;}
.proboard_btn  a {width:80px; text-align:center;  color:#fff;font-size:14px; line-height:28px; height:28px;  display:inline-block; margin:0 2px; font-family: 'NanumBarunGothicBoldWeb'; vertical-align:top; }

.input_search { width:300px; padding: 0 10px; background:#fff; border:1px solid #ccc;  line-height:28px; height:28px;  }

.member {width:100%; padding:30px 0 0 0;}


/* vision */
.vision{width:100%; }

.vision h2.vtit {width:100%; font-size:26pt; line-height:32pt; color:#999;  font-family: 'NanumBarunGothicBoldWeb';letter-spacing:-2px; overflow:hidden; padding:0 0 8px 0 ; }
.vision h2.vtit span{font-size:26pt; line-height:32pt; color:#333;letter-spacing:-2px;  font-family: 'NanumBarunGothicBoldWeb';}
.vision h4.vtit {width:100%; font-size:16px; line-height:20px; color:#777; font-family: 'NanumBarunGothicBoldWeb';overflow:hidden; padding:0 0 30px 0; }
.vision .vimg {width:100%; overflow:hidden; padding: 0 0 30px 0;  text-align:center; }
.vision .vimg img {width:100%; max-width:719px; }


.vision dl {width:30%; float:left; margin:0;}
.vision dl.first { margin:0 4.9% 0 0;}

.vision dl.last { float:right;}

.vision dl dt {width:100%; font-size:14pt; color:#252525; line-height:20pt; font-family: 'NanumBarunGothicBoldWeb'; padding: 0 0 10px 0;}
.vision dl dd {width:100%; font-size:10pt; color:#555; line-height:14pt;  font-family: 'NanumBarunGothicBoldWeb';}

.vision dl dd dl.list_01 {width:100%; float:none; margin:0; padding:0;}
.vision dl dd dl.list_01 dt { width:100%; font-size:10pt; color:#666; line-height:14pt;  font-family: 'NanumBarunGothicBoldWeb';}
.vision dl dd dl.list_01 dd { width:100%; font-size:10pt;font-family: 'NanumBarunGothicWeb'; color:#777; line-height:14pt; background:url('../img/com/icon_gdot.gif') no-repeat 1px 9px; padding:0 0 0 10px;}

.vision dl dd dl.list_02 {width:100%; margin:0;padding:0 0 10px 0;}
.vision dl dd dl.list_02 dt {float:left; width:30%; font-size:10pt; color:#666; line-height:14pt;  font-family: 'NanumBarunGothicBoldWeb'; padding:0; letter-spacing:-1px; }
.vision dl dd dl.list_02 dd {float:right; width:68%; font-size:10pt; color:#777; line-height:14pt; padding:0; font-family: 'NanumBarunGothicWeb';}
.vision dl dd dl.slast {padding:0;}


/* greeting */
.ceoimg { width:30%; float:left; max-width:177px; padding:10px 7% 0 0;}
.ceoimg img { width:100%;max-width:177px;}


.greeting {float:left;/* width:67%;*/ width:70%;}
.greeting h3.gtit {font-family:'Nanum Brush Script'; font-size:44pt; line-height:46pt; color:#303030; letter-spacing:-3px;}
.greeting h3.gtit span{font-family:'Nanum Brush Script'; font-size:44pt; line-height:46pt; color:#99c21d;letter-spacing:-3px;}
.greeting .cimg {width:100%; }
.greeting .cimg img {width:100%; max-width:488px;}
.greeting dl {width:100%;padding-top:2%; }
.greeting dl dt {width:100%; color:#333; font-size:21pt; line-height:24pt;  }
.greeting dl dt .ltxt {width:100%; float:left; color:#333; font-size:16px; line-height:25px; overflow:hidden;  font-family: 'NanumBarunGothicBoldWeb'; }

.greeting dl dd {width:100%; color:#333; font-size:15px; line-height:24px;  padding-top:3%; overflow:hidden; }
.greeting dl dd span { font-size:13px; line-height:24px;  }



.greeting .txt_01 { color:#444; }
.greeting .txt_02 { color:#555;}

.greeting .txt_03 { color:#454545;}
.greeting .txt_04 { color:#555; }
.greeting .txt_05 { color:#5c88ae; }
.greeting .end { color:#353535; font-family:'Nanum Brush Script';  font-size:24pt; line-height:24pt;}

.greeting .f18 {font-size:16px; }


/*  history */


h2.htit {width:100%; font-size:24pt; line-height:26pt; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-2px; color:#323232; background:url('../img/com/icon_tbg1.gif') no-repeat 0 5px; padding:5px 0 10px 25px ; }

/* tab_common */
#tabcontent0,#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6,#tabcontent7 {clear:both; margin-top:25px; color:#333; font-size:9pt; line-height:14px; }

/* tab_layout */
#tabmenu_lo{ overflow:hidden;width:100%; margin:5px 0 0 0; border-left:1px solid #42506b;}
#tabmenu_lo ul {width:99%;  }
#tabmenu_lo ul li{padding:0; _display:inline; float:left;border-top:1px solid #42506b; border-bottom:1px solid #42506b;border-right:1px solid #42506b;margin-bottom:5px;  width:180px; padding:0;margin:0;}

#tabmenu_lo ul li a{display:block;_float:left; width:100%; height:40px; text-align:center; line-height:40px; color:#999;text-decoration:none;background:#fff; font-size:12pt;  font-family: 'NanumBarunGothicBoldWeb'; }
#tabmenu_lo ul li.on { border:1px solid #42506b; }
#tabmenu_lo ul li.on a{ width:100%;background:#42506b; color:#fff;}
#tabmenu_lo ul li.first { border:1px solid #42506b;}



.hbox {width:100%; overflow:hidden; padding: 25px 0; border-bottom:1px solid #ddd;}
.hfirst { border-top:1px solid #55a8c8;}
.hbox h3.htit {width:20%; max-width: 100px; min-width: 100px;font-size:26pt; line-height:28pt; float:left;  font-family: 'NanumBarunGothicBoldWeb';  letter-spacing:-3px; color:#55a8c8; text-align:center; padding:0 0 10px 0; }
.hbox dl.hconbox {width:80%; float:right; padding:5px 0; overflow:hidden; }
.hbox dl.hconbox dt {width:7%;font-size:16px; line-height:24px; float:left; font-family: 'NanumBarunGothicBoldWeb'; color:#aaa; }
.hbox dl.hconbox dd {width:90%; font-size:13px; line-height:24px; float:right; color:#555; }










/*  basic_tab */
.basic_tab{  display:block; text-align:center;  font-size:0;}/*��: ����*/
.basic_tab ul{ margin:0; padding:0; font-size:0;line-height:0 }
.basic_tab ul:after{ clear:both; display:block; content:"";}
.basic_tab ul li{_display:inline;*float:left; width:49.9%; display:inline-block }
.three_tab ul li{width:33%;}
.seven_tab ul li{width:14.2%;}
.basic_tab ul li:first-child{margin-left:0%;}
.basic_tab ul li a{display:block;_float:left;color:#333;background:#fff; cursor:pointer; text-align:center;  line-height:45px; border:1px solid #CCC; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:15px; margin-left:-1px;}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#fff; background:#55a8c8 ; border:1px solid #CCC; }
.basic_tab_con{ clear:both;}

ul.basic_dot li{ padding-left:10px; background:url(../img/contents/p_list_dot.gif) no-repeat 2px 8px; margin-bottom:8px}


@media screen and (max-width:1000px){

.basic_tab ul li{ width:33.333%;  }

}


@media screen and (max-width:640px){


.basic_tab ul li{ width: auto;  }
.basic_tab ul li a{ line-height:35px; font-size:15px; padding:5px 30px }
.basic_tab ul li a span{ display:none}
}

@media only screen and (max-width: 500px){

.basic_tab{ border-left:none; border-right:none; }
.basic_tab ul li.on a{ color:#fff; background:#55a8c8; border-bottom: none}
.basic_tab ul {padding: 3% 0;}
.basic_tab ul li{width:auto; padding-top:2px}
.basic_tab ul li a{padding:0 15px}
}

@media only screen and (max-width: 500px){

.basic_tab ul li a{padding:0 10px}
}





/*������Ȳ����Ʈ*/
.project .port_list{ margin-left:-15px;  overflow: hidden; *width:100%; margin-top:20px }
.project .port_list li{ float:left;  width:25%; margin-bottom:20px  }
.project .port_list li:first-child{ margin-left:0}
.project .port_list li dl { padding:0%; margin-left:15px; background:#fff  ; border:1px solid #e7e7e7 ; position:relative; overflow:hidden}
.project .port_list li dl dt{  position:relative; overflow:hidden;}
.project .port_list dl dt img{ height:165px; max-height:165px}
.project .port_list dl dt p  {position:absolute; top:0; left:0; height:100%; width:100%;  }
.project .port_list dl dt p span{position:relative;   width:100%; height:100%; display:inline-block}
.project .port_list dl dt p img {width:100%; height:100%;  }



.project .port_list li dl dt img{ margin:0 auto; width:100%; height:165px;-webkit-transition: all .2s ease-in-out;	 -moz-transition: all .2s ease-in-out;	 -o-transition: all .2s ease-in-out;	 -ms-transition: all .2s ease-in-out;	 transition: all .2s ease-in-out;	 }
.project .port_list li dl dt img:hover{/* opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); */
-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.project .port_list li dl dd { padding:5% 5%;  overflow:hidden;  line-height:1em; position:relative}
.project .port_list li dl dd p{  overflow:hidden; }
.project .port_list li dl dd p.port_name{  font-size:15px;  margin:10px 0 5px 0}
.project .port_list li dl dd p.port_name span.tit{ float:left; width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; line-height:1em; height:20px; color:#333}
.project .port_list li dl dd p.port_name span.view{float:right;width:32%;  color:#999; font-size:12px; display:inline-block; text-align:right;letter-spacing:0; } /*view*/
.project .port_list li dl dd p.port_name span.date{float:right;width:32%;  color:#999; font-size:12px; display:inline-block; text-align:right;letter-spacing:0;} /*����*/
.project .port_list li dl dd p.port_name span.view span{ background:url(../img/contents/icon_view.gif) no-repeat 0px 50%; display:inline-block; padding-left:20px; padding-right:3px}
/*.project .port_list li dl dd p.port_con{height:40px;  font-size:14px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; width:100%;}*/

.project .port_list li dl dd p.port_con{ white-space: normal; line-height: 1.4em; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}





.project .port_list li dl dd .date{ color:#CCC; text-align:right}


@media screen and (max-width:1200px){
.project .port_list li dl dd { padding:10px 5%;  }
}

@media screen and (max-width:1000px){

.project .port_list li{ width:33.333%; }
}
@media screen and (max-width:860px){

}

@media screen and (max-width:640px){
.project .port_list li{  width:50%; margin-bottom:10px  }
.project .port_list li dl dd p.port_name{  font-size:13px; margin:5px 0 0px 0}
.project .port_list li dl dd { padding:5px 5%;  }
.project .port_list li dl dd p.port_con{}
}

@media screen and (max-width:480px){
.project .port_list li dl dd p.port_name span.tit{ width:50%;}
.project .port_list li dl dd p.port_name span.view{width:45%; font-size:11px}
.project .port_list li dl dd p.port_name span.date{ font-size:11px}

.project .port_list li dl dd p.port_name span.tit{  width:100%;}
.project .port_list li dl dd p.port_name span.view{ display:none} /*view*/
.project .port_list li dl dd p.port_name span.date{ display:none} /*����*/
.project .per_wrap .title{font-size:10px;}

.project .per_wrap .title{ margin-right:2%; width:40%;}
.project .per_wrap .bar_wrap{width:58%; margin-top:1px }

.project .port_list li dl dd.btn_link a{  font-size:11px}

}









/* bi */
.bi {width:100%; overflow:hidden; padding:0 0 30px 0; }

.bi p.bimg {float:right; width:30%; border:1px solid #ccc; text-align:center; padding:20px}

.bi dl.btxt_01 {width:65%; float:left; }
.bi dl.btxt_01 dt {width:100%; font-size:16pt; line-height:25px; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; color:#323232; padding: 0 0 0 10px; border-left: 5px solid #2facc8; margin-bottom: 8px; }
.bi dl.btxt_01 dd {width:100%;  font-size:12px; line-height:22px; font-family: 'NanumBarunGothicWeb'; color:#777;}
.bi dl.btxt_01 dd.bstxt { color:#333; padding:0 0 10px 0;}



.bi dl.btxt {width:100%;  }
.bi dl.btxt dt {width:100%; font-size:16pt; line-height:25px; float:left; font-family: 'NanumBarunGothicBoldWeb'; letter-spacing:-1px; color:#323232; padding: 0 0 0 10px; border-left: 5px solid #2facc8; margin-bottom: 8px;}
.bi dl.btxt dd {width:100%;  font-size:12px; line-height:22px; font-family: 'NanumBarunGothicWeb'; color:#777;}


.bi .color {width:100%; padding:0; overflow:hidden; padding:0;}
.bi .color h3 {width:12%; float:left; font-size:15px ; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; }
.bi .blist {width:87%;  margin:0; float:right;}
.bi .bibox {width:30.1%;  margin:0 1.4% 25px 1.4%; overflow:hidden; float:left;}

.bi .blist p{width:100%; padding:8px 0; text-align:center;color:#fff; font-family: 'NanumBarunGothicBoldWeb';}

.bi .blist dl.name {width:100%; overflow:hidden; padding:4px 0 0 0; }
.bi .blist dl.name dt {width:20%; float:left; color:#454545;  font-family: 'NanumBarunGothicBoldWeb';font-size:11px;}
.bi .blist dl.name dd{ width:78%; float:right; font-size:11px; }


.bi .co_main {background:#00609a;}
.bi .co_01 {background:#e07b20;}
.bi .co_02 {background:#50c2bb;}
.bi .co_03 {background:#c8cd2d;}
.bi .co_04 {background:#f05b89;}
.bi .co_05 {background:#2bb673;}
.bi .co_06 {background:#ffc20e;}
.bi .co_07 {background:#f04930;}
.bi .co_08 {background:#906a7a;}
.bi .co_09 {background:#3b75a1;}
.bi .co_10 {background:#eb3969;}
.bi .co_11 {background:#984775;}
.bi .co_12 {background:#456b69;}

/*������*/
.bi .co_13 {background:#404041}
.bi .co_14 {background:#CADB2A;}
.bi .co_15 {background:#bda632;}
.bi .co_16 {background:#b1b3b6;}

/*·çÁö¿ò*/
.bi .co_17 {background:#002955;}
.bi .co_18 {background:#cba632;}



/* organ */
.organ {width:100%; text-align: center;}
.organ img { width:100%;max-width:720px;}

/* cert */
.cert {width:100%;*zoom:1; display:inline-block; *display:inline; text-align:center; padding:10px 0 0 0;}

.cert:after{content:""; display:block; clear:both;}

.cert ul {width:100%;}
.cert ul li {display:inline-block; float:left; width:18.9%;  margin:0 0.4% 0 0.4%;text-align:center; padding: 10px 0; line-height:16px; height:260px;}

.cert ul li img {width:100%;max-width:141px; margin: 0 0 7px 0; border: 1px solid #ddd;}
.cert ul li.last {width:37.8%; text-align:center !important; }
.cert ul li.last img {width:100%; max-width:244px;  text-align:center !important;}



.cs_pop{position:fixed;top:0;left:0;z-index:10000000; width:100%; height:100%; }
.cs_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80); }
.cs_pop .showh_area{position:relative; top:0; width:100%; height:100%; text-align:center;margin:0 auto; padding:0 0;  overflow-y:scroll;}
.cs_pop .showh_area .pic_box {position:absolute; top:10%; left:0;  width:94%; padding:0 3%;}
.cs_close {position:absolute; top:15px; right:15px; cursor:pointer; }




.product_table_area {}
.product_tb {table-layout:fixed; width:100%;  word-break:break-all; }
.product_tb tr th { padding:10px 20px; border-right:1px solid #fff; border-left:1px solid #fff; background:#e5f2f9; color:ddd; line-height:1.4em;  text-align:center; vertical-align:middle; font-size:13px; font-weight:600 !important;}

.product_tb .bluecolor {background-color:#2895d4; color:#fff; font-weight:600}
.produc_tb .blue_line {border-top:2px solid #2690ce;}
.product_tb .font_nomal th {font-weight: normal !important}

.product_tb tr th.border_b {border-bottom:1px solid #fff;}
.product_tb tr th.border_tr {border-top:1px solid #ddd; border-right:1px solid #ddd; }


.product_tb tr td  { padding:15px 20px 10px 20px; border-bottom:1px solid #ddd ; border-right:1px solid #ddd; line-height:1.4em;  text-align:center; vertical-align:middle; font-size:13px; margin-top:3px}
.product_tb tr td a {}
.product_tb th:first-child, .product_tb td:first-child{border-left:none;}
.product_tb th:last-child, .product_tb td:last-child{border-right:none;}

.product_tb.green tr th {background:#d7efdd; }

.zoomin {margin-top:-1px;}




/*  project */

.projectbox2  {*zoom:1; display:inline-block; *display:inline; text-align:center; padding:10px 0 0 0; width:100%; }
.projectbox2:after{content:""; display:block; clear:both;}


.projectbox2  .mbox {display:inline-block;  width:23%; padding:  1%; float:left; #height:800px; overflow:hidden;}
.projectbox2  .mbox .mimg { width:100%; }
.projectbox2  .mbox .mimg img { width:100%; }
.projectbox2  .mbox .mimg img:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }

.projectbox  {*zoom:1; display:inline-block; *display:inline; text-align:center; padding:10px 0 0 0; width:100%; }
.projectbox:after{content:""; display:block; clear:both;}


.projectbox  .mbox {display:inline-block;  width:19%;  margin:0 0.5% 5% 0.5% ;float:left; #height:800px; overflow:hidden;}
.projectbox  .mbox .mimg { width:100%; padding:0 0 10px 0;}
.projectbox  .mbox .mimg img { width:175px; height:158px; }

.projectbox  img{max-width:729px;}
.projectbox  dl {display:inline-block; #float:left; width:100%; margin:0 0 0 5px;}
.projectbox  dl dt{width:35px; float:left;text-align:left; }
.projectbox  dl dt span {width:35px; font-size:18pt; line-height:20pt; text-align:left; color:#454e54; vertical-align:middle;

 display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

@media screen and (max-width:600px){
.projectbox2  .mbox {display:inline-block;  width:48%};

}

.projectbox  dl dd {width: 75%; float:left; text-align:left; }

.projectbox  dl dd dl.mb {width: 100%; margin:0; padding:0;}
.projectbox  dl dd dl.mb dt {width: 100%; font-size:10pt; line-height:15pt; padding:3px 0 10px 0; font-family: 'NanumBarunGothicBoldWeb'; text-align:left;  color:#454e54; }
.projectbox  dl dd dl.mb dd {width: 100%; font-size:9pt; line-height:14pt; color:#78839b; height:36px;}











/*ȫ���ڷ�*/
.pr{ border-top:0px dotted #999999;width: 33.3%; float:left; padding-bottom:10%}
.pr article{ padding:0; overflow:hidden; margin:0 auto}
.pr article.pr_movie{ max-width:800px}

.pr article h4{  }
.pr article h4 span{font-size:0px; color:#c93648; float:left; padding-top:6px; border-top:3px solid #55a8c8; width:10px; margin-top:5px; margin-right:5px}
.pr .pr_img{ width:100%; float:left ; text-align:center}
.pr .pr_img img{ max-height:350px; border: 1px solid #ddd;}
.pr .pr_text_area{ width:100%; float:right; text-align: center; }
.pr .pr_text_area h4{ font-size:24px; font-weight:600}
.pr .pr_message{ font-size:1.4em; line-height:1.2em;}

.pr .pr_btn1 span a{ display:inline-block; margin:20px 0 0 5px;  padding: 8px 10px 6px 10px; text-align:center; color: #55a8c8; font-size:12px; border: 1px #55a8c8 solid;}

.pr .pr_btn2 span a{ display:inline-block; margin:20px 0 0 0;  padding:10px 20px; text-align:center;  color:#fff; font-size:0.9em}

.pr .pr_btn{ text-align:left}

.go_movie_kor{ display:inline-block}
.go_movie_kor a{ background:#55a8c8; }

.go_movie_kor1{ margin:0 5px 0 0;display:inline-block}
.go_movie_kor1 a{}

.go_movie_eng{margin:0; display:inline-block}
.go_movie_eng a{ background:#1d478d;}

.pr article.pr_cada{ max-width:700px;}
.pr article.pr_cada .pr_img{ width:100%;}
.pr article.pr_cada .pr_text_area{ width:100% }
.no_b_border{border-bottom:none !important}



@media screen and (max-width:850px){
	.pr{ border-top:0px dotted #999999;width: 100%; float:left}
.pr .pr_text_area{ height:auto}
.pr article.pr_cada .pr_img{ width:30%;}
.pr article.pr_cada .pr_text_area{ width:65% }
.pr .pr_message{ font-size:1.2em; line-height:1.2em; font-weight:400}

.pr .pr_img{ width:100%;}
.pr .pr_text_area{ width:100%;}
.pr article.pr_cada .pr_img{ width:100%;}
.pr article.pr_cada .pr_text_area{ width:100% ; text-align:center; }
.pr .pr_message{ text-align:center}
.pr .pr_message br{ display:none}
.pr .pr_btn{ text-align:center}

.pr article h4{ display:none}

.pr article.pr_movie{ max-width:400px}
.pr article.pr_cada{ max-width:400px}


}


@media screen and (max-width:500px){

.pr .pr_btn1 span a{  margin-top:-5px}
.pr .pr_message{ padding:10px 0}
.pr article.pr_cada .pr_text_area{}
}






/* map */

.map_wrap {width:100%; padding:0 0 30px 0; overflow:hidden;}
#map_canvas { width:99.7%; height:400px; border:1px solid #ccc; overflow:hidden; }
#map_canvas1 { width:99.7%; height:400px; border:1px solid #ccc; overflow:hidden; }
#map_canvas2 { width:99.7%; height:400px; border:1px solid #ccc; overflow:hidden; }
.map_Content { text-align:center; padding:0 10px;; overflow:hidden;}
.map .map_tit {width:100%; position:relative;padding:10px 0; margin:0;overflow:hidden;}
.map .map_tit .stit {width:45%; float:left; line-height:60px; font-size:17px; color:#333; float:left; font-weight:600; padding: 0;}

.map .map_tit .mark_naver{width:55%;max-width:156px; float:right;}
.map .map_txt_01 {width:100%; border-top: 2px solid #454545; overflow:hidden;}
.map .map_txt_01 dl{width:100%;  border-bottom: 1px solid #ced1d5; overflow:hidden;}
.map .map_txt_01 dl dt {width:20%; float:left;line-height:40px; text-align:center; color:#454545;  background:#f7f7f7; font-family: 'NanumBarunGothicBoldWeb';}
.map .map_txt_01 dl dd {width:75%;float:right; line-height:40px; color:#565656; }

.map .map_txt_01 dl.list2 dt{  }
.map .map_txt_01 dl.list2 dd {line-height:30px; padding:5px 0;}
.map .map_txt_01 dl.list2 dd .list_txt_01 {overflow:hidden;padding:5px 5px 0 5px; text-align:center;  line-height:30px; border:1px solid #d1d1d1; font-family:'����'; font-size:11px; color:#999;}
.map .map_txt_01 dl.list2 dd .list_txt_02 {line-height:24px; padding-left:10px; color:#888;}
.map .map_txt_01 dl.list3 dt{  line-height:70px;}
.map .map_txt_01 dl.list3 dd {line-height:24px; padding:10px 20px;}



/* build */
.build {width:100%; overflow:hidden; padding:0 0 20px 0; }
.build .txtbox h3.btit {width:100%; font-size:22px; color:#454545;font-family: 'NanumBarunGothicBoldWeb'; line-height:24px;}
.build .txtbox {width:100%; float:left;}
.build .bimg {width:100%;text-align:center; display: block;}
.build .bimg .width1{width:48.5%; padding-right: 1.5%; float:left}
.build .bimg .width2{width:50%; float:right}

.build .bimg img {  margin-top:30px;}

.build h3.butit {width:100%; font-size: 16px;  }
.build .btxt {width:100%; font-size:15px; color:#777; line-height:24px; }


@media screen and (max-width:740px){

.build .bimg .width1{width:100% !important; }
.build .bimg .width2{width:100% !important}
.build .txtbox h3.btit {width:100%; font-size:18px;}

}


/*coelux*/

sup{ color: #fff} /*R*/

.coelux{ margin:0 auto; width:100%;}
.coelux .coelux_leftbox{ float:left; width:40%; }
.coelux .coelux_leftbox.width50{ width:45% !important; }
.coelux .coelux_leftbox.width55{ width:55% !important; }
.coelux .coelux_leftbox p{}
.coelux .coelux_leftbox img{ width:100%; }
.coelux .coelux_leftbox .cont{ font-size:15px; letter-spacing: -0.5px;line-height: 1.5;}
.coelux_list{ width:55%; float:right;}
.coelux_list.width45{ width:50%;}
.coelux_list.width40{ width:40%;}
.coelux_list .features_tit{border-bottom:1px solid #ebebeb; padding-bottom:5px; font-size:18px; color: #2facc8; font-weight:600}
.coelux_list li{ overflow:hidden; padding:15px 0}
.coelux_list dl{ padding:3px 0; font-size:12px;}
.coelux_list dl dt{ float:left; width:200px; color:#000 }
.coelux_list dl dd{ margin-left:220px; color:#666; line-height:1.2 }
.coelux_list li.ml100 dt{ width:100px;}
.coelux_list li.ml100 dd{ margin-left:100px;}

.coelux_list li.ml200 dt{ width:200px;}
.coelux_list li.ml200 dd{ margin-left:200px;}

.coelux_list dl dd p{ margin-bottom:10px}
.coelux_list .eng{ color:#CCC; font-size:0.6em}



.coelux_list .features li{ width:33.3%; float: left;}
.coelux_list .features.width50 li{ width:50%; float: left; padding-bottom:0}
.coelux_list .features.width100 li {width:100%; float:none; padding-bottom:0;}
.coelux_list .features li img{ width:98%}





@media screen and (max-width:740px){
.coelux .coelux_leftbox{ width:100%;  text-align:center; float:none; margin-bottom:30px}
.coelux .coelux_leftbox.width50{ width:100% !important; }
.coelux .coelux_leftbox.width55{ width:100% !important; }
.coelux_list.width45{ width:100%;}
.coelux_list.width40{ width:100%;}
.coelux_list{ width:100%;  float:none}
.coelux_list dl dt{ width:250px; font-size:13px;}
.coelux_list dl dd{ margin-left:250px; }
.coelux_list dl dd p{ margin-bottom:5px}

}

@media screen and (max-width:640px){
.coelux_list{  }
.coelux_list li{  padding:20px 0}


}

@media screen and (max-width:480px){
.coelux_list dl dt{ width:100%; margin-bottom:5px }
.coelux_list dl dt p{ float:left; margin-right:10px}
.coelux_list dl{ padding:10px 0; font-size:12px;}
.coelux_list dl dd{ margin-left:0px; }
.coelux_list .features li{ width:100%;}
}


.coelux_ls_list {}
.coelux_ls_list ul {overflow:hidden; margin:0 0 3% 0;}
.coelux_ls_list ul li {float:left; width:47.5%;}
.coelux_ls_list ul li:first-child {margin:0 5% 0 0;}
.coelux_ls_list ul li img {width:100%;}
.coelux_ls_list ul li .features_tit_01 {display:inline-block; border-bottom:2px solid #2facc8; font-size:22px; color: #2facc8; font-weight:600; margin:0 0 15px 0;}
.coelux_ls_list ul li .features_tit_02 {font-size:18px; color: #2facc8; font-weight:600; margin:20px 0 10px 0;}

@media screen and (max-width:640px) {
.coelux_ls_list ul li:first-child {margin:0 0 3% 0;}
.coelux_ls_list ul li {width:100%; margin:0 0 10px 0; float:none;}
	}


.lumicon p.etxt{font-size:15px; line-height: 1.4;}
.energy p.etxt{font-size:15px; line-height: 1.4;}

.energy .energy_tit{ font-size:18px; font-weight:600}

.energy_con_list{ clear:both; margin-top:15px; padding-top: 10px;}
.energy_con_list h4{ float:left; margin:0 ; padding-top:0; font-size:15px; margin-left:5px;}

.energy_con_list article{ padding:10px 0 ; overflow:hidden;}
.energy_con_list article:first-child{  }

.energy_con_list article .num{ font-size:0px; color:#2facc8; float:left; padding-top:6px; border-top:3px solid #2facc8; width:10px; margin-top:5px; display:inline-block}


.pro_con_list{ clear:both; margin-top:15px; border-top:1px dotted #999999; border-bottom:1px dotted #999999; padding-top: 10px;}
.pro_con_list h4{ float:left; width:20%; margin:0 ; padding-top:0; font-weight:600; font-size:16px; margin-left:5px;}
.pro_con_list h4 span{ font-weight:normal}
.pro_con_list .right{ margin-left:25%}
.pro_con_list .right p{ padding-left:1%}



.pro_con_list article{ padding:15px 0 ; overflow:hidden;}
.pro_con_list article:first-child{  }

.pro_con_list article .num{ font-size:0px; color:#2facc8; float:left; padding-top:6px; border-top:3px solid #2facc8; width:10px; margin-top:5px; display:inline-block}
.pro_con_list article ul li{ padding-left:10px; background:url(../img/content/p_list_dot.gif) no-repeat 2px 5px; margin-bottom:8px; font-size: 15px; letter-spacing:-0.5px; line-height: 1.4;}

.pro_con_list article ul li ul{ padding-top:5px; }
.pro_con_list article ul li ul li{ padding-left:7px; background:url(../img/content/p_list_dot2.gif) no-repeat 0px 10px; margin-bottom:4px}
.pro_con_list article ul.bg_no li{ background:none !important}


@media screen and (max-width:1000px){
	.pro_con_list article{ padding:10px 0 ;}
.pro_con_list h4{ display:block; float:none; width:auto; line-height: 1.4; margin-bottom: 5px;}
.pro_con_list article .num{ font-size:0px; border-top:3px solid #2facc8; width:5px; margin-right:3px}
.pro_con_list .right{ margin-left:0%; clear:both}
}

@media screen and (max-width:480px){
.energy_con_list article .num{display:none;}
}



.moviebox2{width:100%; text-align:center}

.moviebox{float:left; width:100%; text-align:center; display:flex}
.movie_50{width:50%; padding:1%; text-align:center}
.movie_50 p{margin-top:15px; font-size:17px;}

.basic_li{ margin:0px 0; width:100%; display:inline-block}   /*�����о�,rnd ����*/
.basic_li:after{ clear:both; display:block; content:"";}
.basic_li li{ padding-left:12px; background:url(../img/contents/list_icon.gif) no-repeat 5px 9px; margin:5px 0; }
.basic_li li span{ color:#777; font-size:13px}


@media screen and (max-width:860px){
.moviebox{float:left; width:100%; text-align:center; display: block}
.movie_50{width:100%; }
}


/*���� ���� ���� ����*/
.pro_pic_row5{ margin-left:-20px;  overflow: hidden; *width:100%; /*margin-bottom:20px ; margin-top:20px */}  /*���� 4���迭 ����*/
.pro_pic_row5:after{ clear:both; display:block; content:"";}
.pro_pic_row5 li{ float:left;  width:25%; padding:10px 0 }
.pro_pic_row5 li:first-child{ margin-left:0}
.pro_pic_row5 li div { padding:10px; margin-left:20px;  background:url(../img/contents/img_patten.gif) repeat; border:0px solid #d5d5d5 }

.pro_pic_row5 ul a:hover { color:#2facc8; text-decoration:none !important;  }




.pro_pic_row5 li dl dt p  {position:absolute; top:0; left:0; height:100%; width:100%; }
.pro_pic_row5 li dl dt p span{position:relative;   width:100%; height:100%; display:inline-block}

.pro_pic_row5 li dl dt p img {width:100%; height:100%; }
.pro_pic_row5 li dl dt img{ max-height:234px}

.pro_pic_row5 li dl dt{ text-align:center;  position:relative; overflow:hidden}
.pro_pic_row5 li dl dt img{ margin:0 auto;  width:100%; height:100%;-webkit-transition: all .2s ease-in-out;	 -moz-transition: all .2s ease-in-out;	 -o-transition: all .2s ease-in-out;	 -ms-transition: all .2s ease-in-out;	 transition: all .2s ease-in-out;}
.pro_pic_row5 li dl dt img:hover{ opacity: 1; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }




.pro_pic_row5 img { margin:0 auto;  width:100%; height:100%;-webkit-transition: all .2s ease-in-out;	 -moz-transition: all .2s ease-in-out;	 -o-transition: all .2s ease-in-out;	 -ms-transition: all .2s ease-in-out;	 transition: all .2s ease-in-out;}
.pro_pic_row5 img:hover{ opacity: 1; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }

.pro_pic_row5 .margin_l20{margin-left: 20px; line-height:1.4; font-size:14px}

.pro_pic_row5 li dl{margin-left:5px;}    /*���������� ��������*/
.pro_pic_row5 li dt{}
.pro_pic_row5 li dd{ text-align:center; padding:8px;  background:#4b4b4b ; color:#fff; font-size:14px}

.pro_pic_row3{ margin-left:-20px;  overflow: hidden; *width:100%; /*margin-bottom:20px ; margin-top:20px */}  /*���� 3���迭 ����*/
.pro_pic_row3 img{ width:100%}
.pro_pic_row3:after{ clear:both; display:block; content:"";}
.pro_pic_row3 li{ float:left;  width:33.333%;  }
.pro_pic_row3 li:first-child{ margin-left:0}
.pro_pic_row3 li div { padding:10px; margin-left:20px; background:url(../img/contents/img_patten.gif) repeat; border:0px solid #d5d5d5 }
.pro_pic_row3 p{margin-left: 20px; line-height:1.4; font:14px}

.pro_pic_row3 li dl{margin-left:5px;}    /*���������� ��������*/
.pro_pic_row3 li dt{}
.pro_pic_row3 li dd{ text-align:center; padding:8px;  background:#4b4b4b ; color:#fff; font-size:14px}


@media screen and (max-width:1000px){
.pro_pic_row5{ margin-left:-5px; }
.pro_pic_row5 li div { padding:3px; margin-left:5px;}
.pro_pic_row5 li dl{margin-left:5px;}
.pro_pic_row5 p{margin-left:;}
.pro_pic_row3{ margin-left:-5px;}
.pro_pic_row3 li div { padding:3px; margin-left:5px;}
}

@media screen and (max-width:480px){
.pro_pic_row5 li{width:50%; margin-bottom:5px  }
}


.view_all { color: #333; background: #fff; padding: 1.5% 0; margin:4% auto; text-align: center; width: 200px; display: block;cursor:pointer ; border:1px solid #CCC}

.go_project { color: #fff; background: #55a8c8; padding: 1.5% 0; margin:4% auto; text-align: center; width: 200px; display: block;cursor:pointer ; }




<!--lumicon-->



.balt_process_con{display:table; width: 100%}
.blue_tit{border-left:5px solid #2790ce; color:#333; padding:0 0 0 7px; font-size:24px; letter-spacing:-1px; line-height:normal ;}
.blue_tit h3{font-size:24px;  padding:0; letter-spacing:-1px; line-height:normal ;}

.balt_process_con dl{float:left; width:45%; padding-bottom: 3rem;}

.balt_process_con .arrow{float:left; padding-top:10%;}
.balt_process_con .pad_top6{padding-top:7% !important;}


.balt_process_con dl dd.num{font-size:15px; text-align:center; color:#2895d4; margin-bottom:10px}
.balt_process_con dl dt{font-size:17px; padding:5px 0 15px 0; text-align:center;; color:#222; letter-spacing: -1px; margin-top: 10px;}
.balt_process_con dl dd.txt{height:5rem; display: table;   width:100%;}
.balt_process_con dl dd.txt div{display: table-cell; width:100%; height: 100%; vertical-align: middle;}
.balt_process_con dl{width: 15.8%;}
.balt_process_con .arrow{ width:1%;}
.balt_process_con dl dd.img img{width:94%; padding:0 3%}
.balt_process_con .arrow img{ width:100%;}





@media (max-width: 940px) {


    .balt_process_con dl{width:30%;}
    .balt_process_con .arrow{ width:3%; padding-top:10%;}
	.balt_process_con dl dd.num{font-size:18px;}
  .balt_process_con dl dt{font-size:20px; padding:8px 0 10px 0;}

}


@media (max-width: 640px) {

    .balt_process_con dl{width:28%; padding-bottom:3%}
    .balt_process_con .arrow{ width:3%; padding-top:18%; padding-left:2%}

  .balt_process_con .title{font-size:1.5rem; margin-bottom:2rem;}
  .balt_process_con dl dd.img img{width:100%;}
  .balt_process_con dl dd.num{font-size:17px;}
  .balt_process_con dl dt{font-size:18px; padding:8px 0 10px 0;}
  .balt_process_con dl dd.txt{padding:1rem 0;}


}


@media (max-width: 540px) {
    .balt_process_con dl{float:none; width:100%; padding-bottom: 0rem; text-align:center}
    .balt_process_con .arrow{float:none; width:100%; padding:1rem 0 ; text-align:center}
    .balt_process_con .arrow img{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);}

    .balt_process_con dl{width:100%;}
    .balt_process_con .arrow{ width:100%;}
    .balt_process_con dl dd.img img{width:95%;}
    .balt_process_con .arrow img{ width:auto;}

}



/* ��ǰ ������ */
.cont .certi{width:100%}
.product_certi {width:32%; padding-bottom: 40px;}
.product_certi a{ display:block ;position:relative ; overflow:hidden; text-align:center; width:100%;}
.product_certi:after{content:"";display:block;clear:both;}
.product_certi span.thumb{ text-align:center;  width:100%;  overflow:hidden ; position:relative; height:100% ; display:block;  padding:2em 0; margin:0 auto;/* box-shadow:2px 2px 3px rgba(0, 0, 0, .2);*/ }
.product_certi span.thumb img{ margin:0 auto ; width:150px; -webkit-box-shadow: 12px 10px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 12px 10px 15px 0px rgba(0,0,0,0.1); box-shadow: 12px 10px 15px 0px rgba(0,0,0,0.1); }
.product_certi div{background:#efefef;  }
.product_certi p{   font-weight:normal;  margin:0; padding:0 ;overflow:hidden;  padding-top: 10px; line-height:1.3em ; font-size:14px; text-align:center}
.product_certi p.sort{ clear:both; padding:0;  padding:0 0 0 0; font-size:15px; font-weight:500;}
.product_certi div.name{ background:#fff; padding:1.5em 0 0 0; margin:0; border:0; text-align:left; overflow:hidden; }

.product_certi.c_2nd {margin:0 0 0 10px;}

.dim {color: #999;font-size: 13px;}


@media screen and (max-width:960px){
.product_certi {width:29.3%; padding:2% }
.product_certi.c_2nd {margin:0}

}

@media screen and (max-width:520px){
.product_certi {width:100%; padding:0}
.product_certi.c_2nd {margin:10px 0 5px 0;}
}


/*����Ʈ�ڽ�*/
#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !importfolioant; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('../img/contents/btn_close_w.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }
















/*�����ϱ�*/
.qna_top{position:relative; background:#F5F5F5; padding:25px 10px; text-align:center; }

.qna_form2_text{ text-align:center ; font-size:0.9em  }
.qna_form2{width:100%;table-layout:fixed;  margin:0 auto}
.qna_form2 td,.qna_form2 th{text-align:left;vertical-align:middle; min-height:40px;  border: 1px solid #d4d4d4 ; border-left:0; border-right:0}
.qna_form2 th{ text-align:center}
.qna_form2 th{padding: 10px 20px;   width:15%; background:#f2f2f2; color:#333}
.qna_form2 td{padding: 10px 20px;  }
.qna_form2 td input[type=text], .qna_form2 td input[type=password]{padding: 0 5px;line-height:28px;height:30px;border:1px solid #d1d1d1;background:#f7f7f7; max-width:90%; color:#333; margin:3px 0;  }
.qna_form2 tr td input[type=checkbox], .qna_form2 tr td input[type=radio]{ margin-top:-2px}

.qna_form2 td input[type=file]{line-height:28px;height:30px;background:#f7f7f7; max-width:90%; color:#333; margin:3px 0;}

.qna_form2 .plus_btn{height:30px;border:1px solid #666; background:#666; color:#fff; padding:0 10px; border-radius:3px;  margin-left:5px}
.qna_form2 .delete_btn{height:20px; line-height:18px;border:1px solid #ccc; background:#fff; color:#999; padding:0 10px;  border-radius:3px; margin-left:10px}

.qna_form2 tr td textarea{max-width:90%; width:90%; padding:5px; border:1px solid #d1d1d1; color:#333}

.qna_form2 td span{ font-size:13px}
.qna_select{ width:150px; color:#333}

.form_btn2 { clear:both; width:100%; text-align:center; padding:30px 0 ; margin:0; overflow:hidden} /* ����ư*/
.form_btn2  .btn_color1, .form_btn2  .btn_color2{ display:inline-block;  padding:13px 3em; text-align:center; }
.form_btn2  .btn_color1 { background:#55a8c8;border:0px solid #7c7c7c;color:#fff !important; }
.form_btn2  .btn_color2 { background:#999; border:0px solid #b1b1b1; color:#fff !important;}
.qna_form2  input[type=button]{ cursor:pointer}

.daum_zipcode{display:none;border:1px solid;width:98%;height:450px;margin:5px 0;position:relative; overflow:auto;} /*������ȣ*/
.zipcode_close{cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1}

@media all and (max-width:760px) {
.qna_form2 th{padding: 10px 10px;   width:20%;}
}


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

.qna_form2{ border:1px solid #d4d4d4; }
.qna_form2 th, .qna_form2 td{display:block; width:90%; float:left ; min-height:0; padding:0 5%; border:0 }
.qna_form2 th{ background: none; text-align:left}
.qna_form2 th{ border-bottom:0; padding-bottom:0; padding-top:7px;  padding-bottom:5px; margin-top:-1px}
.qna_form2 td{ border-top:0;  padding-top:0; padding-bottom:10px; margin-top:-1px}
}




div.agree2{margin-top:10px;padding:1em;background:#fff;border:1px solid #e1e1e1}
div.agree2 div{overflow-y:scroll;height:90px;}
div.check2{margin:15px 0;vertical-align:middle}
div.check2 input{border:1px solid #888;}















/* tab_common */
#tabmenu_01_content0,#tabmenu_01_content1,#tabmenu_01_content2,#tabmenu_01_content3,#tabmenu_01_content4,#tabmenu_01_content5,#tabmenu_01_content6,#tabmenu_01_content7 {clear:both; margin-top:30px; color:#333; font-size:9pt; line-height:14px; }

/* tab_layout */
#tabmenu_01{  margin:0; padding:0;}
#tabmenu_01 ul {width:100%;  margin:0; padding:0; }
#tabmenu_01 ul li{padding:0; _display:inline; float:left;border:1px solid #42506b;  width:15.8%; padding:0;margin:0 2px;}

#tabmenu_01 ul li a{display:block;_float:left; width:99.8%; height:40px; text-align:center; line-height:40px; color:#777;text-decoration:none;background:#fff; font-size:14px; padding:0; margin:0; font-family: 'NanumBarunGothicBoldWeb'; }
#tabmenu_01 ul li.on { border-top:1px solid #42506b; border-bottom:1px solid #42506b;border-right:1px solid #42506b; }
#tabmenu_01 ul li.on a{ width:100%;background:#42506b; color:#fff;}





/* energy_table */
.energy_table {width:100%;border-top:2px solid #323232; }
.energy_table table {width:100%; }
.energy_table table th {border-bottom:1px solid #454545;border-right:1px solid #ccc;font-size:13px; line-height:18px; padding:10px 0 ; vertical-align:middle;}
.energy_table table .first {border-left:1px solid #ccc;}
.energy_table table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px; line-height:18px; padding:10px 0 ; text-align:center; vertical-align:middle;}











/* etable_01 */

.etable_01 {width:100%; }
.etable_01 dl {width:100%; border-bottom:1px dotted #aaa; overflow:hidden; }
.etable_01 dl.first {border-top:2px solid #323232;}
.etable_01 dl.last {border-bottom:none !important;}
.etable_01 dl dt {float:left; text-align:center; width:16%; padding:10px 0; font-size:14px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; }
.etable_01 dl dd {float:right; width:73%; padding:10px 5%; font-size:13px;  line-height:20px; border-left:1px dotted #aaa;color:#777;}

.etable_01 dl dd.eimgbox dl {width:50%;float:left; border:0; overflow:hidden;}
.etable_01 dl dd.eimgbox dl dt {width:90%; text-align:center; padding:0 5%; }
.etable_01 dl dd.eimgbox dl dt img {width:100%; max-width:284px; margin:0 0 5px 0 ;}
.etable_01 dl dd.eimgbox dl dd{width:90%;float:left; padding:0 5%; text-align:center; border:0; font-size:12px; }

.etable_01_1 {width:100%; margin:20px 0 0 0; }
.etable_01_1 dl {width:100%; border-bottom:1px dotted #999; overflow:hidden; }
.etable_01_1 dl.first {border-top:2px solid #323232;}
.etable_01_1 dl.last {border-bottom:none !important;}
.etable_01_1 dl dt {float:left; text-align:center; width:20%; padding:20px 0 0 0 ; font-size:14px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; }

.etable_01_1 dl dt.las {padding:30px 0 0 0;}

.etable_01_1 dl dd {float:right; width:68%; padding:10px 5%; font-size:13px;  line-height:20px; border-left:1px dotted #aaa;color:#777;}




/* etable_02 */
.etable_02 {width:100%; }
.etable_02 dl {width:100%; overflow:hidden; }

.etable_02 dl.etit {width:100%; background:#454545;}
.etable_02 dl.etit dt {float:left; text-align:center; width:16%; #width:15.8%; padding:10px 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#fff; text-align:center;}
.etable_02 dl.etit dd {float:left; width:12%; padding:10px 0; font-size:13px;  line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#fff;  text-align:center;}

.etable_02 dl.etxt {width:100%; border-bottom:1px dotted #aaa;}
.etable_02 dl.etxt dt {float:left; text-align:center; width:12%;  #width:11.8%; padding:10px 2%; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center;}
.etable_02 dl.etxt dt span { color:#26aec7; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; padding:0 3px 0 0; }

.etable_02 dl.etxt dd {float:left; width:12%; padding:10px 0; font-size:12px;  line-height:18px; font-family: 'NanumBarunGothicWeb'; color:#666; text-align:center;}


.sum {color:#f04d4d !important; font-family: 'NanumBarunGothicBoldWeb' !important; }


.ebox {width:100%; overflow:hidden; line-height:20px; padding:0 0 50px 0;}

.ebox .etxt {width:100%; font-size:13px; color:#454545; line-height:20px; overflow:hidden;}
.ebox .etxt span { font-size:13px; line-height:20px; }
.ebox dl.elist {width:100%; padding:0; }
.ebox dl.elist dt {width:100%; font-size:14px; color:#323232; line-height:20px; padding:10px 0 7px 20px;font-family: 'NanumBarunGothicBoldWeb'; overflow:hidden;}
.ebox dl.elist dt.etit {width:100%; background:url('../img/com/icon_estit.gif') no-repeat 0 16px; font-size:15px; color:#454545; line-height:20px; padding:10px 0 7px 13px;font-family: 'NanumBarunGothicBoldWeb'; overflow:hidden;}

.ebox dl.elist dd {width:100%;  font-size:12px; color:#555; line-height:20px; padding:0 0 10px 0; overflow:hidden ;}
.ebox dl.elist dd ul.elistbox { width:100%; padding:15px 0; background:#eee; margin:12px 0 ;}
.ebox dl.elist dd ul li {font-size:12px; color:#333; line-height:20px; padding:0 0 0 20px;}



/* etable_02_1 */
.etable_02_1 {width:100%; }
.etable_02_1 dl {width:100%; overflow:hidden; }

.etable_02_1 dl.etit {width:100%; border-bottom:1px solid #454545;border-top:2px solid #222; }
.etable_02_1 dl.etit dt {float:left; text-align:center; width:20%; #width:19.8%;  padding:10px 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center;}
.etable_02_1 dl.etit dd {float:left; width:20%; padding:10px 0; font-size:13px;  line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232;  text-align:center;}

.etable_02_1 dl.etxt {width:100%; border-bottom:1px solid #ccc; height:73px;}
.etable_02_1 dl.etxt dt {float:left; text-align:center; width:20%; #width:19.8%; padding:25px 0 0 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; }

.etable_02_1 dl.etxt dd {float:left; text-align:center;width:20%; padding:5px 0; font-size:12px;  line-height:18px; color:#666; }

.etable_02_1 dl.etxt dd ul.mod {width:100%; padding:0; margin:0; }
.etable_02_1 dl.etxt dd ul.mod li {width:100%; text-align:center;padding:0; margin:0;}
.etable_02_1 dl.etxt dd ul.mod li .bluebox {width:30px; height:20px;line-height:20px; background:#3C5087; margin:0 auto;}


.arr {font-size:13px; font-weight:600; vertical-align:middle;}

.etable_02_1 ul.elist {width:100%; padding:10px 0 0 0;}
.etable_02_1 ul.elist li {width:100%; font-size:12px; color:#555; padding:0 0 20px 0; overflow:hidden; }

.etable_02_1 ul.elist ul.mod {width:30px; float:left; padding:0; margin:0; }
.etable_02_1 ul.elist ul.mod li {width:100%;padding:0; margin:0; text-align:center;}
.etable_02_1 ul.elist ul.mod li .bluebox {width:30px; height:20px;line-height:20px; background:#3C5087;}



/* etable_03 */
.etable_03 {width:100%; border-bottom:1px solid #ccc; overflow:hidden;}
.etable_03 dl {width:20%; #width:19.9%; padding:0; overflow:hidden; float:left;}
.etable_03 dl.first {margin:0 4% 0 0;}
.etable_03 dl.last {float:right;}
.etable_03 dl dt {float:left; text-align:center; width:100%; padding:10px 0; font-size:13px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center; border-bottom:1px solid #454545;border-top:2px solid #222;}
.etable_03 dl dd {float:left; width:90%; padding:10px 5%; font-size:12px;  line-height:20px; color:#666; }


/* etable_03 */
.etable_03_1 {width:100%;  overflow:hidden; padding:20px 0;}
.etable_03_1 dl {width:33%; padding:0; overflow:hidden; float:left;}
.etable_03_1 dl.first {margin:0;}
.etable_03_1 dl.last {float:right;}
.etable_03_1 dl dt {float:left; text-align:center; width:100%; padding:10px 0; font-size:13px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center; border-bottom:1px solid #454545;border-top:2px solid #222;}
.etable_03_1 dl dd {float:left; width:90%; padding:10px 5%; font-size:12px;  line-height:20px; color:#666; }


/* etable_03 */
.etable_03_2 {width:100%;  overflow:hidden; padding:20px 0 0 0;}
.etable_03_2 dl {width:49.9%; padding:0; overflow:hidden; float:left; margin:0;}
.etable_03_2 dl.first {margin:0;}
.etable_03_2 dl.last {float:right;}
.etable_03_2 dl dt {float:left; text-align:center; width:100%; padding:10px 0; font-size:13px; line-height:20px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center; border-bottom:1px solid #454545;border-top:2px solid #222;}
.etable_03_2 dl dd {float:left; width:90%; padding:10px 5%; font-size:12px;  line-height:20px; color:#666; }
.etable_03_2 dl dd dl {width:100%;padding:0;margin:0; }
.etable_03_2 dl dd dl dt {border:none; text-align:left; padding:0; margin:0; }
.etable_03_2 dl dt dl dd {text-align:left; padding:0;margin:0; }


/* etable_02_2 */
.etable_02_2 {width:100%; }
.etable_02_2 dl {width:100%; overflow:hidden; }

.etable_02_2 dl.etit {width:100%; border-bottom:1px solid #454545;border-top:2px solid #222; }
.etable_02_2 dl.etit dt {float:left; text-align:center; width:20%;#width:19.8%; padding:10px 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center;}
.etable_02_2 dl.etit dd {float:left; width:20%; padding:10px 0; font-size:12px;  line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232;  text-align:center;}

.etable_02_2 dl.etxt {width:100%; border-bottom:1px solid #ccc; }
.etable_02_2 dl.etxt dt {float:left; text-align:center; width:20%; #width:19.8%; padding:10px 0; font-size:12px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#666; }

.etable_02_2 dl.etxt dd {float:left; text-align:center;width:20%; padding:10px 0; font-size:12px;  line-height:18px; font-family: 'NanumBarunGothicWeb'; color:#666; }



/* etable_02_3 */
.etable_02_3 {width:100%; }
.etable_02_3 p {width:100%; text-align:center; padding:10px 0; font-size:13px; line-height:18px; color:#323232; font-family: 'NanumBarunGothicBoldWeb';}
.etable_02_3 .etitle_01 {width:100%; background:#cbd4f0;}
.etable_02_3 .etitle_02 {width:100%; background:#b1e0e0; }
.etable_02_3 .etitle_03 {width:100%; background:#c6e4d1; }
.etable_02_3 .etitle_04 {width:100%; background:#d0dfb9; }
.etable_02_3 dl {width:100%; overflow:hidden; }

.etable_02_3 dl.etit {width:100%; border-bottom:1px solid #454545;border-top:2px solid #222; }
.etable_02_3 dl.etit dt {float:left; text-align:center; width:20%; #width:19.8%;  padding:10px 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center;}
.etable_02_3 dl.etit dd {float:left; width:20%; padding:10px 0; font-size:13px;  line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232;  text-align:center;}

.etable_02_3 dl.etxt {width:100%; border-bottom:1px solid #ccc; }
.etable_02_3 dl.etxt dt {float:left; text-align:center; width:20%; #width:19.8%; padding:8px 0; font-size:12px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; }

.etable_02_3 dl.etxt dd {float:left; text-align:center;width:20%; padding:8px 0; font-size:12px;  line-height:18px; color:#666; }

.etable_02_3 dl.last {border-bottom:none;}



/* etable_02_4 */
.etable_02_4 {width:100%; }
.etable_02_4 dl {width:100%; overflow:hidden; }

.etable_02_4 dl.etit {width:100%; border-bottom:1px solid #454545;border-top:2px solid #222; }
.etable_02_4 dl.etit dt {float:left; text-align:center; width:33.3%;#width:33.1%; padding:10px 0; font-size:13px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232; text-align:center;}
.etable_02_4 dl.etit dd {float:left; width:33.3%;#width:33.1%; padding:10px 0; font-size:12px;  line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#323232;  text-align:center;}

.etable_02_4 dl.etxt {width:100%; border-bottom:1px solid #ccc; }
.etable_02_4 dl.etxt dt {float:left; text-align:center; width:33.3%;#width:33.1%;padding:10px 0; font-size:12px; line-height:18px; font-family: 'NanumBarunGothicBoldWeb'; color:#454545; }

.etable_02_4 dl.etxt dd {float:left; text-align:center; width:33.3%;#width:33.1%;padding:10px 0; font-size:12px;  line-height:18px; font-family: 'NanumBarunGothicWeb'; color:#777; }






.efsize_01 span.num{line-height:70px;float:left; padding:0 10px 0 0;}
.efsize_01 span.ntxt{line-height:70px;float:left; padding:0 10px; }

.ebox .txtlist_01 {padding:0 0 0 10px;}
.ebox .txtlist_01 dl {width:100%; padding:0 0 10px 0; }
.ebox .txtlist_01 dl dt {width:100%; font-size:13px; padding:0 0 5px 0; color:#323232; background:none}
.ebox .txtlist_01 dl dd {padding:0 0 0 10px; font-size:13px; }


.ebox .txtlist_02 {padding:10px 5px 0 5px; }
.ebox .txtlist_02 dl {width:100%; padding:0 0 5px 0;overflow:hidden;}
.ebox .txtlist_02 dl dt {width:2%; float:left; font-size:13px;  line-height:20px;padding:0 0 5px 0; color:#323232; background:none}
.ebox .txtlist_02 dl dd {width:98%;float:right; padding:0; font-size:13px; line-height:20px; }

.ebox .txtlist_03 {padding:10px 5px 0 5px; width:97%;}
.ebox .txtlist_03 dl {width:100%; padding:0;overflow:hidden;}
.ebox .txtlist_03 dl dt {width:2%; float:left; font-size:13px;  line-height:20px;padding:0 0 5px 0; color:#323232; background:none}
.ebox .txtlist_03 dl dd {width:98%;float:right; padding:0; font-size:13px; line-height:20px; }

.ebox .txtlist_04 { width:100%; overflow:hidden;}
.ebox .txtlist_04 dl {width:100%; padding:0;overflow:hidden;padding:0 0 10px 0;}
.ebox .txtlist_04 dl dt {width:3%; float:left; font-size:13px;  line-height:20px;padding:0; color:#323232; }
.ebox .txtlist_04 dl dd {width:97%;float:right; padding:0; font-size:13px; line-height:20px; }
.ebox .txtlist_04 span { font-size:12px;line-height:20px; vertical-align:middle; }


.ebox .etxtbox {width:100%;  padding:10px 0 0 0;overflow:hidden;}
.ebox .etxtbox li {background:url('../img/com/icon_gdot.gif') no-repeat 5px 8px; padding:0 0 10px 15px; color:#777; line-height:20px; }
.ebox .etxtbox li span {line-height:20px;}

.ebox .etxtbox1 {width:100%;  padding:0; overflow:hidden;}
.ebox .etxtbox1 li {background:url('../img/com/icon_gdot.gif') no-repeat 5px 8px; padding:0 0 0 15px; color:#777; line-height:20px; }
.ebox .etxtbox1 li span {line-height:20px;}



.eimg {width:100%; text-align:center; padding:20px 0 30px 0 ; overflow:hidden; }
.eimg img{width:100%}

.eimg_01 {width:100%; max-width:490px;}
.eimg_02 {width:100%; max-width:794px;}
.eimg_05 {width:100%; max-width:794px;}
.eimg_energy  {width:100%; max-width:719px;}
.eimg_energy_01  {width:100%; max-width:893px;}
.eimg_sun {width:100%; max-width:728px;}




.energyimg {width:100%; padding:10px 0 0 0;}
.energyimg ul{*zoom:1; display:inline-block; *display:inline; text-align:center; padding:10px 0 0 0;}
.energyimg ul:after{content:""; display:block; clear:both;}
.energyimg li {display:inline-block; width:48%; max-width:443px;  margin:0 5px 10px 5px; float:left;  overflow:hidden; text-align:center;}

.energyimg li img{width:100%; max-width:443px; }


.ebox .lbox {width:45%; float:left; padding:0 5% 0 0; border-right:1px dotted #aaa;margin:0;  }
.ebox .rbox {width:45%; padding:0; float:right;}


/* elist_01 */
.elist_01 {width:100%; }
.elist_01 dt {width:100%; font-size:13px; color:#323232;  font-family: 'NanumBarunGothicBoldWeb';  line-height:20px;padding:5px 0;  }
.elist_01 dd {padding:0 0 10px 10px; font-size:13px; color:#555; line-height:20px; }
.elist_01 dd span { font-size:13px;line-height:20px; }


/* elist_02 */
.elist_02 {width:100%; }
.elist_02 dt {width:100%; font-size:13px; color:#323232;  font-family: 'NanumBarunGothicBoldWeb';  line-height:20px;padding:5px 0;  }
.elist_02 dd {padding:0 0 0 10px; font-size:13px; color:#555; line-height:20px; }
.elist_02 dd span { font-size:13px;line-height:20px;  }

/* elist_03 */
.elist_03 {width:100%; padding:0 0 20px 0; }
.elist_03 dt {width:100%; font-size:13px; color:#323232; font-family: 'NanumBarunGothicBoldWeb';  line-height:20px;padding:5px 0;  }
.elist_03 dd {width:100%; padding:0; font-size:13px; color:#555; line-height:20px; }
.elist_03 dd span { font-size:13px;line-height:20px;  }


/* elist_04 */
.elist_04 {width:90%; padding:20px 5% 25px 5%; background:#e1e1e1;}
.elist_04 dt {width:100%; font-size:13px; color:#323232; font-family: 'NanumBarunGothicBoldWeb';  line-height:20px;padding:5px 0;  }
.elist_04 dd {width:100%; padding:0; font-size:13px; color:#555; line-height:20px; }
.elist_04 dd span { font-size:13px;line-height:20px;  }

.egrafe {width:100%; text-align:center; padding:30px 0; }
.eimgtit {width:98%; line-height:36px; font-family: 'NanumBarunGothicBoldWeb'; color:#467ba8; font-size:13px; overflow:hidden; text-align:center; border:1px solid #467ba8; margin:20px 0 30px 0;}
.egrafe img.egimg {margin-bottom:30px; width:100%; max-width:710px;}

.eimg_effect  {width:100%; max-width:751px; margin-bottom:30px;}


.gbox {width:94%; padding:20px 3% 25px 3%; background:#e1e1e1; overflow:hidden; line-height:18px;}




.intab_img{width:100%; text-align:center; float:left padding:20px 0; margin:0; overflow:hidden;}




.eimgbox {width:98% !iportant; text-align:center; padding:20px 0 !important; margin:0; overflow:hidden; border-top:1px solid #ccc; }
.eimgbox img{width:90%;}

.eimgbox1 {width:100%; text-align:center; padding:30px 0 0 0 ; overflow:hidden; }
.eimgbox2 {width:100%; text-align:center; overflow:hidden; }

@media all and (max-width:600px){
.eimgbox {overflow: visible; border:none}
.eimgbox img{width:100%;}
}



.sun_01 {width:100%; border:0;margin:0 0 10px 0; }
.sun_01 th {font-size:12px; color:#323232;font-family: 'NanumBarunGothicBoldWeb'; text-ali2094bagn:center;  border-bottom:1px solid #454545;border-top:2px solid #222; line-height:18px; padding:10px 5px;vertical-align:middle; }
.sun_01 td {font-size:12px; color:#666; line-height:18px; padding:10px 5px;text-align:center;  border-bottom:1px solid #454545;border-left:1px solid #aaa;vertical-align:middle; }
.sun_01 td.sort {color:#323232;  background:#f2f2f2;  border-left:none;font-family: 'NanumBarunGothicBoldWeb';}
.sun_01 td.tit {color:#454545;font-family: 'NanumBarunGothicBoldWeb'; }

.sun_02 {width:100%; border:0;border-top:2px solid #222; }
.sun_02 th {font-size:12px; color:#323232;font-family: 'NanumBarunGothicBoldWeb'; text-align:center;  border-bottom:1px solid #454545; line-height:18px; padding:10px 5px;vertical-align:middle; }
.sun_02 th.sorttit {border-right:1px solid #aaa;}
.sun_02 td {font-size:12px; color:#666; line-height:18px; padding:10px 5px;text-align:center;  border-bottom:1px solid #454545;border-left:1px solid #aaa;vertical-align:middle; }
.sun_02 td.sort {color:#323232;  background:#f2f2f2;  border-left:none;font-family: 'NanumBarunGothicBoldWeb';}
.sun_02 td.tit {color:#454545;font-family: 'NanumBarunGothicBoldWeb'; }



/* noemail */
.noemail {float:left; width:100%;}
.noemail h2.gtit {width:100%;font-size:18pt; line-height:30pt; color:#777; letter-spacing:-1px;font-family: 'NanumBarunGothicBoldWeb';}

.noemail dl {width:100%; }
.noemail dl dt {width:100%; color:#48760a; font-size:16px; line-height:20px; padding-bottom:10px;font-family: 'NanumBarunGothicBoldWeb';   }
.noemail dl dd {width:100%; color:#888; font-size:13px; line-height:24px;  overflow:hidden; }
.noemail dl dd span { font-size:13px; line-height:24px;  }

.noemail .nimg {width:100%; text-align:left; padding:3% 0;}
.noemail .nimg img {width:95%; max-width:548px; }


/* privacy */
.privacy{width:100%;line-height:20px; margin:0; overflow:hidden; }
.privacy h4.ptit {color:#333;font-size:17px;line-height:22px; padding:10px 0 10px 0;  font-family: 'NanumBarunGothicBoldWeb'; }
.privacy p, .privacy div{font-size:13px; line-height:22px;margin-bottom:10px; color:#666;}
.privacy p{ padding:0 0 0 10px;}


.privacy strong{display:inline-block;font-size:14px;line-height:22px;margin-bottom:5px;  font-family: 'NanumBarunGothicBoldWeb'; padding:0 0 0 10px;}
.privacy span{line-height:22px;display:block;}












/*  1024������������ */
@media all and (max-width:1024px){
.bi .bibox {width:30.1%;}


.bi p.bimg img {width:80%; max-width:180px; }










}












/*  1024~720px�� */
@media all and (min-width:789px) and (max-width:1024px){



.greeting {width:71%;  }

.energyimg li {width:48%; margin:0 0.2% 5px 0.2%; #float:left; }


}
/*  1024���Ͽ� */


@media all and (max-width:1160px){
.conbox {width:95%; float:none; }
.content {min-height: inherit;}


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

.conleft {display:none;}
}


/*  789���Ͽ� */
@media all and (max-width:789px){
.cert ul li { width:24%;  height:250px;}
.cert ul li.last {width:48%; text-align:center;}

.greeting {width:69%;  }

.greeting h3.gtit {font-size:34pt; line-height:36pt; }
.greeting h3.gtit span{font-size:34pt; line-height:36pt; }
.greeting dl dt .ltxt {font-size:14pt;  line-height:20pt;  }

.greeting dl dd { line-height:22px; }
.greeting dl dd span { line-height:22px;  }


h2.contit {width:100%; float:none; overflow:hidden; padding:5px 0 20px 25px;  }
h2.contit .ltit {width:auto; float:left;}
h2.contit .lstit {width:auto; float:left; }



.bi .color h3 {width:15%;}
.bi .blist {width:84%; }


.build .txtbox {width:100%; float:none;}
.build .bimg {width:100%; float:none; text-align:center !important;}

.build .bimg img {margin:20px 0 0 0;}


#tabmenu_01 ul li{ width:15.6%;}


.etable_02 dl.etit {width:33%;float:left;background:none;}
.etable_02 dl.etit dt {width:100%; float:none; background:#454545; font-size:12px; }
.etable_02 dl.etit dd {width:100%; float:none; color:#323232; border-bottom:1px dotted #aaa;}

.etable_02 dl.etxt {width:33%;float:left;border-bottom:none;}
.etable_02 dl.etxt dt {width:100%; float:none;  background:#454545; color:#fff; font-size:12px;}
.etable_02 dl.etxt dt span { color:#1b8ec3; font-size:12px; }

.etable_02 dl.etxt dd {width:100%; float:none;  border-bottom:1px dotted #aaa;}


.ebox .txtlist_02 dl dt {width:3%; }
.ebox .txtlist_02 dl dd {width:97%; }

.ebox .txtlist_03 dl dt {width:3%; }
.ebox .txtlist_03 dl dd {width:97%; }
.energyimg li {width:48%; margin:0 0.2% 5px 0.2%; #float:left; }


}

/*  700���Ͽ� */
@media all and (max-width:700px){


.etable_02_2 dl.etit {width:49.9%;float:left;border:none;}
.etable_02_2 dl.etit dt {width:100%; float:none; font-size:12px; border-top:2px solid #323232; border-bottom:1px solid #454545; padding:10px 0 0 0; height:50px; }
.etable_02_2 dl.etit dd {width:100%; float:none; border-bottom:1px solid #aaa; height:60px; padding:10px 0 0 0;height:50px;}
.etable_02_2 dl.etxt {width:49.9%;float:left;border:none;}
.etable_02_2 dl.etxt dt {width:100%; float:none; font-size:12px;border-top:2px solid #323232; border-bottom:1px solid #454545; height:40px; padding:20px 0 0 0;  }
.etable_02_2 dl.etxt dd {width:100%; float:none; border-bottom:1px  solid #aaa; height:60px; padding:20px 0 0 0; height:40px;}
.projectbox  img{width:100%;}
}

/*  660���Ͽ� */
@media all and (max-width:660px){

.bi .color h3 {width:20%;}
.bi .blist {width:79%; }
.bi .bibox {width:47%;}

#tabmenu_01 ul li a{ font-size:12px;}


}

/*  600���Ͽ� */
@media all and (max-width:600px){




h2.contit {width:100%; float:none; overflow:hidden; font-size:19pt;line-height:24pt; }
h2.contit .ltit { font-size:19pt;line-height:24pt; }
h2.contit .lstit { font-size:19pt;line-height:24pt; }

.conbox {width:95%; float:none; }
h2.vtit {font-size:22pt; }
h2.vtit span{font-size:22pt; }


/* vision */
.vision h2.vtit {font-size:24pt; line-height:30pt;}
.vision h2.vtit span {font-size:24pt; line-height:30pt;}
.vision h4.vtit {font-size:15px;}
.vision dl {width:100%; margin:0; float:none; padding:25px 0; border-bottom:1px dotted #bbb; overflow:hidden;}
.vision dl.first {padding:0 0 25px;}

.vision dl.last {border-bottom:none; padding:25px 0 0 0;}

.vision dl dd dl.list_01 {border-bottom:none;}
.vision dl dd dl.list_02 {border-bottom:none;}



/* greeting */
.ceoimg { display:none;}
.greeting {width:100%; float:none;  }


.bi p.bimg{width:40%; }
.bi dl.btxt_01 {width:55%;}

.cert ul li { width:32%; }




/* energy_table */

.energy_table table th {font-size:12px;}





.projectbox  .mbox {width:47%;  margin:0 0.4% 15% 0.4%; #height:400px; #margin:0 0.4% 0 0.4%; float:none; }
.projectbox  .mbox .mimg img { width:100%; height:auto; }

#tabmenu_lo ul li{ width:49.4%;}

.hbox h3.htit {width:100%; float:none; text-align:left;font-size:22pt; line-height:26pt; }
.hbox dl.hconbox {width:100%; float:none; padding:3px 0;}
.hbox dl.hconbox dt {line-height:20px; padding:0 0 0 2%; width:8%; }
.hbox dl.hconbox dd {line-height:20px; width:87%;}


#map_canvas { width:99.6%; }
#map_canvas1 { width:99.6%; }
#map_canvas2 { width:99.6%; }
.map .map_txt_01 dl dt {width:94%; padding:10px 3% 0 3%; float:none; background:#fff; line-height:24px; text-align:left;}
.map .map_txt_01 dl dd {width:94%; padding:0 3% 10px 3%; float:none; line-height:24px;}

.map .map_txt_01 dl.list2 dt{ width:94%; padding:10px 3% 0 3%; float:none; background:#fff; line-height:20px; text-align:left;}
.map .map_txt_01 dl.list2 dd {width:94%; padding:0 3% 5px  3%; float:none; line-height:30px;}



.noemail h2.gtit {font-size:16pt; line-height:30pt;}
.noemail .nimg { padding:5% 0;}

.noemail dl dt {font-size:15px; line-height:20px; }
.noemail dl dd { line-height:22px;}
.noemail dl dd span { line-height:22px;  }
#tabmenu_01 ul li{  width:32%; margin:0 2px 2px 0; }
#tabmenu_01 ul li.first {border-left:1px solid #42506b;}




.ebox .txtlist_02 dl dt {width:4%; }
.ebox .txtlist_02 dl dd {width:96%; }

.ebox .txtlist_03 dl dt {width:4%; }
.ebox .txtlist_03 dl dd {width:96%; }



.etable_03 dl {width:100%; padding:0 0 20px 0;}
.etable_03_2 dl {width:100%; padding:0 0 20px 0;}
























}


/*  480���Ͽ� */
@media all and (max-width:480px){


h2.vtit {font-size:20pt; }
h2.vtit span{font-size:20pt; }
h2.htit {font-size:22pt; }

.vision h2.vtit {font-size:22pt; line-height:26pt;}
.vision h2.vtit span {font-size:22pt; line-height:26pt;}

.vision h4.vtit {font-size:13px;}
.projectbox {text-align:center;}
.projectbox  .mbox {width:100%; max-width:290px; margin:0 auto 20% auto;  #height:450px; }


.cert ul li { width:49%;  height:250px;}
.cert ul li.last {width:99%;}
#map_canvas { width:99.5%; }
#map_canvas1 { width:99.5%; }
#map_canvas2 { width:99.5%; }

.greeting h3.gtit {font-size:30pt; line-height:34pt; }
.greeting h3.gtit span{font-size:30pt; line-height:34pt; }
.greeting dl dt .ltxt {font-size:12pt;  line-height:18pt;}

.bi p.bimg{width:98%; margin:0 0 30px 0 ; }
.bi dl.btxt_01 {width:100%;}

.bi .color h3 {width:90%; padding:0 0 10px 1.4%;}
.bi .blist {width:100%; }


#tabmenu_01 ul li a{ font-family: 'NanumBarunGothicWeb';  }

/* etable */

.etable_01 dl dt {font-size:12px;}
.etable_01 dl dd {font-size:12px;}
.etable_01 dl dd.eimgbox dl {width:100%; padding:0 0 20px 0; }
.etable_01 dl dd.eimgbox dl dd {line-height:16px;font-size:12px;}
.etable_03_1 dl {width:100%; padding:0 0 20px 0;}

.etable_02_3 dl.etxt dt {font-size:11px; }

.etable_02_3 dl.etxt dd {font-size:11px; }

}




/* 400���Ͽ� */
@media all and (max-width:400px){



.vision h2.vtit {font-size:20pt; line-height:24pt;}
.vision h2.vtit span {font-size:20pt; line-height:24pt;}

.bi .bibox {width:97.1%;}



.etable_02_1 dl.etit dt {font-size:12px; }
.etable_02_1 dl.etit dd {font-size:12px; }

.ebox .txtlist_02 dl dt {width:5%; }
.ebox .txtlist_02 dl dd {width:95%; }

.ebox .txtlist_03 dl dt {width:5%; }
.ebox .txtlist_03 dl dd {width:95%; }

.energyimg li {width:100%;  margin:0 0 5px 0;

/* energy_table */

.energy_table table th {font-size:11px;letter-spacing:-1px;}
.energy_table table td {font-size:11px; letter-spacing:-1px;}


}

/*  360���Ͽ� */
@media all and (max-width:360px){

h2.contit { font-size:18pt;}
h2.contit .ltit {font-size:18pt;}
h2.contit .lstit {font-size:18pt;}



.vision h2.vtit {font-size:18pt; line-height:22pt;}
.vision h2.vtit span {font-size:18pt; line-height:22pt;}


.greeting h3.gtit {font-size:26pt; line-height:28pt; }
.greeting h3.gtit span{font-size:26pt; line-height:28pt; }


#tabmenu_lo ul li{ width:49.2%;}

.etable_02_1 dl.etit dt {font-size:11px; }
.etable_02_1 dl.etit dd {font-size:11px; }


.etable_02_3 dl.etxt dt {letter-spacing:-0.5px; }

.etable_02_3 dl.etxt dd {letter-spacing:-0.5px; }
}



















#flash a { font-size:11px; font-family:"����",Dotum; }



/* bottom */


/* footer */
#footer { position: relative; padding: 20px 0 ;background: #333; border-top:0px solid #dddddd; clear:both; color:#fff }
#footer .foot_link { overflow: hidden; padding:0 0 10px 0; margin-bottom:20px; font-size:13px; border-bottom:1px solid #666}
#footer .foot_link span{ display:inline-block; line-height:22px}
#footer .foot_link span.v_line{ padding:0 10px; color:#999;  }
#footer .sns_icon{ float:right}
#footer .sns_icon li{ display:inline-block}

#footer h1{ float:left}
#footer address { font-size: 13px; line-height:1.4em; color: #fff;   margin-left:100px; padding-right:170px }
#footer address span{ color:#999; padding:0 5px;  }
#footer .copy{ font-size:11px;  color:#ccc; text-transform:uppercase; margin-left:100px; padding-right:170px }
#footer .copy span{ color:#fff; }



#footer .family_area { position: absolute; top: 50%; right: 0; z-index:10000  }

#select_family { position: relative; height: 28px; width: 160px; }
#select_family .select_tit { position: relative; width: 158px; height: 28px; font-size: 11px; line-height: 28px; color: #666;  background: #fff; cursor: pointer; z-index: 100; border:1px solid #d8d8d8 }
#select_family .select_tit .tit{ padding-left: 15px;  height: 28px; line-height: 28px;  font-family:Verdana, Geneva, sans-serif}
#select_family .select_tit .arr { position: absolute; top: 0; right: 0px; width: 29px; height: 28px; background: url(../img/common/select_arr.png) left -28px no-repeat; overflow: hidden }
#select_family .select_tit .arr.on { background-position: left top }
#select_family .select_list { position: absolute; bottom: 0; right: 0; width: 100% !important; padding-bottom: 26px; overflow: hidden; border-bottom: none; display: block; z-index: 0; height:0 ; display:block}
#select_family .select_list ul { width: 158px; background:#fff; border:1px solid #d8d8d8 }
#select_family .select_list li{ width:100%; margin-left:0 !important}
#select_family .select_list li a { display: block; height: 30px; font-size: 12px; color: #666; padding-left: 5px; line-height: 30px;  }
#select_family .select_list li:hover{ background:#ebebeb}


@media screen and (max-width:1200px) {
#footer address br { display:none}
}


@media screen and (max-width:640px) {
#footer {padding:10px 0 ;}
#footer h1{ float:left; display:none}
#footer address, #footer .copy {  margin-left:0px; padding-right:0 }

#footer .family_area { position: absolute; top: 50%; right: 0; z-index:10000 ; position:relative }
}