@charset "utf-8";

/*
 * File       : mobile.css
 * Author     : STUDIO-JT (BIN)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) MOBLIE
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html {height:100%;}
body {height:100%; font-size: 15px;font-family:'Binggrae', sans-serif;}



/* **************************************** *
 * MOBLIE
 * **************************************** */
.mobile_wrap {width:100%; height:100%; max-width:1024px; margin:0 auto;}
.mobile_wrap #logo {width:118px; height:28px; position:absolute; top:39px; left:50%; margin-left:-59px; z-index:999;}
.mobile_wrap #logo a {display:block;}
.mobile_wrap #logo a svg {display:block; width:100%; height:100%;}

.mobile_device_wrap {height:100%; position:relative;}
.mobile_device_wrap .title {display:block; width:auto; height:50px; position:absolute; top:50%; left:214px; margin-top:-38px; font-size:16px; font-weight:600; line-height:1.6; letter-spacing:0.1em; color:#a9a9a9;}
.mobile_device_wrap .title span {display:block; color:#e60012;}
.mobile_device {display:block; width:423px; height:495px; position:absolute; top:50%; left:50%; margin:0 auto; margin-left:-119px; background:url(../images/mobile/mobile-device-bg.png) no-repeat 0px 0px; overflow:hidden; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mobile_view_wrap {display:block; width:214px; height:381px; position:absolute; top:50px; left:10px; overflow:auto;}
.mobile_device img {display:block;}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}