/* common */
#subWrap { padding-top:160px; margin-bottom:145px; }

.lnb { float:left; width:18.27%; }
.subTit { padding:45px 20px 40px; color:#fff; background:#a57664; }
.subTit h2 { font-size:24px; font-weight:700; }
.subTit h2 small { display:block; margin-top:10px; font-size:14px; font-weight:300; }
.lnb li a { display:block; line-height:70px; padding:0 20px; font-size:18px; font-weight:500; color:#8f8f8f; border-bottom:1px solid #c7c7c7; }
.lnb li a:hover, .lnb li.on a { color:#fff; border-color:#c39f89; background:#c39f89; }

#subCon { float:right; width:76.9%; }
.subTitle { margin-bottom:30px; padding-bottom:12px; border-bottom:1px solid #414141; }
.subTitle h2 { float:left; font-size:28px; font-weight:700; color:#323232; }
.subTitle .path { float:right; margin-top:5px; font-size:14px; color:#787878; font-weight:300; }
.subTitle .path span { padding:0 8px; font-family:'Gulim', sans-serif; }
.subTitle .path small { display:none; }
.subTitle .path strong { font-weight:700; color:#414141; }

.deps3 { margin-bottom:35px; border:1px solid #cdcdcd; }
.deps3 li { float:left; position:relative; padding:34px 45px 32px 47px; }
.deps3 li:before { content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#cfcfcf; }
.deps3 li:first-child:before { display:none; }
.deps3 li a { font-weight:500; color:#8f8f8f; }
.deps3 li a:hover, .deps3 li.on a { color:#1462b1; }

.tit_bgB{font-size:20px;color:#535353;font-weight:600;position:relative;line-height:1.5;margin-bottom:40px;}
.tit_bgB:after{content:"";position:absolute;background:#dfe9f4;width:180px;height:18px;left:0;bottom:-10px;;z-index:-1;}

.tit_bgG{font-size:20px;color:#c39f89;font-weight:600;position:relative;line-height:1.5;margin-bottom:40px;padding-bottom:15px;}
.tit_bgG:after{content:"";position:absolute;background:#c7c7c7;width:34px;height:4px;left:0;bottom:0;z-index:-1;}

.video  { text-align:left; position:relative;width: 100%; height: 0;overflow:hidden;padding-bottom:50%;}
.video img { max-width:100%; width:auto;}
.video iframe, #brand .video object, #brand .video embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.mt140{margin-top:140px;}
.br{display:block;}
.blueT{color:#c39f89;}

.tab {overflow: hidden;border-bottom:1px solid #e2e2e2;}
.tab button {font-family: 'Noto Sans KR';background: #e2e2e2;float: left;width:200px;height:42px;color:#fff;margin-right:1px;border: none;outline: none;cursor: pointer;transition: 0.3s;font-size: 20px;}
.tab button:hover { background-color: #ddd;}
.tab button.active { background: #c39f89;}
.tabcontent {display: none;margin-top:70px;animation: fadeEffect 0.5s; }
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


/* FMS ITEM 사진 */
.fmsitemList li { float:left; width:23.5%; margin:0 2% 40px 0; }
.fmsitemList li:nth-child(4n) { margin-right:0; }
.fmsitemList li .img { position:relative; padding-bottom:100%; border:1px solid #dcdcdc; overflow:hidden; }
.fmsitemList li .img:before { content:''; display:block; position:absolute; left:0; right:0; top:50%; width:50px; height:50px; margin:-25px auto 0; border:5px solid #fff; background:url(/img/sub/fmsitem_more.png) center no-repeat; opacity:0; z-index:1; border-radius:50%; }
.fmsitemList li .img:after { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/sub/fmsitem_ov.png); -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0; }
.fmsitemList li .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.fmsitemList li p { margin-top:15px; font-weight:300; color:#535353; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.fmsitemList li a:hover .img:before { opacity:.5; box-sizing:border-box; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transition-delay:.15s; -o-transition-delay:.15s; transition-delay:.15s; }
.fmsitemList li a:hover .img:after { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; }
.fmsitemList li a:hover .img img { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }

/* 인사말 */
.greCon {margin-top:100px;}
.greCon > article{float:left;width:45%;}
.greCon > article.imgArea{float:right;width:50%;}
.greCon .img100{box-shadow:-10px -10px #dfe9f4;margin-bottom:10px;}

.greCon .wfslo{font-size:26px;line-height:1.4;margin-top:0;margin-bottom:20px;padding-bottom:20px;position:relative;}
.greCon .wfslo em, .greCon .wfslo span.br{font-weight:500;}
.greCon .wfslo:after{content:"";position:absolute;bottom:0;left:0;width:34px;height:4px;background:#a57664;}
.greetxt, .sign{line-height:1.6;margin-bottom:35px;}


/* 한국본사 */
.comCon .videoW li{margin-top:90px;}

/* 한국본사 > 사내복지 */
.wfCon {background:url(/img/sub/bg_ko_wf.jpg) no-repeat left top 43%;}
.wfCon .imgW > ul > li{float:left;margin-right:29px;}
.wfCon .imgW > ul > li:last-child{margin-right:0;}
.wfslo{font-size:26px;line-height:1.4;margin-top:90px;padding-bottom:190px;position:relative;}
.wfslo em, .wfslo span.br{font-weight:500;}
.wfslo:after{content:"";position:absolute;bottom:40px;left:75px;width:1px;height:100px;background:#021224;}
.wftime{font-size:20px;text-align:center;width:460px;margin:120px auto 0;position:relative;}
.wftime:before{content:"";display:block;background: url(/img/sub/ico_appel.jpg) no-repeat 0 0;width:31px;height:26px;position:absolute;top:-10px;left:0;}
.wftime:after{content:"";display:block;background: url(/img/sub/ico_apper.jpg) no-repeat 0 0;width:31px;height:26px;position:absolute;top:-10px;right:0;}
.wftime > div{position:relative;}
.wftime > div:before{content:"";width:380px;height:13px;background:#f0f0f0;position:absolute;bottom:-4px;left:50%;margin-left:-190px;z-index:-1;}
.wftime b{font-size:22px;}
.wftime span{padding:0 15px;}

/* 중국공장 */
.imgW, .mapInfo{overflow:hidden;}
.imgW > p{float:left;width:50%;margin-bottom:10px;}

.mapInfo{margin-top:55px;}
.mapInfo > li{float:left;width:25%;position:relative;letter-spacing:-0.5px;padding:20px 0;}
.mapInfo > li:before{content:"";position:absolute;right:-1px;top:0;height:120px;width:1px;background: #e3e3e3;}
.mapInfo > li > i{float:left;width:30px;padding:0 14px;}
.mapInfo > li:first-child > i{padding-left:5px;}
.mapInfo > li > dl{margin-left:58px;line-height:1.4;}
.mapInfo > li > dl dt{font-size:19px;color:#535353;font-weight:500;}
.mapInfo > li > dl dd{font-weight:300;}

/* 중국공장 - 갤러리 슬라이더 */
.gallWrap {width:100%;overflow: hidden;}
.gallWrap .g-list { float: right; width:580px; overflow: hidden;margin-left:19px;}
.gallWrap .list {overflow: hidden; }
.gallWrap .list li { width:145px; height:145px; position: relative; overflow: hidden;float: left; }
.gallWrap .list li a { display: block; width:100%; height:100%; position: relative; overflow: hidden; }
.gallWrap .list li a p { border: 1px solid #005cb9; position: absolute; top: 0; left: 0; width: 99%; height: 100%; display: table; opacity:0; z-index:999; }
.gallWrap .list li a p span { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size:16px; font-weight: 300; }
.gallWrap .list li img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width:150%; }
.gallWrap .list li a.active p { opacity:1; }
.gallWrap .g-view { float: left; width:600px; overflow: hidden;position: relative;}
.gallWrap .g-view .imgBig,
.gallWrap .g-view .imgBig li { width:100% !important; height: 435px; position: relative; overflow: hidden; }
.gallWrap .g-view .imgBig li p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.gallWrap .btn {}
.gallWrap .btn p.prev {position:absolute;left:0;top:50%;margin-top:-30px;z-index:999;}
.gallWrap .btn p.next {position:absolute;right:0;top:50%;margin-top:-30px;z-index:999;}

/* 오시는길 */
#daumRoughmapContainer1561366663036{width:98%;}
.mapCon > article{border-top:1px solid #c5c5c5;margin-top:75px;position:relative;padding-top:30px;}
.mapCon > article:before{content:"";background:#005cb9;position:absolute;top:-1px;left:0;width:100px;height:1px;}
.mapCon dl{position:relative;overflow:hidden;margin-bottom:20px;}
.mapCon dl:before{content:"";background:#005cb9;position:absolute;top:50%;left:0;width:6px;height:6px;}
.mapCon dl > dt{float:left;width:100px;padding-left:20px;font-weight:700;position:relative;}
.mapCon dl > dt:after{content:"";background:#c5c5c5;position:absolute;top:0;right:25px;width:1px;height:18px;}



/* 제품소개 */
.prodCon > article{overflow:hidden;margin-bottom:100px;}
.prodCon .imgArea {float:left;width: 690px;box-shadow: 10px 10px #dfe9f4;margin-bottom:10px;}
.lst-toggle{float:right;width: 467px;}

.lst-toggle ul {}
.lst-toggle ul li{line-height: 1.5; font-size: 16px; width: 100%;margin-bottom:1px; }
.lst-toggle ul li > div{display: table;}
.lst-toggle ul li .que {cursor:pointer;background: #f4f4f4;position:relative;width: 100%;}
.lst-toggle ul li .que:after{position: absolute;right: 20px;top: 50%;margin-top: -13px;width: 27px;height: 27px;background: url(/img/sub/qna_arr.png) 0 0 no-repeat;content:"";}
.lst-toggle ul li .que.on:after{background: url(/img/sub/qna_arr.png) 0 0 no-repeat; content:"";}
.lst-toggle ul li .que span {display: block; color:#0fa1c7; display: table-cell;  vertical-align: middle;   line-height: 0.9;  width: 48px;  font-size: 50px; font-family: 'Roboto'; font-weight: 500; }
.lst-toggle ul li .que.on span {color: #fff;}
.lst-toggle ul li .que p {padding:15px 20px;font-size: 18px;font-weight: 700;color: #005cb9;}
.lst-toggle ul li .ans {padding: 20px;display:none;position: relative;}
.lst-toggle ul li .ans span{display: block;}
.lst-toggle ul li .ans p {width: 100%;color:#666;font-size: 16px;line-height: 1.5;}

.bxArea{width:407px;padding:30px 28px;position:relative;margin-top:40px;}
.bxArea.mt0{margin-top:0;}
.bxArea:before{content:"";background: url(/img/sub/bullet_bxl.jpg) no-repeat 0 0;position:Absolute;top:0;left:0;width:36px;height:36px;}
.bxArea:after{content:"";background: url(/img/sub/bullet_bxr.jpg) no-repeat 0 0;position:Absolute;bottom:0;right:0;width:36px;height:36px;}
.bxArea .tit_bgG{font-size:26px;margin-bottom:16px;padding-bottom:15px;}

.bxArea > dl {}
.bxArea > dl > dd, .bxAreaBg > dl > dd{line-height:1.5;}


.bxAreaBg{background:#e3ecf5 url('/img/sub/bg_bx.png');text-align:center;padding:10px;}
.bxAreaBg dl{background: #fff;padding:40px 20px;}
.bxAreaBg .tit_bgG{font-size:26px;}
.bxAreaBg .tit_bgG:after{left:50%;margin-left:-20px;z-index:1;}

.prodCon > article.exPic{margin-bottom:0;}
.exPic ul {overflow:hidden;}
.exPic ul li{float:left;margin-right:29px;margin-bottom:29px;}
.exPic ul li:nth-child(3n){margin-right:0;}
.exPic ul li.mr0{margin-right:0;}

.exPic.zipPic li{margin-right:19px;position:relative;}
.exPic.zipPic li:nth-child(3n){margin-right:19px;}
.exPic.zipPic .mr29 li{margin-right:29px;}
.exPic.zipPic .mr29 li:nth-child(3n){margin-right:0;}
.exPic.zipPic li > p{position:absolute;bottom:0;background:rgba(54,54,54,0.7);width:100%;text-align:center;padding:30px 0;font-size:20px;color:#fff;}

.exPic.filmPic li:nth-child(2){margin-right:0;position:relative;}


/* 브랜드소개 */
.brandCon ul{overflow:hidden;}
.brandCon ul li{float:left;width:220px;margin-right:24px;margin-bottom:50px;}
.brandCon ul li:nth-child(5n){margin-right:0;}
.brandCon ul li p.imgArea{border: 1px solid #acacac;margin-bottom:20px;;}
.brandCon ul li p {text-align:center;}


.zbox-content { display: flex; flex-direction: column-reverse;}
.zbox-content .zbox-info { font-size: 18px; color: #111; margin: 15px 0 0; text-align: center; }