/*
site default color  #38c7bb
site default color light   #8fe0da
site default bgcolor   #8fe0da
#d0e6fd / #f8f8f8
*/
/*--////////////////////////////////////////--*/
#main-container{
 -webkit-overflow-scrolling: touch;
}
#mgrid_wrap{
  margin:0 auto;
}

/*---*/
#nxpage_main_ind{
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  padding-top:59px;
  padding-bottom:120px;
  background-color:#fff;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:1035;/*main head보다높게*/
  -webkit-overflow-scrolling: touch;
  display:none;
}
.fake_bordertop{
  border-top:50px solid #f2f2f2;
}
/*---*/



.dropdown-menu,
.select2-dropdown,
.datepick-popup,
.ui-timepicker-wrapper{
  background-color:#fff;
  /*
  border: 1px solid rgba(127, 219, 253, 1);
  border-width:3px  0 0 0;
  */
  border-radius:0;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}


body.nxstyle1 .dropdown-menu,
body.nxstyle1 .select2-dropdown,
body.nxstyle1 .datepick-popup,
body.nxstyle1 .ui-timepicker-wrapper{
  background-color:#fff;
  border: 1px solid #000;
  border-radius:0;
	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
}

.dropdown-menu,
.select2-dropdown{
	padding-bottom:30px;


}



.shadow1{
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}


.datepick a.datepick-disabled {
	color: #888;
	cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}


.select2-results__option,.ui-timepicker-list li{
   height:40px !important;
  line-height:40px !important;
  font-weight:bold;
  border:1px solid #ddd;
  margin:2px;
  color: #000;
}

.dropdown-item{
   border-left: 3px solid #f2f2f2;
   border-radius:0;
   height:40px !important;
  line-height:40px !important;
  font-weight:bold;
}
.text-center .select2-results__option{
  text-align:center !important;
}
.select2-results__option[aria-selected=true],
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover
{
  background-color: #e1effe !important;
  border-color:#7fdbfd;
  color:#000;
}
.select2-results__option--highlighted[aria-selected],
.dropdown-item:hover {
  background-color: rgba(127, 219, 253, .05);
}


/*--////////////////////////////////////////--*/
.img_404{
  background: url(img/404_g1.gif) no-repeat;
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
  }
/*-----------------------------------------*/
html,body{
   width:100vw;
   height:100vh;
   min-height:100vh;
   overflow:hidden;
}
body{
  background-attachment: fixed;
  background-position:center center;
  background-repeat:no-repeat;
  background-size: cover;
  /*
  -webkit-transition: background-image 2s;
  transition: background-image 2s;
  */
}
body.ispc .show-mobile{
     display:none;
}
body.ispc .show-mobile{
     display:none;
}
#main-container{/*ios flicker로 로드후 touchscroll 더해준다!!*/
  width:100%;
}
.touchscroll{
  -webkit-overflow-scrolling: touch;

}

select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right:20px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgba(0,0,0,1)'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
}

#ui-datepicker-div{
left:50% !important;top:50% !important;margin-left:-110px !important;margin-top:-215px !important;
position:fixed !important;
z-index:1110 !important;
border:5px solid #000;
}
/*-----------------------------------------*/
.inside_hide .pagewrapinc_title{
   display:none;
}
/*-----------------------------------------*/
.winwrap{
background-color:#fff;
}
.winbar_top,.winbar_bottom{
   height:50px;line-height:50px;
   background-color:#fff;
   color:#000;
   font-weight:bold;
}


.winbar_bottom{
   height:50px;
   line-height:50px;
}

body.nxmodeapp1 #page-container.app_footshow .pageskin .winbar_bottom{
  bottom:55px;

}

.winbodywrap{
    width: 100%;
    margin: 10px auto;
    height: calc(100% - 20px);
    padding: 40px 10px 50px 10px;
	text-align:left;   
	overflow-x:hidden;
    overflow-y:auto;
}

.mgrid_main.pageskin{
    padding-left:0 !important;
	padding-right:0 !important;
	min-width:100% !important;
}

.mgrid_main.pageskin .winbodywrap{
/*skin page*/
    margin:0;
    padding: 30px 10px 90px 10px;
	height: 100vh;
}


.winbar_bottom .btn{
    min-width:150px;
}

.btn_winbar_bottom,.winbar_bottom .btn{
    width:100%;
   height:50px !important;
   line-height:50px !important;
}
.btn_winbar_bottom,.winbar_bottom .btn:first-child{
   margin-left:0 !important;
}
.btn_winbar_bottom,.winbar_bottom .btn:last-child{
   margin-right:0 !important;
}
/*-----------------------------------------*/
 .hidelabel > label{
   display:none;
 }
 label:not(.custom-control-label).required{
   background-position:2px top !important;
   padding-top:4px;
 }
 label.required + input.required{
    background-image:none !important;
 }
 label.custom-control-label.required{
   background-position: 2px -1px !important;
 }


 .label-notop label{
   margin-top:0 !important;
 }

/*-----------------------------------------*/
.viewonview,.viewonedit{
  display:none;
}

/*-----------------------------------------*/
body.:not(.ispc) #tmpfix_container{
  padding-left:0px !important;
  padding-right:0px !important;
}

body:not(.ispc){
    background-color:#fff;
}
body.fixcssmobile #main_bot_ban{
display:none;
}
body.fixcssmobile #top_tgggle_btn{
   padding-top:4px;
}
#pageheader__maingroup{
position:relative; 
}

#pagefooter__maingroup{
  z-index:100;
}

.pagew_default{
   width:1200px;
   margin:0 auto;
   max-width:100%;
}
/*for IE*/
li.dnavli{
  display:inline-block;
}


body.fixcssmobile .dnavbox::-webkit-scrollbar{
	max-width: 0px;
	max-height: 0px;
}
body.fixcssmobile .dnavbox::-webkit-scrollbar-thumb{
background-color:transparent !important;
}
/*-----------------*/


.nxicon-nav{
  width:30px;
  height:50px;
}
.nxicon-nav > i{
  font-size:18px;
}

