/* ------------------------------------------
 * Atlas v2.1
 * Author:swkim@atlassoft.co.kr
------------------------------------------ */
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);*/

@font-face{
    font-family:'Noto Sans KR';
    font-style:thin;
    font-weight:100;
    src:url('../assets/fonts/NotoSansCJKkr-Thin.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Thin.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Thin.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Thin.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-weight:200;
    src:url('../assets/fonts/NotoSansCJKkr-DemiLight.eot');
    src:url('../assets/fonts/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-DemiLight.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-DemiLight.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-DemiLight.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:light;
    font-weight:300;
    src:url('../assets/fonts/NotoSansCJKkr-Light.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Light.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Light.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Light.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url('../assets/fonts/NotoSansCJKkr-Regular.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Regular.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Regular.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-weight:500;
    src:url('../assets/fonts/NotoSansCJKkr-Medium.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Medium.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Medium.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Medium.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:bold;
    font-weight:700;
    src:url('../assets/fonts/NotoSansCJKkr-Bold.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Bold.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Bold.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Bold.ttf') format('truetype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:black;
    font-weight:900;
    src:url('../assets/fonts/NotoSansCJKkr-Black.eot');
    src:url('../assets/fonts/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/NotoSansCJKkr-Black.woff2') format('woff2'),
    url('../assets/fonts/NotoSansCJKkr-Black.woff') format('woff'),
    url('../assets/fonts/NotoSansCJKkr-Black.ttf') format('truetype');
}

@font-face{
    font-family:'Blacksword';
    font-style:normal;
    font-weight:500;
    src:url('/assets/fonts/Blacksword.eot');
    src:url('/assets/fonts/Blacksword.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Blacksword.woff2') format('woff2'),
    url('/assets/fonts/Blacksword.woff') format('woff'),
    url('/assets/fonts/Blacksword.ttf') format('truetype');
}
@font-face{
    font-family:'NanumPenScript';
    font-style:normal;
    font-weight:500;
    src:url('/assets/fonts/NanumPenScript.eot');
    src:url('/assets/fonts/NanumPenScript.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NanumPenScript.woff2') format('woff2'),
    url('/assets/fonts/NanumPenScript.woff') format('woff'),
    url('/assets/fonts/NanumPenScript.ttf') format('truetype');
}

/* ------------------------------------------------------------------------------------------------
Core:General style
-------------------------------------------------------------------------------------------------*/
* { box-sizing: border-box; }
::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); }
::-webkit-scrollbar-thumb { background: #a181f8; border-radius: 1px; }

html, body { font-family:'Noto Sans KR', sans-serif; width:100%; height:100%; margin:0; padding:0; background:#fff; 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:100%; 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; background:#000; }
.wrapper:before, .wrapper:after { display:table; content:" "; }
.wrapper:after { clear:both; }

.wrapper::-webkit-scrollbar-thumb { background:#000; }
.wrapper::-webkit-scrollbar-track { background:#000; }


section { position:relative; margin:0 0; padding:3rem 0; background-color:#F9F9F9; overflow:hidden; }
article { position:relative; margin:0 0; padding:0 0; }

.container { position:relative; width:1180px; padding:0 1rem; margin:0 auto; }

@media screen and (max-width:1200px) {
    .container { position: relative; width: 100%; padding: 0 1rem; margin: 0 auto; }
}

a { text-decoration: none; color:#545454; cursor: pointer; }
a:hover, a:active, a:focus { outline:none; text-decoration:none; color: /* #a181f8; */ #fff; }

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; }
.fleft { float:left; }
.fright { float:right; }
.img-responsive { width:100% !important; }
.center { text-align:center; }

/* ------------------------------------------------------------------------------------------------
Core - Base
-------------------------------------------------------------------------------------------------*/
.onepage-container { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; }
.onepage-container .onepage-element { position: absolute; left: 0; width: 100%; height: 100%; }
.onepage-pagination { position: absolute; right: 10px; top: 50%; z-index: 5; }
.onepage-pagination a { position: relative; display: block; padding: 10px; width:0.6rem; height:0.6rem; }
.onepage-pagination .text-title { position: absolute; top: 4px; right: 26px; padding-right: 5px; color: rgba(0, 0, 0, 0.56); line-height: 1; font-size: 14px; font-family: "Lucida Grande", "Helvetica Neue", sans-serif; opacity: 0;
    -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.onepage-pagination a:hover .text-title { opacity: 1; }
.onepage-pagination a:before { display:block; width:0.6rem; height:0.6rem; content: ''; background: rgba(255, 255, 255, 0.6); border-radius: 50%; box-shadow: 0 0 1px rgba(222, 222, 222, 0.8);
    -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; }
.onepage-pagination a.active:before { width:1.5rem; height:1.5rem; background: transparent; border: 2px solid rgba(255, 255, 255, 0.75); margin-top:-0.7rem; margin-left:-0.7rem; }


/* ------------------------------------------------------------------------------------------------------------
    Button
------------------------------------------------------------------------------------------------------------ */
.buttonSample { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding:1rem; }
.buttonItem { flex:1 1 50%; max-width:48%; margin:6rem 0 0; padding:1.0rem 0.5rem; border-bottom:1px solid #545454; background:#fff; }
.buttonItem .sampleTitle h1 { color:#000; }

.btn { display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid #d9d9d9; white-space:nowrap; padding:0.6rem 1.2rem; font-size:1.2rem; line-height:1.42857143; border-radius:2px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 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%); }
.btn:active, .btn.active { box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); background-image:none; }
.btn:focus { outline:none !important; }
.btn > i { margin-left:0; }
.btn > i[class*=" minia-icon-"], .btn > i i[class*=" entypo-icon-"], .btn > i i[class*=" cut-icon-"] { margin-top:0; }

.btnXs { padding:0.1rem 0.5rem; font-size:1.2rem; line-height: 1.5; border-radius: 1px; }
.btnSm { padding:0.4rem 0.8rem; font-size:1.2rem; line-height: 1.5; border-radius: 1px; }
.btnMd { padding:0.6rem 1.2rem; font-size:1.2rem; line-height: 1.5; border-radius: 1px; }
.btnLg { padding:1.0rem 1.7rem; font-size:1.6rem; line-height: 1.5; border-radius: 1px; }
.btnXl { padding:1.2rem 2.3rem; font-size:1.2rem; line-height: 1.5; border-radius: 1px; }


.btnAtlas { color:#fff; background-color:#ff7979; border-color:#ff7979; }

.btn.btnAtlas { /* background-image:linear-gradient(to bottom, #ffffff 0%, #ff7979 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff797979', GradientType=0); text-shadow:0 1px 0 #fff; */ border-color:#ff7979; border-radius: 10px; }
.btn.btnAtlas:hover, .btn.btnAtlas:focus { background-color:#ff7979; background-position:0 -100px; font-weight:700; }
.btn.btnAtlas:active, .btn.btnAtlas.active { background-color:#ff7979; border-color:#ff7979; }


.btn.btnDefault { background-image:linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); text-shadow:0 1px 0 #fff; border-color:#ccc; }
.btn.btnDefault:hover, .btn.btnDefault:focus { background-color:#e0e0e0; background-position:0 -15px; }
.btn.btnDefault:active, .btn.btnDefault.active { background-color:#e0e0e0; border-color:#dbdbdb; }

.btn.btnPrimary { background-image:linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); border-color:#2b669a; color:#fff; }
.btn.btnPrimary:hover, .btn.btnPrimary:focus { background-color:#2d6ca2; background-position:0 -15px; }
.btn.btnPrimary:active, .btn.btnPrimary.active { background-color:#2d6ca2; border-color:#2b669a; }
.btn.btnPrimary i { color:#ffffff; }

.btn.btnSuccess { background-image:linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); border-color:#3e8f3e; color:#fff; }
.btn.btnSuccess:hover, .btn.btnSuccess:focus { background-color:#419641; background-position:0 -15px; }
.btn.btnSuccess:active, .btn.btnSuccess.active { background-color:#419641; border-color:#3e8f3e; }
.btn.btnSuccess i { color:#ffffff; }

.btn.btnWarning { background-image:linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); border-color:#e38d13; color:#fff; }
.btn.btnWarning:hover, .btn.btnWarning:focus { background-color:#eb9316; background-position:0 -15px; }
.btn.btnWarning:active, .btn.btnWarning.active { background-color:#eb9316; border-color:#e38d13; }
.btn.btnWarning i { color:#ffffff; }

.btn.btnDanger { background-image:linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); border-color:#b92c28; color:#fff; }
.btn.btnDanger:hover, .btn.btnDanger:focus { background-color:#c12e2a; background-position:0 -15px; }
.btn.btnDanger:active, .btn.btnDanger.active { background-color:#c12e2a; border-color:#b92c28; }
.btn.btnDanger i { color:#ffffff; }

.btn.btnInfo { background-image:linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); border-color:#28a4c9; color:#fff; }
.btn.btnInfo:hover, .btn.btnInfo:focus { background-color:#2aabd2; background-position:0 -15px; }
.btn.btnInfo:active, .btn.btnInfo.active { background-color:#2aabd2; border-color:#28a4c9; }
.btn.btnInfo i { color:#ffffff; }

.blockBtn a { width:100%; margin:0 0 0.5rem; }

.btn.btn-link { box-shadow:none; text-shadow:none; }
.btn.btnRound { width:4.0rem; height:4.0rem; text-align:center; padding:1.0rem 0; border-radius:50%; font-size:1.2rem; }
.btn.btnRound.btnXs { width:2.2rem; height:2.2rem; padding:0.1rem; font-size:1.2rem; }
.btn.btnRound.btnSm { width:3.0rem; height:3.0rem; padding:0.4rem; font-size:1.3rem; }
.btn.btnRound.btnMd { width:3.5rem; height:3.5rem; padding:0.6rem; font-size:1.5rem; }
.btn.btnRound.btnLg { width:4.5rem; height:4.5rem; padding:0.9rem; font-size:1.7rem; }
.btn.btnRound.btnXl { width:5.0rem; height:5.0rem; padding:1.0rem; font-size:2.0rem; }
.btn.btnRound.btnLg i { margin-top:4px; margin-left:5px; }