@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6, a, img, ul, li, span, input, form, button, p, dt, dd, dl, textarea, em {margin: 0;padding: 0;}
html, body {font-size: 15px;font-family: 'NanumGothic', sans-serif;color: #444444;line-height: 1.2;height:100%;}
/* mweb reset */
body{height:100%;}
input[type]:not([type="checkbox"]):not([type="radio"]),textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
    border: 0;
    outline: none;
}
button {border: none;cursor: pointer;font-family: 'NanumGothic', sans-serif;}
select{border-radius:0}
select::-ms-expand { display: none; }
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
a {text-decoration: none;display: inline-block;color: #444444;}
img {border: 0; vertical-align: middle;}
ul, li {list-style: none;}
em {font-style: normal;}

/*common style*/
#wrap {
    position: relative;
    min-width: 1280px;
    border: 0px solid #000000;
    -moz-box-sizing: border-box; /* Firefox  */
    -webkit-box-sizing: border-box; /* Safari */
    box-sizing: border-box; /* CSS3 Standard */
    height: 100%;
    background-color:#272a32;
}
* html #wrap {height: 100%;}
.f-l {float: left;}
.f-r {float: right;}
.m0 {margin: 0 !important;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mtb50 {margin: 50px 0;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px !important;}
.pl20 {padding-left: 20px;}
.ptb20 {padding: 20px 0;}
.p30 {padding: 30px;}
.pt30 {padding-top: 30px;}
.ptb30 {padding: 30px 0;}
.ptb50 {padding: 50px 0;}
.ptb80 {padding: 80px 0;}
.pb50 {padding-bottom: 50px;}
.p1530 {padding: 15px 30px 30px 30px;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.upper {text-transform: uppercase;}
.hidden { display:none;}
.bgGrey {background: #eaeaea;}
.bglight {background: #f6f6f6;}
.strapline {color: #222222;font-size: 26px;text-align: center;font-weight:500;}
.strapline p {font-size: 18px;font-weight: normal;color: #7e7e7e;}
.red{color: #ff4338;}
.txtblue {color: #034899;}
.txtgrey{color: #777;}
.big {font-size: 18px; color##777;}

/* btn */
button.bluebtn {background: #034899;color: #ffffff;font-weight: 500;;border-radius: 5px;margin: 0 auto;display: block;}
button.bluebtn:disabled,
button.bluebtn [disabled]{background: #464646;cursor: default;}
button.wide {width: 350px;height: 60px;font-size: 22px;}
button.small {width: 170px;height: 45px;font-size: 16px;}
button.mid {width: 280px;height: 40px;font-size: 16px;}
.btn {height: 60px;text-align: center;line-height: 60px;font-size: 18px;display:block;}
.btnBox{width: 100%;height: 60px;position:absolute;bottom:22.5px;}
.blue {width: 334px;background-color: #124088;color: #ffffff;float:left;}
.snsBtn{float:right;}
.sns {width: 58px;height: 58px;background: #f7f7f7;border: 1px solid #c6c6c6;float:left;}
.sns1, .sns2 {border-right: 0;}
.btnDown {width: 1080px;margin: 30px auto 50px;text-align:center;}
.dbtn {display:inline-block;;text-align: center;line-height: 38px;font-size: 16px;width: 243px;height: 38px;border: 1px solid #cdcdcd;}
.dbtn img {vertical-align: middle;margin-left: 5px;}
.d2, .d3, .d4 {margin-left: 33px;}
.grey-b {background: #fff;border:1px solid #959595;width: 160px;height: 45px;text-align: center;line-height: 45px;border-radius: 5px;font-weight:500;}
.grey-b:hover {background: #034899;border:1px solid #034899;color: #fff;}
.greyLine {padding: 0 30px;height: 35px;line-height: 35px;border:1px solid #b7b7b7;text-align: center;border-radius: 5px;font-weight:500;}
.greyBack {width:125px;height: 35px;line-height: 35px;border:1px solid #214c9b;color:#214c9b;text-align: center;border-radius: 5px;font-weight:500;}
.greyBack:hover {border:1px solid #b7b7b7;background:#e1e1e1;}
.blueBack {background-color: #124088;color: #ffffff;text-align: center;border-radius: 5px;padding: 0 30px;height: 35px;line-height: 35px;font-weight:500;}
.b160 {width: 100px;height: 45px;line-height: 45px;}
.b120 {width: 60px;height: 40px;line-height: 40px;}
.greysquare {width: 193px;height: 38px;border: 1px solid #cdcdcd;text-align: center;line-height: 40px;margin-left: 10px;}
.greysquare img {margin: 0 0 2px 8px;}

.ctgbtn{overflow:hidden;}
.ctgbtn li{float:left;text-align:center;width:315px;height:120px;}
.ctgbtn li a{display:inline-block;border: 5px solid #dcdcdc;width:305px;height:110px;line-height:110px;}
.ctgbtn li a span{display:inline-block;width:55%;font-weight:600;line-height:1.5;vertical-align:middle;}
.fColorR{color: #e43c1b;}

/* input */
select {
    text-indent: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500;
    font-size: 15px;
}
.selectwrap {
    float: left;
    position: relative; 
    width: 255px; 
    border: 1px solid #d7d7d7;
    z-index: 1; 
    background: #fff;
    border-radius: 5px;
    margin-left: 20px;
    background: url(/images/pages/web/select_bg.jpg) right 0 no-repeat; 
    background-color: #fff;
    background-size: 41px 43px;
}
.selectwrap label {
    position: absolute; 
    top: 1px; 
    left: 5px;
    padding: .8em .5em; 
    z-index: -1; 
}
.selectwrap select { 
    width: 100%; 
    height: auto;
    line-height: normal;
    font-family: inherit; 
    padding: .8em .5em; 
    border: 0; 
    opacity: 0;
    filter:alpha(opacity=0); 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
} 
#content input[type="text"] {
    width: 100%;
    height: 43px;
    border-radius: 5px;
    background: #fff;
    text-indent: 10px;
    border: 1px solid #ccc;
    line-height: 43px;
}
button.btnSearch {width: 157px;height: 43px;background: #464646;color: #ffffff;border-radius: 0 5px 5px 0;position: absolute;top:1px;right: -1px;border-left: 1px solid #d7d7d7;}
/* search input div style */
.searchList {float: left;height: 45px;padding: 20px 0;width: 738px;position: relative;}
.searchList button {top:21px; right: -1px;}
.searchShort {position: relative;border-radius: 5px;width: 465px; height: 45px;float: right;margin-right: 30px;}
.searchMid {position: relative;border-radius: 5px;width: 610px; height: 45px;float: right;margin: 0 30px;}
.searchLong {margin: 0 30px;position: relative;}
.ipt {width: 230px;}
.iptl {width: 835px;}
.listLine input[type="checkbox"] + label {position: absolute;right: 8px;top: 8px;}
.listLine input[type="checkbox"] {display: none;}
.listLine input[type="checkbox"] + label {
  display: inline-block;
  width: 97px;
  height: 33px;
  background-image: url(/images/pages/web/checkbox_bg.jpg);
  cursor: pointer;
  text-indent: -9999px;
}
.listLine input[type="checkbox"]:checked + label {
  background: url(/images/pages/web/checkbox_bg_over.jpg);
}
.ctg_check input[type="radio"] {display: none;}
.ctg_check input[type="radio"] + label {
  display: inline-block;
  width: 124px;
  height: 38px;
  border: 1px solid #e1e1e1;
  background: #ffffff;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
  margin-right: 10px;
  font-weight:500;
}
.ctg_check input[type="radio"]:checked + label {
  border: 1px solid #034899;
  background: #034899;
  color: #ffffff;
}
#cb6 + label {width: 180px;}

/*label style*/
.lbl {position: absolute;top: 0;left: 0;padding: 0;width: 83px;height: 39px;color: #fff;text-align: center;line-height: 39px;font-size: 16px;opacity: 80;filter: alpha(opacity=80);}
.lblb {background: #978c84;}
.orange {display: inline-block;width: 60px;height: 25px;border-radius: 5px;color: #fff;background-color: #ff4338;text-align: center;line-height: 25px;font-size: 13px;}
.black {display: inline-block;width: 60px;height: 25px;border-radius: 5px;color: #fff;background-color: #3c3430;text-align: center;line-height: 25px;font-size: 13px;}

/*header*/
#header {width: 100%;background: #ffffff;position: fixed;top: 0;left: 0;z-index: 3;}
.headerline {width: 100%;height: 90px;border-bottom: 1px solid #cfcfcf;}
.header {width: 1280px;height: 90px;margin: 0 auto; position: relative;}
.header h1 a {width: 129px;height: 34px;margin: 29px 0 0 2px;}
.header ul {overflow: hidden; position: absolute;left: 233px;top: 0px;}
.header ul li {float:left; width: 145px;height: 90px;text-align: center;line-height: 90px;}
.header ul li a {width: 100%;height: 87px;font-size: 17px;font-size: 1.15em;font-weight: bold;color: #444444;}
.header ul li .kmllogo {padding-bottom:10px}
.header .searchArea {
    width: 131px;
    height: 23px;
    background-color: #e1e1e1;
    text-align: left; 
    border-radius: 15px;
    padding: 7px 13px;
    position: absolute;
    top: 25px;
    right: 1px;
    overflow: hidden;
}
.header .searchArea input {
    border: 0px;
    outline: none;
    padding: 0;
    line-height: 1.0em;
    background-color: #e1e1e1;  
    width: 111px;
    height: 23px;
    float: left;
}
#dropmenu {width: 100%;height: 0px;background: #fff;overflow: hidden;}
.dropwrap {width: 100%;}
.dropmenu {width: 1280px;height: 320px;margin: 0 auto;overflow: hidden;background: #fff;position:relative;}
.dropimg {position:absolute;bottom:0; left:0;}
.drop {width: 165px;text-align: left;padding: 10px 0;}
.dm1 {margin-left:233px;}
.dm1 li {padding-left: 50px;}
.dm2 li {padding-left: 45px;}
.dm3 li {padding-left: 40px;}
.dm4 li {padding-left: 30px;}
.drop li {height: 50px;line-height: 50px;}
.drop li a {display: inline-block;height: 35px;}
.drop li a:hover {border-bottom: 1px solid #ff4338; color: #ff4338;}

/*section*/
#section {width: 100%;overflow: auto;background-color:#fff;}
#section .section {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
    margin-top: 90px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
#section .s1 {
    background-image: url(/images/pages/web/winche_bg.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/winche_bg.jpg', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/winche_bg.jpg', sizingMethod='scale')";
}
#section .s2 {
    background-image: url(/images/pages/web/product_bg.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/product_bg.jpg', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/product_bg.jpg', sizingMethod='scale')";
}
#section .s3 {
    background-image: url(/images/pages/web/customer_bg.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/customer_bg.jpg', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/customer_bg.jpg', sizingMethod='scale')";
}
#section .s4 {
    background-image: url(/images/pages/web/laboratory_bg.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/laboratory_bg.jpg', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pages/web/laboratory_bg.jpg', sizingMethod='scale')";
}
#section .section h2 {font-size: 26px;font-weight: normal;padding: 57px 0 5px 0;}
#section .section p {font-size: 15px;padding-top: 10px;color: #cdd4e1;}
#section .lnb_wrap {
    width: 100%;
    height: 53px;
    background-image: url(/images/pages/web/lnb_bg.png);
    background-repeat: repeat-x;
    background-position: 100% 51px;
    text-align: center;
}
#section .lnb_wrap img {vertical-align: middle;}
#section .lnb_wrap a {width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 15px;height: 50px;font-weight:500;}
#section .lnb_wrap a.on {color: #ff4338;border-bottom: 3px solid #ff4338;}

/*main*/
#mainSlide {width: 100%;}
#mainSlide li {background-size: cover;background-color:#fff;min-height: 900px;}
.left {
    width: 40%;
    height: 100%;
    background-size: cover;
    float:left;
 }
 .slidel1 {background-image: url(/images/pages/web/slide_left1.jpg);}
 .slidel2 {background-image: url(/images/pages/web/slide_left2.jpg);}
 .slidel3 {background-image: url(/images/pages/web/slide_left3.jpg);}
 .slidel4 {background-image: url(/images/pages/web/slide_left4.jpg);}
.right {
    width: 60%;
    height: 100%;
    background-size: cover;
    float: left;
    position: relative;
}
 .slider1 {background-image: url(/images/pages/web/slide_right1.jpg);}
 .slider2 {background-image: url(/images/pages/web/slide_right2_1.png);}
 .slider3 {background-image: url(/images/pages/web/slide_right3.jpg);}
 .slider4 {background-image: url(/images/pages/web/slide_right4.jpg);}
.right .mImg {position: absolute;left: 0; bottom: 0px;}
.right .mImg.mImg2 {position: absolute;right: 0; top: 90px; left:auto}
.bluebox {width: 40%;height: 100%;min-height: 900px;background: #034592;opacity: 0.9;position: absolute;top: 0;left: 0;z-index: 2;text-align: center;filter: alpha(opacity=90);}
.mtxt {padding: 210px 165px 0 0;text-align: right;}
.thumb {width: 370px; height: 370px; position: absolute; right:50px;top: 530px;overflow: hidden;}
.thumb div {width: 170px;height: 170px;float: left;border: 1px solid #527db1;color: #fff;margin: 5px;text-align: center;cursor: pointer;font-size: 20px;}
.thumb div span {display: inline-block;padding: 60px 0 0 0;}
.thumb div span.winche {padding: 80px 0 0 0;}
.thumb #index2 a { width:100%;}
.thumb div span.kml { background-image: url(/images/pages/web/kml_w.png); background-repeat: no-repeat; width:100%;background-position: center; padding-bottom:85px;color:transparent}
.thumb div.on {background: #fff;color: #034899;font-weight: bold;}
.thumb div .kml { }
.thumb div.on .kml {background-image: url(/images/pages/web/kml_c.png); background-repeat: no-repeat; background-position: center; padding-bottom:85px; }


/*content*/
#content {padding: 50px 0 129px 0;background-color:#fff;}
#content .content {width: 1080px; margin: 0 auto;position: relative;}

/*quikmenu*/
#quik {width: 100px; position: absolute; top: 0;right: -113px; background: #fff;border: 1px solid #e1e1e1;}
.quik li {height: 54px;text-align: center;padding-top: 13px;font-size: 14px;line-height: 1.5;border-top: 1px solid #e1e1e1;}
.quik li.quikh {background: #034899;font-size: 15px;font-weight: 500;color: #fff;border-top: 0;line-height: 1.2;padding-top: 15px;height: 52px;}
.quik li.qnotice {padding-top: 0;height: 67px;border-top: 0;}
.quik li.qnotice a {display: block;width: 100%;padding-top: 24px;height: 43px;border-top: 0;}
.quik li.qicon {height: 75px;padding-top: 10px;}
.quik li.qicon a {display: inline-block;margin: 5px;}

/*ȸ��Ұ�*/
.txt_title {padding: 80px 0;text-align: center;color: #777;font-size: 16px;line-height: 1.5;}
.txt_title h3 {color: #000;font-size: 34px;}
.txt_title span {font-weight:normal;}
.greyBox {background: #f5f5f5;text-align: center;height: 230px;padding: 80px 0 50px 0;}
.greyBox h3 {font-size: 28px;margin-top: 30px;font-weight:normal;}
.greyBox p {color: #777;margin-top: 30px;line-height: 1.5;}
.txtBox {line-height: 1.5;}
.txtBox h4 {margin-bottom: 20px;font-size: 22px;font-weight:normal;color: #034899;}
.txtBox h5 {color: #777;font-size: 16px;font-weight: normal;margin-top: 20px;}
.txtBox h5 em {font-weight:500;font-size: 20px;color: #000;}
.hstBox {overflow: hidden;}
.hstimg {float: left; width: 158px;}
.hst {float: left;overflow: hidden;width: 540px;}
.hst .winche_his {float: left;width: 154px;height: 154px;text-align: center;}
.hst .winche_his .name {display: inline-block; margin-top: 55px;color: #95a6d0;font-size: 18px;}
.hstr .winche_his .name {color: #fff;}
.hst .winche_his .year {display: inline-block; margin-top: 5px;color: #fff;font-size: 22px;}
.hstl .winche_his {background-image: url(/images/pages/web/img_history_back1.jpg);}
.hstr .winche_his {background-image: url(/images/pages/web/img_history_back2.jpg);}
.hst ul {padding: 70px 0 0 10px;float: left;}
.hst li {margin-bottom: 20px;position: relative;}
.hst li .date {color: #034899;font-size: 16px;font-weight:500;margin: 0 0 0 5px;float: left;width: 105px;}
.hst li .date .dot {font-size: 12px;display: inline-block;position: relative;margin-right: 5px;z-index:2;}
.hst li .date .dot .vline {width: 1px;background-color: #e1e1e1;height: 35px;position: absolute;top: 5px; left: 5px;z-index: -1;}
.hst li .date .dot .vlinelong {height: 60px;}
.hstr li .date {color: #9297a0;font-size: 16px;font-weight:500;margin: 0 20px 0 5px;float: left;}
.map_title {padding:80px 0 30px 0;text-align: center;color: #777;font-size: 16px;line-height: 1.5;}
.map_title h3 {color: #000;font-size: 34px;}
.txtLocate {height: 60px;line-height: 60px;color: #777;}
.txtLocate img {margin: 0 10px 0 5px;}
.txtLocate span {color: #000;font-size: 17px;font-weight:500;margin-right: 20px;}
.numLocate span.separator{color: #e1e1e1;margin: 15px;}
.numLocate {font-size:14px;color:#777;}
.numLocate .dot {margin: 0 5px 0 30px;}
.numLocate .dot img {margin-bottom: 3px;}
.txt_con {text-align: center;line-height: 1.5;}
.brand {overflow: hidden;}
.brand li {float: left;width: 270px;text-align: center;line-height: 1.5;}
.brand li p {margin-top: 25px;}
.brandc {text-align: center;padding: 30px 0;}
.brandc p {padding: 30px 0;line-height: 1.5;}
.aiBox {width: 1080px;margin: 0 auto;padding: 80px 0 0 0;text-align: center;}
.dbtnBox {margin-top: 20px;text-align: right;}
.factory {width: 1080px;margin: 0 auto;padding: 30px 0;text-align: center;}
.flist, .flist2 {overflow: hidden;}
.flist li {width: 240px;float: left;margin-right: 40px;text-align: center;position: relative;}
.flist li:hover .blueLayer {display: block;}
.flist2 li {width: 320px;float: left;margin-right: 60px;text-align: center;position: relative;}
.flist2 li:hover .blueLayer {display: block;}
.flist2 li:hover .blueLayer {display: block;}
.blueLayer {
    display: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    background: #034899;
    color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=80);
}
.blueLayer table {width: 100%;height: 100%;}
.ftxt {width: 100%;height: 55px;background: #034899;color: #fff;padding: 20px 0 0 0;position:relative;}
.ftxt p {color: #a8b6d2;font-size: 13px;margin: 5px 0 0 0;}
.fimg {border: 1px solid #e1e1e1;}
.fnum {position: absolute;top: 10px;left: 10px;}
.plus {position: absolute; right: 7px;top: 7px;}
.recurit {overflow:hidden;width:1063px;margin:0 auto;}
.recurit li {width:177px;float:left;padding:20px 0;color: #777;line-height:1.5;font-size:14px;}
.pic {padding: 0 0 50px 10px;}
.pic span {margin-left: 20px;}

/*���𵨸� ��Ű��*/
.rm_tit {color: #777;text-align:center;padding: 100px 0 40px 0;}
.rm_tit p {color: #034899;font-size:28px;margin-bottom: 20px;}
.rm_con {background-color: #fcfbf7;padding: 50px;overflow:hidden;color: #777;line-height: 1.5;font-size: 14px;}
.rm_con_tit {color: #034899;font-size: 22px;margin-bottom: 10px;font-weight: 500;}
.rm_con p {color: #000;font-size:16px;margin-bottom: 30px;}
.rm_con .rm_txt span.emp {color: #222222;	font-weight: bold}
.rm_con table.rm_function {width:100%; margin-top:50px; clear:both; padding-top:50px}
.rm_con table.rm_function th.title {color:#222222; text-align:center; font-weight:bold; padding:14px 0; vertical-align:top }
.rm_con table.rm_function td.subtxt {color:#444444; text-align:center; font-weight:normal; padding:0; vertical-align:top; padding:0 24px }

.rm_con .sub-table {width:100%; margin-top:60px;}
.rm_con .sub-table .caption {color:#034899; font-weight:bold; font-size:14px;}
.rm_con .sub-table .table-data {width:100%; background-color:#ffffff; text-align:center; font-size:12px; color:#777777}
.rm_con .sub-table .table-data th {color:#222222; font-weight:bold; padding:15px}
.rm_con .sub-table .table-data thead th {border-bottom:1px solid #034899; border-right:1px solid #ebebeb}
.rm_con .sub-table .table-data thead th:last-child {border-right:0} 

.rm_con .sub-table .table-data tbody th {border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb}
.rm_con .sub-table .table-data td {padding:15px; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb}
.rm_con .sub-table .table-data td:last-child {border-right:0}
.rm_con .sub-table .table-data tbody tr:last-child td,
.rm_con .sub-table .table-data tbody tr:last-child th {border-bottom:0}

.rm_list {padding: 20px;background-color: #f2f2f2;overflow: hidden;}
.rm_list ul {overflow: hidden;}
.rm_list_p li {margin: 20px;padding: 40px; width: 398px;height: 522px;border: 1px solid #ebebeb;background-color: #fff;float: left;line-height: 1.5;}
.rm_p_tit {border-bottom: 2px solid #034899;color: #034899;font-size: 16px;font-weight: 500;margin-top: 25px;}
.rm_lbl {display:inline-block;width: 120px;height: 48px;background-color: #034899;color: #fff;text-align: center;line-height: 50px;font-size: 22px;font-weight: 500;margin-right: 10px;}
.rm_list_p li p {padding: 15px 0;font-size: 14px;}
.rm_list_p li dt, .rm_list_p li dd {float: left;font-size: 13px;margin-bottom: 5px;}
.rm_list_p li dt {color: #000;}
.rm_list_p li dd {color: #777;}
.rm_list_p li .rm_d1 {overflow:hidden;letter-spacing:-1px;}
.rm_list_p li .rm_d2 {clear: both;background-color: #f6f6f6;overflow:hidden;border-top: 1px solid #ebebeb;margin-top: 5px;}
.rm_list_p li .rm_d2 dt, .rm_list_p li .rm_d2 dd {text-indent: 10px;height: 30px; line-height: 30px;margin-bottom: 0px;border-bottom: 1px solid #ebebeb;}
.rm_list_p li .rm_d2 dt {width: 55px;}
.rm_list_p li .rm_d2 dd {width: 144px;}
.rm_list_p .rm1 .rm_d1 dt {width: 36%;}
.rm_list_p .rm2 .rm_d1 dt {width: 47%;}
.rm_list_p .rm3 .rm_d1 dt {width: 25%;}
.rm_list_p .rm4 .rm_d1 dt {width: 25%;}
.rm_list_p .rm1 .rm_d1 dd {width: 64%;}
.rm_list_p .rm2 .rm_d1 dd {width: 53%;}
.rm_list_p .rm3 .rm_d1 dd {width: 75%;}
.rm_list_p .rm4 .rm_d1 dd {width: 75%;}
.rm_list_p .rm3 .rm_d2 {margin-top: 29px;}
.rm_list_p .rm4 .rm_d2 {margin-top: 53px;}
.rm_list_h {margin: 20px;text-align: center;}
.rm_list_h li {float: left; width: 258px;border: 1px solid #d7d7d7;border-left: 0;}
.rm_list_h li.rm_h_tit {width: 222px;height: 247px;color: #fff;background-color: #034899;line-height: 247px;font-size: 32px;border-top: 0;border-bottom: 0;}
.rm_h_img {width: 100%;height: 204px;line-height: 204px;background-color: #fff;}
.rm_h_name {width: 100%;height: 41px;line-height: 41px;background-color: #dfdfdf;}
.bgl {background-color: #e5e5e5;}
.rm_txt {width: 650px; float:left;}
.rm_img {width: 325px; float: right;text-align: center;}

/*��ǰ���*/
#content .search {width: 1080px; height: 171px; background-color: #eceef1;overflow: hidden;}
#content .tit {height: 85px;border-bottom: 1px solid #d7d7d7;}
#content .search_tit {display: inline-block;width: 169px;height: 85px;text-align: center;line-height: 85px;float: left;font-weight:500;}
#content .stit {display: inline-block;width: 120px;height: 45px;text-align: center;line-height: 45px;float: left;font-weight:500;text-indent: 25px;}
#content .ctg{overflow: hidden;}
#content .ctg_check {float: left;height: 45px;padding: 20px 0;}
#content .list_top {margin-top: 50px;height: 24px;padding: 6px 0;overflow: hidden;border-bottom: 1px solid #d7d7d7;line-height: 24px;}
#content .list_top_left {float: left;}
#content .list_top_right {float: right;color: #034899;font-size: 13px;}
.list_wrap {overflow: hidden;padding: 10px 0;}
.list_num {color: #034899;font-weight: 500;border-bottom: 1px solid #034899;}
/*list style*/
.listLine {border-bottom: 2px solid #d7d7d7;overflow: hidden;margin-bottom: 60px;padding: 5px 0 25px 0;}
.list li {float: left;width: 248px;height: 257px;margin: 25px 10px;position: relative;border: 1px solid #d7d7d7;text-align: center;}
.list li .imgArea {width: 248px; height: 184px;text-align:center;}
.list li img {width: 248px; height: 184px;}
.list li .txtArea {width: 248px; height: 73px;border-top: 1px solid #d7d7d7;line-height: 1.5;}
.list li .txtArea p {
    width: 220px;
    margin: 0 auto;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.list li a:hover .txtArea {color: #ffffff; background: #034899;border: 0;}
.listWrap {overflow: hidden;padding: 5px 0;}
/*�˻����*/
li.search_none {width: 100% !important;height: 230px !important;margin: 0 !important;border: 0 !important;text-align: center;line-height: 230px;}
li.search_none img {width: 283px; height: 70px;vertical-align: middle;}
table.tb-board tbody tr.search_none:hover {background: #fff;}
table.tb-board tbody tr.search_none td {width: 100% !important;height: 230px !important;margin: 0 !important;line-height: 230px;}
/*��ǰ��*/
.prod_box {overflow: hidden;}
.prod_img {width: 540px;height: 445px;text-align:center;line-height:445px;}
.prod_img img {width: 510px;height:400px;}
.prod_img, .prod_info {float: left;}
.prod_info {width: 512px;height: 445px;margin-left: 28px;position:relative;}
.prod_info h3 {font-size: 20px;color: #000000;margin-top: 60px;font-weight:500;}
.prod_info h4 {font-size: 24px;color: #000000;margin-top: 18px;font-weight:500;}
.prod_info h5 {font-size: 20px;color: #8a8b8c;padding: 20px 0; border-bottom: 1px solid #cfd2d3;font-weight:500;}
.prod_info h6 {font-size: 15px;font-weight: normal;color: #777777;height: 115px;padding: 20px 65px 20px 0;}
.prod_infobox {width: 1080px;height: 250px;margin: 100px 0;background: #f7f7f7;border: 1px solid #ebebeb;overflow: hidden;}
.prod_infobox li {width: 270px;text-align: center;float: left;padding: 40px 0;}
.prod_infobox li p {font-size: 16px;font-weight:500;margin: 10px 0;}
.prod_infobox img {width: 106px;height: 106px;}
.product_img img {width: 100%;}
/*��ǰ��, �ð��� tab*/
.tabContent{overflow: hidden;background: #fff;}
.w1080 {width: 1080px;margin: 0 auto;}
.video{width: 700px;height: 400px;background: #ccc;margin: 0 auto;}
.map {width: 100%;height: 100%;}
.list {overflow: hidden;}
.List1 {width: 1080px;height: 383px;position: relative;margin: 0 auto;}
.listImg {width: 100%;height: 100%;}
.listLayer {
    width: 450px;
    height: 383px;
    position: absolute;
    right: 0;
    top: 0;
    background: #034899;
    opacity: 0.9;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=90);
}
.listLayer p {font-size: 16px;line-height: 1.5;padding: 130px 0 100px 0;}
.listLayer em {font-size: 13px;color: #a8b7d0;}
.List1 .rec {display: inline-block;color: #fff;padding: 8px 15px;position: absolute;top: 20px;left: 20px;background: #064a9a;}
.List2 ul {overflow: hidden;width: 1080px;margin: 0 auto;}
.List2 li {width: 360px;height: 290px;float: left;color: #777;text-align: center;}
.List2 li p {font-size: 40px;padding: 50px 0 10px 0;}
.List2 li h5 {width: 182px;height: 182px;text-align: center;margin: 0 auto 20px;font-size: 17px;font-weight: normal;}
.List2 li h5.round1 {background: url(/images/pages/web/round_bg1.jpg) no-repeat;color: #064a9a;}
.List2 li h5.round2 {background: url(/images/pages/web/round_bg2.jpg) no-repeat;color: #fff;}
.listConwrap {width: 1080px;margin: 0 auto;overflow: hidden;padding-bottom: 50px;position:relative;}
.accord-wrap{position: absolute;bottom: 52px;right: 0;width: 566px;}
.accord-wrap .accord-header {background-image:url(/images/pages/web/up_blue.jpg);}
.accord-wrap .on {background-image:url(/images/pages/web/down_grey.jpg) !important;}
.listConl, .listConr {float: left;height: 564px;}
.listConl {width: 482px;border-right: 1px solid #ccc;}
.listConr {width: 566px;border-left: 1px solid #fff;padding-left: 30px;}
.listConl .dataTable {width: 440px;}
.listConl .dataTable table tbody td, .listConl .dataTable table tbody th {height: 40px;}
.listConr .energy {position: relative;width: 384px;height: 248px;margin: 10px auto 50px;}
.listConr .eimg {width:248px;height:248px;}
.listConr .eimg img {width:100%;height:100%;}
.listConr .einfo {position: absolute;top: 30px;right: 0;}
.listConr .listTxt p {color: #034899;font-size: 16px;font-weight:500;margin-bottom: 20px;}
.tab-content h3 {font-size: 24px;color: #000;font-weight: bold;text-align: center;margin-bottom: 40px;}
.tab-content h4 {font-size: 26px;color: #064a9a;font-weight: bold;text-align: center;}
.btnList {width: 1080px;margin: 0 auto;border-top: 2px solid #e1e1e1;}
.prod_sub {overflow: hidden;border-bottom: 1px solid #e1e1e1;}
.prod_sub li {position: relative;float: left; width: 320px; height: 422px; border: 1px solid #e1e1e1;margin: 30px 18px;}
.prod_sub li p {padding: 20px;font-size: 18px;font-weight:500;}
.prod_sub li p span {position:absolute;top:8px;right:20px;}
.prod_sub li .infotxt {line-height: 1.5; padding: 0 20px;font-size: 14px;}
.prod_sub li div .subtxt {
    display:block; 
    color: #777777;
    font-size: 13px;
    height:100px;
    width: 280px;
    /*text-overflow: ellipsis;
    -o-text-overflow: ellipsis; 
    overflow: hidden;
    white-space: nowrap; 
    word-wrap: normal !important;
	*/
 }
.prod_sub li .prodsImg {width:320px;height:220px;text-align:center;}
.prod_sub li .prodsImg img {width:100%;height:100%;}
.prod_sub li .bluebtn {position:absolute;bottom:20px;left:20px;}

/*���*/
.search_con {width: 1080px; padding: 30px 0; background-color: #eceef1;overflow: hidden;}
.search_con .selectbox {margin-left: 10px;float: left;}
.construct_info {float: left;width: 512px;height: 445px;margin-left: 28px;position:relative;}
.construct_info h3 {font-size: 24px;color: #000000;margin-top: 60px;font-weight:500;}
.construct_info h5 {font-size: 16px;color: #444444;padding: 20px 0; border-bottom: 1px solid #cfd2d3;line-height: 1.5;font-weight:500;}
.construct_info h5 span {font-weight: normal;}
.construct_info h6 {font-size: 15px;font-weight: normal;color: #777777;height: 75px;padding: 20px 65px 20px 0;}
 
.popTop {height: 65px;background: #064a9a;}
.popTop h3 {padding: 0 15px;color: #fff;font-size: 22px;line-height: 60px;font-weight:normal;}
.popTop .popClose {cursor: pointer;width: 35px;}
.popTop .popClose img {width: 100%;}
.popContent {padding: 50px 40px 40px 40px;}
.pbox {border: 5px solid #ebebeb; padding: 40px 0;margin: 20px 0 0 0;text-align:center;color: #777;}
.pbox p {font-size: 18px;margin: 0 0 30px 0;}
.pbox p span {font-size: 20px;color: #000;}
.pbox span a {color: #064a9a;text-decoration: underline;}
.pbox .separator {color: #e1e1e1;margin: 15px;}

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none;position: absolute; top: 50%; left: 50%; width: 740px; height:auto; background-color:#fff; z-index: 10;border-radius: 10px;border: 5px solid #064a9a;}

.layerp {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layerp .bgp {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layerp .pop-layer {display:block;} 

/*lab*/
.txt {line-height: 2.0;color: #777;text-align: center;}
.tittxt {font-size: 30px;}
.history ul {overflow: hidden;}
.history li {height: 100%;color: #777;line-height: 2.0;padding-bottom: 50px;position: relative;}
.history li.rt .vline {width: 1px;background-color: #e1e1e1;height: 200px;position: absolute;top: 20px; left: -1px;}
.history li.lt .vline {width: 1px;background-color: #e1e1e1;height: 220px;position: absolute;top: 20px; right: -1px;}
.history li.rt {width: 500px; float: right;clear: both;padding-left: 40px;}
.history li.rt:before {content: "";background: url(/images/pages/web/bullet.jpg) no-repeat;float: left;width: 22px;height: 22px; position: absolute; top: 10px;left: -12px;z-index:1;}
.history li.lt {width: 499px; clear: both;float: left;padding-right: 40px;text-align: right;}
.history li.lt:after {content: "";background: url(/images/pages/web/bullet.jpg) no-repeat;float: right;width: 22px;height: 22px; position: absolute;top: 10px;right: -12px;z-index:1;}
.history li div {font-size: 22px;color: #ff4338;font-weight:500;}
.history li span {color: #034899;font-weight:500;}
.history li .labImg {position:absolute;right:60px;top:-83px;}
.htb {width: 600px;margin: 0 auto;}
.htb table.tb-board tbody tr:hover {background: #fff;}
.txtSkill {overflow: hidden;margin: 0 auto;width: 1040px;}
.txtSkill li {width: 198px;float: left;padding: 30px 0;margin: 0 5px;line-height: 1.5;color: #777;}
.tabSt {padding: 0 20px;line-height: 1.5;}
.tabSt p{padding: 20px 20px 0 20px;}
.tabSt div{padding: 20px 0;margin: 20px 20px 0 20px;border-top: 1px solid #e1e1e1;font-size: 14px;color: #777;}
.mark {overflow: hidden;}
.mark li {float: left;width: 179px;height: 216px;border: 1px solid #ebebeb;border-right: 0;text-align:center;}
.mark-img {width: 100%;height: 143px;line-height: 143px;}
.mark-txt {width: 100%;height: 65px;line-height: 2.0;border-top: 1px solid #ebebeb;color: #777;font-size: 14px;padding-top: 7px;}
.noteImg {width: 70%; margin:0 auto;}

/*tab*/
.tab {text-align: left;line-height: 54px;height: 58px;overflow: hidden;position: relative;font-size: 16px;}
.tab li {border: 1px solid #d7d7d7;background: #fff;display: inline-block;position: relative;z-index: 0;width: 260px;height: 58px;margin: 0 -5px;}
.tab #tab1 {margin: 0;}
.tab a {color: #777;text-align: center;width: 100%;font-weight:500;}
.tab li.current {background: #fff;color: #000;z-index: 2;border-bottom-color: #fff;border: 1px solid #000;}
.tab li.current a {color: #ff4338;}
.tab:before {position: absolute;content: " ";width: 100%;bottom: 0;left: 0;border-bottom: 1px solid #000;z-index: 1;}
.maptab li {width: 154px;}

/*tab style*/
ul.tabs {height: 50px;border-bottom: 2px solid #064a9a;width: 100%;overflow: hidden;}
ul.tabs li {
    float: left;
    font-weight:500;
    text-align:center;
    cursor: pointer;
    width: 130px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
    margin-right: 2px;
}
ul.tabs li a{display:block;width:100%;height:100%;}
ul.tabs li.active {background: #064a9a;border: 1px solid #064a9a;border-bottom: none;color: #fff;}
ul.tabs li.active a {color: #fff;}
.tab_container {border: 1px solid #d2d2d2;border-left: none;border-right: none;}
.tab_content {display: block;}
ul.dtab li {width: 168px;}

/*accordion*/
.accord-header, .accord-content {border-bottom: 1px solid #d2d2d2;font-weight:normal;}
.accord-content {display: none;background-color: #fafafa;line-height: 1.5;}
.accord-content div.faqtxt {
    background: url(/images/pages/web/faq_a.png) no-repeat; 
    background-position: 30px 27px; 
    padding: 35px 71px;
}
.accord-content .cinfo {border: 1px solid #e1e1e1;margin-top: 40px;background: #fff;color: #777;overflow: hidden;}
.accord-content .cinfo em {text-decoration: underline;}
.accord-content .cinfo span {vertical-align: middle;}
.accord-content .cinfo b {margin-right: 20px;}
.accord-content dl {overflow: hidden;line-height: 1.5;}
.accord-content dt {width: 120px;padding: 5px 0;font-weight:500;}
.accord-content dd {width: 386px;padding: 5px 0;}
.accord-content dt, .accord-content dd {float: left;}
.accord-header {
    padding: 10px 30px;
    background-image: url(/images/pages/web/donw2.jpg);
    background-position: 97% 20px;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer; 
}
.tab-content .on {
    background-image: url(/images/pages/web/up.jpg);
    background-position: 97% 20px;
    background-repeat: no-repeat;
}
.accord-header div {height: 31px;font-size: 16px;line-height: 31px;font-weight:500;}
.accord-header div.txtblue {color: #034899;}
.accord-header .acctit {background: url(/images/pages/web/faq_q.png) no-repeat;text-indent: 50px;}
.accord-content li {margin-bottom: 5px;overflow: hidden;line-height: 2.0}
.accord-content li span {display: block;color: #000;font-weight: bold;margin-right: 5px;float: left;width: 25px;}
.accord-content li p {width: 910px;float: left;color: #777;font-size: 14px;}
.accordWrap {margin: 0 40px;}
.accord-disabled {padding: 10px 30px;background-color: #fff;border-bottom: 1px solid #d2d2d2;}
.accord-disabled div {height: 31px;font-size: 16px;font-weight: 500;line-height: 31px;}
.accord-disabled div.txtblue {color: #034899;}
.accord-content p {color: #000;font-size: 14px;}
.accord-content span.lblbox {display: block;width: 90px;height: 30px;border: 1px solid #034899;color: #034899;text-align: center;line-height: 30px;margin-left: 30px;font-weight:500;}

/* paging */
.paging {text-align: center;}
.paging a {width: 40px;height: 40px; border: 1px solid #e1e1e1;text-align: center;line-height: 40px;margin: 0 3px;vertical-align:top;}
.paging a.on {background: #034899;border: 1px solid #034899;color: #fff;}
.paging .prev {background: url(/images/pages/web/page_prev.jpg);text-indent: -9999px;margin-right: 10px;}
.paging .next {background: url(/images/pages/web/page_next.jpg);text-indent: -9999px;margin-left: 10px;}

/* table */
.tblist{overflow: auto;}
table.tbborder {border-top:2px solid #064a9a;}
table.tb-base {text-align:center;width: 100%;background-color:#fff;line-height: 1.5;}
table.tb-base th {font-weight:500;}
table.tb-base th, table.tb-base td {height: 50px;}
table.tb-base th {border-bottom:1px solid #d2d2d2;}
table.tb-base tbody th {background: #f6f6f6;}
table.tb-base tr.notice {color: #064a9a;font-weight:500;font-size: 17px;}
table.tb-base tr.noti {background: #f2f2f2;font-weight:500;}
table.tb-base tr.noti:hover {background: #f2f2f2;}
table.tb-base td {border-bottom:1px solid #d2d2d2;}
table.tb-base td.txtl{text-indent: 30px;text-align: left;}
table.tb-base td.txtl a:hover {text-decoration: underline;}
/* table detail */
table img {vertical-align: middle;}
table.tb-detail {text-align: left;}
table.tb-detail tr.clbl th {height: 40px;padding: 0 30px;text-align: left;}
table.tb-detail tr.clbl th span {display: inline-block;background: #ff4338;color: #fff;padding: 4px 10px;font-size: 12px;}
table.tb-detail tr.title th {color: #000;font-weight:500;font-size: 20px;padding: 5px 30px;text-align: left;}
table.tb-base tr.title th div {}
table.tb-detail tr.titles th {text-align: center;height: 30px;font-weight:normal;}
table.tb-detail tr.titles th span.date {padding: 0 30px;}
table.tb-detail tr.titles th div.fdw {border-left: 1px solid #ccc;position:relative;}
table.tb-detail tr.titles th span.fd {color: #000;cursor: pointer;}
table.tb-detail tr.titles th span.fd:hover {border-bottom: 1px solid #000;}
.underline {border-bottom: 1px solid #000;}
table.tb-detail tr.tbcon td {padding: 40px;background: #fafafa;}
table.tb-detail tr.tbcon td .noteImg img {width: 100%;}
table.updown td {border-bottom:1px solid #d2d2d2;height: 50px;}
table.updown img {margin-right: 20px;}
table.tb-board {table-layout: fixed;}
table.tb-board td.txtl{
    text-indent: 20px;
    text-align: left;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
}
table.tb-board td.txtl a{
    vertical-align: middle;
    width: 600px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
table.tb-ad td.txtl a{width: 800px !important;}
table.tb-board td.txtl a:hover {text-decoration: underline;}
table.tb-board tbody tr:hover {background: #edf2f7;}
table.tb-board span.file {cursor: pointer;margin: 0 2px;}

/* ÷������ ���̾� */
#upload {
    width: 340px;
    padding: 30px 30px 20px 30px;
    border: 2px solid #808080;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 0;
}
#upload .upload li {margin-bottom: 10px;cursor: pointer;text-align:left;}
#upload .upload li a:hover {text-decoration: underline;color: #ff4338;}
#upload .close {position: absolute;top: 0;right: 0;cursor: pointer;}

/* footer */
#footer .footer_top {height: 48px;background: #565c6c;}
#footer .footer_con {width: 1080px;margin: 0 auto;text-align: center;}
#footer .footer_top span {color: #fefefe;text-align: center;line-height: 48px;padding: 0 5px;}
#footer .footer_top span.separator {color: #7d8088;}
#footer .footer_bottom {height: 142px;background: #272a32;}
#footer .footer_bottom {color: #6d6e70;}
#footer .footer_bottom .fb_top {color: #c2c2c2; padding-top: 29px;}
#footer .footer_bottom .address span {display: inline-block; margin: 10px 5px 0 5px;font-size: 13px;}
#footer .footer_bottom .copyright {margin-top: 5px;font-size: 12px;}
/* ���� �����˾� */

#mainPopup {
	width: 512px;
	height: 684px;
	color: #ffffff;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	padding: 10px;
}

#hideDays {
	float: left;
	margin-top: 20px;
}

#hideDays label {
	cursor: pointer
}

#hideDays label input[type=checkbox] {
	vertical-align: middle;
	margin-right: 5px;
}
#closePop {
	float: right;
	margin: 10px;
	width: 24px;
	margin-top: 18px;
	cursor: pointer
}

/* ȫ���ڷ� �߰� css */
.thumb_pr ul {overflow: hidden;}
.thumb_pr li {float: left;width: 248px;border: 1px solid #ddd;position: relative;}
.thumb_pr li .thumb_img {width:248px; height:225px;}
.thumb_pr li .thumb_img img {width: 100%;height: 100%}
.thumb_pr li .thumb_txt {padding: 10px;}
.thumb_pr li .thumb_txt .tbt
{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 2.4em;
}
.thumb_pr li .thumb_lbl 
{
    width: 83px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 39px;
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
}
.thumb_pr li .bgb{background: #736357;}
.thumb_pr li .bgr{background: #a96763;}
.thumb_pr li .bgn{background: #50627c;}
.thumb_pr li .bgy{background: #b9a761;}