/*
site default color  #38c7bb
site default color light   #8fe0da
site default bgcolor   #8fe0da
*/

/*----------------------------------------------*/
*:focus,*:active{
    outline: none;
}
a:hover{
  text-decoration:none;
}
/*radio도 check표시로*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
     background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
/* =======================================
// mod base
// =======================================*/
  /*
  주의!!!!!!!!!!!!
  html을  overflow-x: hidden 주면 jQuwey(window).scroll()안듣는다. 
  */
html{height:100%;}
body{  
  height:100%;
  line-height:1.6;
  overflow-x:hidden;
  overflow-y:auto;
  background-color:#fff;
}

body,.form-control,.nav-main-link,.select2-container--default .select2-selection--single .select2-selection__rendered,
label.custom-control-label{
  font-size:.8rem;color:#000;
  font-weight:normal;
}

.dropdown-menu{
   font-size:.8rem;
}
.card{
   border:0;
   border-radius:0;
}
/*-----------------*/
#page-container.page-header-fixed #page-header, #page-container.page-header-glass #page-header{
z-index: 1034 !important;
}
#page-overlay{
z-index: 1032;
}

#sidebar {
z-index: 1033;
top: 0;
width: 240px;
border-right:1px solid #ccc;
}

#sidebar.full {
width: 100%;
}
@media (min-width: 480px){
	#sidebar.full {
	width: 350px;
	}
}

#page-container.sidebar-full #sidebar {
   width:100%;
  border-right:0;
}

#side-overlay {
width: 320px;
}

.content-side{/*simplebar 적용은 padding이 잇으면 기존 스크롤바가보인다*/
  overflow-x:hidden;
  overflow-y:auto;
  padding-top:50px;
  padding-bottom:50px;
  /*height:calc(100% - 70px);*//* - must be surrounded by space!!!! */
}

/*---------------------------------*/
.content-side-in{
   width:100%;
   padding-top:40px;
}

#sidebar.full .content-side-in{
    padding: 0;
    padding-top:20px;
}

.content-side-in_nav{
   width:100%;
   background-color:#f2f2f2;
}
.content-side-in_nav.tr{
   background-color:transparent;
}
.content-side-in .nav-main-link{
  padding-left:10px;
}
#page-container.page-admin .content-side-in{
   padding-left:30px;
}
#page-container.page-admin .nav-top > .container{
   max-width:100%;
}
/*---------------------------------*/

.side-trans-enabled #sidebar {
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.side-trans-enabled #side-overlay {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
  .enable-page-overlay #page-overlay {
    -webkit-transform: translateY(0);
      transform: translateY(0);
    opacity: 1;
	background-color:rgba(0,0,0,.1);
	display:none;
  }
/*---*/

footer h5 {
    font-weight:bold;
    font-size: .95rem;
}
body,.btn,.form-control {
 font-family:'nxbase_en','OpenSans','nxbase_ko','Noto-Sans-ko';
 }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 margin:0;
}
.en{font-family: 'nxbase_en','OpenSans';}

.page_body{
      background-color:transparent;
}
#notice_orient{
background-image:url(../img/base/rotatedevice_p.png);
}

.wrappage-etc,.wrappage-member{
  margin:0 auto;
  width:350px;
  max-width:100%;
}

.wrappage-member p{
  margin-top:10px;
}
.wrappage-nohead{
  width:100%;
  min-height:100%;
}

.btn{
  border-radius:0;
}
.btn-black{
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}
.btn-default{
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}
.btn-site{
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}
.btn-on{
  background-color:#eb7e56;
  border:1px solid #eb7e56;
  color:#000;
}
.btn-on:hover{
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}
.btn:focus,.btn:active,button:focus,button:active {
   outline: none !important;
   box-shadow: none;
}
.btn:hover{
   color:#91c8ff;
}
.closexwin{
  color:#000;font-size:17px;
  background-color:transparent;
}
.closexwin:hover{
}

.sky-tabs.hidetabs > label {
  display:none;
}

.sky-tabs.icontab > label i{
  margin-right:0 !important;
}