.nxicon-nav-left{
    background-image:url(img/site-nav-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 25px;
}
.nxicon-nav-right{
    background-image:url(img/site-nav-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 25px;
}
.nxicon-nav-search{
    background-image:url(img/site-nav-search.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 25px;
}
.nxicon-nav-filter{
    background-image:url(img/site-nav-filter.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 25px;
}
.nxicon-nav-calendar{
    background-image:url(img/site-nav-calendar.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 30px;
}
.nxicon-nav-delete:after{
   content: "\f156";
   font: normal normal normal 120% "Material Design Icons";
   z-index:9;
   position:absolute;
   right:0;
   top:7px;
   font-weight:bold;
}
.nxicon-nav2{
  width:30px;
  height:30px;
  margin-top:5px;
  margin-right:10px;
}
.nxicon-nav2.nxicon-nav-filter,
.nxicon-nav2.nxicon-nav-calendar{
    background-size: auto 15px;
}


/*------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
.sky-tabs.hidelabel > .sky-tab-label{
  display:none;
}
#nxpagewrap_flat{
   opacity:1;
}
body.fixcssmobile .os-scrollbar{
   display:none;
}
body.fixcssmobile  .nxscroll_s.top{
  padding-top:0;
}

/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
body.fixcssmobile,
body.fixcssmobile .form-control,
body.fixcssmobile .nav-main-link,
body.fixcssmobile .select2-container--default .select2-selection--single .select2-selection__rendered,
body.fixcssmobile .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.fixcssmobile label.custom-control-label,
body.fixcssmobile .dropdown-menu{
  font-size:1rem !important;
}
body.fixcssmobile .btn,body.fixcssmobile .btnx{
    font-size:0.9rem !important;
}
body.fixcssmobile label{
   font-size:0.85rem !important;
}
body.fixcssmobile .form-control.logintext{
   font-size:1.6rem !important;
}
/*-----------------------------------------*/
body,
.form-control,
.nav-main-link,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
label.custom-control-label{
  font-size:.85rem;color:#000;
  font-weight:normal;
}
.dropdown-menu{
   font-size:.8rem;
}
.form-control.logintext{
   font-size:130%;
}
/*----------------------------------------------*/
table .btn,table btnx{
   height:30px;
   line-height:30px;
}
.form-ind{
   margin-top:20px;
   position:relative;
}

/*----------------------------------------------*/
body,.btn,.form-control {
 font-family:'nxbase_en','OpenSans','nxbase_ko','Noto-Sans-ko';
 }
.en{font-family: 'nxbase_en','OpenSans';}
/*----------------------------------------------*/
*:focus,*:active{
    outline: none;
}
a:hover{
  text-decoration:none;
}
/*----------------------------------------------*/

/*radio도 check표시로*/
.custom-radio .custom-control-label::after,
.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;
}


.card{
   border:0;
   border-radius:0;
}
/*-----------------*/
#page-container.page-header-fixed .page-header, #page-container.page-header-glass .page-header{
z-index: 1034 !important;
}
body.fixcssmobile .page-header {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
#page-overlay{
z-index: 1032;
}

#sidebar {
z-index: 1033;
top: 0;
width: 240px;
height:100vh;
overflow:hidden;
}

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

#side-overlay {
width: 320px;
}
#sidebar .main_title_2{
    margin: 50px auto 0 auto;
    width: 210px;
}


.content-side{/*simplebar 적용은 padding이 잇으면 기존 스크롤바가보인다*/
  overflow-x:hidden;
  overflow-y:auto;
  padding:15px;
  padding-bottom:100px;
  height:calc(100vh - 100px);
}

/*---------------------------------*/
.content-side-in{
   width:100%;
   padding: 0;
}


.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%;
}
*/
.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;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 margin:0;
}


.page_body{
      background-color:transparent;
}

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

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

.btn{
  border-radius:0;
  font-weight:bold;
  font-size:95%;
}
.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-gray{
  background-color:#9b9b9b;
  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;
}
body:not(.fixcssmobile) .btn:hover{
   color:#91c8ff;
}
.fix-btnB{
  position:fixed;bottom:0;right:0;
}
.exebtnwrap{
   width:100%;
   min-height:50px;
   margin-top:50px;
   display:flex;
   -ms-flex-flow:column nowrap;/*ie*/
   justify-content: center !important;
}
.exebtnwrap .btn{
   width:150px;
}
.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;
}
.sky-tabs > label > .listwrap{
   display: flex;
  justify-content: center !important;
}
/*
.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;
}
*/
.styletabwrap1.padding .styletab1_main{
	padding:20px 20px 20px 20px;
}

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

}
.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);
	-webkit-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);
	-webkit-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);
-webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.2);
}

#nxpage_main_ind .page-header,
.iwinwrapbox .page-header{
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
	-webkit-box-shadow:  0 0 0 rgba(0, 0, 0, 0) !important;
}


/*------------------*/
.indpage_close{
    position:absolute;
	top:0;right:0;
	text-align:center;
	width:40px;height:50px;line-height:50px;
}
.indpage_close:before{
    content: "\f063";
    font-family: FontAwesome;
    font-size: 20px;
	font-weight:bold;
	color:#000;
}
body.nxstyle1 #indpage_head .navbar.horizontal-layout{
 background-color:#fff !important;
}
body.nxstyle1 .pageskin .navbar.horizontal-layout{
 background-color:#fff !important;
}
body.nxstyle1 .pageskin .indpage_close:before{
    content: "\f107";
    font-family: FontAwesome;
    font-size: 26px;
	color:#000;
}
/*------------------*/


#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;
}
body:not(.fixcssmobile) .page-header-dark .page-header .btn:hover,
body:not(.fixcssmobile) .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;
}

/*---*/



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


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

.form-control-info{
   width:100%;
   margin-top:20px;
   text-align:left;
   color:#999;
}



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

/*--///////////////////////////////////--*/
/*--///////////////////////////////////--*/
/*--///////////////////////////////////--*/

.wrcontent.view{
/*
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  */
  padding-top:0;
}
.form-control,
.form-control.inputfake,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.wrcontent,
textarea{
  border-color: #fff;
  background-color: #fff;
  transition: none;
  border-radius:0;
  border-bottom:1px solid #ccc;
}

.formwrap1 input:not(.border), .formwrap1 .form-control:not(.border), 
.formwrap1 .inputfake:not(.border), 
.form-control[readonly]:not(.border), 
.formwrap1 .ind-textarea:not(.border), 
.formwrap1 .ind-textarea:not(.border), 
.select2-container--default .select2-selection--single:not(.border),
.select2-container--default .select2-selection--multiple:not(.border){
    background-color: transparent !important;
	border:1px solid transparent;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    /* padding: 23px 10px 23px 10px; */
}

.form-control:focus {
  border-color: #fff;
  background-color: #fff;
  border-bottom:1px solid #ccc;
  box-shadow: none;
}

table .form-control,
table .form-control.inputfake,
table .select2-container--default .select2-selection--single,
table .select2-container--default .select2-selection--multiple
{
  border-color: #fbfbfb;
  background-color: #fbfbfb;
  transition: none;
  border-radius:0;
  border-bottom:1px solid #fbfbfb;
}

table .form-control:focus {
  border-color: #fbfbfb;
  background-color: #fbfbfb;
  box-shadow: none;
}
table .disabled,
table .form-control:disabled,
table .form-control[readonly]{
  border-color: #fbfbfb;
}

.disabled,
.form-control:disabled,
.form-control[readonly],
select2-container--disabled .select2-selection--single,
select2-container--disabled .select2-selection--multiple{
  background-color: #fff;
  border-bottom:1px solid #e8e8e8;
}
.openmode_view .disabled,
.openmode_view .form-control,
.openmode_view .form-control[readonly],
.openmode_view .form-control:disabled,
.openmode_view .form-control.inputfake,
.openmode_view .select2-container--default .select2-selection--single,
.openmode_view .select2-container--default .select2-selection--multiple
{
  border-bottom:1px solid #e8e8e8 !important;
  background-color: #fff;
}

.openmode_view .wrcontent,.openmode_view textarea:not(.active){
   border:1px solid #e8e8e8 !important;
   min-height:80px;
   resize: none;
}

.openmode_view .wreditorwrap{
  border-width:0  !important;
}



textarea.active,
.wrcontent.active,
.openmode_write .wrcontent,
.openmode_edit .wrcontent,
.openmode_write textarea,
.openmode_edit textarea{
  border:1px solid #ccc !important;
}

.form-group textarea{
  margin-top:10px;
}

.tagify-input{
    border: 1px solid #ccc;
}

.select2-container--disabled .select2-selection--single .select2-selection__arrow,
.select2-container--disabled .select2-selection--multiple .select2-selection__arrow
{
  display:none;
}
.form-control.is-valid {
  border-color: #fff;
  background-color: #fff;
}

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

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

.form-control.is-invalid:focus {
  background-color: #fff;
  border-bottom:1px solid #ff0000 !important;
  box-shadow: none;
}

