/*----------------------------------------------*/
*, *:before, *:after{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-box-sizing: border-box; -webkit-box-sizing:border-box;box-sizing:border-box;
}
/*----------------------------------------------*/
.fa, .fas,.fab,.fal,.far {
    font-family: FontAwesome;
    font-weight: normal;
	line-height:inherit;/*!important*/
}
/*----------------------------------------------*/

  /*
  주의!!!!!!!!!!!!
  html을  overflow-x: hidden 주면 jQuwey(window).scroll()안듣는다. 
  */

html,body {
    width:100%;
	-webkit-text-stroke: rgba(255,255,255,0.01) 0.1px;
	-webkit-text-stroke-width: 0.1px;/*
Use Wisely
For these last two hacks, each character re-rendered will require extra resources so it's best NOT to use these to render large swaths of copy. 
Use these on headers and global elements where you will have the most impact, but for the main copy use 'serif' or 'sans-serif' and let the browser decide.
그러나아래2개는 safari에서는 필요함 //by hp
*/
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	/*	-webkit-transform: translate3d(0, 0, 0);
	대부분의 글에서는 이걸 body에 줘야 블링크 없어진다 했는데
	절대 주면 안된다
	town에서 블링크 너무 심하다 2일 손해 봄
	*/
text-decoration: none;
  width:100%;height:100%;
  margin:0;padding:0;
}

body {
  font-family: "nxbase_en","Open Sans", sans-serif;
  color: #333; 
  font-size: 0.85rem;
  line-height:1.4;
 }
 .en{
  font-family: "nxbase_en","Open Sans", sans-serif;
 }

.sky-tabs{
  font-family: "nxbase_en","Open Sans", sans-serif;
}

.sky-tabs label .listwrap{
  display: flex;
  justify-content:flex-start !important;
}

.bgdrag:before{
    content: "\f0b2";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #000;
	width:19px;
	height:19px;
    background-color: #fff;
    z-index: 10;
}
/***********/
.main_tabs {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
	position: relative;
	text-align: left;	min-height:100%;

}
.main_tabs > ul {
	list-style: none;
	position: relative;
	display: block;
}
.main_tabs > ul > li {
	position: relative;
	top: 0;
	left: 0;z-index:0;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-ms-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;

}
.main_tabs > ul > li.on{
   position:relative;
   z-index:1;
}
.main_tabs > ul > li.opacity1{
   opacity: 1;
}
.topbtn_back{
   cursor:pointer;
   font-weight:bold;
   white-space:nowrap;
   display: flex;
  align-items: center !important;
}
.topbtn_back:before{
    content: "\f104";
    font-family: FontAwesome;
	font-weight:normal;
    font-size: 30px;
	padding-right:5px;
	cursor:pointer;
}
.btnw_default{
  width:150px;
}
.inlinegap .btn{
 margin-top:5px;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
}
.main_tab_page{
  width:100%;
  min-height:calc(100vh - 145px);/*header footer*/
  position:relative;
}
.main_tab_page.asidetab{
  width:100%;
  min-height:calc(100vh - 100px);/*header+@ */
  position:relative;
}
#nav_main_tab{
  display:none;
}
.main_tab_overlay{
    width:100%;height:100%;
	position:fixed;top:0;left:0;
	background-color:rgba(0,0,0,.1);
	z-index:100;
	display:none;
}
#main_tab2{
   display:none;
}
/***********/

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

.pageh_base{
  height:100%;
  padding:8px;/*mobile gap*/
  margin:0 auto;
}
.pageh_basein{/*site_ind.js  page_set()에서 재조정된다!*/
  height:100%;
}
.pageh_basein.fixh{
  overflow:hidden;
}

.pageh_exe{
  min-height:540px;
}

.grid_marginT{
 margin-top:20px;
}

.pagepadding{
  padding:15px 15px 10px 15px;
}
.grid_mob .pagepadding{
  padding:10px 10px 5px 10px;
}
@media (max-width: 480px) {
	.grid_marginT{
	 margin-top:10px;
	}
	.pagepadding{
	  padding:10px 10px 5px 10px;
	}

}

.title{
  font-weight:bold;
}

.main_title,.main_title_2{
   width:100%;
   text-align:center;
   margin-bottom:20px;
}
.main_title.list,.main_title_2.list{
   margin-bottom:10px;
}

.main_title span{/*regist etc.*/
   height:2px;
   width:200px;
   background-color:#e1e1e1;
   display:block;
   margin:auto;
}
.main_title span em{
  width:60px;
  height:2px;
  display:block;
  margin:auto;
  background-color:#fc5b62;
}
.main_title h6,.main_title .title{
  margin-top:10px;font-weight:bold;
}
.main_title_2 span{/*regist etc.*/
   height:2px;
   width:200px;
   max-width:100%;
   background-color:#e1e1e1;
   display:block;
   margin:auto;
}
.main_title_2 span em{
  width:60px;
  height:2px;
  display:block;
  margin:auto;
  background-color:#fc5b62;
}

.main_title_2.short span{
   width:100px;
}
.main_title_2.short span em{
  width:30px;
}

.main_title_2 h6,.main_title_2 .title{
  margin-top:10px;font-weight:bold;
}
.main_title_2.left{
   text-align:left;
}
.main_title_2.left span{
  margin-left:0;
  width:200px;
}
.main_title_2.left span em{
    margin-left:0;

}

/*---------------------------------------------*/
/* ====================================
// fix bootstrap
//참조   style main nav background: #f9f9fc;#f2f2f9;
// ====================================*/
/*scss 생성되서 강제되는 것방지!!!*/
.container{
  padding-left:10px;
  padding-right:10px;
}

@media (max-width: 576px){
	.container {
		max-width:100%;
	}
}
@media (min-width: 576px){
	.container {
		max-width:1140px;
	}
}
@media (min-width: 768px){
	.container {
		max-width:1140px;
	}
}
@media (min-width: 1200px){
	.container {
		max-width:1140px;
	}
}
#page-container.page-full .container,
#page-container.page-full .mgrid_main_wrap{
  max-width:100% !important;
}
/*---------------------------------------*/
.form-control{
   font-size:0.8rem;
   display:inline-block;
   line-height:2;
   color:#000;
   font-weight:bold;
}
.form-control:not(textarea){
   line-height:30px;
}
.form-control.area{
  min-height:30px;
  line-height:2;
  padding:9px;
}
select.form-control:not([size]):not([multiple]){
  height:30px;
}