.sky-tabs.icontab > label .listicon{
  padding-left:3px;
}
/*
.styletabwrap1 .sky-tabs > label:hover .listtext,.styletabwrap1 .sky-tabs > input:checked + label .listtext {
    color: #fff;
}

.tabcolor__quinary > label:hover,.tabcolor__quinary > input:checked + label {
    background-color: #000;
}
*/

.iwinwrapbox{
  background-color:transparent;/*각 스킨별 winallwrap 로 처리*/
}
.winallwrap{
    background-color:#fff;
}

/* =======================================
// end mod base
// =======================================*/

/* =======================================
// core mod
// =======================================*/



.item{
width:auto;
height:auto;
}

#page-header .content-header{
	padding-left:0;
}

nt-header{
   height:70px;
}

#sidebar-toggle,#sidebar-toggle:hover,#sidebar-toggle:active{
  background-color:transparent;
  outline:none;
  border:none;
}

#page-container.nxlayout1 #sidebar-toggle,#page-container.nxlayout3 #sidebar-toggle{
   display:none;
}
#page-container.nxlayout3.main-content-boxed > #page-header .content-header {
  width:100%;
  max-width:100%;
}

#page-container.page-footer-fixed #page-footer{
   height:70px;
   padding-left:0;
   border-top:1px solid #ccc;
   z-index:1035;
}
#page-container.page-footer-fixed.sidebar-o #page-footer{
  padding-left:0;
}
.bg-page-default{
   background-color:#fff;
}
.bg-footer-default{
   background-color:#ecf6f8;
}
.bg-page-overlay{
   width:100%;height:100%;
   position:fixed;
   background-color:rgba(26,42,65,.5);
}
#page-container.nxlayout3 .bg-page-default{
  background-color:#ecd659;
}

#page-container.page-header-fixed #page-header{
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#page-container.page-footer-fixed #page-footer{
box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.2);
}

#page-container.page-header-dark #page-header {
    color: #cad4e7;
    background-color: #38c7bb;
}
.bg-header-dark {
    background-color: #38c7bb !important;
}
.bg-primary {
    background-color: #38c7bb !important;
}
.bg-primary-darker {
    background-color: #38c7bb !important;
}

#page-container.page-header-glass.page-header-fixed .hero_single .wrapper{ 
  padding-top:70px;
}

#header-brand .content-header a{/*logo*/
	width:100%;
	padding-left:30px;
	padding-right:0;
	padding-top:0;
	text-align:left;
	color:#38c7bb;
	font-weight:bold;
}



#page-container.page-header-glass.page-header-fixed #page-header .nav-main-link,
#page-container.page-header-glass.page-header-fixed #page-header .nav-main-link .nav-main-link-icon {
   color: #fff;
   font-weight:normal;
}

#page-container.page-header-glass.page-header-fixed #page-header .nav-main-link:hover, 
#page-container.page-header-glass.page-header-fixed #page-header .nav-main-link.active{
   color: #fff;
   font-weight:bold;
   background-color:transparent;
}

#page-container.page-header-glass.page-header-fixed #page-header .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
   font-weight:bold;
   color: #fff;
   background-color:transparent;
}

#page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-dark #page-header {
  background-color: #38c7bb;
}
#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header .nav-main-link,
#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header .nav-main-link-icon{
  color: #000;
}


/*---*/

/*---*/
.nav-main-heading {
    color: #000;
	font-size:100%;
}
.sidebar-dark #sidebar .btn-dual.dropdown-toggle {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn,
.sidebar-dark #sidebar .btn {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn-dual:focus, .page-header-dark #page-header .btn-dual.focus,
.sidebar-dark #sidebar .btn-dual:focus,
.sidebar-dark #sidebar .btn-dual.focus {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.page-header-dark #page-header .btn:hover,
.sidebar-dark #sidebar .btn:hover
 {
  color: #000;
  background-color: rgba(0,0,0,.1);
  border-color: rgba(0,0,0,.1);
}
.page-header-dark #page-header .btn-dual:active, .page-header-dark #page-header .btn-dual.active,
.sidebar-dark #sidebar .btn-dual:active,
.sidebar-dark #sidebar .btn-dual.active {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn-dual:not(:disabled):not(.disabled):active, .page-header-dark #page-header .btn-dual:not(:disabled):not(.disabled).active,
.show > .page-header-dark #page-header .btn-dual.dropdown-toggle,
.sidebar-dark #sidebar .btn-dual:not(:disabled):not(.disabled):active,
.sidebar-dark #sidebar .btn-dual:not(:disabled):not(.disabled).active,
.show >
.sidebar-dark #sidebar .btn-dual.dropdown-toggle {
  color: #16181a;
  background-color: transparent;
  border-color: transparent;
}