.custom-control-default .custom-control-input:checked ~ .custom-control-label::before{
  background-color:#000;
  border-color: #000 !important;
}

.mainbox_s1_top .form-control, 
.mainbox_s1_top .form-control.inputfake, 
.mainbox_s1_top .select2-container--default .select2-selection--single,
.mainbox_s1_top .select2-container--default .select2-selection--multiple{
    border-color: #f8f8f8 !important;
    background-color: #f8f8f8 !important;
	font-weight:bold;
}
.form-control:not(textarea),
.select2-selection{
   /*margin-left:1px; 오른쪽border안보인디*/
   margin-right:1px;
}

/*--///////////////////////////////////--*/
/*--///////////////////////////////////--*/
/*--///////////////////////////////////--*/

/*---*/


/*---*/
.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,
.selectsimbol .select2-container .select2-selection--multiple .select2-selection__rendered,
.selectcenter .select2-container .select2-selection--multiple .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-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{
   color:#666666;
}
.select2-selection__arrow{
 border-radius:0;  
 background-color:transparent;
}




.nav-item-info:not(.tooltipstered):hover{
  color:#000;
}
.tooltipstered.tipon{
   color:#000;
}

.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;
  width:100%;

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


.box_profilimg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100px !important;
    width: 100px !important;
    line-height: 100px !important;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/user.png);
    background-color: #f2f2f2;
}
.box_onemg {
    background-position: center center;
    background-size: cover;
}


/* =======================================
// 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 > div{
  height:40px;
}
.mainbox_s1_top > div.conv_30,.mainbox_s1_top > div.conv1_30{
  width:120px;
}
.mainbox_s1_top > .conv_search .ind_m{
  width:300px;
  display:flex;
  justify-content:flex-end !important;
}

/*----*/
.mainbox_s1_top .showcount{
  padding-top:12px;
  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;
}

/*-body--*/
.pagewrapinc{
   width:100%;height:100%;
}
.pagewrapinc_title{
   width:100%;
   margin:0 auto;
   text-align:center;
}
.pagewrapinc_body{
   width:100%;
   text-align:center;
   margin:0 auto;
   min-height:calc(100vh - 300px);
}
.divider_form{
  margin-top:10px;
  margin-bottom:40px;
}
.title.dotlist,.boxtitle,.title.blanklist{
  height:40px;
  line-height:40px;
  width:100%;
  margin-bottom:10px;
  padding-left:25px;
  background-color:#f2f2f2;
  text-align:left;
  position:relative;
}
.title.dotlist:before, .boxtitle:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    left: 5px;
    top: 0;
    /* padding-right: 5px; */
    vertical-align: middle;
    color: #7fdbfd;
}
.title.blanklist{
  height:15px;
  line-height:15px;
}
.title.dotlist .nav-item-info:before, 
.title.blanklist .nav-item-info:before, 
.boxtitle .nav-item-info:before {
    line-height: 40px;
	position:absolute;
	margin-left:5px;
}

.title.blanklist{
  position:relative;
  margin-bottom:20px;
}

.title.blanklist:before{
    content: " ";
    width:60px;
	height:4px;
	border-width:0;
	border-radius:3px;
    background-color: #7fdbfd;
	position:absolute;
	top:50%;left:50%;
	margin-top:-2px;
	margin-left:-30px;
}

.boxtitle .nav-item-info:before{
   margin-top:5px;
}

table.s1_table {
  border-top:0;/* scroll 되면 위에 좀 보인다*/
}


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

.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
// =======================================*/


/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
.page-header,.page-footer{
  background-color:rgba(255,255,255,1);
}
.page-header.tr{
  background-color:rgba(255,255,255,0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.navbar.horizontal-layout .nav-top,
.navbar.horizontal-layout .nav-bottom.intop,
.navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand,
.navbar.horizontal-layout .navbar-menu-wrapper,
.navbar.horizontal-layout .mobnavtitle{
    height: 70px;
	line-height:73px;
}
#page-container.page-header-mini .navbar.horizontal-layout .nav-top,
#page-container.page-header-mini .navbar.horizontal-layout .nav-bottom.intop,
#page-container.page-header-mini .navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand,
#page-container.page-header-mini .navbar.horizontal-layout .navbar-menu-wrapper,
#page-container.page-header-mini .navbar.horizontal-layout .mobnavtitle,
header.pageskin .nav-top,
header.pageskin .navbar-brand-wrapper .navbar-brand{
    height: 50px !important;
	line-height:53px !important;
}
body.fixcssmobile .navbar.horizontal-layout .nav-top,
body.fixcssmobile .navbar.horizontal-layout .nav-bottom.intop,
body.fixcssmobile .navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand,
body.fixcssmobile .navbar.horizontal-layout .navbar-menu-wrapper,
body.fixcssmobile .navbar.horizontal-layout .mobnavtitle{
    height: 50px !important;
	line-height:53px !important;
}
#page-container.indopen #nxpage_main_ind .navbar.horizontal-layout .nav-top,
#page-container.indopen #nxpage_main_ind .navbar.horizontal-layout .nav-bottom.intop,
#page-container.indopen #nxpage_main_ind .navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand,
#page-container.indopen #nxpage_main_ind .navbar.horizontal-layout .navbar-menu-wrapper,
#page-container.indopen #nxpage_main_ind .navbar.horizontal-layout .mobnavtitle{
    height: 50px !important;
	line-height:53px !important;
}
#page-footer{
  border-top:0;
  margin-top:10px;
}
#page-container.page-footer-fixed #page-footer{
  position:fixed;
  bottom:0;
  left:0;
  margin-top:0;
}


/***********************/
#page-container.page-header-fixed.page-header-glass #main-container{
   padding-top:125px;
}
#page-container.page-header-fixed #main-container{
   padding-top:70px;
}
#page-container.page-header-fixed.page-header-mini #main-container,
body.fixcssmobile #main-container,
.winwrap.page{
    padding-top: 50px;
}
#page-container.page-footer-fixed #main-container,
{
padding-bottom:75px;
}

#page-container.page-header-fixed.pagegap #main-container{
   padding-top:80px;
}


#page-container.page-footer-fixed.pagegap #main-container {
padding-bottom:85px;
}

/***********************/
body.ispc #page-footer{
    position:relative !important;
	height:auto;
}
body.ispc #main-container {
padding-bottom:0 !important;
}
body.ispc #page-container.pagegap #page-footer{
    margin-top:10px;
}
/***********************/

#page-container.page-header-fixed .grid_wrap{
  min-height:calc(100vh - 70px);
}
#page-container.page-header-fixed.page-footer-fixed .grid_wrap{
  min-height:calc(100vh - 145px);
}


#page-container.page-header-fixed.page-header-mini .grid_wrap{
  min-height:calc(100vh - 50px);/*header50 */
}
#page-container.page-header-fixed.page-header-mini.page-footer-fixed .grid_wrap,
body.fixcssmobile .grid_wrap{
  min-height:calc(100vh - 125px) !important;
}

body:not(.fixcssmobile).page-header-fixed.pagegap .grid_wrap{
  min-height:calc(100vh - 80px);
}
body:not(.fixcssmobile).page-header-fixed.page-footer-fixed.pagegap .grid_wrap{
  min-height:calc(100vh - 155px);
}

body:not(.fixcssmobile).page-header-fixed.pagegap.page-header-mini .grid_wrap{
  min-height:calc(100vh - 60px);/*header50 */
}
body:not(.fixcssmobile).page-header-fixed.pagegap.page-header-mini.page-footer-fixed .grid_wrap{
  min-height:calc(100vh - 135px);/*footer75*/
}
/***********************/