a{color: #000; }
.required,textarea.required{
  background-image:url(img/circle_red1.png) !important;
  background-size:3px 3px !important;
  background-repeat:no-repeat !important;
  background-position:2px 3px !important;
}
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	height:30px;
	line-height:30px;
	padding:0 9px 0 9px;
	text-decoration: none;
	cursor: pointer;text-align:center;
	white-space:nowrap;
	position:relative;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
input,select,.inputfake {
    border:1px solid #ccc;
	background:none;
	outline:none;
	height:30px;
	line-height:30px;
	padding:0 0 0 9px;
}
.btn-shadow{
     box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	 -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.btn-black,.btn-default{
   background-color:#000;
   border-color: #000;
   color:#f2f2f2;
}
.btn-black:hover,.btn-default:hover{
   color:#ffffff;
}
.btn-abs-left{
 position:absolute;
 left:0;
}
.btn-abs-right{
 position:absolute;
 right:0;
}
img{max-width:100%;}
.wrcontent{
  min-height:400px;
  padding:10px;
}
.wrcontent.view{
  min-height:100px;
}
.wrcontent.view .viewvideo{
  min-width:80%;
  min-height:250px;
  margin:0 auto;
  background-position:center center !important;
  background-size:cover !important;
  position:relative;
}
.wrcontent.view .viewvideo:before{
    content: " ";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,.5);
}
.wrcontent.view .viewvideo:after{
    content: "\f144";
    font-family: FontAwesome;
    font-size: 80px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-40px;
	cursor:pointer;
}

.nxeditor_mainwrap .nx_upload_frame{
  position:absolute;
  top:35px !important;left:1px !important;
}
.nxeditor_mainwrap .wreditorwrap{
  padding-top:0;margin-top:-10px;border:1px solid #ccc;
}

.nxeditor_mainwrap .wrcontent{
       border:1px solid transparent;
}
/*--------------------------------------------*/
.dropdown{
   display: flex;
  align-items: center !important;
}
.dropdown-toggle::after {
    vertical-align:0;
	cursor:pointer;
  border-top: 0.4em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left:0;
}
.dropdown.show .dropdown-toggle::after {
  border-bottom: 0.4em solid;
  border-top: 0;
}
.dropdown.upside .dropdown-toggle::after {
    border-bottom: 0.4em solid;
    border-right: 0.3em solid transparent;
    border-top: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-menu{
  padding:0 0 0 0 !important;
  margin-top:-1px;
}
.nxselect{min-width:35px;}
.nxselect select{/*slelct2적용시 처음에 보이는것 방지*/
  opacity:0;
}
.nxselect select{width:100%;}

/*bootstrap select*/


.dropdown-menu,.select2-dropdown {
  background-color:#fff;
  border: none;
  border-radius:0;
  min-width:30px !important;
  /*
	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);
	*/
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.wrapdoc .dropdown-menu,.s2dropdownborder1 {
    border:1px solid #000 !important;
	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
}
.wrapdoc .panel-dropdown .panel-dropdown-content{
   top:40px;
   border-radius:0;
   border:1px solid #000;
   width:100%;
}

/*
dropdown-toggle이 높이에따라 dropdown-menutop의 위치가 달라진다 간격고정시키기위해 dropdown-toggle 높이를 고정한다
//이덜고정해도 이버튼의 높이는 그대로 이다
*/
.dropdown-toggle{
   height:29px;
   text-align:center;
   padding-left:5px;padding-right:5px;
}
/*
.dropdown-toggle i{
  line-height:32px;
}
.dropdown-toggle i.ibig{
  line-height:38px;
}

.dropdown-toggle i.ibigs{
  line-height:35px;
}
*/
/*****/

/* select2 는 select2-dropdown 을 body에 놓기때문에 이렇게하면 옵션열릴때 width전체가된다(모바일에서만그렇다!)
select자체에 width를 주면 적용된다
.select2-container{
  width:100%;
}
*/

.select2-container .select2-selection{ 
	 padding:0 9px 0 9px !important;text-align:center;
}

.select2-container .select2-selection img{ 
	 width:55px;
}
.select2-selection__arrow{
	height:20px !important;width:20px !important;line-height:20px;
	text-align:center;
	cursor:pointer;
	padding:0; 
	position:absolute;
	top:50% !important;right:1px;
	margin-top:-10px;
}

.nxselect .select2-selection{
   display: flex !important;
   justify-content: space-between !important;
}
.nxselect.selectcenter .select2-selection{
   display: flex !important;
  justify-content: center !important;
}

.nxselect .select2-selection__arrow{
	height:20px !important;width:20px !important;line-height:20px;
	text-align:center;
	cursor:pointer;
	position:relative;
}

.select2-selection__arrow b{top:50% !important;position:absolute;}


.select_icon .select2-container--default, .select_icon .select2-selection--single{
   background-color:transparent !important;
}
.select_icon .select2-selection__rendered{
   font-size:150%;padding:0 !important;margin-left:-4px;
   height:40px;line-height:45px !important;
}
.select_image .select2-selection__rendered{
   display:none !important;
}



.select_icon .select2-selection{
   border:none !important;
}
.select_icon .select2-selection{
   background-color:transparent !important;
}

.select2-selection{
	 border-width:0 0 1px 0;
}

.selectwrap-md .select2-selection,
.selectwrap-md .form-control{
  height:40px;line-height:45px;
}


.selectwrap-lg .select2-selection,
.selectwrap-lg .form-control{
  height:50px;line-height:50px;
}
.selectwrap-lg .btn-fix{
   width:50px;height:50px;line-height:50px;
}

.selectwrap-lg .select2-selection__arrow b{
 top:50% !important;
}

.selectwrap-sm .select2-selection,
.selectwrap-sm .form-control{
  height:30px;line-height:30px;
}
.selectwrap-sm .btn-fix{
   width:30px;height:30px;line-height:30px;
}

.selectwrap-sx .select2-selection,
.selectwrap-sx .form-control{
  height:25px;line-height:23px;
}
.selectwrap-sx .btn-fix{
   width:25px;height:25px;line-height:23px;
}

.selectwrap-df .select2-selection,
.selectwrap-df .form-control{
  height:30px;line-height:30px;
}
.selectwrap-df .btn-fix{
   width:30px;height:30px;line-height:30px;
}


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

/*---*/
.dropdown-item,.dropdown-header,.nav .nav-item, .navbar-nav .nav-item {
margin-bottom: 0;
margin-bottom: 0;
height:40px;line-height:40px;
padding: 0 10px 0 10px;
}
.dropdown-item a,.nav .nav-item a, .navbar-nav .nav-item a {
height:40px;line-height:40px;
padding: 0;
}
.select2-results__option{
   height:40px;line-height:30px;white-space:nowrap;
}

.dropdown,.select2-selection__rendered_div{
   height:30px;line-height:30px;
     display:flex;
}

.dropdown-divider{
  border-top: 2px solid #f2f2f2 !important;
}

.dropdown-toggle.round{
height:30px;width:30px;line-height:32px;
  border-radius: 50% !important;
}

.dropdown-toggle.round:after{
display:none;
}


.transparent .select2-selection{
  background-color:transparent;
  font-weight:bold;
}
.bold .select2-selection{
  font-weight:bold;
}


.select2_black .select2-selection__arrow{
  background-color:#000;
}
.select2_white .select2-selection__arrow{
  background-color:#fff;
  color:#00b8cc;
}
.select2-selection__arrow{
 border-radius:0;  
 background-color:transparent;
}
.select2-results__option{
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
 /*padding-right:20px;rended와 arrow차이맞추기*/
}
.dropdown-item, .dropdown-header{
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   border-radius:0;
}
/*이렇게주면 최우측 반응현 작동안한다!!!! 주의!!!!!
.dropdown-menu{
  left:-5px;
}
*/
.text-center .select2-results__option{
  text-align:center !important;
}

/*---*/
/***********************************/
.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:1px solid #000;
   border-width:0 0 1px 0 !important;
   border-radius:0 !important;
   -webkit-border-radius:0 !important;
}

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

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


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

.nxdropmenu_selectresult .select2-results__option,
.nxdropmenu .dropdown-item{
	color:#fff !important;
	background-color:#313131;

}
.nxdropmenu_selectresult .select2-results__option:nth-child(odd),
.nxdropmenu .dropdown-item:nth-child(odd){ 
	background-color:#393939;
}

.nxdropmenu .select2-selection__clear{
  display:none !important;
}

.nxdropmenu .dropdown-divider{
  border: 0 !important;
}

.nxdropmenu:not(.transparent) .dropdown-toggle,
.nxdropmenu:not(.transparent) .select2-selection__rendered_div{
   background-color:rgba(0,0,0,.15);
			-webkit-border-radius: 3px ;
			-moz-border-radius: 3px;
			border-radius: 3px;
}
.nxdropmenu:not(.transparent).dropdown.show .dropdown-toggle,
.nxdropmenu:not(.transparent) .select2-container--open .select2-selection__rendered_div{
      background-color:rgba(0,0,0,1);
}


.nxdropmenu:not(.transparent).dropdown.show .dropdown-toggle,
.nxdropmenu:not(.transparent) .select2-container--open .select2-selection__rendered{
	  color:#f2f2f2 !important;
}
.nxdropmenu .select2-selection__arrow b{
border-color:#000 transparent transparent transparent !important;
}
.nxdropmenu .select2-container--open .select2-selection__arrow b{
	 border-color: transparent transparent #fff transparent !important;
}

.nxdropmenu.transparent .select2-container--open .select2-selection__arrow b{
	 border-color: transparent transparent #000 transparent !important;
}


 .nxdropmenu_selectresult .select2-results__option:hover,
 .nxdropmenu_selectresult .select2-results__option[aria-selected=true],
 .nxdropmenu_selectresult .select2-results__option--highlighted[aria-selected],
 .nxdropmenu .dropdown-item:hover {
  color: #fff;
  background-color:rgba(0,0,0,1) !important;
  border-color:transparent !important;
}

.nxdropmenu .dropdown-menu,
.nxdropmenu_selectresult.select2-dropdown {
            background-color:transparent;
            border:1px solid transparent;
			border-top:8px solid transparent;

	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;

}
.nxdropmenu.upside .dropdown-menu,
.nxdropmenu_selectresult.upside.select2-dropdown {
    border-top:0;
	top:-7px !important;
}


.nxdropmenu.dropdown.show:after,
.nxdropmenu .select2-container--open .select2-selection:after{
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:7px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	bottom:-8px;
	margin-left:-7px;
}

.nxdropmenu.upside.dropdown.show:after,
.nxdropmenu.upside .select2-container--open .select2-selection:after{
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:7px solid transparent;
	border-top-color:#313131;
	left:50%;
	top:-8px;
	margin-left:-7px;
}


.nxdropmenu_selectresult .select2-results__option:first-child,
.nxdropmenu .dropdown-item:first-child{ 
	border-radius: 4px 4px 0 0 !important;
}
.nxdropmenu_selectresult .select2-results__option:last-child,
.nxdropmenu .dropdown-item:last-child{ 
	border-radius:0 0 4px 4px !important;
}

.nxdropmenu .dropdown-header{
  font-size:normal;
  font-weight:bold;
  background-color:#000;
  border-bottom:1px solid #666;
}
.nxdropmenu .dropdown-divider{
  background-color:#666;
  height:1px;
  margin:0;
  border-bottom:1px solid #666;
}

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

b,
strong,.strong {
  font-weight: bold;
}

.badge{color:#fff;}

@media (max-width: 480px) {
  .main-navigation .container-nav{
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}

/* =======================================
// end fix bootstrap
// =======================================*/




/* =======================================
// base add
// =======================================*/
.w100{width:100% !important;min-width:100%;}
.h100{height:100% !important;min-height:100%;}/*simplebar 내부에 들어가는 div등*/
.wh100{width:100%;height:100% !important;min-height:100%;}
.w350{width:350px !important;}
.wsmall{width:300px !important;}
.wmini{width:200px !important;}
.margincenter{margin:0 auto;}
.displaynone{display:none !important;}
.float-left{float:left;}
.float-right{float:right;}
.float-center{float:center;}
.bold{font-weight:700 !important;}
.pointer,.link{
  cursor:pointer;
}
.link:hover{color:#0080ff;}
.link.mark:before{
    content: "\f35d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
	padding-right:5px;
}
.link-mark:after{
    content: "\f35d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
	padding-left:5px;
}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.inlineblock{display:inline-block;}
.vmiddle{vertical-align:middle !important;}
.nowrap{white-space: nowrap !important;}
.relative{position:relative;}
.absolute{position:absolute;}
.right{right:0;}
.left{left:0;}
.uselectionnone,.uselectionnone *{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.nopaddingh{padding-top:0 !important;padding-bottom:0 !important;}
.nopaddingw{padding-left:0 !important;padding-right:0 !important;}
.noborder{border:none !important;}
.spanicon-ss{vertical-align:text-top !important;}
.spanicon-fa{vertical-align:middle !important;border-top:4px solid transparent;}
.spanicon-fas{vertical-align:middle !important;border-top:1px solid transparent;}
 .ibig{font-size:20px !important;line-height:20px;}
 .ibigs{font-size:18px !important;line-height:18px;}
 .ibigfa{font-size:17px !important;line-height:17px;}
 .ibigfas{font-size:15px !important;line-height:15px;}
.ibigplus{font-size: 25px !important; line-height: 25px;}
.cutstr{
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
display:inline-block !important;/*flex경우는 text-overflow 안된다*/
}
/*----------------*/
.fixscroll{
 width:100%;
 margin:0;
 padding:0;
 min-height:100px;
 overflow:auto;
}
.overflowyhidden{
 overflow-y:hidden;
}
.overflowxhidden{
 overflow-x:hidden;
}
.fixscroll-x{
  overflow-x:auto;
}
.fixscroll-y{
  overflow-y:auto;
}

.overflowauto{
  overflow:auto !important;
}
.overflowhidden{
  overflow:hidden !important;
}


/* ---- */
.loading_pin{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;z-index:10000;border-radius: 100%;}

.loading_pin:before,.loading_pin:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid transparent;
  border-top-color: #000; 
  }
.loading_pin:before{
  z-index: 100;
  animation: spin 1s infinite; }

.loading_pin:after{
  border: 5px solid #dfe8fb; }


.loading_part{
pointer-events: none;
}
.loading_part:before,.loading_part:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top:-12px;
  margin-left:-12px;
  border-radius: 100%;
  border: 3px solid transparent;
  border-top-color: #000; 
  }

.loading_part:before{
  z-index: 100;
  animation: spin 1s infinite;}

.loading_part:after {
  border: 3px solid #dfe8fb;}


.loading_mini:before,.loading_mini:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top:-5px;
  margin-left:-5px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color:#EF4135; 
  }

.loading_mini:before{
  z-index: 100;
  animation: spin 1s infinite;}

.loading_mini:after {
  border: 2px solid #dfe8fb;}

/* ---- */
.closexwin{z-index:110;position:absolute;top:5px;right:5px;color:#000;
text-align:center;cursor:pointer;
}
.shadow1{
 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.38);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.38);
}

.shadow2 {
    border: 1px solid #C8C8C8;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
}

.shadow3{
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
    box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.mask,.pagemask{background:rgba(0,0,0,.3);width: 100%;height: 100%;position:fixed;top: 0;left: 0;z-index: 9998;display:none;}
.masktr{background:rgba(0,0,0,0);width: 100%;height: 100%;position:fixed;top: 0;left: 0;z-index: 9998;display:none;}

/*tmpmessage*/
.tmpmessage_wrap{
display:block;
}


/*iwinwrapbox -> iwin.js iwindow가 최초생성되는 css*/
.tmpmessage_wrapin,.iwinwrapbox{
width:0px;height:0px;overflow:hidden;
margin:0 auto;border:0;background-color:#fff;

}
.tmpmessage_wrapin{
  width:300px;height:400px;
  position:relative;
}


.tmpmessage_in{
  width:100%;height:100%;
}
.tmpmessage_msg_html{
width:100%;
height:350px;overflow-x:hidden;overflow-y:auto;

}
.tmpmessage_men{
width:70px;height:70px;margin:40px auto;margin-bottom:10px;
}
.tmpmessage_msg{
display:flex;
justify-content: center !important;
max-height:160px;
overflow-x:hidden;overflow-y:auto;
}
.tmpmessage_msg .explain_wrap{
  max-width:230px;
  text-align:left;
  padding:10px 0 20px 0;
  word-break:break-all;
}
.tmpmessage_msg .explain_icon {
    color: rgba(252,60,0,1);
    font-size: 150% !important;
	width:20px;
	padding:5px 10px 0 0;
}

.iwin_fixwrap,.tmpmessage_fixwrap{
   width:100%;height:100%;
	position:relative;
	text-align:center;
	overflow:auto;
	/* flex주면 모바일에서 키보드올라올시 입력 위치안맞아진다!!!!!!!!!
	display:flex;
    align-items: center !important;
    justify-content: center !important;
	*/
}
/*checkbrowser()에서 body에 addclass ismobile,ispc*/
body.ispc .iwin_fixwrap,body.ispc .tmpmessage_fixwrap{
	display:flex;
	-ms-flex-flow:column nowrap;/*ie*/
    align-items: center !important;
    justify-content: center !important;
}
.listwrap{display:inline-block;}
.listtext{word-break:break-all;float:left;}
.listicon{float:left;margin:0 5px 0 0;}


/*error messge*/
.explain_wrap{
   display: flex;
   justify-content: center;
}
.explain_icon{width:20px;padding-right:10px;color:rgba(252,60,0,1);font-size:150% !important;}
.explain_text{padding-left:2px;padding-top:10px;text-align:left;display:inline-block;}
.explain_pointer{color:rgba(252,60,0,1);font-size:30px !important;}



/*iwindow-------------*/
.iwindowmask,.iwindowmask_message,.iwindowmask-tr{
	background:rgba(0,0,0,.1);width: 100%;height:100%;
	position:fixed;top: 0;left: 0;/*position:fixed;해야화면크기변하거나스크롤잇어도 채워지고내부에 relative두어 그 내부실제창 absolute한다!!!*/
	z-index: 1050;/*백버튼주소등이유로 두개를 팝업하지못하게 메뉴까지 다덮는다 */
	opacity:0;
	transition: opacity .3s;
}
.iwindowmask-tr{background:rgba(0,0,0,0);}

.winallwrap{/*in skin*/
	opacity:1;
	/*transition: opacity .3s;*/
}
.allwrapshowhide{
	opacity:1;
	transition: opacity .5s;
}


.iwinwrapboxshadow{/*iwinwrapbox 에 포함시키면 안된다 별도로 추가해야 한다!!!!!  nxincbase.js*/
box-shadow:0px 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.5);
}
.iwinwrapboxin_nopadding{/*지우면안됨 nxiwin.js*/
position:absolute;top:0;left:0;width:100% !important;height:100% !important;
padding:0;
}
/*//iwindow-------------*/
/*------------------------*/

.main-box {
	width:100%;min-height:55px;margin:0 auto;background-color:#fff;display:block;z-index:5;/*display:block;->중요 모바일에서백그라운드안나타난다*/
}
.mainboxshadow{/*반드시 main-box 와 별개로 추가한다!!!!! nxincbase.js*/
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.main-box-trn,.main-box-trnh{
  margin:0 auto;background:rgba(255,255,255,.5);display:block;z-index:5;/*display:block;->중요 모바일에서백그라운드안나타난다*/

}
.main-box-trn-on,.main-box-trnh-on,.main-box-trnh:hover{
  background:rgba(255,255,255,1) !important;
}
.main-box-round {
			-webkit-border-radius: 10px ;
			-moz-border-radius: 10px;
			border-radius: 10px;
}
.main-box-round-top {
			-webkit-border-radius:10px 10px 0 0;
			-moz-border-radius:10px 10px 0 0;
			border-radius:10px 10px 0 0;
}
.main-box-round-bottom {
			-webkit-border-radius:0 0 10px 10px;
			-moz-border-radius:0 0 10px 10px;
			border-radius:0 0 10px 10px;
}
/*---------------------------*/
.line__default{
  width:100%;height:1px;
  background-color:#10a9e2;
}
.line__gray{
  width:100%;height:1px;
  background-color:#ccc;
}
.line__black{
  width:100%;height:1px;
  background-color:#000;
}
.partbar__gray5{border-top:5px solid #f2f2f2;}
.partbar__gray2{border-top:2px solid #f2f2f2;}
.partbar__basic5{border-top:5px solid rgba(234, 244, 248, 1);}/*btn bg 와 갘게하다*/
.partbar__basic2{border-top:2px solid rgba(234, 244, 248, 1);}
/*-------------------------*/
.bordercolor__default{border: 1px solid rgba(187,219,253,.8) !important;}
.bordercolor__black{border: 1px solid rgba(0,0,0,1) !important;}
.bgcolor__default{background-color:rgba(234, 244, 248, 1) !important;}
.bgcolor__default_dim{background-color:rgba(234, 244, 248,.5) !important;}
.bgcolor__white{background-color:rgba(255, 255, 255, 1);}
.bgcolor__number{background-color:#56a8fa;color:#fff;}
 .bgcolor__viewvideo{
   background-color:#000;
 }
.bgcolor__viewvideo .closexwin{
    color:#fff;
}


.color__primary {
	color: rgba(252,60,0,1) !important;
}
.color__secondary {
	color: rgba(196,210,8,1) !important;
}
.color__tertiary {
	/*color: rgba(83, 178, 252, 1) !important;*/
	color: rgba(127,219, 253,1) !important;
}
.color__default {
	color: rgba(0,206,240,1) !important;
}
.color__white {
	color: rgba(252,255,255,1) !important;
}
.color__black {
	color: rgba(0,0,0,1) !important;
}
.color__dim {
	color: #f2f2f2 !important;
}
.color__gray {
	color: #aaa !important;
}
/* =======================================
// END base add
// =======================================*/

/* =======================================
// 
// =======================================*/
/*
#frame-wrap{
   position:relative;
   width:100%;height:100%;padding:0;margin:0;
   background-color:#eff3f5;
}
#frame-header{
   width:100%; height:70px;
   background-color:#fff;
   z-index:100;
}
body.fixedheader #frame-header{
  position:fixed;top:0;left:0;
}
#frame-page{/  heigh는 각ind js에서결정한다 // height:100%주면 scrollbar2개생긴다  /
   position:relative;
   width:100%;
   margin:0;padding:0;

}

#frame-body{/height는 각ind js에서결정한다/
   position:relative;
   width:100%;
   margin:0;padding:0;

}
body.fixedheader #frame-body{
   margin-top:70px;
}
#frame-footer{
   width:100%;
   margin:0;padding:0;
}
.footer-app{
    display:flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
	text-align:center;
	color:#fff;
}
.footer-app .btn-foot{
   width:100%;
   cursor:pointer;
}
.footer-app .btn-foot:hover{
   background-color:#171717;
}
*/
/*************************/
#frame-body{
   position:relative;
   width:100%;
   margin:0;padding:0;

}
#nxpagewrap_flat{
   z-index:1;
   width:100%;
   height:100%;
   opacity:0;
}
#nxpagewrap_flat.on{
   opacity:1;
}
#nxpagewrap_over{
  /*#header<#nxpagewrap_over<#footer<iwindow*/
   z-index:100;
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   height:100%;
   }
#nxpagewrap_over,.nxpage_over{
   display:none;
}
#nxpagewrapin_flat,#nxpagewrapin_over{
   position:relative;
   width:100%;
   min-height:100%;
   overflow:hidden;
}

.nxpage,.nxpage_exe{
   width:100%;
   height:100%;
}
.nxpage{
  padding:0;
}
.nxpage.off{
  display:none
}
.btn_pageback{
   height:30px;
   line-height:30px;
   padding:0 10px 0 5px;
   background-color:#000;
   color:#f2f2f2;
   position:absolute;top:0;left:0;
   cursor:pointer;
   display:none;
}
.btn_pageback.on{
   display:block;
}

.btn_pageback:before{
    content: "\f060";
    font-family: FontAwesome;
    font-size: 15px;
	margin-left:3px;
	margin-right:3px;
}
/*************************/


.page_body{
   position:relative;
   width:100%;
   height:100%;
  /*display:inline-block;  주면 simplebar 안듣는다!!!
  padding주면 simplebar 에 기존 스크롤바 보인다
  */
}
.page_bodyin{
   width:100%;
   height:100%;
  padding:10px;
}
.page_doc{
   width:600px;
   max-width:100%;
   padding:0;
   position:relative;
}
.title-sticky{
   position:absolute;
   top:-1px;left:-1px;
   height:45px;
   padding:10px;
   text-align:left;
   background-color:#e7f2f9;
}


#pagesplash{
   position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;
   background-color:#fff;
   padding:35px;
 }

#notice_orient{
position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background-color:#6ab8ff;z-index:10000;display:none;
background-image:url(../images/base/rotatedevice_p.png);
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
}