.btn-dual:not(:disabled):not(.disabled):active, .btn-dual:not(:disabled):not(.disabled).active,
.show > .btn-dual.dropdown-toggle {
  color: #16181a;
  background-color: transparent;
  border-color: transparent;
}

/*---*/
.form-control,.select2-container--default .select2-selection--single,.tagify-input{
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  transition: none;
  border-radius:0;
  border-right:1px solid #fff !important;
  border-left:1px solid #fff !important;

}
.tagify-input{
  height:30px;
  width:100px;
  line-height:30px;
}



.form-control,.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#000;
}





.form-control .dropdown-toggle .sodxb{
   border:3px solid #ebf4fe;
}

label.custom-control-label:before{
  border-color: #ebf4fe;
  background-color: #ebf4fe;
}

.form-control:focus {
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  box-shadow: none;
}

.disabled,.form-control:disabled{
  border-color: #fafafa;
  background-color: #fafafa;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
  border-color: #fafafa;
  background-color: #fafafa;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow{
  display:none;
}
.form-control[readonly]{
  border-color: #f3f9fe;
  background-color: #f3f9fe;
}
.form-control.is-valid {
  border-color: #ebf4fe;
  background-color: #ebf4fe;
}
.wrapview .form-control:disabled{
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  font-weight:bold;
}

.form-control.is-valid:focus {
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  box-shadow: none;
}

.form-control.is-invalid {
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  border-bottom:1px solid #ff0000 !important;
}

.form-control.is-invalid:focus {
  border-color: #ebf4fe;
  background-color: #ebf4fe;
  border-bottom:1px solid #ff0000 !important;
  box-shadow: none;
}
label.custom-control-label:before{
  border-color: #ebf4fe !important;
  background-color: #ebf4fe;
}
.custom-control-default .custom-control-input:checked ~ .custom-control-label::before{
  background-color:#000;
}

/*---*/


/*---*/
.breadcrumb{
  padding:0;
  background-color:transparent;
  margin-bottom:0;
}


/* =======================================
// core mod end
// =======================================*/

/* =======================================
// page, etc.
// =======================================*/
#page-breadcrumb{
   display:none;
}

#page-container.breadcrumb-o #page-breadcrumb{
   display:block;
}


/*list w*/

.fixw_doc{
  width:740px;
}
.fixw_s{
  width:330px;
}
.fixw_m{
  width:680px;
}
.fixw_l{
  width:1200px;
}
nw_doc{
  width:740px;
  max-width:100%;
}
nw_sm{
  width:330px;
  max-width:100%;
}
nw_md{
  width:680px;
  max-width:100%;
}
nw_lg{
  width:1200px;
  max-width:100%;
}
/*end list w*/


/* =======================================
// page, etc. end
// =======================================*/

/* =======================================
// mod site-base
// =======================================*/

.selectsimbol .select2-container .select2-selection--single .select2-selection__rendered,
.selectcenter .select2-container .select2-selection--single .select2-selection__rendered{
   padding-right: 5px; !important;
   text-overflow: clip;
}

.formwrap-bottom .form-control, 
.formwrap-bottom .asColorPicker-input, 
.formwrap-bottom .dataTables_wrapper select, 
.formwrap-bottom .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], 
.formwrap-bottom .jsgrid .jsgrid-table .jsgrid-filter-row select, 
.formwrap-bottom .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], 
.formwrap-bottom .select2-selection, 
.formwrap-bottom .select2-selection .select2-search__field, 
.formwrap-bottom .tt-hint, 
.formwrap-bottom .tt-query, 
.formwrap-bottom .typeahead{

   border-width:0 0 1px 0 !important;
   border-radius:0 !important;
   -webkit-border-radius:0 !important;
}