.pagestepbtn_wrap{
  height:80px;
  width:100%;
  position:fixed;
  bottom:0;
  left:0;
  z-index:101;/*upper pc foot*/
}

/***********************/
body.ispc #page-container.pagegap #page-footer{
margin-top:10px;

}
body.ispc #main-container {
padding-bottom:0;
}
/***********************/

.mgrid_main_wrap{
   max-width:100%;
   margin:0 auto;
}

.mgrid_main{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.mgrid_main.default,
.mgrid_main_wrap .winbodywrapin{
	width:100%;
	margin-left:auto;margin-right:auto;
}

#page-container.page-full .mgrid_main.default{
   width:100% !important;
}
/*
.mgrid_main_wrap.issidebar .mgrid_main{
  width:780px;
}
*/
/************************/
.mgrid_wr_main{
   width:680px;
   max-width:100%;
   margin:0 auto;
}

/************************/
.mgrid_side{
  width:100vw;
  position:relative;
  right:-100vw;
  z-index:1;
}
body.fixcssmobile .mgrid_side.fixed{
  display:block;
}

.mgrid_side_btn.on{
 margin-right:277px;
}

/*pc에서는 #mgrid_main 내부에들어가게한다  #page-footer > box-footer 높이 제하고 */
#page-container.page-header-fixed #mgrid_side.fixed{
   top:135px;
   height:calc(100vh - 290px);
}

/*
 #page-container.page-header-fixed #mgrid_side,
 #page-container.page-header-fixed .mgrid_main{
  padding-bottom:60px;

 }
*/
/************************/
.pagepadding{
    padding: 45px 15px 70px 15px;
}

.pagepadding_v {
    padding-top: 60px !important;
	padding-bottom: 80px !important;
}


.app_indbox{
   /*가로full 을 사용하는 app 현식 page에서 가로padding*/
   padding:0 10px 0 10px;
}


/*-----------------------------------------*/

body.fixcssmobile .pagestepbtn_wrap{
  bottom:45px;
}
body.fixcssmobile #page-footer{
  min-height:45px;
}
.app_footer{
  width:100%;height:45px;
  padding-top:3px;
   display: flex;
  justify-content: space-between !important;
}
.app_footer .ind{
  width:100%;
  height:45px;
  text-align:center;
   background-size:cover;
   background-position:center center;
   background-repeat:no-repeat;
   color:#000;
   text-align:center;
}
.app_footer .indtext{
  width:100%;
  height:20px;
  line-height:15px;
  font-size:.7rem;
}
.app_footer .indicon{
  width:100%;
  height:25px;
  line-height:29px;
  font-size:.8rem;
}
/*-----------------------------------------*/


/****************************/
.appboxwrap{
   width:450px;
   height:calc(100vh - 120px);
   max-width:100%;
   margin:0 auto;
}
.appbox{
   width:100%;
   height:calc(100vh - 120px);
   max-width:100%;
   margin:0;
}


/*-----------------------------------------------------*/
.ctxboxwrap{
  width:100%;
}
.ctxbox{
  padding:0;
  width:100%;
  overflow:hidden;
  position:relative;
  -webkit-transform: translate3d(0,0,0);
  -transform: translate3d(0,0,0);
}
body.ispc .ctxbox{
  border:5px solid #f2f2f2;
}
.ctxbox:not(.slide_on) .contentbox_main{
   padding:10px;
  overflow-x:hidden;
  overflow-y:auto;
   -webkit-overflow-scrolling: touch;
}
.ctxbox.slide_on .contentbox_main{
   padding:0;
   overflow:hidden;
}

 .ctxbox .slider_wrap{
  width:100%;
  opacity:0;
}

 .ctxbox .slider{
  width:100%;
  height:auto !important;
  -webkit-transform: translate3d(0,0,0);
  -transform: translate3d(0,0,0);
}

.ctxbox .indslidebody{
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  padding:10px;
  padding-bottom:200px !important;
  display:inline-block;
  position:relative;
}

.ctxbox .indslidebodyin{
  margin:0 auto;
  padding:0;
}


.contentbox_main_wrap{
  width:100%;
  position:relative;
}

.ctxbox .contentbox_top{
width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  background-color:#ffffff;
}
.ctxbox .topmenu_main{
width:100%;
 height:45px;line-height:55px;
  position:fixed;
  left:0;
  top:0;
  z-index:10;
  color:#000;
  background-color:#fff;
  display:none;
}
.ctxbox .topmenu_sub{
  width:100%;
 height:45px;line-height:55px;
  position:fixed;
  left:0;
  top:45px;
  z-index:10;
  color:#000;
  background-color:#fff;
  border-top:1px solid f2f2f2;
  display:none;

}
.ctxbox .topmenu_main > div{
  width:50%;
  height:45px;
  vertical-align:middle;
  position:relative;
  text-align:center;
  display:none;
}
.ctxbox.divlaston .topmenu_main .div1,
.ctxbox.divlaston .topmenu_main .div2,
.ctxbox.divlaston .topmenu_main .div3,
.ctxbox .topmenu_main .divlast{
  flex:1;
}



.ctxbox .topmenu_main .divlast{
  position:relative;
  text-align:right;
  display:none;
}

.ctxbox .topmenu_main .btn_act{
 width:30px;
 height:35px;
 position:absolute;
 top:0;right:0;
 cursor:pointer;
 z-index:100;
}
.ctxbox .topmenu_main .btn_act i{
 font-size:130%;
 margin-top:1px;
}

.ctxbox.topmenu_main_on .topmenu_main{
   display:flex;
   justify-content:space-between;
}
.ctxbox.topmenu_sub_on .topmenu_sub{
   display:flex;
   justify-content:space-between;
}

.ctxbox.div1on .div1{
   display:block;
}
.ctxbox.div2on .div2{
   display:block;
}
.ctxbox.div3on .div3{
   display:block;
}
.ctxbox.divlaston .divlast{
   display:block;
}

.ctxbox.divlastexe .divlast{
   width:100%;
   display:flex;
   justify-content:space-between;
}


.ctxbox .contentbox_bottom{
width:100%;
  position:fixed;
  bottom:0;
  left:0;
  z-index:10;
  background-color:#ffffff;
}


.ctxbox .botmenu_slider{
  width:100%;
  height:45px;
  line-height:42px;
  padding:0 10px 0 10px;
  position:relative;
  border-top:1px solid #f2f2f2;
  display:none;
}

.ctxbox.slide_on .botmenu_slider{
   display:block;
}

.ctxbox .botmenu_sliderin{
   width:100%;
   display: flex;
   justify-content: space-between !important;  
}


.ctxbox .botmenu_gear{
	height:40px;
    position:absolute;
   bottom:3px;
   right:60px;
   cursor:pointer;
    display:none;
}
.ctxbox.botmenu_gear_on .botmenu_gear{
   display:block;
}
.ctxbox .botmenu_main{
width:100%;
height:45px;
  position:fixed;
  left:0;
  bottom:0;
  padding:0 10px 0 10px;
  z-index:10;
  background-color:#f8f8f8;
  color:#000;
  display:none;
}

.ctxbox.botmenu_main_on .botmenu_main{
   display:flex;
   justify-content:flex-start;
}
.ctxbox.slide_on .botmenu_main{
   bottom:45px;
}

