.mobileOnly {display:none; }
#subVisual {float:left; width:100%; height:320px; overflow:hidden; margin-top:100px; }
#subVisual div {color:#fff; text-align:center; width:100%; height:320px; background-position: center top !important; display:flex; flex-direction:column; align-items:center; justify-content: center; }
#subVisual p.tit {font-size:32px; color:#dbba6a; font-family:engBold; text-shadow: 0 2px 3px rgba(0,0,0,0.3); line-height:48px;  }
#subVisual p.disc { font-size:26px; font-family:'engReg'; text-shadow: 0 2px 3px rgba(0,0,0,0.9);}

.bgAbout {background:url(../images/sub/subvisual_about.jpg) no-repeat;}
.bgProduct {background:url(../images/sub/subvisual_product.jpg) no-repeat;}
.bgService {background:url(../images/sub/subvisual_service.jpg) no-repeat;}
.bgSolution {background:url(../images/sub/subvisual_solution.jpg) no-repeat;}
.bgContact {background:url(../images/sub/subvisual_contact.jpg) no-repeat;}

.subWrap {float:left; width:100%; min-height:300px; padding:50px 0; }
.subWrap .cntArea {width:1000px; margin:0 auto; letter-spacing:-.5px; }
.menuTab {display:flex; flex-wrap: wrap; justify-content:space-around; margin-bottom:50px; }
.menuTab li {text-align:center; width:50%; font-family:engBold, korBold; font-size:22px; border-bottom:1px solid #ccc; }
.menuTab li a {color:#ccc; display:block; width:100%; padding-bottom:15px; }
.menuTab li.active {color:#ac8d40; border-bottom:1px solid #ac8d40; }
.menuTab li.active a {color:#ac8d40; }

.conbox {margin-bottom:40px; }
.titEng {text-align:center; font-size:32px; color:#ac8d40;font-family:engBold; line-height:40px; margin-bottom:30px;}
.titEng2 {text-align:left; font-size:24px; color:#ac8d40; font-family:engBold, korBold; line-height:40px; margin-bottom:15px; }
.titEng3 {text-align:left; font-size:18px; color:#111; font-family:engSemi, korBold; line-height:30px; margin-bottom:5px; }
.titEng4 {text-align:left; font-size:20px; color:#111; font-family:engBold, korBold; line-height:30px; margin-bottom:10px; }
.titKor {text-align:center; font-size:28px; color:#111; text-transform:uppercase; font-family:korBold; margin-bottom:50px; }
.titKor2 {text-align:center; font-size:24px; color:#fff; text-transform:uppercase; font-family:korBold; margin-bottom:50px; }

.imgBox01 {text-align:left; margin-bottom:30px;  }
.imgBox01 img {max-width:100%; }
.tac {text-align:center; }

.conTxt {text-align:left; font-size:16px; line-height:28px; color:#333; font-family:korMed; margin-bottom:10px; }
.conTxt span {color:#ac8d40; font-family:korBold;}
.strong {font-family:korBold;}
.txtBlack {color:#111 !important; }

.conHalf {display:flex; justify-content: center;  }
.conHalf > li {width:50%; }
.conHalf > li img { text-align:center;  }

.conImg {display:flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom:50px; }
.conImg > li img {max-width:100%; margin-left:10%;  }
.conImg > li > li {display:flex; flex-direction: column;   }

.listBox {display:flex; justify-content: center; font-size:16px; line-height:24px; font-family:korBold; color:#fff; }
.listBox li {height:160px; width:160px; border-radius:50%; background-color:#ac8d40; display:flex; justify-content: center; align-items: center; text-align:center; margin:0 2%; }

.listDot {display:flex; flex-direction:column;font-size:16px; line-height:28px; font-family:korMed; color:#111; }
.listDot li { width:100%; text-align:left; background:url('../images/common/blt02.gif')no-repeat left top 12px; padding-left:8px; }

.prList {font-family:engSemi, korBold; font-size:14px; }
.prList li {padding:8px 0;  width:100%; display:flex; justify-content: center; align-items: center; text-align:center; border:1px solid #2cda49; margin-bottom:5px;  }

.addBox {width:100%; float:left; margin-bottom:30px; }
.addBox dt {float:left; width:30%; font-family:engBold, korBold; text-align:right; padding-right:20px; box-sizing:border-box; height:38px; font-size:23px; }
.addBox dd {float:left; width:70%; font-family:engMed, korMed; height:38px; font-size:24px;}
.mapBox {width:100%; float:left; background-color:#999;background-color:#ddd; height:380px; }



.processBox {float:left; width:100%; line-height:40px; }
.processBox dt {float:left; width:28%; font-family:engBold; font-size:16px; text-align:right; padding-right:30px; box-sizing:border-box; color:#ff3e2f }
.processBox dd {float:left; width:72%; font-family:korMed; font-size:17px; }
.bgWhite {background-color:#fff}
.bgGray {background-color:#f7f7f7}
.bgLife {background-color:#f7f7f7; background:url(../images/sub/bg_life.jpg) no-repeat; height:540px; background-position: center !important;}