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

@font-face {
    font-family: NanumGothic;
    src: url( '/font/NanumGothic.eot'); /* 저버전 익스플로러 폰트 적용*/
    src: url('/font/NanumGothic.eot?') format('eot'), /* IE 9 폰트 적용 */
         url('/font/NanumGothic.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
}
@font-face {
    font-family: NanumGothicBold;
    src: url( '/font/NanumGothicBold.eot'); /* 저버전 익스플로러 폰트 적용*/
    src: url('/font/NanumGothicBold.eot?') format('eot'), /* IE 9 폰트 적용 */
         url('/font/NanumGothicBold.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
}


html{ overflow-y:scroll;}
body{margin:0; padding:0; border:0; outline:0;margin: auto;font-family: 'NanumGothic';color:#585858; font-size:0.8em}
img{border:0; margin:0; padding:0}
ul,li,dl,dd,h1,h2,h3,h4.h5,h6{list-style:none;margin:0;padding:0;border:0;}
a{text-decoration:none;color:#000}



/*상단*/
#top{border-top:4px solid #ffe500; background:url(/img/top_bg.gif) repeat-x; height:117px}
#top_content{width:1080px; margin:auto}
.ecsk_h1{margin:0; float:left}
#login{height:23px; width:811px; margin:auto; text-align:right; float:left}


/*메뉴*/
#menu{width:811px; height:63px; float:right; margin-top:32px;}
#gnb{position:absolute;height:63px; width:811px; font-family: 'NanumGothicBold';}
#gnb img{float:left;}
#gnb a{color:#000;}
#gnb a:link{color:#000;}
#gnb a:hover{color:#545898;}
#gnb li{float:left;}
#gnb li.m1{ margin-left:194px;}
#gnb li.m1,#gnb li.m2,#gnb li.m3,#gnb li.m4{margin-right:91px;}
#gnb li ul{position:absolute;left:0;top:40px;display:none;}
#gnb li.m1 ul{left:140px;}
#gnb li.m2 ul{left:100px;}
#gnb li.m3 ul{left:460px;}
#gnb li.m4 ul{left:600px;}
#gnb li.m5 ul{left:660px;}
#gnb li ul li{padding:0 8px 0 5px;}


/*메인*/
#main_event{height:405px; border-bottom:1px solid #ececec;}
#main_content{width:1080px; margin:auto; margin-top:15px; color:#000; }
#content_banner{height:131px;}
#main_cscenter,#quick li,#main_notice{border: 1px solid #e7e7e7; float:left;}
#main_cscenter{width:234px; height:121px; padding-top:8px}
#quick li{width:120px; height:109px; margin-left:3px; text-align:center; padding-top:20px;}
#quick li img{margin-bottom:5px;}
#main_notice{ width:339px; height:119px;margin-left:3px;padding-top:10px}
.more{padding-left:199px;border-style:none }
#produck_banner{height:122px; margin-top:20px;}
#produck_banner ul{margin-top:13px;}
#produck_banner li{float:left;height:90px; width:212px;}
.produck_banner{margin-right:5px;}




/*서브공통*/
#sub{width:1080px; margin:auto;}
#sub_left{width:207px; float:left}
#sub_menu{width:207px; height:323px; border:1px solid #e7e7e7; margin-top:21px;}
#sub_menu_produck{width:207px; height:563px; border:1px solid #e7e7e7; margin-top:21px;}
.sub_menu_title{width:207px; height:80px; background:url(/img/sub_menu_bg.gif) no-repeat; border-bottom:1px solid #d7d7d7;}
.sub_menu_title img{padding:20px 0 0 13px;}
.sub_menu_on{width:198px; height:45px; background-color:#ffe500;}
.sub_menu_on_s{width:198px; height:45px; background:url(/img/sub_menu_on_s.gif) no-repeat;}
.mark{float:right; margin-top:30px; }

#snb li a {
    border-bottom-color: #d7d7d7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 9px;
}

#snb li ul {
    border-bottom-color: #d7d7d7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding:16px 0 16px 0;
    
}
#snb li li{
	border-bottom-color: #d7d7d7;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#snb li li a {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #fff !important;
    background-origin: padding-box !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    background-size:auto;
	

    font-size: 13px;
    height: 22px;
    line-height: 22px;
   
}
#content{width:843px; float:right; margin-top:52px;}
#sub_title{width:843px;height:24px;margin-bottom:49px;}
.title_img{width:412px; float:left;}
.home{width:411px; float:right; text-align:right;}
.home_txt{color:#000; font-family: 'NanumGothicBold';}
#InfoView_3 dt{font-family: 'NanumGothicBold'; font-size:1.2em;}







/*서브1_1*/
.sub1_1_txt{background:url(/img/ceo.jpg) no-repeat; background-position:top; height:595px; line-height:28px;}
.ceo_name{float:right;}
.m_ceo{display:none;}


/*서브1_2*/
.sub1_2_txt{width:843px; background:url(/img/sub1_2_bg.jpg) no-repeat; background-position:right top; margin-bottom:50px;}
.sub1_2_txt1{margin-bottom:61px;}
.sub1_2_txt ul{margin:88px 0 49px 0;}
.sub1_2_txt li{border-bottom: 1px solid #e7e7e7; height:72px; line-height:100px }
.sub1_2_txt span{margin-right:94px;}


/*서브1_3*/
.sub1_3_txt{color:#000; background:url(/img/sub1_3_bg.jpg) no-repeat;background-position:right top; line-height:24px; height:1820px;}
.sub1_3_txt_top{padding:40px 0 90px 0;}
.sub1_3_txt dt,.txt1,.txt2,.txt3{font-family: 'NanumGothicBold';}
.sub1_3_txt dt{width:290px; float:left; }
.sub1_3_txt dd{width:553px; float:right;}
.sub1_3_txt dt img{vertical-align:middle; margin-right:18px}
.txt2{margin-right:16px;}
.history_1996,.history_1982,.history_1971,.history_1942,.history_1921,.history_1904{padding:5px 0 5px 0; width:843px; line-height:30px; float:left}
.history_1996{border-top:1px solid #e7e7e7;}
.history_1996 dt{margin-top:95px;}
.history_1996,.history_1982,.history_1971,.history_1942,.history_1921{border-bottom:2px dotted #e7e7e7;}
.history_1904{border-bottom:1px solid #e7e7e7; margin-bottom:26px;}
.1982_dd{padding-top:30px;}
.txt3,.txt4{margin-left:38px;}
.flag1,.flag2,.flag3{width:500px; height:43px;}
.flag1{background:url(/img/Germany.gif) no-repeat top left; }
.flag2{background:url(/img/usa.gif) no-repeat top left;}
.flag3{background:url(/img/china.gif) no-repeat top left;}


/*서브1_4*/
.sub1_4_txt{color:#000; line-height:24px;}
.map{width:841; height:429px; border:1px solid #e7e7e7;}
.map_content{background:url(/img/sub1_4_bg.jpg) no-repeat top right; width:843px; height:584px; margin-top:20px;}
.txt6{font-family: 'NanumGothicBold'; font-size:1.1em;}



/*서브2*/
.sub2_1_1_txt{width:419px; float:left; line-height:24px;}
.sub2_1_1_txt img{vertical-align:middle;}
.sub2_1_1_img{width:424px; float:right;}
.sub2_1_2_txt{width:843px; line-height:24px;}
.sub2_1_2_img{width:843px; margin-top:26px;}
.sub2_1_3_txt{width:391px; float:left;line-height:24px;}
.sub2_1_3_img{width:452px; float:right;}
.sub2_1_4_txt{width:391px; float:left;line-height:24px;}
.sub2_1_4_img{width:452px; float:right;}
.sub2_1_5_txt{width:843px; float:left;line-height:24px;}
.sub2_1_5_txt dt{color:#545898;font-family: 'NanumGothicBold'}

.sub2_txt,.sub2_6_txt{width:843px; float:left;line-height:24px; margin-bottom:30px;}
.sub2_6_txt{background:url(/img/sub2_6_bg.jpg) no-repeat right; height:563px; }

.tab{height:35px; width:843px; float:left; border-bottom:1px solid #cbcbcb;margin-top:30px;cursor:pointer;}
.tab li{float:left;}
.tab li img{float:left}
#InfoView_1,#InfoView_2,#InfoView_3{margin:30px 0 50px 0; width:843px;float:left;line-height:24px;}
#InfoView_2,#InfoView_3{display:none;}
#InfoView_1 table{border-top:1px solid #c2c2c2;}
#InfoView_1 td{border-bottom:1px solid #c2c2c2; padding:10px;}
.a{background-color:#f2f2f2;}
#InfoView_2 dt{margin-bottom:14px;}
#InfoView_2 dd{margin-bottom:30px;}
#InfoView_3 dt{color:#545898;}
#InfoView_3 dd{margin-bottom:30px;}

.dwon_btn,.dwon_btn1{font-family: 'NanumGothicBold'; font-size:1.1em ; color:#000}
.dwon_btn{margin-top:23px; float:right;}
.dwon_btn1{margin-top:410px; float:left;}
.dwon_btn img,.dwon_btn1 img{vertical-align:middle;}


.sub2_table table{border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2; width:100%; margin:auto; margin:25px 0 50px 0;}
.sub2_table td{padding:5px;}
.sub2_table th,.sub2_table td{border-bottom:1px solid #c2c2c2;}
.b{text-align:center;}


/*서브3*/
.sub3_1_txt{background:url(/img/sub3_1_bg.jpg) no-repeat top right; width:843px; height:500px;}
.sub3_1_txt a img{margin-top:148px;}
.sub3_2_txt{background:url(/img/sub3_2_bg.jpg) no-repeat top right; width:843px; height:980px;}
.bideo{margin-top:147px;}
.bideo_title{float:right; width:322px; line-height:24px;}


/*서브5*/
.sub5_1_txt{background:url(/img/sub5_1_bg.jpg) no-repeat top right; width:843px; height:239px; margin-bottom:20px;}
.sub5_1_txt h3,.sub5_2_txt h3,.sub5_3_txt h3{margin-bottom:31px;}
.sub5_2_txt{background:url(/img/sub5_2_bg.jpg) no-repeat top right; width:843px; height:239px; margin-bottom:20px;}
.sub5_table table{border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;width:100%; margin:auto; margin:137px 0 50px 0;border-collapse: collapse;}
.sub5_table td{border:1px solid #e6e6e6;}
.sub5_3_txt{background:url(/img/sub5_3_bg.jpg) no-repeat top right; width:843px; height:640px; margin-bottom:20px;}
.c{padding-left:80px;}
.d{padding-left:110px;}
.e{padding-left:50px;}
.f{text-align:center; font-family:'NanumGothicBold';}
.c,.d,.e,.f{padding-top:10px; padding-bottom:10px;}




/*회원*/
#my,#ag,#pa{width:1080px; margin:auto;}
#my #sub_menu a.my{background-color:#ffe500}
#ag #sub_menu a.ag{background-color:#ffe500}
#pa #sub_menu a.pa{background-color:#ffe500}
.member_txt{float:left;width:800px;padding:10px 20px 30px 20px;line-height: 2em; height:500px;overflow-x:hidden; overflow-y:scroll;border:1px solid #e6e6e6; margin-bottom:100px  }
.ag_0,.po_0{width:800px; border-bottom:1px solid #e6e6e6; height:400px}
.ag_0{height:400px;}
.po_0{height:300px;}
.ag_1,.po_1{width:400px; float:left;}
.ag_2,.po_2{width:400px; float:right;}
.po_1,.po_2{font-weight:bold;}







/*퀵메뉴*/
#sub_quick{width:207px; height:55px; border:1px solid #d7d7d7; margin-top:4px;}
#sub_quick li{float:left; width:51px; height:55px; text-align:center}
#sub_quick li img{padding-top:8px;}
.sub_quick_s{border-right:1px solid #d7d7d7;}
#sub_cscenter{border:1px solid #d7d7d7; width:207px; height:129px; margin:4px 0 50px 0; color:#000}
.phone_icon{margin:3px 0 0 7px;;}
.phone{height:27px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color:#f2f2f2; text-align:center; font-family:'NanumGothicBold'; font-size:1.5em; margin-top:5px; padding-top:5px}
.fax{padding:6px 0 0 9px; font-size:0.9em; float:left;}
*:first-child+html .fax{padding:6px 0 0 5px; font-size:0.875em;}
.fax li{margin-bottom:3px;width:190px}
.fax li img{vertical-align:middle;}
.fax span{ font-family:'NanumGothicBold';padding-left:5px;}
*:first-child+html.fax span{ font-family:'NanumGothicBold';padding-left:5px;}







/*하단*/
#footer{border-top:1px solid #d5d5d5; margin:34px 0 50px 0; clear:both; font-size:0.9em; height:90px;}
#copy{width:1080px; margin:auto; margin-top:22px;}
#copy_logo{float:left; width:312px;}
#copyright{float:left;line-height:1.5em}
#copyright a{background-image: url("/img/agreement.gif");
        background-origin: padding-box;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: auto auto;
        display: block;
        float: left;
		overflow-x: hidden;
        overflow-y: hidden;
        text-indent: -9999px;}
#copyright a.agreement{width:55px; height:19px; background-position:0 0;}
#copyright a.agreement:hover{width:55px; height:19px; background-position:-166px 0;}
#copyright a.privacy{width:105px; height:19px; background-position:-55px 0;}
#copyright a.privacy:hover{width:105px; height:19px; background-position:-221px 0;}