/* ------------------------------------------
 * 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 JP';*/
/*	font-style:thin;*/
/*	font-weight:100;*/
/*	src:url('/assets/fonts/NotoSansCJKjp-Thin.eot');*/
/*	src:url('/assets/fonts/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'),*/
/*	url('/assets/fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),*/
/*	url('/assets/fonts/NotoSansCJKjp-Thin.woff') format('woff'),*/
/*	url('/assets/fonts/NotoSansCJKjp-Thin.ttf') format('truetype');*/
/*}*/

/* ------------------------------------------------------------------------------------------------
Core:General style
-------------------------------------------------------------------------------------------------*/
* { box-sizing: border-box; }
html, body { font-family:'Noto Sans KR', sans-serif; width:100%; background:#000; font-size:10px !important; color:#fff; -webkit-font-smoothing:antialiased;  overflow-x:hidden; -webkit-overflow-scrolling:touch; /* word-wrap:break-word; word-break:keep-all; */ }

.wrapper { margin:0 0; padding:0; height:100vh; min-height:calc(100vh - 66px); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; word-break:break-all; }
.wrapper:before, .wrapper:after { display:table; content:" "; }
.wrapper:after { clear:both; }
.wrapper.toggled { padding-left:320px; }

.leftWrap { z-index:1000; position:absolute; top:66px; left:320px; width:0; height:100%; margin-left:-320px; overflow-y:auto; background:#000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.wrapper.toggled .leftWrap { width:320px; }


.contentWrap { width:100%; position:absolute; padding:10px; min-height:100vh; }
.wrapper.toggled .contentWrap { position:absolute; margin-right:-320px; }

@media(min-width:991px) {
    .wrapper { padding-left:320px; }
    .wrapper.toggled { padding-left:0; }
    .leftWrap { width:320px; }
    .wrapper.toggled .leftWrap { width:0; }
    .contentWrap { padding:10px; position:relative; }
    .wrapper.toggled .contentWrap { position:relative; margin-right:0; }
}


section { position:relative; margin:0 0; padding:3rem 0; background-color:#F9F9F9; overflow:hidden; }
article { position:relative; margin: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:#fff; }
a:hover, a:active, a:focus { outline:none; text-decoration:none; color:#ffb600; }

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; }

/* ------------------------------------------------------------------------------------------------------------
    Header : atop.php
------------------------------------------------------------------------------------------------------------ */
header.navbar { display: flex; justify-content: space-between; align-items: center; position: relative; margin:0; padding:5px 12px; min-height: 66px; background: url(../assets/images/patterns01.png) repeat; box-shadow: none; border: none; border-bottom: 1px solid #c4c4c4; border-radius: 0; }
.navbarHeader { font-size: 2.4rem; color:#3f3f3f; }
.navbarHeader a { color:#3f3f3f; }
.navbarMenu { display: flex; list-style: none; padding-left:0; flex-basis: 60%; }
.navbarMenu li { padding: 8px 12px; }
.navbarMenu li a { position: relative; background-color:#e0e0e0; color:#3f3f3f; font-size:1.2rem;
    float: none; line-height: 18px; padding: 8px 10px; background-image: linear-gradient(to bottom, #fafafa 0%, #dcdcdc 100%); background-repeat: repeat-x; box-shadow: inset 0 0 1px white; -ms-box-shadow: inset 0 0 1px #fff; border: 1px solid; border-color: #CCC #CCC #AAA; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-text-shadow: 0 1px 0 white; -moz-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdcdcdc', GradientType=0); transition: all; transition-duration: 0.4s; }

.navbarMenu li a:hover { color: #3f3f3f; background-image: linear-gradient(to bottom, #e8e8e8 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff9f9f9', GradientType=0); text-decoration: none; border-color: #aaaaaa #aaaaaa #999999; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px #ffffff inset; }
.navbarIcon { display: flex; list-style: none; color:#fff; padding-left:0; }
.navbarIcon li { padding: 8px 12px; }
.navbarIcon li a { position: relative; background-color:#e0e0e0; color:#3f3f3f; font-size:1.2rem;
    float: none; line-height: 18px; padding: 8px 10px; background-image: linear-gradient(to bottom, #fafafa 0%, #dcdcdc 100%); background-repeat: repeat-x; box-shadow: inset 0 0 1px white; -ms-box-shadow: inset 0 0 1px #fff; border: 1px solid; border-color: #CCC #CCC #AAA; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-text-shadow: 0 1px 0 white; -moz-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdcdcdc', GradientType=0); transition: all; transition-duration: 0.4s; }
.navbanavbarIconrMenu li a:hover { color: #3f3f3f; background-image: linear-gradient(to bottom, #e8e8e8 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff9f9f9', GradientType=0); text-decoration: none; border-color: #aaaaaa #aaaaaa #999999; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px #ffffff inset; }
.navbarIcon li a.avatar { padding:8px 12px 8px 44px; }
.navbarIcon li a.avatar .image { position: absolute; top:1px; left:1px; width: 32px; height: 32px; }

@media screen and (max-width: 1200px){
    .navbarMenu { flex-basis: auto; }
}
@media screen and (max-width: 993px){
    .navbar .txt { display:none; }
}
@media screen and (max-width: 768px){
    .navbar { flex-direction: column; align-items: flex-start; }
    .navbarMenu { flex-direction: column; align-items: center; width:100%; display: none; }
    .navbarMenu li { width:100%; text-align: center; padding:8px 24px; }
    .navbarIcon { justify-content: center; width:100%; display: none; }
    .navbarMenu.active, .navbarIcon.active { display: flex; }
}

/* ------------------------------------------------------------------------------------------------------------
    lestsidemenu : alnb.php
------------------------------------------------------------------------------------------------------------ */

/* Toggle Styles */
.leftSidebar { position:absolute; bottom:0; top:0; left:0; width:320px; height:100%; min-height:100vh; margin:0; padding:0; border:1px solid #e5e5e5; background-color:#000; }
.leftSidebar .nano-pane { background:rgba(255, 255, 255, 0); font-size:15px; }
.leftSidebar .gw-nav-list { border-right:1px solid #CCC; }
.leftSidebar .gw-nav-list li a { padding-left:20px; }

.gw-nav-list { margin:0; padding:0; list-style:none }
.gw-nav-list>li:first-child { border-top:0; }
.gw-nav-list>li { display:block; padding:0; margin:0; border:0; border-top:1px solid #fcfcfc; border-bottom:1px solid #e5e5e5; position:relative; text-decoration:none; }

@-webkit-keyframes arrow-slide {  0% { } 100% { -webkit-transform:rotate(225deg); z-index:3 } }
@-webkit-keyframes arrow-slide1 {  0% { } 100% { -webkit-transform:rotate(225deg); z-index:3 } }

.gw-nav-list>li.arrow-down:after { content:''; width:7px; height:7px; position:absolute; right:10px; top:15px; border-top:1px solid #bababa; border-left:1px solid #bababa; -webkit-transform:rotate(45deg); -webkit-animation:arrow-slide .5s 0s ease both; }
.gw-nav-list>li.init-arrow-down:after { content:''; width:7px; height:7px; position:absolute; right:10px; top:15px; border-right:1px solid #bababa; border-bottom:1px solid #bababa; -webkit-transform:rotate(45deg); }
.gw-nav-list>li.arrow-up:after { content:''; width:7px; height:7px; position:absolute; right:10px; top:15px; border-right:1px solid #bababa; border-bottom:1px solid #bababa; -webkit-transform:rotate(45deg); -webkit-animation:arrow-slide1 .5s 0s ease both; }
.gw-nav-list>li.init-arrow-up:after { content:''; width:7px; height:7px; position:absolute; right:10px; top:15px; border-top:1px solid #bababa; border-left:1px solid #bababa; -webkit-transform:rotate(45deg); }
.gw-nav-list>li.active { background-color:#fff; }
.gw-nav-list>li>a { display:block; height:38px; line-height:36px; padding:0 16px 0 7px; background-color:#000; color:#fff; text-shadow:none!important; font-size:13px; text-decoration:none; }
.gw-open > a { outline:0; }
.gw-nav-list>li.gw-open { border-bottom-color:#e5e5e5 }
.gw-nav-list>li.gw-open>a { background-color:#fafafa; color:#1963aa }
.gw-nav-list .gw-open>a, .gw-nav-list .gw-open>a:hover, .gw-nav-list .gw-open>a:focus { background-color:#fafafa }
.gw-nav .gw-open > a, .gw-nav .gw-open > a:hover, .gw-nav .gw-open > a:focus { background-color:#eee; border-color:#428bca; }
.gw-nav-list>li.active>a, .gw-nav-list>li.active>a:hover, .gw-nav-list>li.active>a:focus, .gw-nav-list>li.active>a:active { background-color:#fff; color:#a181f8; font-weight:bold; font-size:13px; }
.gw-nav-list>li>a, .gw-nav-list .gw-nav-header { margin:0 } .gw-nav-list>li.active>a>[class*="icon-"] { font-weight:normal }
.gw-nav-list>li.active>a:hover:before { display:none }
.gw-nav-list>li.active:before { display:inline-block; content:""; position:absolute; right:-1px; top:-1px; bottom:0; z-index:1; border:2px solid #a181f8; }
.gw-nav-list li.gw-open>a:after { display:none }
.gw-nav-list>li a>.gw-arrow { display:inline-block; width:20px !important; height:20px; line-height:14px; text-shadow:none; font-size:18px; position:absolute; right:5px; top:10px; padding:0; color:#666 }
.gw-nav-list>li a:hover>.gw-arrow, .gw-nav-list>li.active>a>.gw-arrow, .gw-nav-list>li.gw-open>a>.gw-arrow { color:#1963aa }
.gw-nav-list>li>a>[class*="icon-"]:first-child { display:inline-block; vertical-align:middle; min-width:30px; text-align:center; font-size:18px; font-weight:normal; margin-right:2px }
.gw-nav-list>li.active .gw-submenu { display:block -webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.13); -moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.13); box-shadow:inset 0px 0px 5px rgba(0,0,0,0.13); }
.gw-nav-list>li .gw-submenu { font-size:13px; display:none; list-style:none; margin:0; padding:0; position:relative; background-color:#fff; border-top:1px solid #e5e5e5; }
.gw-nav-list>li .gw-submenu>li { margin-left:0; position:relative }
.gw-nav-list>li .gw-submenu>li>a { display:block; position:relative; color:#616161; padding:7px 0 9px 43px; margin:0; border-top:1px dotted #e4e4e4; font-size:14px; text-decoration:none; }
.gw-nav-list>li .gw-submenu>li>a:focus { text-decoration:none }
.gw-nav-list>li .gw-submenu>li>a:hover { text-decoration:none; color:#dd4814; background-color:rgba(25,25,50,0.1); }
.gw-nav-list>li .gw-submenu>li.active:after { display:inline-block; content:""; position:absolute; right:-1px; top:-1px; bottom:0; z-index:1; border:2px solid #dd4814; }
.gw-nav-list>li .gw-submenu>li.active>a { color:#dd4814 }
.gw-nav-list>li .gw-submenu>li a>[class*="icon-"]:first-child { display:none; font-size:12px; font-weight:normal; width:18px; height:auto; line-height:12px; text-align:center; position:absolute; left:10px; top:11px; z-index:1; background-color:#FFF }
.gw-nav-list>li .gw-submenu>li.active>a>[class*="icon-"]:first-child, .gw-nav-list>li .gw-submenu>li:hover>a>[class*="icon-"]:first-child { display:inline-block }
.gw-nav-list>li .gw-submenu>li.active>a>[class*="icon-"]:first-child { color:#c86139 }
.gw-nav-list>li>.gw-submenu>li:first-child>a { border-top:0px; }
.gw-nav-list li .gw-submenu { overflow:hidden }
.gw-nav-list li.active.gw-open>.gw-submenu>li.active.gw-open>a.dropdown-toggle:after { display:none }
.gw-nav-list li.active>.gw-submenu>li.active>a:after { display:none }
.gw-nav-list li.active.gw-open>.gw-submenu>li.active>a:after { display:block }
.gw-nav-tabs li[class*=" icon-"], .nav-tabs li[class^="icon-"] { width:1.25em; display:inline-block; text-align:center }