/*
body.ispc .appboxwrap ->padding-top:40px;
*/
.ctxbox,
.ctxbox .contentbox_main,
.ctxbox .slider_wrap,
.ctxbox .indslidebody{
	height:calc(100vh - 120px);
}
.ctxbox.topmenu_main_on:not(.topmenu_sub_on){
	padding-top:45px;
}
.ctxbox.topmenu_main_on.topmenu_sub_on{
	padding-top:90px;
}

.ctxbox.topmenu_main_on.topmenu_sub_on .contentbox_main,
.ctxbox.topmenu_main_on.topmenu_sub_on .slider_wrap,
.ctxbox.topmenu_main_on.topmenu_sub_on .indslidebody{
	height:calc(100vh - 210px);
}


.ctxbox.topmenu_main_on:not(.topmenu_sub_on) .contentbox_main,
.ctxbox.topmenu_main_on:not(.topmenu_sub_on) .slider_wrap,
.ctxbox.topmenu_main_on:not(.topmenu_sub_on) .indslidebody{
	height:calc(100vh - 165px);
}
.ctxbox.topmenu_main_on.topmenu_sub_on .contentbox_main,
.ctxbox.topmenu_main_on.topmenu_sub_on .slider_wrap,
.ctxbox.topmenu_main_on.topmenu_sub_on .indslidebody{
	height:calc(100vh - 210px);
	margin-top:90px;
}

body.ispc .appboxwrap{
  padding-top:40px;
}
body.fixcssmobile .ctxbox, 
body.fixcssmobile .ctxbox .contentbox_main, 
body.fixcssmobile .ctxbox .slider_wrap, 
body.fixcssmobile .ctxbox.indslidebody {
    height: calc(100vh - 55px);
}
body.ispc .ctxbox,
body.ispc .ctxbox .contentbox_main,
body.ispc .ctxbox .slider_wrap,
body.ispc .ctxbox.indslidebody{
   height:calc(100vh - 135px);/*appboxwrap40+border 5*2*/
}

body.ispc .ctxbox.topmenu_main_on:not(.topmenu_sub_on){
   padding-top:45px;
}
body.ispc .ctxbox.topmenu_main_on.topmenu_sub_on{
   padding-top:90px;

}

/*
body.ispc .ctxbox.topmenu_main_on:not(.topmenu_sub_on) .contentbox_main,
body.ispc .ctxbox.topmenu_main_on:not(.topmenu_sub_on) .slider_wrap,
body.ispc .ctxbox.topmenu_main_on:not(.topmenu_sub_on) .indslidebody{
	height:calc(100vh - 215px);
}
body.ispc .ctxbox.topmenu_main_on.topmenu_sub_on .contentbox_main,
body.ispc .ctxbox.topmenu_main_on.topmenu_sub_on .slider_wrap,
body.ispc .ctxbox.topmenu_main_on.topmenu_sub_on .indslidebody{
	height:calc(100vh - 260px);
}
*/


.ctxbox .box_list:not(.normal){
	width:100%;
	font-weight:bold;
	padding:0 10px 75px 10px;
	letter-spacing:-1px;
}
.ctxbox.slide_on:not(.botmenu_main_on) .box_list{
	padding-bottom:75px;
}
.ctxbox.slide_on.botmenu_main_on .box_list{
	padding-bottom:75px;
}
.ctxbox.botmenu_main_on.slide_on .box_list{
	padding-bottom:120px;
}


.ctxbox .box_list .indlist_wrap{
	width:100%;
	margin-top:10px;
}

.ctxbox .box_list .indlist{
	width:100%;
	margin-top:10px;
	height:40px;line-height:40px;
	white-space:nowrap;
	display:flex;
	justify-content: space-between !important;
}

.ctxbox .box_list .titlemain{
	cursor:pointer;
	font-weight:bold;
}
body.ispc .ctxbox .box_list .titlemain:hover{
  background-color:#f2f2f2;
}

.ctxbox .box_list .title_part{
  position:relative;
  padding-top:11px;
}
.ctxbox .label_cat{
position:absolute;
top:-8px;
left:0;
height:15px;
width:150px;
color:#666;
font-size:90%;
display:inline-block;
}
.ctxbox .label_fav{
   width:30px;
   text-align:left;
   padding-top:18px;
}
.ctxbox .box_list .indlist > .dropdown-menu{
   right:0 !important;
   left:auto !important;
   width:50% !important;
}

.ctxbox .box_list .indtool{
	width:125px;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	display:flex;
	justify-content:flex-end !important;
}


.ctxbox .box_list .indlist_sub{
	width:100%;
    text-align:left;
	font-weight:normal;
	color:#666;
}
.ctxbox .box_list .subject{
   float:left;
   width:100%;
   font-size:0.95rem;
}


.ctxbox .box_list .indlist_count{    
	border:1px solid transparent;
	min width:55px;text-align:right;
	padding-right:10px;
	height:30px;
	font-weight:bold;
	font-size:0.7rem;
}


.goicon{
   width:30px;
   height:30px;
   text-align:center;/*checkbox등 다른것과 맞츄기위해 //병경하지말것!*/
   cursor:pointer;
}
.goicon:before{
    content: "\f054";
    font-family: FontAwesome;
    font-weight: bold;
	font-size:17px;
}
.goicon2{
   width:35px;
   height:35px;
   text-align:center;/*checkbox등 다른것과 맞츄기위해 //병경하지말것!*/
   cursor:pointer;
   color:#7fdbfd;
}
.goicon2:before{
    content: "\f138";
    font-family: FontAwesome;
	font-size:17px;
}
table.qlabs_grid_container .goicon2 {
    height: 25px;
    line-height: 25px;
    margin-top: -5px;
}
/*-----------------------------------------------------*/
.slidebtn_prev{
	 width:25px;height:25px;
	 cursor:pointer;
}
.slidebtn_next{
	 width:25px;height:25px;
	 cursor:pointer;
}

.slidebtn_prev:before{
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#000;
}
.slidebtn_next:before{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#000;
}

.indslide-showcount{
   width:100%;
   height:30px;line-height:33px;
   text-align:center;
   font-weight:bold;
   font-size:0.75rem;
   font-family:'nxbase_en','OpenSans','nxbase_ko','Noto-Sans-ko';
   position:absolute;
}

.indslidebody::-webkit-scrollbar,
.ctxbox.slide_on::-webkit-scrollbar{
	width:auto;
	height:auto;
	max-width:auto;
	max-height:auto;
}
.indslidebody::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0);
}
.indslidebody::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0);
}
body.ispc .indslidebody::-webkit-scrollbar,
body.ispc .ctxbox.slide_on .contentbox_main::-webkit-scrollbar{
	width:5px;
	height:5px;
	max-width:5px;
	max-height:5px;
}
body.ispc .indslidebody::-webkit-scrollbar-thumb,
body.ispc .ctxbox.slide_on .contentbox_main::-webkit-scrollbar-thumb{
	background-color: rgba(0,0,0,0.02) !important;
}
/*-------------------*/
.datepick-popup {
	z-index: 2000;
}
.datepick-nav{
width:100%;
   display: flex;
  justify-content: space-between !important;
}
a.datepick-cmd-prev,a.datepick-cmd-next{
    height: 35px;
	width:35px;
	overflow:hidden;
	font-size:0;
}
a.datepick-cmd-prev:before{
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#000;
}
a.datepick-cmd-next:before{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
	color:#000;
}

.datepick-nav-bottom{
  width:100%;
  height:37px;
   width:100%;
   display: flex;
  justify-content: space-between !important;
}
.datepick-nav-bottom button{
  width:100%;
  height:35px;
   width:100% !important;
   margin:1px !important;
}