/* =======================================
// frame end
// =======================================*/

/* =======================================
// btn
// =======================================*/

/*
.btn{box-shadow:0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);}
*/
.btn,.btnx{
    font-size:0.8rem;
	text-align:center;
	height:30px;line-height:30px;
	padding:0 9px 0 9px;
}
.btn-md{
height:35px;line-height:32px;
padding:0 15px 0 15px;
}
.btn-lg{
height:52px;line-height:50px;
padding:0 25px 0 25px;
}
.btn-sm{
height:30px;line-height:30px;
padding:0 9px 0 9px;
}
.btn-xs{
height:25px;line-height:23px;
padding:0 7px 0 7px;
}

.btn-df{
height:30px;line-height:30px;
padding:0 9px 0 9px;
}
.btn-fix{
   position:absolute;
   right:0;
   top:0;
   border-radius:0;
}


.btn.btn-icons,.btn-md.btn-icons{
height:35px;width:35px;line-height:32px;
padding:0 !important;
}
.btn-lg.btn-icons{
height:52px;width:52px;line-height:50px;
padding:0 !important;
}
.btn-sm.btn-icons{
height:30px;width:30px;line-height:30px;
padding:0 !important;
}
.btn-xs.btn-icons{
height:20px;width:20px;line-height:18px;
padding:0 !important;
}

