/* ------------------------------------------
 * Atlas v2.1
 * Author:swkim@atlassoft.co.kr
------------------------------------------ */
@font-face{
    font-family:'Naum Neo';
    font-style:light;
    font-weight:300;
    src:url('../assets/fonts/NanumSquareNeoTTF-aLt.eot');
    src:url('../assets/fonts/NanumSquareNeoTTF-aLt.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NanumSquareNeoTTF-aLt.woff2') format('woff2'),
    url('../assets/fonts/NanumSquareNeoTTF-aLt.woff') format('woff'),
    url('../assets/fonts/NanumSquareNeoTTF-aLt.ttf') format('truetype');
}
@font-face{
    font-family:'Naum Neo';
    font-style:regular;
    font-weight:500;
    src:url('../assets/fonts/NanumSquareNeoTTF-bRg.eot');
    src:url('../assets/fonts/NanumSquareNeoTTF-bRg.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
    url('../assets/fonts/NanumSquareNeoTTF-bRg.woff') format('woff'),
    url('../assets/fonts/NanumSquareNeoTTF-bRg.ttf') format('truetype');
}
@font-face{
    font-family:'Naum Neo';
    font-style:bold;
    font-weight:700;
    src:url('../assets/fonts/NanumSquareNeoTTF-cBd.eot');
    src:url('../assets/fonts/NanumSquareNeoTTF-cBd.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
    url('../assets/fonts/NanumSquareNeoTTF-cBd.woff') format('woff'),
    url('../assets/fonts/NanumSquareNeoTTF-cBd.ttf') format('truetype');
}
@font-face{
    font-family:'Naum Neo';
    font-style:extrabold;
    font-weight:800;
    src:url('../assets/fonts/NanumSquareNeoTTF-dEb.eot');
    src:url('../assets/fonts/NanumSquareNeoTTF-dEb.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
    url('../assets/fonts/NanumSquareNeoTTF-dEb.woff') format('woff'),
    url('../assets/fonts/NanumSquareNeoTTF-dEb.ttf') format('truetype');
}
@font-face{
    font-family:'Naum Neo';
    font-style:heavy;
    font-weight:900;
    src:url('../assets/fonts/NanumSquareNeoTTF-eHv.eot');
    src:url('../assets/fonts/NanumSquareNeoTTF-eHv.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
    url('../assets/fonts/NanumSquareNeoTTF-eHv.woff') format('woff'),
    url('../assets/fonts/NanumSquareNeoTTF-eHv.ttf') format('truetype');
}

/* ------------------------------------------------------------------------------------------------
Core:General style
-------------------------------------------------------------------------------------------------*/
* { box-sizing: border-box; }
html, body { font-family:'Naum Neo', sans-serif; width:100%; margin:0; background:#181818; font-size:10px !important; color:#545454; -webkit-font-smoothing:antialiased;  overflow-x:hidden; /* word-wrap:break-word; word-break:keep-all; */ }

.wrapper { margin:0 0; padding:0; height:100vh; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; }
.wrapper:before, .wrapper:after { display:table; content:" "; }
.wrapper:after { clear:both; }
.container { position:relative; max-width:1440px; margin:0 auto; padding:0 0rem; }
section { position:relative; margin:0 0; padding:0 0; background-color:#F9F9F9; overflow: hidden; }

a { text-decoration: none; color:#ffffff; cursor: pointer; }
a:hover, a:active, a:focus { outline:none; text-decoration:none; color:#a181f8; }

h1 { font-size:3.0rem; }
h2 { font-size:2.4rem; }
h3 { font-size:1.8rem; }
h4 { font-size:1.6rem; }
h5 { font-size:1.2rem; }
h6 { font-size:1.0rem; }
h1, h2, h3, h4, h5, h6 { margin:0; font-weight:normal; }

.form-control { width:100%; padding:0.6rem 1rem; height:4.0rem; }
.overlay { position: relative; padding:0; margin:0; }
.img-responsive { width:100% !important; }
.center { text-align:center; }

@media screen and (max-width:1400px){
    html, body { font-size:9px !important; }
}
@media screen and (max-width:1200px){
    html, body { font-size:8px !important; }
}
@media screen and (max-width:993px){
    html, body { font-size:7px !important; }
}
@media screen and (max-width:768px){
    html, body { font-size:10px !important; }
}
@media screen and (max-width:500px){
    html, body { font-size:9px !important; }
}
@media screen and (max-width:430px){
    html, body { font-size:8px !important; }
}

.btn { display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; width:100%; height:60px; padding:1vh 2vw; margin:0; font-size:2.4rem; font-weight:700; color:#fff; line-height:1.4; background-image:none; border:1px solid #d9d9d9; border-radius:30px; transition:background; transition-duration:0.4s; text-shadow:0 -1px 0 rgb(0 0 0 / 20%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); user-select:none; touch-action:manipulation; cursor:pointer; }

.btn.btnDefault { background:linear-gradient(90deg, rgba(63,57,163,1) 0%, rgba(0,14,255,1) 100%) repeat-x; border:none; text-shadow:none; transition: all 2s; }
.btn.btnDefault:hover { background:linear-gradient(90deg, rgba(63,57,163,1) 0%, rgba(65,136,243,1) 35%, rgba(0,14,255,1) 100%) repeat-x; border:none; text-shadow:none; transition: all 2s; }

/* ------------------------------------------------------------------------------------------------
Core:onepage style
-------------------------------------------------------------------------------------------------*/
body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }

.scroll-container { width: 100%; height: 100%; position: relative; margin: 0; padding: 0; }
.scroll-container section { width: 100%; height: 100%; }

.dots { z-index: 1; list-style: none; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.dots li a { padding: 10px; width: 4px; height: 5px; display: block; }
.dots li a:before { content: ''; position: absolute; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.48); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease; -moz-transition: -moz-transform 0.3s ease, background-color 0.3s ease; -ms-transition: -ms-transform 0.3s ease, background-color 0.3s ease; -o-transition: -o-transform 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease; }
.dots li a.active:before { content: ''; background-color: #FFFFFF; width: 14px; height: 14px; margin-top: -4px; left: 7px; background-color: white; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.dots-right { right: 10px; }
.dots-left { left: 10px; }