@import url("font/helvetica/helvetica.css");
@import url("reset.css");
@charset "utf-8";

* {margin:0; padding:0;}
* {-webkit-text-size-adjust:auto}
img {border:none; vertical-align:top;}
dl,ul,ol,li,dt,dd,span {list-style:none;}
html {height:100%;}
body { font-family:"HelveticaNeueLTStd-Roman",sans-serif;}
caption {display:none; visibility:hidden;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background:#fff; opacity:0; display:none;}
.wrapper {width:100%; min-width:1100px; position:relative;}
.point1{color:#004899;}
h1{font-size:0;}
.line1{border-top:1px #dadada solid;}
.line2{border-top:1px #dadada solid; margin:30px 0 20px 0;}
.point1{color:#000; font-weight:bold;}

.header_wrap {width:100%; height:174px; position:absolute; top:0; left:0; overflow:hidden; background:url('../img/kme_header_wrap_bg.gif') 0 0 repeat-x; z-index:10;}
.header {width:1000px; height:100%; position:relative; margin:0 auto; overflow:hidden;}
.header h1 {float:left; padding-top:58px;}
.header .right_top {float:right; overflow:hidden;}
.header .right_top div {float:left; height:35px; padding-left:14px; margin-left:13px; background:url('') left center no-repeat;}
.header .right_top div.first {padding-left:0; margin-left:0; background:none;}
.header .right_top div a {display:block; height:35px; line-height:35px; font-size:10px; color:#898989; text-transform:uppercase;}
.header .right_top div.eng a {color:#1d68be;}
.header .right_top div.flag{padding-top:8px; background-image:none; padding-left:0;}

.header .gnb {height:136px; position:absolute; top:38px; right:0; font-family:"HelveticaNeueLTStd-Roman",sans-serif; font-weight:bold;}
.header .gnb > ul {height:100%; position:relative; overflow:hidden;}
.header .gnb > ul > li {float:left; margin-left:71px; position:relative;}
.header .gnb > ul > li > a {height:87px; display:block; font-size:18px; color:#1e1e1e; font-weight:bold; line-height:87px;}
.header .gnb .sub {width:1000px; height:49px; overflow:hidden; position:absolute; top:87px; display:none;}
.header .gnb .sub li {float:left;}
.header .gnb .sub li a {display:block; padding:0 10px; height:49px; line-height:49px; color:#767676; font-size:13px; letter-spacing:0px;}
.header .gnb .sub li a:hover {font-weight:bold; color:#000;}

.header .gnb > ul > li.li_01 .sub {left:-30px;}
.header .gnb > ul > li.li_02 .sub {left:-167px;}
.header .gnb > ul > li.li_03 .sub {left:10px;}
.header .gnb > ul > li.li_04 .sub {left:14px;}

/*MainBanner*/
.clear{clear:both;}
.center{text-align:center;}
.mainBanner{width:100%; padding-top:130px;}
.billBoard{width:100% !important; position:relative; overflow: auto;}
.billBoard ul{width:100%;}
.billBoard ul li{width:100%; height:424px; float: left;}
.billBoard .btn, .banner .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.billBoard .dots {position:absolute; left: 48%; right: 0; bottom: 20px;}
.billBoard .dots li {display: inline-block;*zoom: 1;*display: inline; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.billBoard .dots li.active {background: #fff; opacity: 1;}
/*HERO*/
.heroTitle{padding-top:70px; padding-left:0px; width:1000px; margin: 0 auto;}
.company_title{font-size:20pt; color:#fff;  font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; margin:10px auto; letter-spacing:-0.03em; line-height:17pt; opacity:0.8}
.title1{font-size:43pt; text-align:left; color:#fff; font-family: 'HelveticaNeueLTStd-Roman','Malgun Gothic','Malgun Gothic', sans-serif; font-weight:bold; letter-spacing:-0.03em;}
.title2{font-size:11pt; color:#fff; font-family: 'HelveticaNeueLTStd-Roman','Malgun Gothic','Malgun Gothic', sans-serif;  margin:0px auto; letter-spacing:-0.01em; line-height:17pt;}
.barMain{text-align:left; width:30px; border-bottom:1px #fff solid; margin:20px 0 20px 0;}
.titleLink{font-size:9pt; text-align:center; color:#fff; font-family: 'Oswald', sans-serif;}
.show_detail{font-family: 'Nanum Gothic', sans-serif; font-size:10pt; color:#fff;  width:100px; margin:60px auto; padding: 10px 45px; letter-spacing:-0.01em; line-height:17pt; border:1px solid white}

.sectionA{width:100%;}
.sectionA .wrapA1{width:1050px; margin:0 auto;}
.sectionA .wrapA1 ul li{float:left; }
.sectionA .wrapA1 .title{}
.sectionA .wrapA1 .textbox{width:90%; word-break:keep-all; color:#434343; font-size:10pt; letter-spacing:-0.03em; padding:50px 0 0 60px; font-family:"NotoSansKR-DemiLight",sans-serif}
.sectionA .wrapA1 .btnArea{padding:60px 0 0 60px;}
.sectionA .wrapA1 .btnArea .mainBtn{width:238px; height:50px; background:url("../img/btn_main.jpg") no-repeat; font-size:22pt; letter-spacing:-0.03em;}
.sectionA .wrapA1 .btnArea a:hover{color:#004899;}

.mainProducts{position:relative; width:100%; height:303px; background:url("../img/mainProduct1.jpg") center center; background-size:cover;}
.mainProducts .infoBox{background-color:#09a2a8; position:absolute; margin-left:656px;}
.mainProducts .infoBox ul li{width:390px; height:303px; }
.mainProducts .infoBox h3{font-size:9pt; color:#fff; padding:30px 0 0 40px; line-height:11pt;}
.mainProducts .infoBox .text{font-size:10pt; width:300px; color:#fff;  font-family:"NotoSansKR-DemiLight",sans-serif; word-break:break-all; padding:30px 40px 0 40px; opacity:0.7;}
.mainProducts .infoBox .text a{color:#fff; border-bottom:1px #fff solid;}

.wrapNews{background-color:#f4f4f4; padding:30px 0 50px 0;}
.wrapNews .frame{width:1050px; margin:0 auto; border:0px red solid;}
.wrapNews .frame ul li{display:inline-block;vertical-align:top;}
.wrapNews .frame ul li h3{font-size:20pt; padding:0; margin:0; line-height:20pt;}
.wrapNews .frame .news{width:610px;}
.wrapNews .frame .news ul li{margin-top:12pt;}
.wrapNews .frame .news .date{font-size:10pt; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif; padding:7px 0 0 0;}
.wrapNews .frame .news .article{font-size:10pt; color:#656557; letter-spacing:-0.03em; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif; line-height:14pt; padding:7px 30px 0 8px; word-break:break-all;}

.wrapNews .frame .events{width:352px; margin-left:80px; float:right; border:0px red solid;}

#footer{width:100%; background-color:#373737; padding:30px 0 50px 0;}
#footer .frame{width:1000px; margin:0 auto;}
#footer .frame .cell1{margin-left:330px; }
#footer .frame .cell2{margin-left:50px;}
#footer .frame .cell3{margin-left:50px;}
#footer ul li{display:inline-block; font-size:9pt; color:#ccc; }
#footer ul li .footerLogo{width:150px;}

/*SUBpage*/
#subContents.container{padding-top:125px; min-height:800px;}
#subContents.container .titleBg{width:100%; height:240px; background:url("../img/titleimg_company.jpg"); background-size:cover;}
#subContents.container .titleBg h3{font-size:30pt; font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; color:#fff; padding-top:80px; text-align:center;}
#subContents.container .titleBg h4{font-size:10pt; font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; font-weight:normal; color:#eee; padding-top:10px; text-align:center; letter-spacing:-0.03em;}
#subContents.container .titleIcon{margin:25px 0 25px 0; text-align:center;}
#subContents.container .titleIcon .txt{padding:0 0 0 10px;}
#subContents.container .titleIcon .icon{padding:7px 0 0 0;}
#subContents.container .titleIcon div{display:inline-block; vertical-align:middle;}
#subContents.container .titleIcon h3{font-size:25pt; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif; font-weight:bold; color:#000; letter-spacing:-0.04em;}
#subContents.container .titleIcon h4{font-size:10pt; font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; font-weight:normal; color:#ccc; padding-top:10px; text-align:left; letter-spacing:-0.03em;}
#subContents.container .wrapContainer{width:1000px; margin:0 auto;}
#subContents.container .wrapContainer .subBody{padding:40px 0 140px 0; color:#2b2b2b; word-break:keep-all;}
#subContents.container .wrapContainer .subBody .article1{width:100%; letter-spacing:-0.05em; font-size:19pt; line-height:25pt; letter-spacing:-0.06em; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif;}
#subContents.container .wrapContainer .subBody .article2{width:100%; letter-spacing:-0.05em; font-size:12pt; line-height:18pt; letter-spacing:-0.03em; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif;}
#subContents.container .wrapContainer .subBody .history{width:100%; margin:0 auto; vertical-align:top;}
#subContents.container .wrapContainer .subBody .history ul{padding:8px 0 0 0;}
#subContents.container .wrapContainer .subBody .history ul li{display:inline-block; vertical-align:top; }
#subContents.container .wrapContainer .subBody .history ul li .year{font-size:13pt; font-weight:bold; width:110px; padding:7px 0 7px 0; text-align:center; color:#fff; display:table; }
#subContents.container .wrapContainer .subBody .history ul li .year.now{background-color:#a0c800;}
#subContents.container .wrapContainer .subBody .history ul li .year.old{background-color:#dadada;}
#subContents.container .wrapContainer .subBody .history ul li .month{width:20px; color:#000; font-weight:bold; font-size:11pt;}
#subContents.container .wrapContainer .subBody .history ul li .txt{padding:0 0 0 30px; letter-spacing:-0.03em; font-size:11pt;}
#subContents.container .wrapContainer .subBody .location ul li{display:inline-block;}
#subContents.container .wrapContainer .subBody .location ul li.title{font-size:18pt; margin-top:-52px; line-height:18pt; letter-spacing:-0.03em; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif; vertical-align:text-top; display:inline-block;}
#subContents.container .wrapContainer .subBody .location ul li.txt{font-size:12pt; line-height:20pt; color:#999; letter-spacing:-0.03em; font-family:"HelveticaNeueLTStd-Roman","NotoSansKR-DemiLight",sans-serif;}
#subContents.container .wrapContainer .subBody .service h2{font-size:16pt; font-weight:bold; padding:80px 0 17px 0; letter-spacing:-0.05em;}
#subContents.container .wrapContainer .subBody .service .tblNotice{width:100%; border-top:2px #999 solid;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl{border-bottom:1px #eee solid; clear:both;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl dd{float:left; padding:10px 0 10px 0;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl dd.num{width:5%; text-align:center; font-size:9pt; line-height:16pt;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl dd.title{width:84%; font-size:10pt; letter-spacing:-0.03em;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl dd.title a{color:#000; font-weight:bold;}
#subContents.container .wrapContainer .subBody .service .tblNotice dl dd.date{width:10%; font-size:9pt; text-align:center; font-size:9pt; line-height:16pt;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap{width: 100%; display: inline-block; text-align: center; border-top:1px #ccc solid;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination {max-width:460px; height:27px; margin:auto; clear:both; margin-top:30px; margin-bottom:20px; display: inline-block;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination a{width: 25px; height: 25px; border: 0px solid #e5e5e5; float: left; margin-left: 6px; text-align: center; font-size: 10pt; color: #999; padding-top: 3px;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination a.on{background-color: #f3f3f3; color: #000; font-weight: bold; border-radius: 5px; height: 22px;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination .prev{width: 25px; height: 25px; background: url('../img/btn_prev.gif') no-repeat; text-indent: -9999px;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination .first{width: 25px; height: 25px; background: url('../img/btn_first.gif') no-repeat; text-indent: -9999px; margin-left: 0;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination a.next {width: 25px; height: 25px; background: url('../img/btn_next.gif') no-repeat; text-indent: -9999px;}
#subContents.container .wrapContainer .subBody .service .tblNotice .pagewrap .pagination a.end {width: 25px; height: 25px; background: url('../img/btn_end.gif') no-repeat; text-indent: -9999px;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView{width:100%; border-top:2px #999 solid;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView dl{border-bottom:1px #eee solid; clear:both;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView dl dd{float:left; padding:15px 0 20px 0; border-bottom:1px #eee solid;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView dl dd.title{width:90%; font-size:12pt; font-weight:bold; letter-spacing:-0.03em;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView dl dd.date{width:10%; font-size:9pt; text-align:center; font-size:9pt; line-height:16pt;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView .contents{font-size:11pt; min-height:300px; line-height:22pt; letter-spacing:-0.03em; display:block; padding:20px 30px 20px 30px; clear:both; border-bottom:1px #eee solid;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView .btnArea{width:100%; clear:both; border:0px red solid;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView .btnArea a.btn1{width:50px; text-align:center; margin:20px auto; padding:6px; background-color:#f4f4f4; border:1px #eee solid; font-size:10pt; color:#999; display:block; border-radius:3pt;}
#subContents.container .wrapContainer .subBody .service .tblNoticeView .btnArea a.btn1:hover{background-color:#fff;}

/*products*/
#subContents.container .titleBgProduct{width:100%; height:340px; background-size:cover; overflow-y:hidden;}
#subContents.container .titleBgProduct .mask{background-color:#000; opacity:.6; width:100%; height:340px; position:absolute; z-index:1;}
#subContents.container .titleBgProduct h3{font-size:36pt; font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; color:#fff; top:280px; text-align:center; z-index:10; position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;}
#subContents.container .titleBgProduct .topLine{width:50px; border-top:3px #fff solid; position:absolute; z-index:1;margin-left: auto;margin-right: auto; margin-top:140px; left: 0;right: 0;}
#subContents.container .titleBgProduct h4{font-size:12pt; font-family: "HelveticaNeueLTStd-Roman","Malgun Gothic",sans-serif; font-weight:normal; color:#ccc; top:225px; text-align:center; letter-spacing:-0.03em; position:absolute; z-index:5; margin-left: auto;margin-right: auto;left: 0;right: 0;}
#subContents.container .logoPrd{width:230px; padding-right:30px; padding-top:23px; padding-bottom:23px;}
#subContents.container .linkBtn{margin:40px 0 0 0;}
#subContents.container .linkBtn a{ color:#0054a6; text-decoration:underline; font-weight:bold;}