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

.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:30px 5%; box-sizing:border-box; }
.subWrap .cntArea {width:100%; margin:0 auto; letter-spacing:-.5px; }
.menuTab {display:flex; flex-wrap: wrap; justify-content:space-around; margin-bottom:30px; }
.menuTab li {text-align:center; width:50%; font-family:engBold, korBold; font-size:16px; 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:30px; }
.titEng {text-align:center; font-size:26px; color:#ac8d40;font-family:engBold; line-height:40px; margin-bottom:10px;}
.titEng2 {text-align:left; font-size:18px; color:#ac8d40; font-family:engBold, korBold; line-height:22px; margin-bottom:10px;  }
.titEng3 {text-align:left; font-size:16px; color:#111; font-family:engBold, korBold; line-height:20px; margin-bottom:5px;  }
.titEng4 {text-align:left; font-size:18px; color:#111; font-family:engBold, korBold; line-height:30px; margin-bottom:5px; }

.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; }
.mmb20 {margin-bottom:20px; }

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

.conHalf {display:flex; justify-content: center; flex-direction: column;  }
.conHalf > li {width:100%;  }
.conHalf > li img { text-align:center; width:100%;  }
.conHalf > li.imgHalf {text-align:center; }
.conHalf > li.imgHalf img {width:70%; }

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

.listBox {display:flex; flex-wrap: wrap;  font-family:korBold; color:#fff; }
.listBox li {height:0;  width:46%; padding-bottom:46%;  border-radius:50%; background-color:#ac8d40; text-align:center;  text-align:center; margin:0 2% 30px;  }
.listBox li div {padding-top:34%; display:flex; justify-content: center; width:100%; height:100%; font-size:16px; line-height:24px;}

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

.prList {font-family:engSemi, korBold; font-size:12px; }
.prList li {padding:5px 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; display:flex; flex-direction:column;}
.addBox dt {float:left; width:100%; font-family:engBold, korBold; text-align:left; padding-right:10px; box-sizing:border-box; height:20px; font-size:16px; box-sizing:border-box;  }
.addBox dd {float:left; width:100%; font-family:engMed, korMed; height:28px;font-size:16px;}
.mapBox {width:100%; float:left; background-color:#999;background-color:#ddd; height:380px; }

.processBox {float:left; width:100%; line-height:22px; }
.processBox dt {float:left; width:20%; font-family:engBold; font-size:16px; text-align:right; padding-right:10px; box-sizing:border-box; color:#ff3e2f; margin-bottom:10px;  }
.processBox dd {float:left; width:80%; font-family:korMed; font-size:15px; margin-bottom:10px; }
.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;}


@keyframes animate { 0% {opacity: 0;} 50% {opacity: 1;} }

.rotate { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}

@media (min-width: 320px) {
.addBox dt {font-size:15px;  }
.addBox dd {font-size:15px;}
}