.btn-tmpmessage,.btnx,.btn-circle{
	height:30px;line-height:30px;
	padding:0 9px 0 9px;
  background-color: #000;
  color:#fff;
}
.btn-circle,.closexwin,.totop,.closesearch{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
	border-radius: 50% !important;
	height:30px;width:30px;line-height:30px;
	cursor:pointer;
	padding:0;
	z-index:5;
}

.formsearch:after{
    content: "\f0e2";
    font-family: FontAwesome;
    font-size: 15px;  
}
.closesearch {
    position: relative;color:rgba(252, 138, 88, 1);text-align:center;cursor:pointer;
	background:#000;
	display:inline-block;
}
 .closesearch:hover {
    background:#000;
	color:#fff;
}
 
.closesearch:before {
    content: "\f0e2";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    /*position: absolute;
    top: 10px;
    left: 0;*/
}

.closexwin,.totop{
	float:right;
	background-color: #f3f5f6;
	border-color: #f3f5f6; 
}
.closexwin:hover{
	background-color: #dde3e6;
	border-color: #dde3e6; 
}
.closex:not(:disabled):not(.disabled):active:focus, .closex:not(:disabled):not(.disabled).active:focus,
.totop:not(:disabled):not(.disabled):active:focus, .totop:not(:disabled):not(.disabled).active:focus {
   box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.13);
}