/***********/
.box_list{
	width:100%;
}

.indwrap{
   width:100%;
   margin-bottom:20px;
}

.indwrap.bottomline{
   border-bottom:1px solid #ccc;
}
.indlist{
	width:100%;
	margin-top:5px;
	min-height:35px;
	display:flex;
	justify-content: space-between !important;
	cursor:pointer;
}
.indline{
	width:100%;
	min-height:30px;
	vertical-align:middle;
}
.indlist.single,.indline.single{
   	height:35px;
	line-height:30px;
	white-space:nowrap;
}

.indlist.bottomline{
    padding-bottom:5px;
    margin-bottom:10px;
	  border:1px solid #ccc;
	  border-width:0 0 1px 0;
}
.gotext{
	text-align:left;
	white-space:nowrap;
}
.indlist.mline{
	width:100%;
	margin-top:10px;
	height:auto;line-height:auto;
	white-space:wrap;
	display:inline-block;
	cursor:normal;
	position:relative;
}
.indline:not(.single){
   padding-top:5px;padding-bottom:5px;
}

.dropdown-right .dropdown-menu{
   right:0 !important;
   left:auto !important;
}

.indtool{
	min-width:50px;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	display:flex;
	justify-content:flex-end !important;
}
.indtool div,.indicon{
	width:40px;
	text-align:center;
	font-size:18px;
	height:30px;
	line-height:30px;
	color:#999;
	cursor:pointer;
}
.indlist_count{    
	border:1px solid transparent;
	min-width:55px;text-align:roght;
	height:30px;
	font-weight:bold;
	font-size:0.7rem;
}
/***********/
.list_table{
  width:100%;
   border:1px solid #ccc;
   border-width:1px 0 0 1px;
   table-layout: fixed !important;
}
.list_table tr{
  border-bottom:1px solid #ccc;
}
.list_table td{
  text-align:center;
  color:#000;
  padding:5px 10px 5px 10px;
  border-right:1px solid #ccc;
}

.list_table .d1{
   background-color:#f2f2f2;
   font-weight:normal;
}
.list_table .d3{
   font-weight:normal;
}
.list_table .d2,.list_table .d4{
   font-weight:bold;
}
.list_table.square td div{
  height:40px; line-height:40px;
}

.list_table.square td{
  padding:0 !important;
}


.score_ind{
   display:flex;
   border-bottom:1px solid #ccc;
   padding:0;
}
.score_ind.noline{
   border-bottom:0;
}
.score_ind.topline{
   border-top:1px solid #ccc;
}
.score_ind > .ind{
   flex:1;
}
.score_ind .main1{
  font-size:18px;
  font-weight:bold;
  /*color:#00ca00;*/
  color:#000000;
  height:35px;
  line-height:35px;
}
.score_ind .label1,
.score_ind .label2{
height:30px;
color:#666;
font-size:11px;
}
.score_ind .label2{
margin-top:-10px;
}
.score_table{
   width:100%;
  text-align:center;
   border:1px solid #ccc;
   border-width:1px 0 0 1px;

}
.score_table tr{
  border-bottom:1px solid #ccc;
}
.score_table th,
.score_table td{
  width:40px;
  text-align:center;
  color:#000;
  padding:5px 0 5px 0;
  border-right:1px solid #ccc;
}
.score_table th,
.score_table td:first-child{
  background-color:#f2f2f2;
}
.score_title{
  font-weight:bold;
  text-align:left;
}

/***********/

.calendarwrap{
   width:100%;
}
.show_select{
  width:100%;
  position:relative;
  text-align:center;
  background-color:#f2f2f2;
  padding:0 10px 5px 10px;
  min-height:30px;
  line-height:20px;
  margin-top:-10px;
}
.show_select .show_select_date{
  font-weight:bold;
  font-size:19px;
}
.show_select .show_select_refresh{
  padding-left:10px;
}
.show_select .show_select_time .indtime{
  width:9%;
  margin:0 1px 0 1px;
  height:40px;line-height:10px;
  background-color:#cbf0fe;
  text-align:center;
  font-weight:bold;
  color:#000;
  padding-top:5px;
  position:relative;
}
.show_select .show_select_time .indtime.off{
  background-color:#ccc;
}
.show_select .show_select_time .indtime_title{
	height:15px;
    font-weight:bold;
	margin:5px 0 2px 2px;
	text-align:left;
}
/***********/

        /*********************/
		/*********************/
        /*********************/
		/*********************/
		/*@768과 같이한다*/

         #page-container:not(.page-full) .mainbox_s1_top{
			padding: 5px;
			height:auto;
			margin:0 0 20px 0;
			border:1px solid #7fdbfd;

		 }

		#page-container:not(.page-full) .mainbox_s1_top > div{
		  width:50%;
		  margin-left:0 !important;margin-right:0 !important;
		  height: 55px;
		  background-color: #f8f8f8 !important;
		  padding: 5px 5px 15px 5px;/*line-height대신padding으로해야한다!!*/
		  margin-bottom: 0;
		  border: 2px solid #fff;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div.conv_nobg{
		  background-color: transparent !important;
		}





		#page-container:not(.page-full) .mainbox_s1_top > div.conv_50{
		  width:50% !important;
		}

		#page-container:not(.page-full) .mainbox_s1_top > div.conv_30{
		  width:30% !important;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div.conv_70{
		  width:70% !important;
		}

		#page-container:not(.page-full) .mainbox_s1_top > div.conv_100,
		#page-container:not(.page-full) .mainbox_s1_top > div.conv1_100{
		  width:100%;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div.conv1_30{
		  width:30% !important;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div.conv1_70{
		  width:70% !important;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div:nth-child(odd){
		  float:left !important;
		}
		#page-container:not(.page-full) .mainbox_s1_top > div:nth-child(even){
		  float:right !important;
		}
		#page-container:not(.page-full) .mainbox_s1_top > .conv_search .ind_m{
		  width:calc(100% - 40px);
		}
		.mainbox_s1_top > .conv_search .ind_m div{
		  flex: 1;
		}
		#page-container:not(.page-full) .mainbox_s1_top > .conv_search .ind_s{
		   display:flex;
		   justify-content:flex-end !important;
		}
        /*********************/
		/*********************/
        /*********************/
		/*********************/


/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*-------------------*/
.dnavbox{
	   width:100%;
	   padding:0;
	   z-index:10;
}

.dnav{
  min-width:100%;
  display:inline-block;
height:45px;line-height:45px; 
background:#f8f8f8;
border-top:1px solid #7fdbfd;
 transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
}
.dnav ul li{
  width:auto;
  position:relative;
  white-space:nowrap;
  padding:0 10px 0 10px;
  margin: 0;
  background:#f8f8f8;
  float: left;
  border:solid #fff;
  border-width:0 2px 0 2px;
  height: 100%;
  text-align: center;
  cursor: pointer;
    font-weight:bold;

  display:flex;
      height:45px;
   line-height:45px;
   color:#000;

}
.dnav ul li:first-child{
   border-left-width:4px;
}
.dnav ul li:last-child{
   border-right-width:4px;
}
.dnav ul li.active{
  font-weight:bold;
}
.dnav ul li.active:before,
body:not(.fixcssmobile) .dnav ul li:hover:before{
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 45px;
	position:absolute;
	left: 50%;top:-22px;
	margin-left:-14px;
    color: #7fdbfd;
}

