@charset "utf-8";
#wrap.works{background: #fff}
.pop_bg .work-det .br{display: none;}
.pop_bg{position: absolute; left: 0; top:0; width: 100%; background: #f4f4f4; height: 100%; z-index: 300; display: none;}
.pop_bg .pop-c{position: fixed; right: 75px; top:60px; border:1px solid #fff; width:55px;height: 55px; z-index: 3;}
.pop_bg .pop-c:before, .pop_bg .pop-c:after {position: absolute;left: 50%;content:' ';height: 50%;width: 1px;background-color: #fff; margin-left: -1px; top:50%}
.pop_bg .pop-c:before {transform: translateY(-50%) rotate(45deg);}
.pop_bg .pop-c:after {transform: translateY(-50%) rotate(-45deg);}
.pop_bg .vis{color: #fff; padding: 235px 1rem; line-height: 1.18; text-align: center;}
.pop_bg .vis > *{display: block;}
.pop_bg .vis .big{font-size: 60px; font-weight: 900;}
.pop_bg .vis .small{margin-top: 1.5em; font-weight: 400;}
.pop_bg .work-det{border:1px solid #333;background: #fff}
.pop_bg .work-det .dev{display: flex; flex-wrap:wrap; word-break: keep-all;}
.pop_bg .work-det .l{width: 640px; padding: 90px 1.5rem 90px 135px;}
.pop_bg .work-det .big{font-size: 48px; font-weight: 700; color: #111; line-height: 1.18;}
.pop_bg .work-det .big.kor{font-size: 40px}
.pop_bg .work-det .btn{margin-top: 80px;}
.pop_bg .work-det .r{flex:1; border-left: 1px solid #333;}  /* display: flex;flex-wrap:wrap */
.pop_bg .work-det .col3 > *{float: left; width: 33.33333%; border-left: 1px solid #333;}
.pop_bg .work-det .r .dev > *:first-child{border-left: 0;}
.pop_bg .work-det .top{text-align: center; line-height: 1.18;}
.pop_bg .work-det .top,.pop_bg .work-det .bot{min-height: 50%}
.pop_bg .work-det .bot{border-top: 1px solid #333; padding: 0; font-size: 14px; line-height: 1.5;}
.pop_bg .work-det .half{display: flex; flex-wrap:wrap}
.pop_bg .work-det .half > *{width: 50%; border-left: 1px solid #000; padding: 20px }
.pop_bg .work-det .half > *:first-child{border-left: 0;}
.pop_bg .work-det .r .in{display: flex; padding: 1.5rem;   flex-flow: column; justify-content: center;}
.pop_bg .work-det .r dt{font-size: 13px;}
.pop_bg .work-det .r dd{font-weight: 700; font-size: 1.5rem; font-weight: 700; margin-top: 20px; color: #333}
.pop_bg .work-det .bot{font-size: 14px;}
.pop_bg .work-det .bot .t{display: block;font-weight: 500; font-size: 13px; margin-bottom:18px; line-height: 1.15;}
.pop_bg .work-det .bot .bul-dash{margin-top: -.18em;}
.pop_bg .work-det .bot .bul-dash > li{margin-top: .18em;}
.pop_bg .work-det .calc{margin-left: -1.5rem; display: flex; flex-wrap:wrap}
.pop_bg .work-det .calc > li{float: left; width: calc(50% - 1.5rem); margin-left: 1.5rem;}

.pop_bg .shadow{box-shadow:5px 5px 30px rgba(0,0,0,.5);}
.pop_bg .pop-c{border-color:#111;}
.pop_bg .pop-c:before, .pop_bg .pop-c:after{background-color: #111}

.pop_bg .pop-c.typeA{background-color: rgba(255,255,255,.67)}

.pop_bg .vis, .m_mock-up{background: #333 url('') center center no-repeat; background-size:cover}

/* .pop-work{background: url('../img/common/noise.png') left top repeat} */

.pop_mock-up{border-bottom: 1px solid #333; background: url('') center center no-rpeat; background-size:cover}
.pop_mock-up .pc_m{padding: 150px 1rem 60px; position: relative;}
.pop_mock-up .pc{max-width:1167px; width: 80%; margin: 0 auto; position: relative; left: 4rem; padding-bottom: 47.4%;}
.pop_mock-up .pc img{display: block;margin: 0 auto; width: 100%}
.pop_mock-up .pc,.pop_mock-up .m{border:10px solid #000; border-radius:30px; overflow: hidden; background: #000}
.pop_mock-up .pc img,.pop_mock-up .m img,.m_mock-up .img img{position: absolute; left: 0; top:0; width: 100%; display: block;}
.pop_mock-up .m{position: absolute; left: 0; bottom: 0;width: 240px; height: 420px}
.pop_mock-up .scroll_w{padding: 145px 0}
.pop_mock-up .scroll_w .dev .r{float: right; margin-top: 240px;}
.pop_mock-up .scroll_w .dev .l{float: left;}
.pop_mock-up .scroll_w .item{border-radius:30px; width: 47.5%; height: 401px; border:10px solid #000; position: relative; background: #fff}
.pop_mock-up img{display: block; margin: 0 auto;}
.pop_mock-up .scroll{position: absolute; left: 0; top:0; width: 100%; height: 100%; border-radius:20px; overflow-y: auto; overflow-y: auto;}

.pop_mock-up .dev_new{display: flex; justify-content: space-between; align-items: flex-start; padding: 115px 0; flex-wrap:wrap}
.pop_mock-up .dev_new > *{width: 48.5%}
.pop_mock-up .dev_new .r{margin-top: 100px;}

.m_mock-up{border-bottom: 1px solid #333;padding: 150px 0; }
.m_mock-up .dev{display: flex; justify-content: space-between; width: 100%;     align-items: flex-start;}
.m_mock-up li:nth-child(2){margin-top: 100px;}
.m_mock-up .img{border:10px solid #000; position: relative; padding-bottom: 51%; background: #000; width: 30%; overflow: hidden; border-radius:40px}
/* .m_mock-up img{display: block; margin: 0 auto; }
.m_mock-up img.shadow{border-radius: 45px;} */

.work-concept{background: #f4f4f4}
.work-concept .w,.work-concept .sc .dev{display: flex; justify-content:space-between; flex-wrap:wrap}
.work-concept .sc .dev{height: 100%}
.work-concept .w > *{padding: 100px 0;}
.work-concept .color{flex:1;}
.work-concept .mc{width: 27.5%}
.work-concept .sc{width: 61%;}
.work-concept .typo{width: 45%;margin-left: 7%; padding-left: 7%; border-left: 1px solid #000;}
.work-concept .t{font-weight: 700; font-size: 1.875rem; margin-bottom: 70px; line-height: 1; color: #111}
.work-concept .dev-color{display: flex; justify-content: space-between}
.work-concept .dev-color > *,.work-concept .typo .f_w{position: relative; padding-top: 2.188rem;}
.work-concept .tt{font-size: 13px; color: #111; left: 0; top:0; position:absolute;}
.work-concept .dev-color .bg{height: 150px}
.work-concept .color .box{border-radius: 10px; box-shadow:3px 3px 9px rgba(0,0,0,.25); overflow: hidden; background: #fff; height: 100%}
.work-concept .color .dev .box{width: 45%}
.work-concept .color .in{background: #fff; line-height: 1.18; padding: 1.125rem .938rem}
.work-concept .color dt{color: #333; font-size: 1.125rem; font-weight: 700;}
.work-concept .color dd{font-size: 12px; margin-top: 10px; text-transform:uppercase}
.work-concept .typo .dev{display: flex; justify-content: space-between;}
.work-concept .typo .dev > li{width: 47%; box-shadow:3px 3px 9px rgba(0,0,0,.25); background: #fff; border-radius:5px}
.work-concept .typo .box{padding: 25px; font-size: 12px;}
.work-concept .typo .fonts{font-size: 1.25rem; letter-spacing: -0.04em; line-height: 1.15; min-height: 1.438rem}
.work-concept .typo img{display: block;}
.work-concept .typo .det{margin-top: 30px; line-height: 1.18;}
.work-concept .typo .det > *{display: block;}
.work-concept .typo .f{color: #999}
.work-concept .typo .w{color: #333; margin-top: 10px;}
/* .work-concept .typo .bold{font-weight: 700;}
.work-concept .typo .light{font-weight: 300;}
.work-concept .typo .normal{font-weight: 400;}
.work-concept .typo .black{font-weight: 900;} */

@media (max-width:1500px){
	.pop_bg .vis{padding: 150px 15px}
	.pop_bg .pop-c{right: 10px; top:10px}
	
	/* 5px씩 줄임 */
	.pop_bg .vis .big{font-size: 55px;}
	.pop_bg .work-det .big{font-size: 43px;}
	.pop_bg .work-det .big.kor{font-size: 35px;}
	.pop_bg .work-det .top,.pop_bg .work-det .bot{min-height: auto}
	.pop_bg .work-det .l{width: 30%; padding: 2rem}
	.pop_bg .work-det .r .in{justify-content: flex-start; padding: 1.5rem 1rem}
	.pop_bg .work-det .btn{margin-top: 40px;}
	
	.pop_mock-up .m{left: 5rem}
	.pop_mock-up .scroll_w{padding-left:15px; padding-right: 15px; max-width:1240px; margin:  auto;}
	
	.m_mock-up{padding: 100px 0}
	
	.work-concept .w > *{padding: 75px 0}
	.work-concept .typo{padding-left: 2.5rem; margin-left: 2.5rem;}
	
	.pop_bg .work-det .calc > li{width: calc(100% - 1.5rem)}
}

@media (max-width:1280px){

	.pop-team .l{padding: 50px 30px}
	.pop-team .r{padding: 30px}
	.pop-team .l .txt-team{font-size: 2rem;}
	.pop_mock-up .scroll_w .item{width: 48.5%; height: auto; padding-bottom: 35%;}
	.work-concept .color .sc .box:last-child{margin-left: 15px;}
	.work-concept .color{width: 610px}
	.m_mock-up li:nth-child(2){margin: 8% 0 0;}
	.pop_mock-up .scroll_w .dev .r{margin-top: 10%;}
	.pop_mock-up .pc_m{padding: 80px 1.5rem 50px 15px; margin: 0 1rem}
	.pop_mock-up .pc{width: calc(100% - 3rem); left: 3rem; padding-bottom: 56%;}
	.pop_mock-up .m{left: 0; width:24%; padding-bottom: 38%; height: auto}
	.m_mock-up{padding: 80px 1rem}
	
	.work-concept .typo{width: 41.5%; padding-left: 1.875rem; margin-left: 1.8rem;}
	.work-concept .dev-color .bg{height: 130px}
	.work-concept .typo .box{padding: 1.25rem}
	
	.pop_mock-up .dev_new{padding: 80px 0;}
}
@media (max-width:1024px){
	.pop_bg .vis{padding: 100px 15px 95px}
	.pop_bg .pop-c{background: rgba(255,255,255,.7)}
	.pop_bg .pop-c{width: 2.5rem; height: 2.5rem}
	.pop_bg .work-det .r dd{font-size: 1.25rem;}
	.pop_bg .vis .big{font-size: 2.8rem;}
	.pop_bg .work-det .big{font-size: 1.875rem}
	.pop_bg .work-det .big.kor{font-size: 1.7rem;}
	.pop_bg .vis .small{margin-top: 1em;}
	.pop_bg .work-det .l{padding: 1.5rem}
	.pop_bg .work-det .r dd{margin-top: 1rem;}
	.pop_bg .work-det .btn{margin-top: 30px;}
	.m_mock-up,.work-concept{padding: 50px 1rem}
	.pop_mock-up .scroll_w .item,.pop_mock-up .pc, .pop_mock-up .m{border-radius:15px; border-width:8px}
	.pop_mock-up .scroll{border-radius:5px}
	.pop_bg .work-det .r .in{justify-content: flex-start;}
	.m_mock-up .img{border-radius:1.875rem; border-width:8px}
	
	.pop_bg .shadow{box-shadow:3px 3px 10px rgba(0,0,0,.3)}
	
	
	.work-concept,.pop_mock-up .scroll_w{padding: 80px 1rem}
	.work-concept .color,.work-concept .typo{float:none; width: 100%}
	
	.work-concept .w > *{padding: 0}
	/* .work-concept .typo{margin-top: 80px;} */
	/* .work-concept .color .box{width: 100%}
	.work-concept .dev-color .mc{width: 34%}
	.work-concept .dev-color .sc{flex:1; margin-left: 1.8rem;}
	.work-concept .sc .dev{display: flex;    justify-content: space-between;} */
	.work-concept .t{margin-bottom: 30px;}
	.work-concept .typo{margin: 67px 0 0; padding: 0; border-left: 0;}
	
	.pop_mock-up .dev_new{padding: 67px 0}
	
	.w-lg .pop_mock-up .dev_new .l,.w-lg .pop_mock-up .dev_new .r{margin-top: -1rem;}
	.w-lg .pop_mock-up .dev_new > *:first-child{margin-top: 0 !important}
	
	.pop_bg .work-det .half > *{padding: 1.5rem 1rem; width: 100%; border:0; border-top: 1px solid #000;}
	.pop_bg .work-det .half > *:first-child{border-top: 0;}
	.pop_bg .work-det .bot .t{margin-bottom: 1rem;}
}
@media (max-width:720px){
	.pop_bg .work-det .br{display: block}
	.pop_bg .vis{padding: 19vw 1rem 15vw}
	.pop_bg .work-det .dev{display: block;}
	.pop_bg .work-det .r .dev{display: flex}
	.pop_bg .work-det .l{width: 100%;    display: flex; justify-content: space-between; text-align: left; padding: 1.5rem 1rem;align-items: center;;}
	.pop_bg .work-det .r{flex:none; border:0; border-top: 1px solid #111; width: 100%}
	.pop_bg .work-det .r .in{padding: 1.5rem 1rem}
	.pop_bg .work-det .r dd{margin-top: .938rem;}
	.pop_bg .work-det .big{flex:1; margin-right: 1.5rem}
	.pop_bg .work-det .btn{margin-top: 0;}
	.pop_bg .vis .big{font-size: 2.4rem;}
	.pop_bg .work-det .big.kor{font-size: 1.5rem;}
	
	
	.pop_mock-up .pc_m{padding: 4rem 1rem 10%; margin: 0 .5rem 0 0;}
	.pop_mock-up .pc{left: 4%; width: 96%; padding-bottom: 55%;}
	.pop_mock-up .scroll_w{padding: 4rem 0}
	.m_mock-up,.work-concept{padding: 3rem 0}
	.pop_mock-up .scroll_w .item{float:none !important; width: 100% !important; padding-bottom: 61.5%;}
	.pop_mock-up .scroll_w .dev .r{margin-top: 30px;}
	.pop_bg .shadow,.m_mock-up img.shadow,.m_mock-up img.shadow{border-radius:15px}
	.m_mock-up .img{width: 30.333%; padding-bottom: 46%}
	.work-concept .dev-color .bg{height: 6.7rem}
	.work-concept .tt{margin-bottom: 10px;}
	.work-concept .typo .box{padding: 1.5rem 1rem}
	.work-concept .typo .det{margin-top: 20px;}
	
	.work-concept .typo{}
	
	.pop_mock-up .dev_new{display: block; padding: 3.5rem 0; overflow: hidden; margin: 0 -1rem;}
	.pop_mock-up .dev_new > *{width: 105%; margin-left: .45%;}
	.pop_mock-up .dev_new img{display: block; margin: 0 auto; width: 100%}
	.pop_mock-up .dev_new .r{margin-top: 3.5rem;}
	.pop_bg .work-det .r dd{font-size: 1.125rem;}
	
}
@media (max-width:500px){
	/* .m-contact .dev span{display: block;} */
	.work-concept .color .in{padding: 10px}
	.work-concept .dev-color .bg{height: 5rem}
	.work-concept .color .sc .box:last-child{margin-left: .5rem;}
	
	.pop_bg .work-det a.btn-submit{width: 5.5rem; height: 2.18rem; line-height: 2rem;}
	.pop_mock-up .scroll_w .item, .pop_mock-up .pc, .pop_mock-up .m,.m_mock-up .img{border-width:5px}
	
	.work-concept .dev-color .bg{height: 5.5rem}
	.work-concept .color .in{padding: 10px}
	
	.work-concept .mc{width: 30.5%}
	.work-concept .dev-color .sc{width: 63.5%}
	.work-concept .color .dev .box{width: 47%}
	
	.pop_mock-up .pc_m{padding-top: 3rem;}
	.pop_mock-up .scroll_w{padding: 3rem 0;}
	.pop_mock-up .scroll_w .dev .r{margin-top: 25px;}
	.work-concept .t{margin-bottom: 25px;}
	.pop_bg .work-det .r .in{padding: 1.5rem 10px}
	
	.work-concept .typo .fonts{font-size: 1.125rem;}
	
	.m_mock-up{padding: 2.5rem 0}
	
}
@media (max-width:380px){
	.work-concept .color dt{font-size: 14px; letter-spacing: -0.03em;}
	.work-concept .color dd{margin-top: 5px; font-size: 11px;}
	.work-concept .typo .box{padding: 1rem}
	.work-concept .typo .det{margin-top: 10px;}
	.work-concept .typo .w{margin-top: 5px;}
	
	/* .pop_bg .work-det .r dd{font-size: 1rem;}
	.pop_bg .work-det .bot{font-size: 13px;} */
}

/* 폰트 스타일 */
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-700{font-weight: 700;}
.fw-900{font-weight: 900;}
.ff-mont{font-family: 'Montserrat';}
.ff-ns{font-family: 'NanumSquare';}
.ff-nsr{font-family: 'NanumSquareRound';}
.ff-apple{font-family: 'Apple SD Gothic Neo';}
.ff-nb{font-family: 'NanumBarun';}
.ff-lato{font-family: 'Lato'}
.ff-ng{font-family: 'Nanum Gothic'}
.ff-roboto{font-family: 'Roboto'}
.ff-mg{font-family: 'Malgun Gothic','맑은고딕'}
.ff-spoqa{font-family: 'Spoqa Han Sans'}
.ff-os{font-family: 'Open Sans'}

/* 야마하 */
.w-yamaha{background-image: url('../img/works/yamaha/bg-all.gif')}
.w-yamaha .vis{background-image: url('../img/works/yamaha/bg.jpg')}
.w-yamaha .m_mock-up{background-image: url('../img/works/yamaha/bg2.jpg')}

/* 도루코 */
.w-doroco{background-image: url('../img/works/doroco/bg-all.gif')}
.w-doroco .vis{background-image: url('../img/works/doroco/bg.jpg')}
.w-doroco .m_mock-up{background-image: url('../img/works/doroco/bg2.jpg')}

.w-sejong .typo .fonts{letter-spacing: -0.087em;}

/* 세종문화회관 */
.w-sejong{background-image: url('../img/works/sejong/bg-all.gif')}
.w-sejong .vis{background-image: url('../img/works/sejong/bg.jpg')}
.w-sejong .m_mock-up{background-image: url('../img/works/sejong/bg2.gif')}

/* 중구문화재단 */
.w-jg{background-image: url('../img/works/jg/bg-all.gif')}
.w-jg .vis{background-image: url('../img/works/jg/bg.jpg')}
.w-jg .m_mock-up{background-image: url('../img/works/jg/bg2.gif')}

/* 서울문화포털 */
.w-culture{background-image: url('../img/works/culture/bg-all.gif')}
.w-culture .vis{background-image: url('../img/works/culture/bg.jpg')}
.w-culture .m_mock-up{background-image: url('../img/works/culture/bg2.gif')}

/* 경희대 */
.w-kh{background-image: url('../img/works/kh/bg-all.gif')}
.w-kh .vis{background-image: url('../img/works/kh/bg.jpg')}
.w-kh .m_mock-up{background-image: url('../img/works/kh/bg2.gif')}

/* 인제대학교 백병원 */
.w-inje{background-image: url('../img/works/inje/bg-all.gif')}
.w-inje .vis{background-image: url('../img/works/inje/bg.jpg')}
.w-inje .m_mock-up{background-image: url('../img/works/inje/bg2.gif')}

/* 국립생태원 */
.w-nt{background-image: url('../img/works/nt/bg-all.gif')}
.w-nt .vis{background-image: url('../img/works/nt/bg.jpg')}
.w-nt .m_mock-up{background-image: url('../img/works/nt/bg2.gif')}

/* 국립생태원 */
.w-nt{background-image: url('../img/works/nt/bg-all.gif')}
.w-nt .vis{background-image: url('../img/works/nt/bg.jpg')}
.w-nt .m_mock-up{background-image: url('../img/works/nt/bg2.gif')}

/* 국립정동극장 */
.w-jd{background-image: url('../img/works/jd/bg-all.gif')}
.w-jd .vis{background-image: url('../img/works/jd/bg.jpg')}
.w-jd .m_mock-up{background-image: url('../img/works/jd/bg2.gif')}

/* 서울MICE */
.w-mice{background-image: url('../img/works/mice/bg-all.gif')}
.w-mice .vis{background-image: url('../img/works/mice/bg.jpg')}
.w-mice .m_mock-up{background-image: url('../img/works/mice/bg2.gif')}

/* 국회예산정책처 */
.w-nabo{background-image: url('../img/works/nabo/bg-all.gif')}
.w-nabo .vis{background-image: url('../img/works/nabo/bg.jpg')}
.w-nabo .m_mock-up{background-image: url('../img/works/nabo/bg2.gif')}

/* 공동체주택플랫폼 */
.w-house{background-image: url('../img/works/house/bg-all.gif')}
.w-house .vis{background-image: url('../img/works/house/bg.jpg')}
.w-house .m_mock-up{background-image: url('../img/works/house/bg2.gif')}

/* 강남구도시관리공단 */
.w-gn{background-image: url('../img/works/gn/bg-all.gif')}
.w-gn .vis{background-image: url('../img/works/gn/bg.jpg')}
.w-gn .m_mock-up{background-image: url('../img/works/gn/bg2.gif')}

/* 서울의료원 가임클리닉 */
.w-sg{background-image: url('../img/works/sg/bg-all.gif')}
.w-sg .vis{background-image: url('../img/works/sg/bg.jpg')}
.w-sg .m_mock-up{background-image: url('../img/works/sg/bg2.gif')}

/* 대한산업안전협회 */
.w-safety{background-image: url('../img/works/safety/bg-all.gif')}
.w-safety .vis{background-image: url('../img/works/safety/bg.jpg')}
.w-safety .m_mock-up{background-image: url('../img/works/safety/bg2.gif')}

/* 카운터포리서치 */
.w-counter{background-image: url('../img/works/counter/bg-all.gif')}
.w-counter .vis{background-image: url('../img/works/counter/bg.jpg')}
.w-counter .m_mock-up{background-image: url('../img/works/counter/bg2.gif')}

/* 장애인표준사업장 */
.w-hj{background-image: url('../img/works/hj/bg-all.gif')}
.w-hj .vis{background-image: url('../img/works/hj/bg.jpg')}
.w-hj .m_mock-up{background-image: url('../img/works/hj/bg2.gif')}

/* 시민청 */
.w-citizen{background-image: url('../img/works/citizen/bg-all.gif')}
.w-citizen .vis{background-image: url('../img/works/citizen/bg.jpg')}
.w-citizen .m_mock-up{background-image: url('../img/works/citizen/bg2.gif')}

/* 서울미래유산 */
.w-future{background-image: url('../img/works/future/bg-all.gif')}
.w-future .vis{background-image: url('../img/works/future/bg.jpg')}
.w-future .m_mock-up{background-image: url('../img/works/future/bg2.gif')}

/* 성북문화재단 */
.w-sb{background-image: url('../img/works/sb/bg-all.gif')}
.w-sb .vis{background-image: url('../img/works/sb/bg.jpg')}
.w-sb .m_mock-up{background-image: url('../img/works/sb/bg2.gif')}

/* 국민체육진흥공단 */
.w-kspo{background-image: url('../img/works/kspo/bg-all.gif')}
.w-kspo .vis{background-image: url('../img/works/kspo/bg.jpg')}
.w-kspo .m_mock-up{background-image: url('../img/works/kspo/bg2.gif')}

/* 소프트웨어마에스트로 */
.w-sw{background-image: url('../img/works/sw/bg-all.gif')}
.w-sw .vis{background-image: url('../img/works/sw/bg.jpg')}
.w-sw .m_mock-up{background-image: url('../img/works/sw/bg2.gif')}

/* 서울드라마어워즈 */
.w-drama{background-image: url('../img/works/drama/bg-all.gif')}
.w-drama .vis{background-image: url('../img/works/drama/bg.jpg')}
.w-drama .m_mock-up{background-image: url('../img/works/drama/bg2.gif')}

/* 경영혁신형 중소기업 인증시스템 */
.w-mb{background-image: url('../img/works/mb/bg-all.gif')}
.w-mb .vis{background-image: url('../img/works/mb/bg.jpg')}
.w-mb .m_mock-up{background-image: url('../img/works/mb/bg2.gif')}

/* LG전자 G-CAS */
.w-lg{background-image: url('../img/works/lg/bg-all.gif')}
.w-lg .vis{background-image: url('../img/works/lg/bg.jpg')}
.w-lg .m_mock-up{background-image: url('../img/works/lg/bg2.gif')}

/* 구로문화재단 */
.w-guro{background-image: url('../img/works/guro/bg-all.gif')}
.w-guro .vis{background-image: url('../img/works/guro/bg.jpg')}
.w-guro .m_mock-up{background-image: url('../img/works/guro/bg2.gif')}

/* 서울관광재단쇼핑페스타 */
.w-ssf{background-image: url('../img/works/ssf/bg-all.gif')}
.w-ssf .vis{background-image: url('../img/works/ssf/bg.jpg')}
.w-ssf .m_mock-up{background-image: url('../img/works/ssf/bg2.gif')}

/* 서울관광재단원모어트립 */
.w-trip{background-image: url('../img/works/trip/bg-all.gif')}
.w-trip .vis{background-image: url('../img/works/trip/bg.jpg')}
.w-trip .m_mock-up{background-image: url('../img/works/trip/bg2.gif')}

/* 관광두레 */
.w-td{background-image: url('../img/works/td/bg-all.gif')}
.w-td .vis{background-image: url('../img/works/td/bg.jpg')}
.w-td .m_mock-up{background-image: url('../img/works/td/bg2.gif')}

/* 신세계건설 아쿠아필드 */
.w-aqua{background-image: url('../img/works/aqua/bg-all.gif')}
.w-aqua .vis{background-image: url('../img/works/aqua/bg.jpg')}
.w-aqua .m_mock-up{background-image: url('../img/works/aqua/bg2.jpg')}
/* .w-aqua .typo .fonts{letter-spacing: -0.087em;} */

/* 삼양목장 */
.w-samyang{background-image: url('../img/works/samyang/bg.gif')}
.w-samyang .vis{background-image: url('../img/works/samyang/bg.jpg')}
.w-samyang .m_mock-up{background-image: url('../img/works/samyang/bg2.jpg')}

/* 김안과 */
.w-kimeye{background-image: url('../img/works/kimeye/bg.gif')}
.w-kimeye .vis{background-image: url('../img/works/kimeye/bg.jpg')}
.w-kimeye .m_mock-up{background-image: url('../img/works/kimeye/bg2.jpg')}

/* 신세계건설 */
.w-ssg{background-image: url('../img/works/ssg/bg.gif')}
.w-ssg .vis{background-image: url('../img/works/ssg/bg.jpg')}
.w-ssg .m_mock-up{background-image: url('../img/works/ssg/bg2.jpg')}

/* 신세계 자유컨트리클럽 */
.w-jayu{background-image: url('../img/works/jayu/bg.gif')}
.w-jayu .vis{background-image: url('../img/works/jayu/bg.jpg')}
.w-jayu .m_mock-up{background-image: url('../img/works/jayu/bg2.jpg')}

/* 풀무원 건강생활 잇슬림 */
.w-eat{background-image: url('../img/works/eat/bg.gif')}
.w-eat .vis{background-image: url('../img/works/eat/bg.jpg')}
.w-eat .m_mock-up{background-image: url('../img/works/eat/bg2.jpg')}

/* 사랑의 열매 */
.w-chest{background-image: url('../img/works/chest/bg-all.gif')}
.w-chest .vis{background-image: url('../img/works/chest/bg.jpg')}
.w-chest .m_mock-up{background-image: url('../img/works/chest/bg2.jpg')}

/* 한국보육진흥원 */
.w-kcpi{background-image: url('../img/works/kcpi/bg-all.gif')}
.w-kcpi .vis{background-image: url('../img/works/kcpi/bg.jpg')}
.w-kcpi .m_mock-up{background-image: url('../img/works/kcpi/bg2.jpg')}