.formwrap-noboard .form-control, 
.formwrap-noboard .asColorPicker-input, 
.formwrap-noboard .dataTables_wrapper select, 
.formwrap-noboard .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], 
.formwrap-noboard .jsgrid .jsgrid-table .jsgrid-filter-row select, 
.formwrap-noboard .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], 
.formwrap-noboard .select2-selection, 
.formwrap-noboard .select2-selection .select2-search__field, 
.formwrap-noboard .tt-hint, 
.formwrap-noboard .tt-query, 
.formwrap-noboard .typeahead{
   border-width:0 !important;
}

.formwrap-nosearch .select2-search{display:none !important;}

.fixtransparent{
   margin-top:3px;
}
.transparent .select2-selection{
  background-color:transparent;
  font-weight:bold;
}

.select2_bottom_border .select2-selection{
  border-bottom:1px solid #000 !important;
}
.select2_black .select2-selection__arrow{
  background-color:#000;
}
.select2_white .select2-selection__arrow{
  background-color:#fff;
  color:#00b8cc;
}
.select2-dropdown{
    min-width:30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
   color:#666666;
}
.select2-selection__arrow{
 border-radius:0;  
 background-color:transparent;
}
.select2-results__option{
  border-left: 3px solid transparent;
 padding-right:20px;/*rended와 arrow차이맞추기*/
}
.dropdown-item{
   border-left: 3px solid transparent;
   border-radius:0;
}
.text-center .select2-results__option{
  text-align:center !important;
}
.select2-results__option:hover,.select2-results__option[aria-selected=true],.select2-results__option--highlighted[aria-selected],.dropdown-item:hover {
  background-color: rgba(127, 219, 253, .1) !important;
  border-left: 3px solid  rgba(127, 219, 253, 1);
}

#wintotop.totop{
     bottom:45px;
	 right:10px;
	 background-color:#000;
}
#wintotop.totop:hover{
  color:#38c7bb;
}

.nav-item-info{
  margin:1px 0 0 5px;
  cursor:pointer;
  color:#38c7bb;
}
.nav-item-info:hover{
  color:#000;
}
.nav-item-info:before{
  content: "\F184";
  font: normal normal normal 160% "Material Design Icons";
  }
.nav-item-info i{
   font-size:19px;
}

.block-header {
    padding:0 0 0 10px;
}
.block-title {
    font-size: .9rem;
    font-weight: bold;
}
.block-content{
  padding:10px;

}
.box_comment:before {
    color: #38c7bb;
}
.block-content p, .block-content .push, .block-content .block, .block-content .items-push > div{
   margin-bottom:0;
}
.block-content .title-sub{
   margin-top:10px;
   font-weight:bold;
}



/* =======================================
// end mod site-base
// =======================================*/

/* =======================================
// mod gnu
// =======================================*/

/*shop*/
.btn_confirm{
   width:100%;
   text-align:center;
}
.btn_submit{
background-color:#000;
color:#f2f2f2;
width:150px;
margin:o auto;
}

.btn_topgoback{/*head.sub.php*/
  position:fixed;top:10px;left:10px;
  width:25px;height:25px;
  cursor:pointer;
  z-idex:100;
}
.btn_topgoback:before{
    content: "\f137";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#000;
}
.menber-register-partscroll{
font-size:0.7rem;
   height:200px;
   overflow-x:hidden;
   overflow-y:scroll;
}
#agreebox ul li {
    margin-bottom: 5px !important;
}
/* =======================================
// end mod gnu
// =======================================*/

/* =======================================
// adds
// =======================================*/
/*--------------------------*/
.nxpage-wrap{
   margin:0 auto;
   width:100%;height:100%;
}
.mainbox_s1_top{
width:100%;
vertical-align:middle;
padding:5px 0 5px 0;
display:inline-block;
}

.mainbox_s1_top .showcount{
  padding-top:12px;
  margin-right:5px;
  min-width:40px;
}
.mainbox_s1_top .showcount:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 7px;
	padding-right:5px;vertical-align:middle;
}

.mainbox_s1_bottom{
width:100%;line-height:20px;margin-top:10px;padding:5px;overflow:hidden;
}
.mainbox_s1_border{
 border:1px solid rgba(104, 184, 255,.3);
}
.mainbox_s1_list{
margin:0;padding:0;
}
.mainbox_s1_scroll{
width:100%;min-height:300px;overflow:auto;/* -1px scroll  head*/
padding:0;margin:0;
border-top:1px solid #ccc;/* scroll 되면 위에 좀 보인다*/
}