.dnav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size:100%;
     display: flex;
   /*-ms-flex-flow:column nowrap;ie 주면안된다!!!*/
  justify-content: center;
}
/*-------------------*/
.mainwrapinc_title{
	width:100%;
	position:absolute;
	border:solid #fff;
	border-width:0 15px 0 15px;
}
.main_title_2 {
    height: 45px;line-height:45px;
    text-align: center;background-color: #7fdbfd;
}
/*-------------------*/
#page-container.nxstyle1.page-header-mini .mainwrapinc_title,
#page-container.nxstyle1.page-header-mini .dnavbox,
#indpage_content .dnavbox{
  position:fixed;
  top:50px;/*nav-top 기준*/
  left:0;
  width:100%;
  z-index:10;
}

/**********/
/**********/
/*-----*/
/*inside_hide -> inside title hide*/
#page-container.nxstyle1.page-header-mini .is_title .dnavbox{
/*nav-top 기준 +mainwrapinc_title */
   top:90px;
}

#page-container.nxstyle1 .mainwrapinc_title,
#page-container.nxstyle1 .dnavbox{
  position:fixed;
  top:70px;
  left:0;
  z-index:10;
}


#page-container.nxstyle1 .mainwrapinc_title{
  width:calc(100vw - 33px);/*.container padding 10*2  + 10// scroll width 때문에 좀더 줄여준다!!!!!*/
  margin-left:15px;
}
#page-container.nxstyle1 .dnavbox{
  width:calc(100vw - 63px);/*.container padding 10*2 +10 + mainwrapinc_title border-width 15*2 */
  margin-left:30px;
}
#page-container.nxstyle1 .is_title .dnavbox{
/*nav-top 기준 +mainwrapinc_title */
   top:110px;
}
#page-container.nxstyle1 .inside_hide .dnavbox{
   top:70px;
}
#page-container.nxstyle1.page-header-mini .inside_hide .dnavbox{
   top:50px !important;
}

.winwrap .dnavbox{
    background-color:#fff;
	top:50px !important;
}


body.ispc #page-container.nxstyle1 .mainwrapinc_title,
body.ispc #page-container.nxstyle1 .pagewrapinc_title,
body.ispc #page-container.nxstyle1 .dnavbox{
  margin-top:-1px;/*nav-top 기준 shadow대비-1*/
}

body.ispc #page-container.nxstyle1 .main_title_2 h6, 
body.ispc #page-container.nxstyle1 .main_title_2 .title {
    line-height: 45px;
	margin-top:0;
}


#indpage_content .dnavbox,.winwrap .dnavbox{
   margin-top:0 !important;
}



/*-----*/
/*pt/manager page*/
#page-container.nxstyle1 .pagewrapinc_title,
#page-container.nxstyle1 .pagewrapinc .dnavbox{
/*admon nav-top 기준*/
  position:fixed;
  top:50px;
  z-index:10;
  width:calc(100vw - 30px);/*자체좌우 15*2  */
  left:15px;
}

#page-container.nxstyle1 .is_title .pagewrapinc .dnavbox{
/*admon nav-top 기준 +pagewrapinc_title */
   top:90px;
}
#page-container.nxstyle1 .inside_hide .pagewrapinc .dnavbox{
   top:50px;
}
#page-container.nxstyle1 #sidebar .main_title_2{
    margin: 50px auto 0 auto;
    width: 210px;
}

/*-----*/
.is_title{
   padding-top:45px;/*45 */
}
.inside_hide .is_title{
   padding-top:0;
}
.is_dnav{
   padding-top:65px !important;/*45 +20*/
}
.is_title.is_dnav{
   padding-top:110px !important;/*45+45 +20*/
}
.inside_hide .is_title.is_dnav{
   padding-top:65px !important;/*45 +20 */

}

.pagewrapinc.is_title{
   padding-top:20px;
}
.pagewrapinc.is_dnav{
   padding-top:20px;
}
.pagewrapinc.is_title{
   padding-top:20px;
}
.pagewrapinc.is_title.is_dnav{
   padding-top:20px;
}

/*-----*/









/*-----*/
#page-container.nxstyle1:not(.page-full) .pagewrapinc{
   width:550px ;
   max-width:100%;
   margin:0 auto;
}

/*-----*/
.form-group:first-child,
.divider_form:first-child{
  margin-top:0;
}
/*-----*/


/**********/
/**********/

/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/



/**********************************************/
/**********************************************/
/**********************************************/