.closexwin:after{
   content: "\f156";
   font: normal normal normal 120% "Material Design Icons";
   z-index:9;
   line-height:30px;
   font-weight:bold;
}
.totop:after{
   content: "\f736";
   font: normal normal normal 120% "Material Design Icons";
   z-index:9;
   line-height:30px;
}
.totop {
  float:right;
  background-color: #000;
  border-color: #000; 
  color:#fff;
  position:fixed;
  bottom:10px;right:10px;
  display:none;
}

/*다른 btn 아래에 둬야한다!*/

.btn-tr{
background-color:transparent;
border:1px solid transparent;
color:#000;
}
.btn-trm{
background-color:#f2f2f2;
border:1px solid transparent;
color:#000;
}

.btn-tr:hover,.btn-trm:hover{
background-color:#dde3e6;
}
.btn-trb{
background-color:transparent;
border:1px solid #000;
}
.btn-trb:hover{
background-color:#e1effe;
}
/*-btn before---------------------------------------------------*/
.btn_eye:before{
    content: "\f06e";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}

.btn_x:before{
    content: "\f00d";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
	color: rgba(0,206,240,1);
}
.btn_insert:before,.btn_save:before{
    content: "\f00c";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_trash:before{
    content: "\f014";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_plus:before{
    content: "\f055";
    font-family: FontAwesome;
	font-size:115%;
	margin-right:3px;
}
.btn_minus:before{
    content: "\f056";
    font-family: FontAwesome;
	font-size:115%;
	margin-right:3px;
}
.btn_check:before{
    content: "\f14a";
    font-family: FontAwesome;
	font-size:115%;
	margin-right:3px;
}
.btn_arrowr:before{
    content: "\f0ee";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_start:before{
    content: "\f138";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_write:before{
    content: "\f044";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_refresh:before{
    content: "\f021";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_send:before{
    content: "\f1d9";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_copy:before{
    content: "\f0c5";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_upload:before{
    content: "\f0ee";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}

.btn_download:before{
    content: "\f0ed";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}


.btn_pen:before{
  content: "\F184";
  font: normal normal normal 110% "Material Design Icons";
  vertical-align:middle;
  margin-right:3px;
  line-height:100%;
}

.btn_broom:before{
  content: "\F0e2";
  font: normal normal normal 120% "Material Design Icons";
  vertical-align:middle;
  margin-right:3px;
  line-height:100%;
}


.btn_thumbup:before{
  content: "\F513";
  font: normal normal normal 110% "Material Design Icons";
  vertical-align:middle;
  margin-right:3px;
  line-height:100%;
}
.btn_thumbdown:before{
  content: "\F511";
  font: normal normal normal 110% "Material Design Icons";
  vertical-align:middle;
  margin-right:3px;
  line-height:100%;
}

 .btn-rhand:before{
  content: "\270b";
  font-family: SSGizmo;
  vertical-align:text-top;
  font-size:18px;
  line-height:120%;
}



.dotlist{
 position:relative;
 padding-left:11px;
 text-align:left;
}
.dotlist:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 7px;
	position:absolute;
	left:0;
	top:4px;
	padding-right:5px;vertical-align:middle;
}


.dotlist_small:before,.pagetitle-text.dot:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 4px;
	margin-right:3px;margin-left:3px;vertical-align:middle;
}

.dotlistL{
    width:100px;
}
.dotlistR{
    width:220px;
}

.vreadshow{
  width:10px;
  height:10px;
  position:relative;
}
.vreadshow.on:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 5px;
	color:#EF4135;
	position:absolute;
	left:3px;
	top:1px;
}

.comment{
    position:relative;
	padding-left:25px !important;
}
.comment:before{
  content: "\F184";
  font: normal normal normal 160% "Material Design Icons";
  position:absolute;
  top:0;left:0;
  color:rgba(252,60,0,1);
}
.comment_notice:before{
  content: "\F17e";
  font: normal normal normal 160% "Material Design Icons";
  position:absolute;
  top:0;left:0;
  color:rgba(252,60,0,1);
}
.comment_question:before{
  content: "\F186";
  font: normal normal normal 160% "Material Design Icons";
  position:absolute;
  top:0;left:0;
  color:rgba(252,60,0,1);
}
.explain_icon:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    /*position: absolute;
    top: 10px;
    left: 0;*/
}
.expdiv:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
	margin-right:5px;
	color:rgba(252,60,0,1);
}
.info_icon:before{
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    /*position: absolute;
    top: 10px;
    left: 0;*/
}
.question_icon:before{
    content: "\f059";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    /*position: absolute;
    top: 10px;
    left: 0;*/
}

.direct-left,.direct-right{
   width:30px;
   height:30px;
   line-height:30px;
   display:inline-block;
}
.direct-left:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 20px;
	font-weight:bold;
}
.direct-right:before{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
	font-weight:bold;
}
/*//btn before---------------------------------------------------*/

.box_comment:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right:5px;
    font-size: 25px;
	color:rgba(252,60,0,1);
}
.tmpmessagebox_comment{
  padding:10px 10px 10px 10px;
  width:100%;height:340px;
  text-align:center;
  display:flex;
  justify-content: center;
  align-items: center;
  overflow-x:hidden;overflow-y:auto;
}
.tmpmessagebox_html{
  width:100%;height:390px;
  text-align:center;
  display:flex;
  justify-content: center;
  align-items: center;
overflow-x:hidden;overflow-y:auto;
}

/* Pagination */
.pagination {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
	.pagination span {
		display: inline;
		margin: 0;
		padding: 0;
	}
	.pagination span a,
	.pagination span span {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0 2px;
		text-align: center;
		font-size: 95%;
		/*font-family: 'Arial', cursive;*/
		line-height: 28px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		text-decoration: none;
		background:rgba(234, 244, 248, 1);
		border: 1px solid rgba(187, 208, 253, 1);
		color: #555;cursor:pointer;

	}

  .pagination.small span a,
  .pagination.small span span {
		width: 25px;
		height: 25px;
		line-height: 23px;
  }
  .pagination.tr span a,
  .pagination.tr span span {
		background:#f2f2f2;
		border: 1px solid #f2f2f2;
		color: #555;
  }


	/*
		.pagination span:first-child a,
		.pagination span:first-child span {
			margin-left: 0;
		}
		.pagination span:last-child a,
		.pagination span:last-child span {
			margin-right: 0;
		}
	.pagination span a {


	}
	*/
	.pagination span.current span {
		background: rgba(0, 0, 0, 1);
		color:#fff;border:1px solid #000;
	}
	.pagination span a:hover{
		/*background: #f0f7fa;*/
		background: rgba(0, 0, 0, 1);
		color: #fff;border:1px solid #000;
	}
	.pagination span span {
	}

  .pagination.tr span.current span{
		color:#000;
        font-weight:bold;
		background:#dde3e6;;
		border: 1px solid #dde3e6;;
  }
  .pagination.tr span a:hover{
		color:#000;
        font-weight:bold;
		background:#dde3e6;;
		border: 1px solid #dde3e6;;
  }


	/* Prev and First */
	.pagination span.first,
	.pagination span.prev {
		float: left;
	}
	.pagination span.first a,
	.pagination span.prev a {
       font-size:110%;
	}
	.pagination span.first a:hover,
	.pagination span.prev a:hover {

	}
	/* Next and Last */
	.pagination span.next,
	.pagination span.last {
		float: right;
	}
	.pagination span.next a,
	.pagination span.last a {
        font-size:110%;
	}
	.pagination span.next a:hover,
	.pagination span.last a:hover {

	}
    .pagination span.crum{
        color: #d1defb;
		font-size:200%;
		letter-spacing:-3px;
	}
	
/* Pagination / End */
/* =======================================
// btn end
// =======================================*/

/* =======================================
// etc
// =======================================*/

/*iwindow---------------------------------*/

.pagetitle{
   height:40px;
   line-height:45px;
   font-weight:bold;
   padding-right:10px;/*front dot 로 글자가 우축으로 쏠리게보이는 것 방지*/
   display:flex;
   justify-content: center !important;
}

.nxblock{width:100%;min-height:300px;}


.winallwrap{/*blank.php  /  noiframe iwindow */
    width:100%;height:100%;
	padding:0;margin:0;
	position:relative;
}
.winbar_top{
width:100%;height:40px;line-height:40px;
background-color:#000;color:#f2f2f2;
position:fixed;
top:0;left:0;
padding:0 10px 0 10px;
z-index:10;
display: flex;
align-items: center !important;
}
.winbar_top.colorbg{
background-color:#000;
color:#f2f2f2;
}

.winbar_top.tr{
  border-bottom:1px solid transparent;
  background-color:transparent !important;
  color:#000;
}
.winbar_top.tr .pagetitle-text:before{
    color:rgba(127, 219, 253, 1);
}
.winbar_top.tr.bline{
  border-bottom:1px solid rgba(127, 219, 253, .7);
}

.winbar_bottom{
width:100%;height:40px;
line-height:40px;
background-color:#f1f1f1;
position:fixed;
bottom:0;left:0;
padding:0 10px 0 10px;
z-index:10;
display: flex;
align-items: center !important;
}
.winbar_bottom.tr{
  background-color:transparent !important;
  color:#000;
}
.winbar_bottom.tr.bline{
  border-top:1px solid rgba(127, 219, 253, .7);
}
.winbodywrap{
  padding:50px 10px 50px 10px;
  width:100%;height:100%;
}
.winbodywrap.nobottom{
   padding-bottom:0;
}
.winbodywrapin{
  width:100%;height:100%;
}
/*--------------------------*/
/*start between end 는 ms 들어가면 안된다!!!*/
.flex-center{
   width:100%;
   display: flex;
   -ms-flex-flow:column nowrap;/*ie*/
  justify-content: center !important;
}
.flex-left{
width:100%;
   display: flex;
   /*-ms-flex-flow:column nowrap;/*ie*/
  justify-content:flex-start !important;
}
.flex-right{
width:100%;
   display: flex;
   /*-ms-flex-flow:column nowrap;/*ie*/
  justify-content:flex-end !important;
}
.flex-between{
width:100%;
   display: flex;
  justify-content: space-between !important;
   /*-ms-flex-flow:column nowrap;*** between 은 들어가면 안된다/*ie*/
}
.flex-around{
width:100%;
   display: flex;
   -ms-flex-flow:column nowrap;/*ie*/
  justify-content: space-around !important;
}
.flex-middle{
   display: flex;
  -ms-flex-flow:column nowrap;/*ie*/
  -ms-flex-flow:row;/*ie*/
  align-items: center !important;
}
.flex-top{
   display: flex;
  align-items: top !important;
    -ms-flex-flow:row;/*ie*/

}
.flex-bottom{
   display: flex;
  align-items: bottom !important;
    -ms-flex-flow:row;/*ie*/

}
.flex-center-middle{
  display: flex;
  -ms-flex-flow:column nowrap;/*ie*/
  -ms-flex-flow:row;/*ie*/
  justify-content: center !important;
  align-items: center !important;
}
.flex-wrap{
flex-wrap: wrap;
}
/*bar---------------------------------------------------*/

.bar-container {
  margin: 0 auto;
  width: 300px;
  height: 40px;
  padding:5px 10px 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #FFF;
  background-color:#000;
  z-index:1000;display:inline-block;
  display:none;
}

.bar-percentage {
  float: left;
  background: rgba(0,0,0,0.13);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 40px;
  height: 25px;
  line-height:25px;
  margin-top:3px;
  text-align:center;
}

.bar-act-container {
  float: right;
  height: 10px;
  background: rgba(0,0,0,0.13);
  margin-top:10px;
  width: 230px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.bar-act {
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* COLORS */
.azure   { background: #38B1CC; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }


.bar-vcenter{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.bar-exp{text-align:left:padding:10px;color:#fff;display:inline-block;}

/*bar end ---------------------------------------------*/

.nx-box1{
  width:100%;
  margin-top:10px;
}
.nx-box1 .boxtitle{
  font-weight:bold;
  color:#000;
  margin-bottom:5px;
  text-align:left;
}

.nx-box1 .boxtitle:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 10px;
	margin-right:5px;
}

.boxarrange .indarrange{
  float:left;
  margin-right:10px;
  white-space:nowrap;
}

.custom-control-input:focus~.custom-control-label::before
{
  box-shadow:none;
}
.custom-control-default .custom-control-input:checked ~ .custom-control-label::before{
  background-color:#000;
}

.custom-checkbox .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");
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-checkbox .custom-control-label::before {
	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='silver' 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");
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-control .btn{
  height:30px;line-height:30px;
}
label.custom-control-label{
  padding-left:2px;
  padding-top:5px;
  line-height:30px;
  height:30px;
}

label.custom-control-label:before{
  width:25px;
  height:25px;
  border-radius:0 !important;
  border:1px solid #ccc;
  top:5px;
  left:-28px;
  outline:none !important;
  background-color:#fff;
}

.custom-radio label.custom-control-label::before{
  border-radius:50% !important;
}

label.custom-control-label:after{
  width:25px;
  height:25px;
  top:5px;outline:none !important;
  left:-28px;
}
.custom-control.custom-checkbox-only{
 padding-left:0;
 position:relative;
 width:25px;
}
.custom-control.custom-checkbox-only label{
  margin-left:0;
}
.custom-control.custom-checkbox-only label.custom-control-label:before,
.custom-control.custom-checkbox-only label.custom-control-label:after{
  left:0;
  top:5px;
}
/*----prevent system---*/
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{
background-image:none !important;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
  background-color:transparent;
}
/*-------*/

.custom-control-input:disabled ~ .custom-control-label{
   color:#000;
}
.custom-control-input:disabled ~ .custom-control-label:before{
   background-color:#f9f9f9;
   border-color:#ddd;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before{
   background-color:#000;
   border-color:#000;
}
.custom-control{
  height:30px;line-height:30px;
}
.custom-control label.custom-control-label{
  margin-top:0;
}
/* =======================================
// etc end
// =======================================*/



/* =======================================
// scroll
// =======================================*/
/*자체css에서처리한다 손대지말것!!!!!!!!!!!!
	.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar {
		padding: 0 2px 0 0;
	}
	.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {
		width: 5px;
	}
	.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
		border-radius: 2px;
		background-color: #e5e5e5;
	}
	
	.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
		background: rgba(0, 0, 0, 1);
	}

	.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
		border-radius: 2px;
	}
	*/

	.viewscrollbar::-webkit-scrollbar,
	.redactor_editor::-webkit-scrollbar,
	.select2-results__options::-webkit-scrollbar,
	.ui-jqgrid-bdiv::-webkit-scrollbar{
		max-width: 3px;
		max-height: 3px;
	}
	.viewscrollbar::-webkit-scrollbar-track,
	.redactor_editor::-webkit-scrollbar-track,
	.select2-results__options::-webkit-scrollbar-track,
	.ui-jqgrid-bdiv::-webkit-scrollbar-track{
		/*background-color: rgba(0,0,0,0.1);/*rgba로하면 background색상에따라 변한다!*/
		background-color: #ccc;
		border-radius: 2px;
	}
	.viewscrollbar::-webkit-scrollbar-thumb,
	.redactor_editor::-webkit-scrollbar-thumb,
	.select2-results__options::-webkit-scrollbar-thumb,
	.ui-jqgrid-bdiv::-webkit-scrollbar-thumb{
	    /*background-color: #4b7e8b;*/
		background-color:#000 !important;
		border-radius: 2px;
	}
	.viewscrollbar::-webkit-scrollbar-corner,
	.redactor_editor::-webkit-scrollbar-corner,
	.select2-results__options::-webkit-scrollbar-corner,
	.ui-jqgrid-bdiv::-webkit-scrollbar-corner{
	}

@media (min-width: 769px) {
	::-webkit-scrollbar {
		max-width: 3px;
		max-height: 3px;
	}
	::-webkit-scrollbar-track {
		/*background-color: rgba(0,0,0,0.1);/*rgba로하면 background색상에따라 변한다!*/
		background-color: #ccc;
		border-radius: 2px;
	}
	::-webkit-scrollbar-thumb {
	    /*background-color: #4b7e8b;*/
		background-color:#000 !important;
		border-radius: 2px;
	}
	::-webkit-scrollbar-corner {
	}
}
.pointshow_hscroll{
     float:right;
     width:20px;
	 height:20px;
	 cursor:pointer;
	 display:none;
}


/* =======================================
// scroll end
// =======================================*/

/* =======================================
// wr form
// =======================================*/
.form-group{
   width:100%;
   display:inline-block;
   margin-bottom:0;
   margin-top:5px;
   position:relative;
   text-align:left;
}

.form-group .select2-container{ 
	 min-width:100%;
}
.form-group.wauto{
  width:auto;
  text-align:center;
}
.form-group .btn-abs-right,.form-group .btn-abs-left{
 bottom:0;
}
label{
   vertical-align:bottom !important;
   height:0.8rem;
   margin-left:10px;
   margin-bottom:5px;
   font-size:0.75rem;
   color:#999;
   font-weight:bold;
}
.styletab1 > label{
  margin-left:2px;
}
label.istooltip{
  height:1.0rem;
  margin-top:-5px;
}
.custom-control-label{
  vertical-align:middle !important;
}
p{
  margin-bottom:0;
}

@media only screen and (max-width: 480px),
(min-device-width: 0px) and (max-device-width: 479px){


}
/* =======================================
// END wr form
// =======================================*/



/* =======================================
// 
// =======================================*/

/* =======================================
// END 
// =======================================*/


/*--simplebar--------------*/
    /*
	fa-caret-down fod7 / fa-caret-up f0d8 / / fa-caret-left f0d9 / fa-caret-right f0da /
	  f0td / f07e
	*/   

/*
.simplebar-track.simplebar-horizontal{
  height:20px;
  z-index:20;
  left:0;right:0;  bottom:2px;

}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
  height:20px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
	bottom:0;
	height:1px;
	background-color:rgba(0,0,0,1);
	border-radius: 0;
	opacity:0;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:after{
    content: "\f07e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 30px;
	line-height:17px;
	position:absolute;
	bottom:-3px;
	left:50%;
	margin-left:-12px;
	cursor:pointer;
	color:#000;
	opacity:1;
}


.simplebar-track.simplebar-vertical{
  width:20px;
  right:0;
   z-index:20;
   top:10px;bottom:10px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar{
  width:20px;
    right:0;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    left:auto;
	right:0;
	width:1px;
	background-color:rgba(0,0,0,1);
	opacity:0;
	border-radius: 0;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:after{
    content: "\f07d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 26px;
	color:rgba(0,0,0,1);
	position:fixed;
	right:0px;
	line-height:100%;
	top:50%;
	margin-top:-13px;
	cursor:pointer;
	opacity:1;
}



.simplebar-scrollbar{
  height:20px;
  opacity:1;  cursor:pointer !important;

}
.simplebar-scrollbar.simplebar-visible,.simplebar-scrollbar.simplebar-visible:before{
  opacity:1 !important;
}
*/
/*--//simplebar--------------*/
/*--overlay-----------------*/
.nxscroll_s{
   width:100%;
   padding:0;margin:0;
   overflow:hidden;
}


.nxscroll_s.os-host{
   padding-left:15px;
   padding-right:15px;
}

.nxscroll_s.os-host.os-host-scrollbar-vertical-hidden{
   padding-left:0;
   padding-right:0;
   margin-left:0;
   margin-right:0;
}
.os-scrollbar-corner{
   display:none;
}
.nxscroll_s .os-scrollbar-vertical{
   width:20px;
}

.nxscroll_s .os-scrollbar-horizontal{
   height:20px;
   z-index:2;
}


.nxscroll_s{/*os-padding 이 absolutel라 아래공간확보해야 보인다!*/
   padding-bottom:25px;
   padding-top:0;
}
.nxscroll_s.top{/*os-padding 이 absolutel라 아래공간확보해야 보인다!*/
   padding-bottom:0;
   padding-top:25px;
}
/*
.nxscroll_s.top .os-padding{
   top:25px;
   bottom:0;
}
*/
.nxscroll_s.top.os-host-scrollbar-horizontal-hidden .os-padding{
   top:0;
}
.nxscroll_s.os-host-scrollbar-horizontal-hidden,
.nxscroll_s.top.os-host-scrollbar-horizontal-hidden
{
   padding-bottom:0;
   padding-top:0;
}
.nxscroll_s.top.fixedgap.os-host-scrollbar-horizontal-hidden
{
   padding-top:10px;
}

.nxscroll_s.os-host-scrollbar-horizontal-hidden .os-scrollbar-horizontal{
   display:none;
}


.nxscroll_s.top .os-scrollbar-horizontal{
   position:absolute;
   top:0;
   margin-top:0;
}
.nxscroll_s.top .mainbox_s1_top{
   padding-top:0 !important;
}
.nxscroll_s .os-scrollbar-horizontal,.os-theme-round-dark > .os-scrollbar-horizontal{
	left:40px;
	right:50px;
}
.nxscroll_s .os-scrollbar-vertical,.os-theme-round-dark > .os-scrollbar-vertical{
	top:20;
	bottom:40px;
}
.nxscroll_s.os-host.noborder-scroll .os-scrollbar-horizontal
,.nxscroll_s.os-host.noborder-scroll .os-theme-round-dark > .os-scrollbar-horizontal{
	left:0;
	right:20px;
}
.nxscroll_s.os-host.noborder-scroll.os-host-scrollbar-vertical-hidden  .os-scrollbar-horizontal{
  right:0;
}
.nxscroll_s.os-host.noborder-scroll .os-scrollbar-vertical
,.nxscroll_s.os-host.noborder-scroll .os-theme-round-dark > .os-scrollbar-vertical{
	top:0;
	bottom:20px;
}
.nxscroll_s.os-host.noborder-scroll.os-host-scrollbar-horizontal-hidden  .os-scrollbar-vertical{
  bottom:0;
}

.os-theme-nav-dark > .os-scrollbar-horizontal{
	width:130px !important;
	margin:0 auto;
}



.dnav{
  height:35px;
  line-height:35px;
}

.dnav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size:100%;
     display: flex;
  justify-content: center;
}
.dnav ul li{
  width:auto;
  white-space:nowrap;
  padding:0 15px 0 15px;
  margin: 0 5px 0 0;
  border:1px solid transparent;
  background:#f8f8f8;
  float: left;
  height: 100%;
  text-align: center;
  cursor: pointer;
  font-weight:bold;
  display:flex;
}

.dnav ul li.active{
  background:#7fdbfd;
}

.dnav ul li:hover{
  background:#b1e9fe;
}

.dnav ul li i {
    /*display:none;*/
	margin-right:5px;
}
/*--//overlay--------------*/

/*--rolling--------*/
  
.rolling_red_10{
  background-size:cover;
  background-position:center center;
  width:10px;
  height:10px;
  background-image:url(rolling_red.gif);
}
.rolling_red_25{
  background-size:cover;
  background-position:center center;
  width:25px;
  height:25px;
  background-image:url(rolling_red.gif);
}
.rolling_red_50{
  background-size:cover;
  background-position:center center;
  width:50px;
  height:50px;
  background-image:url(rolling_red.gif);
}

.rolling_black_10{
  background-size:cover;
  background-position:center center;
  width:10px;
  height:10px;
  background-image:url(rolling_black.gif);
}
.rolling_black_25{
  background-size:cover;
  background-position:center center;
  width:25px;
  height:25px;
  background-image:url(rolling_black.gif);
}
.rolling_black_50{
  background-size:cover;
  background-position:center center;
  width:50px;
  height:50px;
  background-image:url(rolling_black.gif);
}

.rolling_white_10{
  background-size:cover;
  background-position:center center;
  width:10px;
  height:10px;
  background-image:url(rolling_white.gif);
}
.rolling_white_25{
  background-size:cover;
  background-position:center center;
  width:25px;
  height:25px;
  background-image:url(rolling_white.gif);
}
.rolling_white_50{
  background-size:cover;
  background-position:center center;
  width:50px;
  height:50px;
  background-image:url(rolling_white.gif);
}

/*--//rolling--------*/


/*--------------------------*/
.dofile-indwrap{
   position:relative;
   margin-left:3px;
   margin-bottom:5px;
   min-height:25px;
   float:left;
}
.dofile-indwrap.isimage{
   width:150px;
   max-width:100%;
      border:1px solid #ccc;
   float:left;

}

.dofile-indwrap-top{
top:0;left:0;
height:25px;
padding:0;;
background-color:#f2f2f2;
width:100%;
z-index:3;
display:flex;
justify-content: space-between !important;
}
.dofile-indwrap-top div{
  text-align:left;
 }
.dofile-indwrap-top .indtext{
  padding-left:3px;
  padding-right:3px;
 }
 .dofile-indwrap-top .indicon-delete,
 .dofile-indwrap-top .indicon-down,
 .dofile-indwrap-top .indicon-video{
   width:30px;text-align:right;
  cursor:pointer;
 }
 .dofile-indwrap-top .indicon-down,
 .dofile-indwrap-top .indicon-video{
   margin-right:10px;
 }
 
.dofile-indwrap.isimage .indicon-delete{
  float:right;
 }
.dofile-indwrap-bottom{
   width:150px;
   height:150px;

}

.dofile-indwrap-bottom .image{
   width:100%;height:100%;
   background-position:center center;
   background-size:cover;
   z-index:2;
}

.upload-exe-wrap{
  width:250px;height:15px;
  paddin:0;margin:0;
  overflow:hidden;
}
.upload-exe-frame{
  width:200px;height:15px;
  overflow:hidden;
  /*z-index:100;*/
}
.upload-resultshow.image .dofile-indwrap-top{
   background-color:transparent;
}
.upload-resultshow.image .dofile-indwrap-top .indicon,.upload-resultshow.image .dofile-indwrap-top .indicon-down{
   display:none;
}
.upload-resultshow.image .dofile-indwrap-top .indicon-delete{
   width:25px;
   height:25px;
   line-height:30px;
   text-align:center;
   background-color:#000;
   color:#fff;
}
 .dofile-indwrap-top .indicon-delete:hover,
 .dofile-indwrap-top .indicon-down:hover,.upload-resultshow.image .dofile-indwrap-top .indicon-delete:hover{
   color:#00b8cc;;
 }

/*----*/
.ui-sortable-handle a{
   cursor:move;
}
.ui-widget-header {
    border:1px solid transparent;
	border-radius:0;
    background:#e1effe;
    color: #000;
    font-weight:normal;
}
.ui-widget-header a{
   border:1px solid transparent;
   border-radius:0;
   background:none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  top:8px;
  cursor:pointer;
}

.ui-widget-header a:hover{
   background:none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    height:30px;
    border: 1px solid #000;
    font-weight: normal;
    color: #000;
	background:#fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    color: #fff;
	background:#000;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    color: #000;
	background:#e1effe;
}
.ui-slider .ui-slider-handle {
    width: 25px !important;
    height: 25px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #000;
    cursor: pointer;
}


.ui-widget-content {
    border: 1px solid #000;
    background: #ffffff;
    color: #000;
	border-radius:0;
}
.ui-slider-horizontal{
     border-width:0 0 1px 0;
	 height:10px;
}
.ui-timepicker-div{
  font-size:13px;
}
.ui-timepicker-div dl dd {
    margin: 10px 20px 20px 70px;
}
.ui_tpicker_time_label{
padding-top:7px !important;

}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
   border:0 !important;
   font-weight:bold;
   text-align:center;
}
/*----*/

.captcha label{
display:none;
}

.agreebox{
   width:100%;
   text-align:left;
   position:relative;
}

.agreebox ul li{
  height:30px;
  margin-bottom:14px;

}

.agreebox{
   width:100%;
   text-align:left;
   position:relative;
}

.agreebox ul li{
  height:30px;
  margin-bottom:14px;

}

.agreebox .btn-openagree{
   float::right;
   line-height:30px;
   font-size:18px;
   position:absolute;
   right:0;
   top:3px;
   cursor:pointer;
}
/*
.agreebox .custom-control-label{
   padding-right:20px;
}
*/
.divider_form{
   position:relative;
   width:100%;
   margin-bottom:20px;
}
/*---------------------------------*/
.navq{
   color:#000;
   border:1px solid #fff;
   text-align:center;
}
.navq_in{
   width:100%;
}

.navqq .navq_in{
   color:#000;
   height:60px;
   line-height:60px;
}

.navqq{
   vertical-align:center;
   text-align:center;
   border: solid #ccc;
}
.navqq.PTL{
   border-width:0 1px 0 0; 
}
.navqq.PTM{
   border-width:0 1px 0 0; 
}
.navqq.PTR{
   border-width:0 0 0 0; 
}

.navqq.PML{
   border-width:1px 1px 0 0; 
}
.navqq.PMM{
   border-width:1px 1px 0 0; 
}
.navqq.PMR{
   border-width:1px 0 0 0; 
}
/*---------------------------------*/

.inbox_border1{
   border:1px solid #ccc;
   padding:10px;

}

.afteryear:before{
  content:'year';
  position:absolute;
  right:3px;
  top:0;
  color:#999;
}
.aftermonth:before{
  content:'month';
  position:absolute;
  right:3px;
  top:0;
  color:#999;
}
.afterdate:before{
  content:'date';
  position:absolute;
  right:3px;
  top:0;
  color:#999;
}

/*----------------*/
.print_a4{
width:800px;
height:1100px;
margin:0 auto;
}
.printin_a4{
width:720px;
height:1040px;
margin:0 auto;

}
.printmaxw_a4{
max-width:800px;
}
.page-break { display:block; page-break-before:always; }