@charset "utf-8";



/* 서브비주얼 */

.subVisu {width: 100%; height: 395px; position: relative;}
.subVisu h2 {display: block; width: 1200px; height: auto; padding-top: 204px; color: #ffffff; font-size: 42px; font-weight: 600; text-align: center; margin: 0 auto;}

.subVisu1 { background: url(../img/subVisu1.jpg)no-repeat center center; background-size: cover;}
.subVisu2 { background: url(../img/subVisu2.jpg)no-repeat center center; background-size: cover;}
.subVisu3 { background: url(../img/subVisu3.jpg)no-repeat center center; background-size: cover;}
.subVisu4 { background: url(../img/subVisu4.jpg)no-repeat center center; background-size: cover;}



/* 메인뎁스 */

.maindepth {width: 100%; height: 60px; border-bottom: 1px solid #eeeeee; position: relative; z-index: 98;}
.maindepth .depth_wrap {width: 1200px; height: 60px; margin: 0 auto; position: relative;}
.maindepth .depth_wrap>a {display: block; width: 60px; height: 60px; padding: 19px 0 0 23px; float: left; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.maindepth .depth_wrap>ul {display: inline-block; float: left;}
.maindepth .depth_wrap>ul li {display: block;}
.maindepth .depth_wrap>ul>li {float: left; width: 270px; height: 60px; position: relative; border-right: 1px solid #eeeeee;}
.maindepth .depth_wrap>ul>li>a {display: block; width: 270px; height: 60px; position: relative; font-size: 17px; font-weight: 500; padding: 16px 0 0 20px; background: url(../img/btn_select.png) 238px center no-repeat;}
.maindepth .depth_wrap>ul>li:nth-child(2)>a {color: #005dab;}

.subdepth {position: absolute; top: 60px; left: 0; width: 100%; height: auto; display: none;}
.subdepth li {display: block; width: 100%; height: 40px;}
.subdepth li a {display: block; width: 100%; height: 40px; background: #f9f9f9; font-size: 15px; font-weight: 400; padding: 8px 0 0 20px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}


.subdepth li a:hover {background-color: #005dab; color: #ffffff; border-left: 1px solid #005dab; border-right: 1px solid #005dab; border-bottom: 1px solid #005dab;}


/* 서브페이지 공통 */
.sub_container {width: 100%; height: auto; padding: 70px 0 150px 0;}
.sub_wrap {width: 1200px; height: auto; margin: 0 auto;}
.sub_wrap .titBox h3 {text-align: center; font-size: 38px; font-weight: 600; margin-bottom: 80px;}



/* 회사소개 */

.contBox.com1 figure.company_slogan {width: 1200px; height: 351px; background: url(../img/company1_img.png)}
figure.company_slogan figcaption {padding: 108px 0 0 0;}
figure.company_slogan figcaption p {font-size: 38px; color: #ffffff; line-height: 62px; display: block; position: relative; text-align: center;}
figure.company_slogan figcaption p span {font-weight: 600;}
figure.company_slogan figcaption p:before {content: ""; visibility: visible;  width: 56px; height: 39px; background: url(../img/tit_icon.png)no-repeat center center; top: -9px; left: 164px; position: absolute;}
figure.company_slogan figcaption p:after {content: ""; visibility: visible; width: 56px; height: 39px; background: url(../img/tit_icon.png)no-repeat center center; bottom: -10px; right: 283px; position: absolute; transform: rotate(180deg);}

.com1_cont {text-align: center; padding: 50px 0;}
.com1_cont p {font-size: 18px; line-height: 39px; margin-bottom: 30px;}
.com1_cont p.subtit {font-size: 24px; font-weight: 600; padding-bottom: 40px; margin-bottom: 40px; position: relative; line-height: 41px; color: #014282;}
.com1_cont p.subtit:before {content: ""; visibility: visible; position: absolute; width: 20px; height: 83px; background: url(../img/com1_icon.png)no-repeat center center; top: -1px; left: 200px;}
.com1_cont p.subtit:after {content: ""; visibility: visible; position: absolute; width: 20px; height: 83px; background: url(../img/com1_icon.png)no-repeat center center; top: -1px; right: 200px; transform: rotate(180deg);}
.com1_cont p b {font-size: 20px;}


/* CEO 인사말 */

.contBox.com2 figure.ceo_slogan {width: 1200px; height: 351px; background: url(../img/ceo_img.png)}
figure.ceo_slogan figcaption {padding: 108px 0 0 145px;}
figure.ceo_slogan figcaption p {font-size: 38px; color: #ffffff; line-height: 62px; display: block; position: relative;}
figure.ceo_slogan figcaption p span {font-weight: 600;}
figure.ceo_slogan figcaption p:before {content: ""; visibility: visible;  width: 56px; height: 39px; background: url(../img/tit_icon.png)no-repeat center center; top: -9px; left: -36px; position: absolute;}
figure.ceo_slogan figcaption p:after {content: ""; visibility: visible; width: 56px; height: 39px; background: url(../img/tit_icon.png)no-repeat center center; bottom: -4px; right: 452; position: absolute; transform: rotate(180deg);}

.contBox.com2 .greeting_cont {position: relative; padding: 68px 28px 0px 340px;}
.greeting_cont p {font-size: 16px; line-height: 30px;}
.greeting_cont p.subtit {font-size: 27px; font-weight: 600; margin-bottom: 34px; line-height: 42px;}
.greeting_cont p.highlight {display: block; padding: 5px 10px; background-color: #4d9342; color: #ffffff; margin: 25px 0; width: 727px; font-size: 17px;}
.greeting_cont p.sign {font-size: 25px; letter-spacing: 12px; margin-top: 40px; font-weight: 600; text-align: right; line-height: 41px;}
.greeting_cont p.sign span {letter-spacing: 0; font-weight: 400; font-size: 22px; padding: 0 13px 0 0;}

.greeting_cont:after {content: ""; visibility: visible; position: absolute; width: 272px; height: 131px; background: url(../img/greeting_message.png)no-repeat center center; left: -9px; top: 75px;}
.greeting_cont:before {content: ""; visibility: visible; position: absolute; width: 1px; height: 725px; background: url(../img/greeting_message_line.png)no-repeat center center; background-size: cover; left: 282px; top: 43px;}


/* 기업핵심가치 */

.contBox.com3 .subtit {text-align: center; font-size: 33px; font-weight: 600; color: #99844b; margin: 20px 0 75px 0; font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif; position: relative;}
.contBox.com3 .subtit:after {content: ""; visibility: visible; width: 50px; height: 4px; background-color: #99844b; position: absolute; top: 48px; left: calc(50% - 25px);}
.contBox.com3 .philosophy {position: relative;}
.contBox.com3 .philosophy:after {content: ""; visibility: visible; position: absolute; top: -2px; left: 203px; background: url(../img/com1_icon.png)no-repeat center center; background-size: cover; width: 24px; height: 100px;}
.contBox.com3 .philosophy:before {content: ""; visibility: visible; position: absolute; top: -2px; right: 203px; background: url(../img/com1_icon.png)no-repeat center center; background-size: cover; width: 24px; height: 100px; transform: rotate(180deg);}
.contBox.com3 .philosophy h5 {text-align: center; font-size: 32px; font-weight: 500; padding: 0 0 50px 0; color: #766024;}
.contBox.com3 .graybox {padding: 60px; background-color: #f4f4f4; border: 1px solid #dddddd; font-size: 17px;  text-align: center; width: 1100px; margin: 0 auto; margin-top: 50px;}
.contBox.com3 .graybox .subtit2 {font-size: 26px; font-weight: 500; margin-bottom: 25px; position: relative;}
.contBox.com3 .graybox .subtit2:before {content: ""; visibility: visible; position: absolute; top: 19px; left: 350px; width: 80px; height: 2px; background-color: #bbbbbb;}
.contBox.com3 .graybox .subtit2:after {content: ""; visibility: visible; position: absolute; top: 19px; right: 350px; width: 80px; height: 2px; background-color: #bbbbbb;}
.contBox.com3 .graybox .subtit2.long:before {left: 265px;}
.contBox.com3 .graybox .subtit2.long:after {right: 265px;}
.contBox.com3 .graybox .cont {font-size: 20px; margin-bottom: 75px; line-height: 34px;}
.contBox.com3 .graybox .cont:last-child {margin-bottom:15px;}


/* 연혁 */

.contBox.com4 .history {width: 100%; height: auto;}
.contBox.com4 .history>div {width: 100%; height: auto; display: inline-block; position: relative;}
.contBox.com4 .history>div>ul {display: inline-block; width: 100%; height: auto; position: relative;}
.contBox.com4 .history>div:first-child>ul {padding-top: 80px;}
.contBox.com4 .his_right .right {width: 50%; height: auto; float: left; padding-left: 50%; padding: 30px 0 30px 45px; margin-left: 50%; border-left: 1px solid #dddddd;}
.contBox.com4 .his_left .left {width: calc(50% + 1px); height: auto; float: left; padding-right: 50%; text-align: right; padding: 30px 45px 30px 0; margin-right: 50%; border-right: 1px solid #dddddd;}

.contBox.com4 .history div ul li.year {font-size: 37px; font-weight: 600; color: #005dab; margin: 45px 0 35px 0; position: relative;}
.contBox.com4 .history div ul li dl {display: inline-block; width: 100%; height: auto; position: relative; padding-bottom: 13px;}
.contBox.com4 .history div ul li dl dt {font-size: 21px; font-weight: 500; position: relative; display: block; width: 12%; float: left;}
.contBox.com4 .history div ul li dl dd {font-size: 17px; display: block; width: 88%; height: auto; float: left; padding-top: 5px;}
.contBox.com4 .history .his_left ul li dl dt {float: right;}
.contBox.com4 .history .his_left ul li dl dd {float: right;}
.contBox.com4 .history div ul li.year:first-child {margin-top: 0;}
.contBox.com4 .history div ul li.year:before {content: ""; visibility: visible; position: absolute; top: 29px; width: 32px; height: 2px; background-color: #bbbbbb;}
.contBox.com4 .history .his_left ul li.year:before {right: -45px;}
.contBox.com4 .history .his_right ul li.year:before {left: -45px;}
.contBox.com4 .history div ul li.year:after {content: ""; visibility: visible; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #ffffff; top: 22px; border: 4px solid #005dab;}
.contBox.com4 .history .his_left ul li.year:after {right: -53px;}
.contBox.com4 .history .his_right ul li.year:after {left: -53px;}
.contBox.com4 .history div ul li dl:before {content: ""; visibility: visible; position: absolute; width: 32px; height: 1px; top: 17px; background-color: #cccccc;}
.contBox.com4 .history .his_left ul li dl:before {right: -45px;}
.contBox.com4 .history .his_right ul li dl:before {left: -45px;}
.contBox.com4 .history>div:nth-child(1):after {content: ""; visibility: visible; position: absolute; width: 32px; height: 40px; background-size: cover; background: url(../img/history_dot.png)no-repeat center center; top: -24px; left: calc(50% - 15px);}

/*.contBox.com4 .history div ul li {position: relative;}
.contBox.com4 .history div ul li.last:after {content: ""; visibility: visible; position: absolute; width: 30px; height: 30px; background-color: aqua; bottom: 0; right: 0;}*/

/* 찾아오시는 길 */

.contBox.com6 .mapBox {width: 1000px; height: 590px; margin: 0 auto;}
.contBox.com6 .map_table {width: 1000px; height: auto; margin: 0 auto; padding: 40px 0;}
.contBox.com6 .map_table table {width: 100%; height: auto; border-top: 2px solid #005dab;}
.contBox.com6 .map_table table tr th {font-size: 18px; font-weight: 500; padding: 12px; width: 21%; border-bottom: 1px solid #dddddd; letter-spacing: 5px;}
.contBox.com6 .map_table table tr td {font-size: 17px; font-weight: 400; padding: 12px 0 12px 40px; width: 79%; border-bottom: 1px solid #dddddd;}



/* 제품 공통 CSS */

.contBox.product {padding: 0 40px;}
.contBox.product .tit:first-child {margin-top: 10px;}
.contBox.product .tit {font-size: 26px; font-weight: 700; padding-left: 45px; margin: 120px 0 25px 0; background: url(../img/pro_title.png)no-repeat left 0px; font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif; color: #99844b;}
.contBox.product p {font-size: 18px;}
.contBox.product .normal_txt {padding: 10px 20px;}
.contBox.product .list {padding: 10px 20px;}
.contBox.product .list p {padding-left: 30px; position: relative; line-height: 38px;}
.contBox.product .list p:before {content: ""; visibility: visible; position: absolute; top: 17px; left: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #999999;}


/* 제품 1 */
.contBox.pro1 .application {display: inline-block; margin-bottom: 50px;}
.contBox.pro1 .application figure {width: 150px; height: auto; padding: 5px; border: 1px solid #dddddd; float: left; margin-left: 10px; }
.contBox.pro1 .application figure.first {margin-left: 0;}
.contBox.pro1 .application figure img {width: 138px;}
.contBox.pro1 .application figure figcaption {border: 1px solid #dddddd; background-color: #f4f4f4; text-align: center; padding: 10px;}



/* 기술자료 공통 CSS */
.contBox.tech {padding: 0 40px;}
.contBox.tech .tit:first-child {margin-top: 10px;}
.contBox.tech .tit {font-size: 26px; font-weight: 700; padding-left: 45px; margin: 120px 0 25px 0; background: url(../img/pro_title.png)no-repeat left 0px; font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif; color: #99844b;}
.contBox.tech p {font-size: 18px;}
.contBox.tech .normal_txt {padding: 10px 20px;}
.contBox.tech .list {padding: 10px 20px;}
.contBox.tech .list p {padding-left: 30px; position: relative; line-height: 38px;}
.contBox.tech .list p:before {content: ""; visibility: visible; position: absolute; top: 17px; left: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #999999;}




/* 인증현황 */
.contBox.tech4 {padding: 0;}
.certList {display: inline-block; width: 100%; height: auto;}
.certList li {display: block; width: 285px; height: auto; float: left; border:  1px solid #dddddd; margin-left: 20px; padding: 5px; margin-bottom: 25px;}
.certList li:first-child {margin-left: 0;}
.certList li.noML {margin-left: 0;}
.certList li.horizontal {width: 400px; margin-top: 55px;}
.certList li.ml_247 {margin-left: 247px;}
.certList li figure {}
.certList li figure img {margin-bottom: 5px;}
.certList li figure figcaption {padding: 23px 10px 10px 10px; text-align: center; min-height: 74px; background-color: #f4f4f4; border-radius: 5px;}
.certList li figure figcaption.twoline {padding-top: 10px;}

.certCenter {width: 100%; height: auto;}
.certCenter .liBox {width: 400px; height: auto; padding: 5px; border: 1px solid #dddddd; margin: 0 auto;}
.certCenter .liBox figure {}
.certCenter .liBox figure img {margin-bottom: 5px;}
.certCenter .liBox figure figcaption {padding: 23px 10px 10px 10px; text-align: center; min-height: 74px; background-color: #f4f4f4; border-radius: 5px;}


/* 고객센터 */

.contBox.contactus .tit {text-align: center; font-size: 32px; font-weight: 500; line-height: 50px; margin-bottom: 60px;}
.contBox.contactus .tit span {color: #99844b; font-weight: 600;}

.cs_table {width: 900px; height: auto; margin: 0 auto;}
.cs_table table {width: 100%; height: auto; border-top: 2px solid #005dab;}
.cs_table table tr th {padding: 15px; background-color: #fafafa; width: 40%; font-size: 18px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.cs_table table tr.head th {border-right: 0; padding: 25px; font-size: 21px; font-weight: 600; color: #005dab; background-color: #f4f4f4;}
.cs_table table tr td {padding: 15px 45px; width: 60%; font-size: 18px; border-bottom: 1px solid #dddddd;}


/* Table_type1 */

.table_type1 table {width: 100%; height: auto; text-align: center; border-top: 2px solid #014282;}
.table_type1 table tr th {padding: 15px 8px; background-color: #eeeeee; font-size: 17px; border: 1px solid #cccccc; border-top: 0; border-left: 0; vertical-align: middle; font-weight: 500;}
.table_type1 table tr td {padding: 15px 8px; font-size: 17px; border: 1px solid #dddddd; border-top: 0; border-left: 0; vertical-align: middle;}
.table_type1 table tr td.subtit2 {font-weight: 500; background-color: #fbfbfb;}

.table_type1 td.borderL {border-left: 1px solid #dddddd;}
.table_type1 th.borderL {border-left: 1px solid #cccccc;}
.table_type1 p.subtxt {text-align: right; padding: 10px 25px 0 0; font-size: 18px; color: #005dab;}
.table_type1 .highlight {background-color: #ffe2c9; border-bottom: 1px solid #db9961; border-right: 1px solid #db9961;}
.table_type1 th.highlight {background-color: #ffd2aa; border-top: 1px solid #db9961;}
.table_type1 .highlight.borderR_gray {border-right: 1px solid #dddddd;}

.table_type1.w600 {width: 600px; margin: 0 auto;}


/* Download 보드 */