@media (max-width: 1200px) {
	#header-brand .content-header a{
	  padding-left:30px;
     }
	.pagew_default{
	   width:1000px;
	}
}
/**********************************************/
/**********************************************/
/**********************************************/
@media (max-width: 1080px){/*1080  baseui.css / data_grids_main.css/nxgridbasic.css/siteind.css*/

	 .container{
        max-width:1040px;
	 }
	.pagew_default{
	   width:800px;
	}

	 .mgrid_side{
	   position:fixed;
	   top:60px;
	   right:-100vw !important;
	   z-index:1034;
	 }
	 .mgrid_side.on{
	   right:-1px !important;
	 }
	 .mgrid_side_btn{
       display:block;
	   top:150px;
	 }

	  /*mobile에서는 full h*/
 	 #page-container.page-header-fixed #mgrid_side,#page-container.page-header-fixed #mgrid_side.fixed{
	   top:0;
	   padding-top:70px !important;
	   height:100vh;
	   position:fixed;
	 }
	#page-container.page-header-fixed.page-header-scroll #mgrid_side{
	   top:0;
	}

    #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:not(.indopen).sidebar-o.sidebar-o-gap .loading_pin {/*center title*/
       margin-left:95px;/*240/2 - 50/2*/
	}
}
/**********************************************/
/**********************************************/
/**********************************************/
@media (min-width: 901px) {
	#page-container.sidebar-o {
	/*sidebar 기준*/
		padding-left: 240px;
	}
	#page-container.nxstyle1.sidebar-o .pagewrapinc_title,
	#page-container.nxstyle1.sidebar-o .pagewrapinc .dnavbox{
      width:calc(100vw - 290px);/*240 + container 10*2*  자체좌우 15*2  */
	  left:265px;
	}

}
/**********************************************/
/**********************************************/
/**********************************************/
@media (max-width: 900px){/*900  baseui.css / data_grids_main.css/nxgridbasic.css/siteind.css*/
	#page-container.page-header-fixed.sidebar-o .page-header, 
	#page-container.page-header-glass.sidebar-o .page-header {
	padding-left:0; /*fix core*/
	}
	.navbar.horizontal-layout .nav-top{
	  padding:0 5px 0 5px;
	}
	.navbar.horizontal-layout .nav-top,
	.navbar.horizontal-layout .nav-bottom.intop,
	.navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand,
	.navbar.horizontal-layout .navbar-menu-wrapper,
	.navbar.horizontal-layout .mobnavtitle{
		height: 50px;
		line-height:53px;
	}



	/**************/
	.pagepadding{
		padding: 45px 15px 70px 15px;
	}

	.pagepadding_v{
		padding-top: 45px !important;
		padding-bottom: 40px !important;
	}


	.pagepadding > .pagetoptitle,
	.pagewrapinc > .pagetoptitle,
	.pagepadding_v > .pagetoptitle{
	   margin-top:0;
	}


	.pagetoptitle{
	   margin-top:30px;
	}

	/**************/
	#page-container.page-header-fixed.page-header-glass #main-container{
	   padding-top:90px;
	}

	#page-container.page-header-fixed:not(.fixcssmobile) #main-container,
	#page-container.page-header-fixed.fixcssmobile #main-container,
	#page-container.page-header-fixed #main-container,
	#page-container.page-header-fixed .winwrap.page{
	   padding-top:50px;
	}

	#page-container.page-header-fixed.page-header-glass #main-container{
	   padding-top:90px;
	}

	#page-container.page-header-fixed .grid_wrap{
	  min-height:calc(100vh - 50px);
	}
	#page-container.page-header-fixed.page-footer-fixed .grid_wrap{
	  min-height:calc(100vh - 125px);
	}


	body:not(.fixcssmobile).ispc #page-container.page-header-fixed.pagegap #main-container,
	body:not(.fixcssmobile).ispc #page-container.page-header-fixed.pagegap .winwrap.page{
		padding-top: 60px;
	}
	body:not(.fixcssmobile).ispc #page-container.page-header-fixed .grid_wrap{
	  min-height:calc(100vh - 80px) !important;
	}
	.container{
	  padding-left:0;
	  padding-right:0;
	}
	#page-container.pagegap .container{
	  padding-left:10px;
	  padding-right:10px;
	}

	body.ispc .ctxbox,
	body.ispc .ctxbox .contentbox_main,
	body.ispc .ctxbox .slider_wrap,
	body.ispc .ctxbox.indslidebody{
	   height:calc(100vh - 115px);/*appboxwrap40+border 5*2* + page mamrgin 10 ->900+ */
	}



	/**********/
	/**********/

	#page-container.nxstyle1 .mainwrapinc_title,
	#page-container.nxstyle1 .dnavbox,
	#page-container.nxstyle1 .pagewrapinc_title,
	#page-container.nxstyle1 .pagewrapinc .dnavbox{
	  position:fixed;
	  top:50px;/*nav-top 기준 shadow대비-1*/
	  left:0;
	  z-index:10;
	  width:100vw;/*.container padding 0*/
	  margin-left:0;
	}


	#page-container.nxstyle1 .mainwrapinc_title{
	  display:none;
	}

	#page-container.nxstyle1 .dnavbox,
	#page-container.nxstyle1 .is_title .dnavbox{
	/*nav-top 기준 +mainwrapinc_title */
	   top:50px;
	}


	.is_title.is_dnav{
	   padding-top:65px !important;/*0+45 +20*/
	}


    /**/
	#page-container.nxstyle1 .dnav{
	  background-color:#7fdbfd;
	  border-top:0;
	}
	.dnav ul li.active:before, body:not(.fixcssmobile) .dnav ul li:hover:before {
		color: #fff;
	}
	.dnav ul li {
		background: transparent;
		float: left;
		border: solid #fff;
		border-width: 0 1px 0 0;
		height: 100%;
		color: #000;
		margin-top:
	}
	.dnav ul li:first-child{
	   border-left-width:1px;
	}
	.dnav ul li:last-child{
	   border-right-width:0;
	}
	/**/

	/**********/
	/**********/
}
/**********************************************/
/**********************************************/
/**********************************************/
@media screen and (max-width: 768px) {
        /*********************/
		/*********************/
        /*********************/
		/*********************/

         .mainbox_s1_top{
			padding:0;
			height:auto;
			background-color:#fff;
			margin:0 0 20px 0;
			border:1px solid #7fdbfd;

		 }

		.mainbox_s1_top > div{
		  width:50%;
		  margin-left:0 !important;margin-right:0 !important;
		  height: 55px;
		  padding: 7px 5px 15px 5px;/*line-height대신padding으로해야한다!!*/
		  margin-bottom: 0;
		}
		.mainbox_s1_top > div.conv_nobg{
		  background-color: transparent !important;
		}

		.mainbox_s1_top > div.conv_50{
		  width:50% !important;
		}

		.mainbox_s1_top > div.conv_30{
		  width:30% !important;
		}
		.mainbox_s1_top > div.conv_70{
		  width:70% !important;
		}

		.mainbox_s1_top > div.conv_100,
		.mainbox_s1_top > div.conv1_100{
		  width:100%;
		}
		.mainbox_s1_top > div.conv1_30{
		  width:30% !important;
		}
		.mainbox_s1_top > div.conv1_70{
		  width:70% !important;
		}
		.mainbox_s1_top > div:nth-child(odd){
		  float:left !important;
		}
		.mainbox_s1_top > div:nth-child(even){
		  float:right !important;
		}
		.mainbox_s1_top > .conv_search .ind_m{
		  width:calc(100% - 40px);
		}
		.mainbox_s1_top > .conv_search .ind_m div{
		  flex: 1;
		}
		.mainbox_s1_top > .conv_search .ind_s{
		   display:flex;
		   justify-content:flex-end !important;
		}
        /*********************/
		/*********************/
        /*********************/
		/*********************/


    /******************/


}
/**********************************************/
/**********************************************/
/**********************************************/

@media (max-width:550px) {

	#page-container.page-header-fixed.page-header-glass #main-container,
	#page-container.page-header-fixed.page-header-mini #main-container,
	#page-container.page-header-fixed.page-header-mini .winwrap.page{
		padding-top:50px;
	}



	body:not(.fixcssmobile).page-header-fixed.pagegap #main-container,
	body:not(.fixcssmobile).page-header-fixed.pagegap .winwrap.page{
	   padding-top:50px;
	}
	body:not(.fixcssmobile).page-header-fixed.pagegap.page-header-mini #main-container,
	body.fixcssmobile #main-container,
	body:not(.fixcssmobile).page-header-fixed.pagegap.page-header-mini .winwrap.page,
	body.fixcssmobile .winwrap.page
	 {
		padding-top: 50px;
	}

	body:not(.fixcssmobile).page-footer-fixed.pagegap #main-container {
	padding-bottom:75px;
	}

	body:not(.fixcssmobile).ispc #page-container.page-header-fixed.pagegap #main-container,
	body:not(.fixcssmobile).ispc #page-container.page-header-fixed.pagegap .winwrap.page{
		padding-top: 50px !important;
	}


	body.ispc #page-container #page-footer {
		margin-top: 0 !important;
	}



	#page-container.page-header-fixed.pagegap .grid_wrap{
	  min-height:calc(100vh - 50px);
	}
	#page-container.page-header-fixed.page-footer-fixed.pagegap .grid_wrap{
	  min-height:calc(100vh - 125px) !important;
	}

	#page-container.page-header-fixed.pagegap.page-header-mini .grid_wrap{
	  min-height:calc(100vh - 50px) !important;/*header50 */
	}
	#page-container.page-header-fixed.pagegap.page-header-mini.page-footer-fixed .grid_wrap{
	  min-height:calc(100vh - 125px) !important;/*footer75*/
	}

	.container,#page-container.pagegap .container{
	  padding-left:0;
	  padding-right:0;
	}

	/**************/


	.pagepadding_v {
		padding-top: 15px !important;
		padding-bottom: 70px !important;
	}
	.pagetoptitle{
	   margin-top:15px;
	}

	/**************/

	/**************/
		.mainbox_s1_top > div.conv2_100,
		#page-container:not(.page-full) .mainbox_s1_top > div.conv2_100{
		  width:100% !important;
		}
		.mainbox_s1_top > div.conv2_30,
		#page-container:not(.page-full) .mainbox_s1_top > div.conv2_30{
		  width:30% !important;
		}
		.mainbox_s1_top > div.conv2_70,
		#page-container:not(.page-full) .mainbox_s1_top > div.conv2_70{
		  width:70% !important;
		}
		.mainbox_s1_top > .conv_search .ind_m{
		  width:calc(100% - 40px) !important;
		  justify-content:flex-start !important;

		}
	/**************/


}
/**********************************************/
/**********************************************/
/**********************************************/

/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/