@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 180821
updated: 
------------------------------------------------------------
*/
/* All Device */
.content{background:url(https://mgameimage.gscdn.com/smartbig/main/bg_visual.jpg) no-repeat center 0}
.slogan{padding:141px 0 93px 0;font-weight:100;font-size:68px;color:#fff;letter-spacing:-2px;text-align:center}
.slogan strong{font-weight:900;color:#00c1ff}
.slogan span{display:block;margin:3px 0 0 0;font-weight:400;font-size:17px;color:#7fc0e9;letter-spacing:2px;text-transform:uppercase}
.business{margin:0 0 83px 50px;overflow:hidden;_zoom:1} 
.business li{float:left;margin:0 25px 0 0;height:319px;background:#fff;font-weight:500;font-size:18px;color:#3c3c3c;text-align:center}
.business img{width:256px}
.business img, .business span{display:block}
.business a{color:#3c3c3c}
.business span{margin:13px 0 0 0;font-size:11px;color:#a9a9a9;text-transform:uppercase}
.contact{position:relative;padding:30px 0 0 305px;height:115px}
.contact h2{position:absolute;top:51px;left:58px;padding:0 23px 0 0;background:url(https://mgameimage.gscdn.com/smartbig/main/arrow.gif) no-repeat right 60%;font-weight:100;font-size:28px;color:#00c1ff}
.contact ul{float:left;margin:0 97px 0 0;color:#fff}
.contact span{display:inline-block}
.phone{margin:0 0 10px 0;font-weight:300;font-size:28px}
.phone span{margin:-5px 10px 0 0;width:31px;height:31px;background:url(https://mgameimage.gscdn.com/smartbig/main/bullet.png) no-repeat;text-indent:-9999px;vertical-align:middle}
.email{font-weight:300;font-size:16px}
.email span{margin:-11px 15px 0 0;width:31px;background:url(https://mgameimage.gscdn.com/smartbig/main/bullet.png) no-repeat center bottom;text-indent:-9999px;vertical-align:middle}
.phone a,.email a{color:#fff}
.address{padding:8px 0 0 0;font-weight:300;font-size:16px;line-height:34px}
.address span{padding:0 0 0 12px;width:100px;background:url(https://mgameimage.gscdn.com/smartbig/main/dot.gif) no-repeat 0 50%;font-weight:700}
.news{position:relative;padding:80px 0 0 202px;overflow:hidden;_zoom:1}
.news h2{position:absolute;top:88px;left:51px;width:102px;height:102px;background:#00c1ff;font-weight:400;font-size:18px;line-height:102px;color:#fff;text-align:center}
.news h3{font-weight:300;font-size:24px;color:#1e1e1e}
.news li{float:left;margin:0 50px 0 0;padding:0 55px 0 0;width:390px;font-weight:300}
.news li:first-child{border-right:1px solid #e6e6e6}
.news p{margin:14px 0 11px 0;line-height:22px}
.news .date{font-size:13px;color:#a7a7a7}
/* Mobile */
@media all and (max-width:767px){
.mobile .content{background-image:url(https://mgameimage.gscdn.com/smartbig/main/bg_visual_p.jpg);background-size:auto 243px}
.mobile .slogan{margin:0 0 40px 0;padding:66px 0;font-size:26px}
.mobile .slogan strong{display:block;margin:-10px 0 0 0;font-size:45px}
.mobile .slogan span{font-size:12px;letter-spacing:0}
.mobile .business:before{display:block;content:'BUSINESS';margin:0 0 23px 3px;padding:0 0 8px 0;background:url(https://mgameimage.gscdn.com/smartbig/main/line_h.gif) no-repeat center bottom;background-size:30px 1px;font-weight:700;font-size:18px;color:#1e1e1e;text-align:center}
.mobile .business{margin:0;text-align:center}
.mobile .business li{float:none;display:inline-block;margin:0 6px 12px 6px;padding:0 0 14px 0;width:22%;height:auto;border:1px solid #e6e6e6;font-weight:400;font-size:14px}
.mobile .business img{margin:0 0 14px 0}
.mobile .business span{display:none}
.mobile .business a{color:#1e1e1e}
.mobile .contact{padding:0;height:auto}
.mobile .contact h2,.mobile .news h2{position:relative;top:0;left:0;margin:47px 0 23px 0;padding:0 0 8px 0;width:auto;height:auto;background:url(https://mgameimage.gscdn.com/smartbig/main/line_h.gif) no-repeat center bottom;background-size:30px 1px;font-weight:700;font-size:18px;line-height:normal;color:#1e1e1e;text-align:center;text-transform:uppercase}
.mobile .contact ul{float:none;margin:0;padding:0 13px;background:#f2f2f2;color:#1e1e1e;overflow:hidden;_zoom:1}
.mobile .phone{float:left;margin:36px 25px 17px 6px;font-weight:300;font-size:14px}
.mobile .phone span{margin:0;padding:2px 4px 0 0;width:18px;height:18px;background:url(https://mgameimage.gscdn.com/smartbig/main/bu_phone.png) no-repeat;background-size:18px}
.mobile .phone a,.mobile .email a{color:#1e1e1e}
.mobile .email{float:left;margin:36px 0 17px 0;font-weight:300;font-size:14px}
.mobile .email span{margin:0;padding:2px 4px 0 0;width:18px;height:18px;background:url(https://mgameimage.gscdn.com/smartbig/main/bu_email.png) no-repeat;background-size:18px}
.mobile .contact .address{padding:0 13px 18px 13px;font-size:14px;line-height:24px}
.mobile .address li{padding:17px 0 17px 32px;border-top:1px solid #dadada}
.mobile .address span{display:block;margin:0 0 0 -24px;padding:0 0 0 23px;width:auto;background:url(https://mgameimage.gscdn.com/smartbig/main/bu_address.png) no-repeat 0 4px;background-size:13px auto}
.mobile .news{margin:0 13px;padding:0}
.mobile .news h3{font-weight:400;font-size:18px}
.mobile .news ul{border:1px solid #e6e6e6}
.mobile .news li{float:none;margin:0;padding:28px 14px;width:auto;border-top:1px solid #e6e6e6;font-weight:400}
.mobile .news li:first-child{border:none}
.mobile .news p{font-size:14px}
.mobile .news .date{font-size:12px}
}
/* portrait */
@media all and (max-width:480px){
.mobile .content{background-image:url(https://mgameimage.gscdn.com/smartbig/main/bg_visual_m.jpg)}
.mobile .business li{margin:0 1% 12px 1%;width:45%}
}