@charset "utf-8";

/* Font Style - Noto Sans CJK Kr */
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansCJKkr-Regula'), local('NotoSansCJKkr-Regula'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-regular.eot),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-regular.eot?#iefix) format('embedded-opentype'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-regular.woff) format('woff'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-regular.woff2) format('woff2'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-regular.svg#NotoSansKR) format('svg');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansCJKkr-Medium'), local('NotoSansCJKkr-Medium'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-500.eot),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-500.eot?#iefix) format('embedded-opentype'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-500.woff) format('woff'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-500.woff2) format('woff2'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-500.svg#NotoSansKR) format('svg');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansCJKkr-Bold'), local('NotoSansCJKkr-Bold'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-700.eot),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-700.eot?#iefix) format('embedded-opentype'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-700.woff) format('woff'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-700.woff2) format('woff2'),
    url(/common/css/Fonts/noto-sans-kr-v11-korean_latin-700.svg#NotoSansKR) format('svg');
}

/* Reset Style */
*{margin:0;padding:0;box-sizing:border-box}
body, button, a, input{color:#333;font-size:14px;line-height:1.4;letter-spacing:-0.05em}
ul,ol,li{list-style:none}
img,hr{border:none}
img{max-width:100%;border:0px;vertical-align:top;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;image-rendering:crisp-edges}
a:link, a:visited, a:active, a:hover{text-decoration:none;color:inherit}
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{font-family:'NotoSansCJKkr', sans-serif;letter-spacing:-0.05em}
strong,h1,h2,h3,h4,h5,h6,th,dt,li{font-size:inherit;font-weight:inherit;color:inherit}
/*** PC ***/
@media screen and (min-width:768px){
    body,button, a, input{font-size:16px;line-height:1.4;letter-spacing:-0.05em}
    body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{letter-spacing:-0.05em}
    input[type='text'],
    input[type='password'],
    input[type='tel']{font-size:14px;height:40px;line-height:40px;padding:0 10px}
    input[type='password']::placeholder{letter-spacing:-0.05em}
    select{background-position:98% 50%;font-size:14px;letter-spacing:-0.05em;height:40px;line-height:40px}
    textarea{width:100%;height:160px;padding:10px;font-size:14px}
}

.wrap{
    position: relative;
    width: 100%;
    height: 100%;
    min-height:100vh;
    background: #000;
    overflow:hidden
}
.js_content{
    position: relative;
    height: 100vh;
    width: 100%;
    transition:all 500ms
}

.con{ 
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(150px);
    transform: perspective(150px);
    margin: 0 auto;
    transition:all 500ms
}
.con .outer{display:table;width:100vw;height:100vh;background:#fff}
.con .outer.black{background:#111}
.con .outer .inner{display:table-cell;width:100%;vertical-align:middle;background-color:#000;color:#fff}
.con .outer .inner img{display:block;width:100%;max-width:1200px;margin:0 auto}
.con .tab li button{width: 4.2%;height: 4px;background: none;border: none;text-indent: -9999px;overflow: hidden;position: absolute;z-index:600;bottom: 5.4%}
.con .tab li:first-child button{right:27.9%}
.con .tab li:nth-child(2) button{right:23.1%}
.con .tab li:nth-child(3) button{right:18.4%}
.footer{position:absolute;bottom:0;left:0;right:0;overflow:hidden;transition:all 500ms}
.footer img{width:100vw}
.logo{position:fixed;left:17%;z-index:999;height:9%;width:12%;text-indent:-9999px;overflow:hidden}

.pc_hidden{display:none !important}
.mb_hidden{display:block !important}

.fixed{position:fixed;bottom:15px;left:60px;right:60px;z-index:9999}
.fixed .scroll{position:absolute;bottom:0;left:50%;margin-left:-12px;animation: scrollEn 0.5s infinite alternate;}
.fixed ul{position:absolute;right:0;bottom:0;overflow:hidden}
.fixed ul li{float:left;margin-left:18px;border-radius:100%}
.fixed ul li a{display:block;width:45px;height:45px;overflow:hidden;text-indent:-9999px}
.fixed ul li.contact{background:#1e61f9}
.fixed ul li.contact a{background:url(../default/icon_mail.png) 50% 50% no-repeat;background-size:22px}
.fixed ul li.brochure{background:#555}
.fixed ul li.brochure a{background:url(../default/icon_down.png) 50% 50% no-repeat;background-size:19px}
@-webkit-keyframes scrollEn { 
    from{
        bottom:0px;
    }
    to{
        bottom:10px;
    }
}
@-moz-keyframes scrollEn { 
    from{
        bottom:0px;
    }
    to{
        bottom:10px;
    }
}
@-ms-keyframes scrollEn { 
    from{
        bottom:0px;
    }
    to{
        bottom:10px;
    }
}
@-o-keyframes scrollEn { 
    from{
        bottom:0px;
    }
    to{
        bottom:10px;
    }
}
@keyframes scrollEn { 
    from{
        bottom:0px;
    }
    to{
        bottom:10px;
    }
}