@charset "utf-8";
/* CSS Document */

* {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none; }    /* * 이모티콘은 모든태그(전체)를 뜻함. */
body {
 color:#666;
 overflow-x:hidden !important;
 font-size:14px;
 font-family: Arial, Helvetica, sans-serif, 돋움, Dotum; background:#f3f3f3;
 text-align:center;
 margin:0 auto;
  } /* 첫번째 글자가 없으면, 두번째글자체가 적용. 두번째 글자체가 없으면 그 다음 글자체 적용*/
img, fieldset { border:0 }  /* img와 fieldset 태그에 하이퍼링크 사용할 경우 생기는 border값을 없앰 */
ul, ol, li, dl { list-style:none; }  /* ul, ol, li, dl 태그 적용시 생성되는 목록부분의 기호 표시를 없앰 */
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal; }
hr { display:none; }
a { color:inherit; }  /* a 태그 사용시 기본 color 속성으로 파란색이 지정되는 것을 방지함 (태그를 적용시켜도 기본 글자체, 색상 그대로 적용됨) */
a, a:link {  /* 방문하지 않은 하이퍼링크에 대한 속성적용 */
 color:#333;
 text-decoration:none; }
a:visited { color:#333; } /* 방문했던 하이퍼링크에 대한 속성적용 */
a:hover, a:active { /* 마우스 커서가 하이퍼링크에 위치했을 때의 속성적용, 사용한 하이퍼링크에 대한 속성적용 */
 color:#333;
 text-decoration:none; }
em, i, address {
 font-style:normal;
 font-weight:normal; }
legend, caption {
 display:none;
 clear:both; }
input, textarea, select, button, table { /* 이 부분에서 사용되는 텍스트는 사용자가 임의로 지정한 폰트가 적용될 수 있도록 지정함 */
 font-size:inherit;
 font-family:inherit;
 line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block } /* html5에서 새로 생긴 그룹 태그들에 display 속성값으로 block 지정. 이 경우 div 태그처럼 가로크기가 100%이고 세로 크기가 임의로 지정되는 하나의 그룹화 태그 속성이 생김*/
table {border-collapse:collapse; border-spacing:0;}
textarea, input {
 background:url(none);
 -webkit-border-radius:1px; /*아이폰에서는 모서리가 둥글게 표현되므로 이를 위한 태그 */
 -webkit-apprearance:none; } /* form요소의 기본 스타일을 없앰 (아이폰의 경우 기본 속성값이 inner-shadow이므로 이를 없애기 위한 태그*/
textarea { resize:none; } /* textarea 태그의 기본속성은 크기 조절이 가능하지만, 모바일 웹은 영역 크기가 지정되어 있는 것이 유리하므로 resize 속성값으로 none을 지정하여 사용자가 원하는 크기로 지정할수 있도록 함 */
label { cursor:pointer; } /* label 태그에서 사용되는 커서 모양 지정. 여기서는 태블릿pc 혹은 pc 웹브라우저에서 사용할 경우를 생각해 cursor:pointer로 지정함 */
.helv { font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; } 
/* .helv .verd는 기존에 설정해놓은 텍스트 폰트 외에 자주사용될 폰트를 클래스로 지정한것 */
.verd { font-family:verdana, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.bold { font-weight:bold; }
 
 


/*head*/


#top{width:100%;text-align:center;}
#top2{width:1200px; margin:0 auto;height:124px;background:url(../images/head/top_bg.png) repeat-x bottom; text-align:center;}

#ci_box{width:400px; padding:10px 0 10px 0px; float:left; text-align:left;}

#sms_box{width:100%;height:100px;}
#sms_box ul{width:400px; float:right; padding:90px 0px 0;}
#sms_box li{float:left; padding:0 2px 0;}

/* #KEB_Mheader_menu{width:100%;z-index:1;position:absolute;float:left;}
#KEB_Mheader_menu ul{}
#KEB_Mheader_menu li{width:1200px;margin:0 auto;} */



#KEB_Mheader_menu01{width:100%;z-index:1;position:absolute;float:left; display:none;}
#KEB_Mheader_menu01 ul{}
#KEB_Mheader_menu01 li{width:1200px;margin:0 auto;}


/*article*/
#article{width:100%; background:#f3f3f3; vertical-align:top; margin:0 auto; text-align:center;}
#KEB_Mcontent {width:100%; margin:0 auto;padding-top:40px; background:#f3f3f3;}
#KEB_Mcontent_menu{width:100%;height:230px; background:#f3f3f3;margin:10px 0 0px 5px;}
#KEB_Mcontent_menu ul{width:1130px; text-align:center; margin:0 auto; padding:10px 0 0 0;}
#KEB_Mcontent_menu li{float:left;}



/*footer*/
#KEB_footer{width:100%; height:100px; text-align:center;}
#KEB_footer2{width:1200px; margin:auto; background:#ccc; height:115px; text-align:center;}

#footer_img{width:270px; float:left; padding:20px 0 0 20px;}
#footer_img p{}

#footer_img02{width:100%; text-align:right; max-width:1200px;}
#footer_img02 p{ width:1000px;position:absolute; margin-top:-80px;}

#footer_text{}

#footer_text ul.footer_text1{padding:0; float:left; height:45px;}
#footer_text ul.footer_text1 li{float:left; padding:10px 0;}

#footer_text ul.footer_text2{padding:0; float:left; height:35px;}
#footer_text ul.footer_text2 li{float:left; padding:0 0 0 3px;}

#footer_text ul.footer_text3{padding:0; float:left; height:20px;}
#footer_text ul.footer_text3 li{float:left; padding:3px 0 0 4px;}


/*KEB_Scontent*/dtd

#KEB_Scontent{width:100%; background:#f3f3f3;}
#KEB_Scontent_01{margin:auto; text-align:left;padding-top:40px;}
#KEB_Scontent_02{width:940px; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_02_a{width:940px; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_02_b{width:940px;; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_02_c{width:940px; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_02_d{width:940px; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_02_f{width:940px; height:auto; background:#f3f3f3; margin:0 auto; text-align:left;padding:50px 0;}
#KEB_Scontent_03{width:940px; height:auto;background:#fff; margin:auto;}

#KEB_Scontent_04{ width:200px; display:inline-block; float:left;}
#KEB_Scontent_05{height:auto; width:700px; display:inline-block; float:left; padding-left:30px;}
#dk001{ width:660px; height:800px; text-align:left; overflow:auto;}
#dk003{ width:630px; height:1000px; text-align:left; overflow:auto;}
#dk002{ width:630px; height:900px; text-align:left; overflow:auto;}
#petro01 td{ border-bottom:1px solid #ccc; color:#777;}

#equi_table001 {width:665px; height:800px; text-align:left; overflow:auto;border-right:1px solid #808080;border:1px solid #ccc;}
#equi_table002 {width:665px; height:835px; text-align:left; overflow:auto;border-right:1px solid #808080;border:1px solid #ccc;}

#KEB_Scontent_07{width:940px; height:800px;background:#fff; margin:auto;}


/*슬라이드관련*/
#HMY_Mcontant {position:relative;width:1200px;height:auto;}
#HMY_Mcontant_bg {width:100%; min-width:1000px;position:relative; overflow:hidden;left:0;}
#HMY_Mcontant_bg ul {overflow:hidden;width:80000px; margin-left:0px;left:0px;}
#HMY_Mcontant_bg li {float:left;}
#HMY_Mcontant_bg li img{position:relative;}

#btn_left {position:absolute;float:left;left:90px;top:40%;z-index:6; display:block;}
#btn_left p {}
#btn_right {position:absolute;right:90px;top:40%;z-index:6;overflow:hidden}




/*테이블 서브3*/
#table_sub03{width:660px; margin-bottom:10px; padding:0;}
#table_sub03 td{width:20%; padding:6px 0 6px 3px; background:#bbbbbb; color:#333; font-weight:bold; border:1px solid #999999; text-align:center; cursor: pointer;}

#table_sub03_01{width:660px; text-align:center;}
#table_sub03_01 td{border:1px solid #ccc;}

tbody {/*width:645px;display: table-row-group;vertical-align:middle;border-color: inherit;*/}
tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.subbody {width:660px; float: left;}
.t202 {border-bottom: 1px solid #aaa;background: url(/images/title202.gif) left no-repeat;text-align: right;font: normal 11px arial;padding: 15px 2px;margin-bottom: 30px;}

#table_sub03_title{padding:0; margin-top:10px;}
#table_sub03_title tr{margin:0; padding:0;}
#table_sub03_title td.sub22t {width:200px; margin-right:2px; font: bold 11px arial;color: #fff;padding: 10px 4px;background:#3c8cc9;display: inline-block;text-align: center;cursor: pointer;  border-right:2px solid #fff;}
#table_sub03_title td.sub22to {width:200px; font: bold 11px arial;color: #777;padding: 10px 4px;background: #ccc;display: inline-block;text-align: center;cursor: pointer; border-right:2px solid #fff;}
#table_sub03_title td.sub22too {width:260px; font: bold 11px arial;color: #777;padding: 10px 4px;background: #ccc;display: inline-block;text-align: center;cursor: pointer;}

.sub2ta {background:#bbb; color:#000; font: bold 11px arial;border:1px solid #999;cursor: pointer;}
.sub2tt {background:#aab7c1;font-weight: bold;font-size: 11px; padding:5px 3px 5px 3px; color:#333;}
.sub2tt2 {background:#96a9b7;font-weight: bold; padding:5px 3px 5px 3px;; color:#333;}
.sub2d {background:#ddd;font-size: 11px; padding:5px 3px 5px 3px; color:#555;}
.sub2f {background:#fff;font-size: 10px; padding:5px 3px 5px 3px; color:#555;}
.sub2ta2 {padding:10px 5px 10px 1px;color: #3c8cc9;font-weight: bold;}
.sub2line {width:660px; border-top:2px solid #3c8cc9; margin-bottom:30px; margin-top:0; padding-top:0;}


/*테이블 서브6*/
#table_sub06{width:660px;}
#table_sub06 th{background:#ddd; font-size:12px; color:#333; padding:7px; border:1px solid #ccc; font-weight:normal; width:200px;}
#table_sub06 td{padding:7px; border:1px solid #ccc; color:#555;}

.box{color:#898989; border:1px solid #b1b1b1; height:23px;}
.box2{color:#898989; border:1px solid #b1b1b1;}
.box3{color:#555; width:150px; height:23px; border:1px solid #b1b1b1;}

#dtable_01{}
#dtable_01 td{}

#table_sub06_02{width:100%; margin:0 auto;}
#table_sub06_02 th{background:#eee; text-align:center; color:#555; padding:7px;}
#table_sub06_02 td{border:1px solid #ccc; text-align:center; padding:7px; color:#555;}

#sub06_title{width:660px; background:#3c8cc9; margin-bottom:5px;}
#sub06_title p{color:#fff; font-size:13px; font-weight:bold; padding:7px;}

#sub06_btn{width:660px; margin:0 auto; margin-top:40px; height:30px;}
#sub06_btn ul{width:100%; text-align:center;}
#sub06_btn li{}