.breadCrumb {position: absolute; right:0; top:0;  font-size: 14px;}
.breadCrumb li {float: left;}
.breadCrumb a {color:#999;display: block;padding: 0 10px; position: relative;}
.breadCrumb a:before {position: absolute;left:0; top:50%; margin-top: -8px;font-size: 15px;}
.breadCrumb li:first-child a { background-image: url("../images/contents/bgHome.png");padding-left: 15px;}
.breadCrumb li:first-child a:before {display: none;}
.breadCrumb li:last-child a { color:#0084c6; font-weight: 700;}

#subVisual {height: 240px;background-repeat: no-repeat;background-position: 50% 124px; position: relative;padding-top: 124px; }
.subVisual01 {background-image: url("../images/contents/subVisual01.jpg");}
.subVisual02 {background-image: url("../images/contents/subVisual02.jpg");}
.subVisual03 {background-image: url("../images/contents/subVisual03.jpg");}
.subVisual04 {background-image: url("../images/contents/subVisual04.jpg");}
.subVisual05 {background-image: url("../images/contents/subVisual05.jpg");}
.subVisual06 {background-image: url("../images/contents/subVisual01.jpg");}
.subVisual07 {background-image: url("../images/contents/subVisual01.jpg");}
.subVisual08 {background-image: url("../images/contents/subVisual06.jpg");}

#subVisual .subTitle {text-align: center;font-size: 62px; font-weight: 700;color: #fff;padding-top: 50px;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);margin-bottom: 15px;}
#subVisual .titleDesc {text-align: center;font-size: 24px;color: #fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);}

/* lnb */
.lnbWrap {text-align: center;background: #0c4da2;color: #fff;}
#lnb > ul {font-size: 0;}
#lnb > ul > li {display: inline-block;position: relative;}
#lnb > ul > li:before {content: "";display: block;width: 1px;height: 16px;background: rgba(255,255,255,0.2); position: absolute; left:0; top:16px;}
#lnb > ul > li > a {display: block;height: 50px;line-height: 49px;font-size: 16px;color: rgba(255,255,255,0.7);padding: 0 30px; font-weight: 300;}
#lnb > ul > li:first-child:before {display: none;}
#lnb > ul > li.on > a ,#lnb > ul > li:hover > a {color: #fff;}


/* snb */
#snb {padding: 30px 0;}
#snb ul {font-size: 0;text-align: center;}
#snb li {padding: 0 3px;display: inline-block;}
#snb li a {display: block;width:250px ;height: 40px;line-height: 40px;text-align: center;font-size:15px ;color: #666;border: 1px solid #d9d9d9; position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#snb li a.small {font-size: 14px;}
#snb li a.wide {width: 300px;}

#snb li.long a {width: 260px;}
#snb li a:after{content: "";display: block;width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent; border-top: 10px solid #0c4da2;position: absolute; left:50%; bottom:-8px;margin-left: -5px;display: none;}
#snb > ul > li.on > a ,#snb > ul > li:hover > a {background: #0c4da2 ;border-color: #0c4da2;color: #fff; font-weight: 500;}
#snb > ul > li.on > a:after ,#snb > ul > li:hover > a:after {display: block;}


/* timeLine */
.timeLine {padding: 30px 0;margin-top: -60px;margin-bottom: 60px;}
.timeLine ul {font-size: 0;text-align: center;}
.timeLine li {padding: 0 3px;display: inline-block;}
.timeLine li a {display: block;width:220px ;height: 40px;line-height: 40px;text-align: center;font-size:15px ;color: #666;border: 1px solid #d9d9d9; position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.timeLine li.long a {width: 260px;}
.timeLine li a:after{content: "";display: block;width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent; border-top: 10px solid #0c4da2;position: absolute; left:50%; bottom:-8px;margin-left: -5px;display: none;}
.timeLine > ul > li.on > a ,.timeLine > ul > li:hover > a {background: #0c4da2 ;border-color: #0c4da2;color: #fff; font-weight: 500;}
.timeLine > ul > li.on > a:after ,.timeLine > ul > li:hover > a:after {display: block;}





/* contents */
#contents {padding: 60px 0;}

.contentsTitleBox {padding: 50px 0; border-bottom: 1px solid #d9d9d9;}
.contentsTitleBox .contentsTitle {font-size: 40px;margin-bottom: 10px;}
.contentsTitleBox .titleDesc {color: #333;font-size: 18px;}
.contentsTitleBox .alertTxt {color: #999;margin-top: 20px;font-size: 14px;}

/* introduce */
.greetingBox {padding-left: 360px;background: url("../images/contents/introduce01.jpg") no-repeat;}
.greetingBox .slogan {position: relative;padding: 30px 0;}
.greetingBox .slogan:before {content: "";display: block;width: 30px;height: 2px;background: #333; position: absolute; top:0;}
.greetingBox .slogan:after {content: "";display: block;width: 30px;height: 2px;background: #333; position: absolute; bottom:0;}
.greetingBox .slogan .companyTitle {font-size: 48px; font-weight: 500;color: #333;position: relative;display: inline-block;}
.greetingBox .slogan .companyTitle:after {content: "";display: block;width:34px ;height: 30px;background: url("../images/contents/comma.png") no-repeat; position: absolute; right:-40px; top:0;}
.greetingBox .slogan p {font-size: 20px;color: #666;}
.greetingBox .slogan p strong {font-size:24px; font-weight: 500;color: #333;}
.greetingBox .txtGreeting {padding-top: 20px;color: #666; font-size: 16px;width: 720px;line-height: 1.8;}
.greetingBox .txtGreeting p {margin-bottom: 20px;}
.greetingBox .txtGreeting p.ceoSign {color: #3d60a4;font-size: 20px;font-weight: 500;}
.greetingBox .txtGreeting strong {font-size: 18px;color: #333; font-weight: 500;}

/* awards  */
.awardsList {width: 780px;margin: auto;}
.awardsList li {float: left;margin: 10px;}
.awardsList li .imgBox {border: 1px solid #d9d9d9;display: block;}
.awardsList li .txtCategory {display: block;background: #3d60a4;color: #fff;padding: 5px;text-align: center;margin-top: 10px;font-weight: 500;}
.eng .awardsList li .txtCategory {font-size: 13px;}



/* historyList */
.historyList > li {padding:50px 0 0 180px;position: relative;margin-bottom: 50px;border-top: 1px dashed #d9d9d9;}
.historyList > li:first-child {margin-top: 0;padding-top: 0;border-top: none;}
.historyList > li > dl > dt {position: absolute;left:0;font-size: 48px;border-top: 2px solid #333;padding-top: 0;font-weight: 500;}
.historyList > li > dl > dd li {padding:5px 0 5px 50px;position: relative;}
.historyList > li > dl > dd li p {color: #666;}
.historyList > li > dl > dd li .month {position:absolute ; left:0;font-size:22px ;color: #3d60a4;line-height: 1.2;}


/* ci */
.ciBox {width: 760px;}
.ciBox > dl > dt {font-size:24px ; font-weight: 500;padding-top: 10px;position: relative;margin-bottom: 30px;}
.ciBox > dl > dt:before {content: "";display: block;width: 30px;height: 2px;background: #333;position: absolute; top:0;}
.ciBox > dl > dd li dt {font-size: 18px;padding-left: 10px; position: relative;margin-bottom: 10px;}
.ciBox > dl > dd li dt:before {content: "";display: block;width: 2px;height: 80%;background: #333;position: absolute; left:0; top:10%}
.ciBox > dl > dd li {float: left;margin: 10px;}
.ciBox > dl > dd li.main {margin-bottom: 30px;}
.ciBox > dl > dd li dd {border: 1px solid #d9d9d9;}


/* location */
.locationBox > dl {margin-top: 50px;}
.locationBox > dl > dt {font-size:24px ; font-weight: 500;padding-top: 10px;position: relative;margin-bottom: 10px;}
.locationBox > dl > dt:before {content: "";display: block;width: 30px;height: 2px;background: #333;position: absolute; top:0;}
.locationBox > dl > dd {color: #666;}


/* recruit */
.recruitBox {height: 500px;background: url("../images/contents/bgRecruit.png") no-repeat 50%;margin:  auto;position: relative;}
.recruitBox .list01 {color: #006fb9; top:115px;left:505px;}
.recruitBox .list02 {color: #f7960c; top:410px;left:235px;}
.recruitBox .list03 {color: #9faf19; top:410px;left:761px;}
.recruitBox li {position: absolute;font-size: 22px;font-weight: 500;text-align: center;line-height: 1.2;}
.recruitBox li .eng {opacity: 0.5;font-size:13px;display: block;}
.recruitBox .spirit .title {font-size: 25px;color: #006fb9;font-weight: 700;display: block;}
.recruitBox .spirit .desc {font-size: 14px;display: block;}

.recruitBox .spirit {position: absolute;}
.recruitBox .spirit01 {top:0px;left:180px;text-align: right;}
.recruitBox .spirit01:after {content: "";display: block;width: 80px;height: 1px;background: #999;position: absolute; bottom:-10px;right:-25px;}
.recruitBox .spirit02 {top:100px;left:680px;}
.recruitBox .spirit02:after {content: "";display: block;width: 80px;height: 1px;background: #999;position: absolute; top:-10px;left:-24px;}

/* eng */
.eng .recruitBox .list01 {top:115px;left:520px;}
.eng .recruitBox .list02 {top:402px;left:235px;}
.eng .recruitBox .list03 {top:402px;left:777px;}
.eng .recruitBox .spirit01 {top:0px;left:247px;}




/* product */
.productMain {text-align: center;}
.productWrap {}
.productBox .topCon  {overflow: hidden;}
.productBox .topCon .mainImg {position: relative;width: 350px;height: 340px; float: left; border: 1px solid #eee;}
.productBox .topCon .mainImg li {}
.productBox .topCon .productDesc {float: left; display: table;padding-left: 50px;width: 690px;}
.productBox .topCon .productDesc_n {float: left; display: table;padding-left: 50px;width: 690px;}
.productBox .topCon .productDesc dl {display: table-cell;vertical-align: middle;height: 340px;}
.productBox .topCon .productDesc_n dl {display: table-cell;vertical-align: middle;height: 10px;}
.productBox .topCon .productDesc dt {font-size:0px ;font-weight: 700;color: #0c4da2;margin-bottom: 30px;}
.productBox .topCon .productDesc_n dt {font-size:0px ;font-weight: 700;color: #0c4da2;margin-bottom: 30px;}
.productBox .topCon .productDesc dt span {display: inline-block;font-size: 0;font-size:28px}
.productBox .topCon .productDesc_n dt span {display: inline-block;font-size: 0;font-size:28px}
.productBox .topCon .productDesc dt .eng {font-weight: 300;padding-left: 15px;margin-left: 15px;position: relative;display: none;}
.productBox .topCon .productDesc_n dt .eng {font-weight: 300;padding-left: 15px;margin-left: 15px;position: relative;display: none;}
.productBox .topCon .productDesc dt .eng:before {content: "";display: inline-block;width: 1px;height: 26px;background: #0c4da2; position: absolute; left:0; top:8px;}
.productBox .topCon .productDesc_n dt .eng:before {content: "";display: inline-block;width: 1px;height: 26px;background: #0c4da2; position: absolute; left:0; top:8px;}
.productBox .topCon .productDesc dd {font-size:16px ;color: #333;line-height: 1.8;font-weight: 300;color: #333;}
.productBox .topCon .productDesc_n dd {font-size:16px ;color: #333;line-height: 1.8;font-weight: 300;color: #333;}

.productBox .thumb {margin: 40px 0 80px; overflow: hidden;}
.productBox .thumb a {display: block;width: 124px;height: 124px;border: 1px solid #d9d9d9;float: left;margin-right: 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease ;
-ms-transition: all 0.5s ease ;
-o-transition: all 0.5s ease ;
transition: all 0.5s ease ;
}
.productBox .thumb a.active,.productBox .thumb a:hover {border-color: #0c4da2;}

.productDetail .detailBox {margin-top: 60px;}
.productDetail dt {font-size: 22px;color: #333;position: relative;padding-top: 10px;font-weight: 700;margin-bottom: 10px;}
.productDetail dt:before {content: "";display: block;width: 30px;height: 2px; background: #333; position: absolute;top:0;}
.productDetail .specialPoint li {position: relative;color: #333;padding: 3px 0 3px 10px;font-weight: 300;}
.productDetail .specialPoint li:before {content: "";display: block;width: 3px;height: 3px;background: #0c4da2;position: absolute; left:0; top:50%; margin-top: -1px;}

.productDetail .function dd {text-align: center;}
.productDetail .function ul {}
.productDetail .function li {display: table;width: 200px;height: 200px;background: #0c4da2;color: #fff;overflow: hidden;margin: 10px;float: left;padding: 10px;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius:  30px 0 30px 0;
border-radius:  30px 0 30px 0;
}
.productDetail .function li:nth-child(2n) {background: #6394d5;}
.productDetail .function li div {display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-size: 16px;letter-spacing: -0.02em;font-weight: 500;}
.productDetail .function li div .desc {text-align: left;font-size: 14px;font-weight: 300;padding-top: 10px;}

.productDetail .function2 dd {text-align: center;}
.productDetail .function2 ul {}
.productDetail .function2 li {display: table;width: 200px;height: 300px;background: #0c4da2;color: #fff;overflow: hidden;margin: 10px;float: left;padding: 10px;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius:  30px 0 30px 0;
border-radius:  30px 0 30px 0;
}
.productDetail .function2 li:nth-child(2n) {background: #6394d5;}
.productDetail .function2 li div {display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-size: 16px;letter-spacing: -0.02em;font-weight: 500;}
.productDetail .function2 li div .desc {text-align: left;font-size: 14px;font-weight: 300;padding-top: 10px;}

.productDetail .spec table {border-top: 1px solid #0c4da2;margin-top: 30px;}
.productDetail .spec table th {background: #f9f9f9;border-bottom: 1px solid #d9d9d9;padding: 10px ; text-align: center; vertical-align: middle;}
.productDetail .spec table th.rightBorder {border-right: 1px solid #d9d9d9;}
.productDetail .spec table td {border-bottom: 1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding: 10px 20px  ; text-align: left;line-height: 1.8;font-weight: 400;color: #333;vertical-align: middle;}


/* product_example */
.product_example img {width: 100%;}

.conBox {margin-top: 50px;}
.conBox:first-child {margin-top: 0;}
.borderBox {background: url("../images/contents/bgPattern.png");padding: 10px;}
.borderBox > .inner {background: #fff;padding: 80px;font-size: 20px;color: #333;}

.productBox h3 {font-size: 24px;font-weight: 500;margin-bottom: 30px;}

/* productTxtList */
.productTxtList li {padding-left: 20px;position: relative;margin-bottom: 10px;}
.productTxtList li:before {content: "";display: block;width: 10px;height: 1px;background: #666;position: absolute;left:0; top:14px;}


/*  */
#subContents .mainBanner {position: relative;}
#subContents .mainBanner li {margin: 15px;}
#subContents .mainBanner li .middle {padding: 30px;}
#subContents .mainBanner dt {font-size: 42px;font-weight: 400;}
#subContents .mainBanner dd {font-size: 24px;font-weight: 500;padding: 20px 0;}
#subContents .mainBanner p {color: #333;line-height: 1.8;margin-bottom: 20px;}
#subContents .mainBanner li {background-repeat:no-repeat;background-position: 50% 0;}
#subContents .mainBanner li .auto {display: table;height: 350px;}
#subContents .mainBanner li .middle {display: table-cell;vertical-align: middle;}
/* #subContents .mainBanner li.banner01 {background-image: url("../images/main/visual01.jpg");}
#subContents .mainBanner li.banner02 {background-image: url("../images/main/visual02.jpg");}
#subContents .mainBanner li.banner03 {background-image: url("../images/main/visual03.jpg");}
#subContents .mainBanner li.banner04 {background-image: url("../images/main/visual04.jpg");} */

#subContents .mainBanner li.banner01 dd {color: #2993c8;}
#subContents .mainBanner li.banner02 dd {color: #b07c4f;}
#subContents .mainBanner li.banner03 dd {color: #628e16;}
#subContents .mainBanner li.banner04 dd {color: #990099;}

#subContents .mainBanner li.banner01 dt strong {color: #2993c8;}
#subContents .mainBanner li.banner02 dt strong {color: #b07c4f;}
#subContents .mainBanner li.banner03 dt strong {color: #628e16;}
#subContents .mainBanner li.banner04 dt strong {color: #990099;}

#subContents .mainBanner li dd strong {color: #e95a0c;}


.lineBorderBox {background: url("../images/contents/bgPattern.png"); padding: 10px;}
.lineBorderBox > .inner {background: #fff;padding: 60px 80px;font-size: 20px;}

.imgBox img {width: 100%;}

.btnCatalog {font-weight: 500;position: absolute; right:0; top:0;padding:10px 30px;border:2px solid #0c4da2;color: #0c4da2;border-radius:5px;transition:all 0.2s ease-out}
.btnCatalog:hover {background: #0c4da2;color: #fff;}

.tableTitle {position: relative; top:20px;font-size: 24px;font-weight: 500;text-align: center;}

.farm {margin-top: 80px;}
.farm + .btnCatalog {top:-80px;}
.farm .productBox .topCon .productDesc {padding-left: 0;margin-top: 30px;}
.farm .productBox .topCon .productDesc dl {height: auto;}


/* productSummary */
.productSummary {margin: 30px -50px 0 !important;}
.qaAddress {margin-bottom: 30px;margin-top: -20px;overflow: hidden;border: 1px solid #d9d9d9;background: #f8f8f8;padding:30px;}
.qaAddress .addr01 {float: left;color: #666;}
.qaAddress .addr02 {float: right;color: #666;}
.qaAddress h4 {font-size: 18px;margin-bottom: 10px;}
.qaAddress h4:before {content: "";display: block;width: 30px;height: 2px;background: #000;margin-bottom: 10px;}
.qaAddress dt {float: left;}
.qaAddress dd {float: left;}
.qaAddress dd:after {content: ":";display: block;float: left;padding: 0 5px;}

/*  */
.contactInfo {margin-top: 0px;overflow: hidden;border: 1px solid #d9d9d9;background: #f8f8f8;padding:30px;}
.contactInfo .contact01 {float: left;color: #666;}
.contactInfo .contact02 {float: left;color: #666;margin-left: 60px;}
.contactInfo h4 {font-size: 18px;margin-bottom: 10px; }
.contactInfo h4:before {content: "";display: block;width: 30px;height: 2px;background: #000;margin-bottom: 10px;}
.contactInfo p {float: left;margin-left: 20px;}


/*  */
.wFixList li span {display: inline-block;vertical-align: middle;padding-left: 5px;}
.wFixList li span.title {width: 230px;}
sub {font-size: 11px;position: relative; top:-6px;}
.unit {float: right;color: #666;margin-top: 20px;}
.unit em {font-weight: 400;display: inline-block;width: 55px;}
.unit span {font-weight: 400;display: inline-block;width: 120px;}


/*privacy 개인정보*/
.privacyWrap {padding:30px; text-align:center; border:3px solid #e6e6e6;}
.privacy h4.title {margin-top:15px;    font-size: 18px;    color: #2d69af;    font-weight: 500;}
.privacy p {margin-top:10px !important;}
.privacy h3 {display:block;position:relative;font-size:25px;color:#333;font-weight:700;margin:40px 0 23px 0;line-height:1;}

.privacy ul {margin: 15px 0;}
.privacy li {font-size:14px;color:#666;padding-left:8px;position:relative;}
.privacy li:before {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background:#999;}