/*-body--*/
.pagewrapinc{
   width:100%;height:100%;
}
.pagewrapinc_title{
   width:100%;
   margin:0 auto;
   text-align:center;
}
.pagewrapinc_body{
   width:100%;
   margin:0 auto;
   min-height:calc(100vh - 300px);
}

table.s1_table {
  border-top:0;/* scroll 되면 위에 좀 보인다*/
}
table.qlabs_grid_container tbody.data_container tr td.data_cell, table.qlabs_grid_container tbody.data_container tr td.data_cell
{
  height:35px;
}
table.qlabs_grid_container.explain tbody.data_container tr td.data_cell, table.qlabs_grid_container.explain tbody.data_container tr td.data_cell
{
  height:30px;
}
/*위 data_cell cell-tool  padding  에 맞춰 top btn좌우여백준다*/
table.qlabs_grid_container tbody.data_container tr td.tool_cell{
   padding-right:0;
}
.mainbox_s1_top .btn.float-left{
   margin-left:6px;
}
.mainbox_s1_top .btn.float-right{
   margin-left:6px;
}

.listimg{
  width:50px;
  height:50px;
  line-height:50px;
  background-position:center center;
  background-size:cover;
   border-radius: 5px;
   position:relative;
}
.listimg:before {
    content: '';
    position: absolute;
    height: 10%;
    width: 90%;
    left: 5%;
    bottom: 0;
    background: inherit;
    background-position-y: 100%;
    filter: blur(10px);
}
.list-group-item-order{
   width:20px;height:20px;
   
}
.listimgtw{
  width:50px;
}
.listimg.icon:before{
    content: "\f001";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#ccc;
}
/*--map--*/
.map-info-wrap{
   width:100%;
   height:350px;
   min-height:350px;
}
.map-info-win .place-icon{
 width:16px;
 height:16px;
}
.map-info-win .place-name{
 font-weight: bold;
}
.map-info-win .place-address{
 width:16px;
 height:16px;
}

.map-info-win {
display: none;
}
.map-info-main{
   width:100%;
   height:100%;
}
.map-info-main .map-info-win {
display: inline;
}
/*----*/

.subheader_row td{
   vertical-align:middle;
}
/* =======================================
// end adds
// =======================================*/



/*-----------------*/
/*-----------------*/
/*-----------------*/
@media (min-width: 992px){
    #page-container.page-header-fixed.sidebar-o #page-header, #page-container.page-header-glass.sidebar-o #page-header {
       padding-left:0;
	}

	#page-container.side-scroll #sidebar .content-header, #page-container.side-scroll #sidebar .content-side{
		width: 240px !important;
	}
    #page-container.sidebar-o .sidebar-o-gap {/*center title*/
       margin-left:120px;
	}
    #page-container.sidebar-o .sidebar-o-gap.loading_pin {/*center title*/
       margin-left:95px;/*240/2 - 50/2*/
	}
	
}

@media (min-width: 1200px){
	#page-container.main-content-narrow > #page-header .content-header{
		max-width: 100%;
	}
}

@media (min-width: 768px){
	.content {
		padding: 0.875rem 0.875rem 1px;
	}
}

@media (min-width: 992px) {

}
@media (max-width: 1200px) {
	#header-brand .content-header a{
	  padding-left:30px;
     }
}

@media (max-width: 991.98px) {
	#page-container.nxlayout1 #sidebar-toggle,#page-container.nxlayout3 #sidebar-toggle{
	   display:block;
	}

	#page-container.page-header-glass.page-header-fixed #page-header {
	  background-color: #fff;
	}
	#page-container.page-header-glass.page-header-fixed.page-header-dark #page-header {
	  background-color: #38c7bb;
	}
}



@media (max-width: 575.98px){
	footer .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.content {
		padding: 0.4rem 0.4rem 1px;
	}
	.pagewrapinc_body{
	   width:100%;
	   margin:0 auto;
	   min-height:calc(100vh - 100px);
	}

}
/*-----------------*/
/*-----------------*/
/*-----------------*/