/*----------------------------------------------*/
*, *: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;
}
/*
*:not(.wrcontent):not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}
*/
div:not(.wrcontent),span:not(.wrcontent),p:not(.wrcontent),li:not(.wrcontent){
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}
/*----------------------------------------------*/
.fa, .fas,.fab,.fal,.far {
    font-family: FontAwesome;
    font-weight: normal;
	line-height:inherit;/*!important*/
}
/*----------------------------------------------*/
*:focus,*:active{
    outline: none;
}
a:hover{
  text-decoration:none;
}
  /*
  주의!!!!!!!!!!!!
  html을  overflow-x: hidden 주면 jQuwey(window).scroll()안듣는다. 
  *//******************/
/******************/
/******************/
html,body{
	/*overflow: hidden !important;*/
	width:100vw;
	height:100vh;
	min-height:100vh;
	max-height:100vh;
  position:relative;
}

#page-container {
	width:100vw !important;
	height:100vh;
	min-height:100vh;
	max-height:100vh;
	overflow:hidden;
	position:relative;
}
#main-container{
    width:100vw !important;
	height:100vh;
	max-height:100vh;
	min-height:100vh;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0 !important;
	position:relative;
	display:inline-block;
	/*
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	*/

}
#main-container.lock{
   overflow:hidden !important;
}
#nxpagewrap_maintab > ul{
		-webkit-backface-visibility: hidden;
}
#nxpagewrap_maintab > ul > li{
	/*height:100vh;주면scroll제한된다 // width100vw주면 response안된다!!!!!*/
	min-height:100vh;
	width:100%;
	-webkit-backface-visibility: hidden;
}



#nxpagewrap_maintab > ul {
   min-height:100vh;
   width:100%; 
}
/******************************/

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

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





ul {
  list-style-type: none;
}






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


#main-container,.winwrap.page{
   width:100vw;
   height:100vh;
   min-height:100vh;
   overflow-x: hidden;
   overflow-y: auto;
   padding:0 0 0 0;
   position:relative;
   /*-webkit-overflow-scrolling: touch;*/
}
.winwrap.page{
  -webkit-overflow-scrolling: touch;
}
/*
.mgrid_main_wrap{
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	perspective: 1000;
	-webkit-perspective: 1000;
}
*/
.touch_scroll{
   -webkit-overflow-scrolling: touch;
}

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

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



  
.title {
font-weight:bold;
    height: 30px;
    line-height: 30px;
    width: 100%;
	padding-left:5px;
}

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

}


.emline span{
   width:100%;
   background-color:#e1e1e1;
   display:block;
   margin:auto;
   text-align:center;
}
.emline span em{
  width:80%;
  max-width:150px;
  height:2px;
  display:block;
  margin:auto;
  background-color:#fc5b62;
}

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

#page-container.page-full .container,
#page-container.page-full .mgrid_main_wrap{
  max-width:100% !important;
}
/*---------------------------------------*/
.form-control{
   /*display:inline-block;slelct 깨진다*/
   line-height:2;
   color:#000;
   font-weight:bold;
   padding:0 0 0 9px;
}

select.form-control.text-center{
  text-align-last: center;
}
.form-control:not(textarea){
   line-height:35px;
}


.form-control.area{
  min-height:35px;
  line-height:2;
  padding:9px;
}


select.form-control:not([size]):not([multiple]){
  height:35px;
}


a{color: #000; }
.required,textarea.required{
  background-image:url(img/circle_red1.png) !important;
  background-size:5px 5px !important;
  background-repeat:no-repeat !important;
  background-position:0 0 !important;
}
.btn,.btnx,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	height:35px;
	line-height:35px;
	padding:0 9px 0 9px;
	text-decoration: none;
	cursor: pointer;text-align:center;
	white-space:nowrap;
	position:relative;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.btn-icon{
  font-size:30px;
  line-height:30px;
}
.btn-icon_s{
  font-size:28px;
  line-height:28px;
}
.btn-icon_b{
  font-size:32px;
  line-height:32px;
}
input,select,.inputfake {
    border:1px solid #ccc;
	background:none;
	outline:none;
	height:35px;
	line-height:35px;
	padding:0 0 0 9px;
}


select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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% - 20px) center;*/
  background-position: 100% center;
  background-repeat: no-repeat;
}
.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-danger{
   background-color:#f87b00;
   border-color: #f87b00;
   color:#f2f2f2;
}
.btn-light {
    color: #212529;
    background-color: #f2f4f7;
    border-color: #f2f4f7;
}
.btn-success{
   background-color:#c5f829;
   border-color: #c5f829;
   color:#fff;
}
.btn.disabled,.btn:disabled{
  background-color: #e4e9ef !important;
  background-color: #e4e9ef !important;
  color:#212529 !important;
}
.btn-abs-left{
 position:absolute;
 left:0;
}
.btn-abs-right{
 position:absolute;
 right:0;
 top:0;
}
.btn-abs-right.bottom{
  bottom:1px !important;
  top:auto;
}
img{max-width:100%;height:auto;}
.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:15px !important;margin-top:-10px;
}
*/

.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*/
.select2-dropdown{
 z-index:10000;
}

.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;
}
.select2-container,.select2-results__options{
  max-width:100% !important;
}

.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,
.select_icon .select2-selection--multiple{
   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:35px;line-height:40px;
}


.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:35px;line-height:35px;
padding: 0 10px 0 10px;
}
.dropdown-item a,.nav .nav-item a, .navbar-nav .nav-item a {
height:35px;line-height:35px;
padding: 0;
}
.select2-results__option{
   padding-top:0;
   height:35px;line-height:35px;white-space:nowrap;
}

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

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

.dropdown-toggle.round{
height:35px;width:35px;line-height:37px;
  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;
}

.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,
.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: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-color:rgba(0,0,0,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;}


/* =======================================
// 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%;}
.margincenter{margin:0 auto !important;}
.translate3d0{
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.displaynone{display:none !important;}
.float-left{float:left;}
.float-right{float:right;}
.float-center{float:center;}
.bold{font-weight:700 !important;}
.wbreak_all{word-break: break-all;}
.wbreak_word{word-break: break-word;}
.normal{
font-weight:normal !important;
}
.lowercase{
text-transform: lowercase;
}
.uppercase{
text-transform: uppercase;
}
.pointer,.link{
  cursor:pointer;
}
.opacity0{
  opacity:0 !important;
}
.opacity1{
  opacity:1 !important;
}
.fixtotop{
position:fixed; top:0; left:0; z-index:100;
}
.showhide.disabled{
  pointer-events: none;
  -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  filter: grayscale(60%);
}
.showhide.hide{
  display:none;
}
.link:hover{color:#000;}
.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:transparent !important;}
.transparent{background-color:transparent !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{
width:100%;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
display:inline-block !important;/*flex경우는 text-overflow 안된다*/
}
.opacityexe{
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.opacityexe_list{
  opacity:0;
}
.opacityexe_list.on{
	opacity:1;
-webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/*ios 에서는 반드시 .opacityexe nxtrans 설같이쓰면안된다 제거해가면사용해여한다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.nxtrans{
  -webkit-transition: transform 0.25s;
     -moz-transition: transform 0.25s;
       -o-transition: transform 0.25s;
          transition: transform 0.25s;
}
.nxtransR{
	 -webkit-transform:translateX(100vw);
	 transform:translateX(100vw);
}
.nxtransL{
	 -webkit-transform:translateX(-100vw);
	 transform:translateX(-100vw);
}




.absL{
  position:absolute;
  top:0;left:0;
}
.absR{
  position:absolute;
  top:0;right:0;
}
.absL_bg{
   background-position:left top;
   background-repeat:no-repeat;
}
.absR_bg{
   background-position:right top;
   background-repeat:no-repeat;
}
/*----------------*/
.fixscroll{
 width:100%;
 margin:0;
 padding:0;
 min-height:100px;
 overflow:auto;
}
.overflowyhidden{
 overflow-y:hidden;
}
.overflowxhidden{
 overflow-x:hidden;
}
.fixscroll-x{
   overflow-y:hidden;
  overflow-x:auto;
}
.fixscroll-y{
  overflow-y:hidden;
  overflow-y:auto;
}

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


/* ---- */
.loading_pin{
position:absolute;left:50%;top:50%;width:34px;height:34px;
margin:-67px 0 0 -17px;
z-index:10000;border-radius: 100%;
}
.loading_pin.center{
   margin-top:-17px !important;
}
.loading_pin:before,.loading_pin:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid transparent;
  border-top-color: #000; 
  }
.loading_pin:before{
  z-index: 100;
  animation: spin 1.5s infinite; 
  -webkit-animation: spin 1.5s infinite;
  }

.loading_pin:after{
  border: 3px 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 1.5s infinite; 
  -webkit-animation: spin 1.5s 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 1.5s infinite; 
  -webkit-animation: spin 1.5s infinite;
  }

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

/* ---- */

.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%;
  padding:10px;
  position:relative;

}
.btn-tmpmessage{
  width:260px;
  position:absolute;
  bottom:20px;
  left:20px;
}


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

}
.tmpmessage_men{
width:50px;height:50px;margin:30px 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 !important;
  word-break:break-all;
  border:0 !important;
}
.tmpmessage_msg .explain_icon {
    color: #ff661c;
    font-size: 150% !important;
	width:20px;
	padding:2px 10px 0 0;
}

.iwin_fixwrap,.tmpmessage_fixwrap{
   width:100%;height:100%;
	position:relative;
	text-align:center;
	overflow:auto;
	/* iwindow 는 flex주면 모바일에서 키보드올라올시 입력 위치안맞아진다!!!!!!!!!
	display:flex;
    align-items: center !important;
    justify-content: center !important;
	*/
}
/*checkbrowser()에서 body에 addclass ismobile,ispc*/
body.ispc .iwin_fixwrap,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;
   border:1px solid #7fdbfd;
   padding:10px;
}
.explain_icon{width:20px;padding-top:2px;color:#ff661c;font-size:150% !important;}
.explain_text{padding-left:2px;padding-top:10px;text-align:left;display:inline-block;}
.explain_pointer{color:#ff661c;font-size:30px !important;}

.explain_box{
   border:1px solid #7fdbfd;
   padding:10px 10px 10px 20px;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
}
.explain_box:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: 0;

}

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

.iwinwrapboxbody{
width:100%;
padding:0;
}
.iwinwrapboxbody.sckind1{
 position:relative;
 height:100vh !important;
 overflow:scroll !important; -webkit-overflow-scrolling: touch;
}
.iwinwrapboxbody.sckind1{
position:relative;
 height:calc(100vh - 50px) !important;
 overflow:scroll !important; -webkit-overflow-scrolling: touch;
}
/*-----------------------------------*/


.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;
}
.iwinwrapbox[data-expandkind="fullin"]{
    -webkit-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}

.iwinwrapbox[data-expandkind="fullin"].iwinwrapboxshadow{
box-shadow:0 0 0 rgba(0,0,0,0) !important;
-webkit-box-shadow:0 0 0 rgba(0,0,0,0) !important;
-moz-box-shadow:0 0 0 rgba(0,0,0,0) !important;
}

/*//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;
}
.line__red{
  width:100%;height:1px;
  background-color:#fc5b62;
}

.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__dim{
  background-color:#f2f2f2;
}
 .bgcolor__viewvideo{
   background-color:#000;
 }
.bgcolor__viewvideo .closexwin{
    color:#fff;
}


.color__primary {
	color: #ff661c !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;
}

.resultbox__primary{
  width:100%;
  border:10px solid #ff661c;
}
.resultbox__secondary{
  width:100%;
  border:10px solid rgba(196,210,8,1);
}
.resultbox__tertiary{
  width:100%;
  border:10px solid rgba(127,219, 253,1);
}
.resultbox__black{
  width:100%;
  border:10px solid rgba(0,0,0,1);
}
/* =======================================
// 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%;
}
#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%;
}

.nxpage,.nxpage_exe{
   width:100%;
   height:100%;
   position:relative;
}
.nxpage{
  padding:0;
  /*-webkit-transform: translateZ(0); 은 내부 fixed안듣는다!!!!!!!*/
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nxpage.off{
  display:none
}
.btn_pageback{
   height:30px !important;
   width:auto !important;
   line-height:30px !important;
   padding:0 10px 0 5px !important;
   background-color:#000 !important;
   color:#f2f2f2 !important;
   position:absolute;top:0;left:0;
   cursor:pointer;
   display:none;
   z-index:10;
}
.btn_pageback.on{
   display:block;
}

.btn_pageback:before{
    content: "\f060";
    font-family: FontAwesome;
    font-size: 15px;
	margin-left:3px;
	margin-right:3px;
}
.btn_pageback.inpage{
  top:0 !important;
  left:0 !important;
  position:absolute !important;
}


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


.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:#fff;z-index:10000;display:none;
background-image:url(./img/rotatedevice_p.png);
background-repeat:no-repeat;
background-size:150px auto;
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:35px;line-height:35px;
	padding:0 9px 0 9px;
	margin-right:1px;
	margin-left:1px;
   display: flex;
   -ms-flex-flow:column nowrap;/*ie*/
  justify-content: center;
}


.btn:last-child,
.btnx:last-child{
   margin-right:0;
}
.btn:first-child,
.btnx:first-child{
   margin-left:0;
}

.btnw_default{
  width:150px;
}
.inlinegap .btn{
 margin-top:5px;
}
.tagify-tag{
  height:35px;
  line-height:35px;
}
.btn-md{
height:35px !important;line-height:32px !important;
padding:0 15px 0 15px !important;
}
.btn-lg{
height:52px !important;line-height:50px !important;
padding:0 25px 0 25px !important;
}
.btn-sm{
height:30px !important;line-height:30px !important;
padding:0 9px 0 9px !important;
}
.btn-xs{
height:25px !important;line-height:23px !important;
padding:0 7px 0 7px !important;
}

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


.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-circle,.closexwin,.totop,.closesearch{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
	border-radius: 50% !important;
	height:35px;width:35px;line-height:35px;
	cursor:pointer;
	padding:0;
	z-index:5;
	margin-left:5px;
}
.btn i,.btnx i,.btn-circle i{
      line-height: inherit !important;
}

.closexwin{z-index:1000;position:absolute;top:5px;right:5px;color:#000;
text-align:center;cursor:pointer;
}
.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: bold;
    text-decoration: inherit;
    font-size: 12px;
}

.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 {
  float:right;
  background-color: #000;
  border-color: #000; 
  position:fixed;
  bottom:5px;right:5px;
  display:none;
  color:#f2f2f2;
}
.totop:after{
   content: "\f736";
   font: normal normal normal 120% "Material Design Icons";
   z-index:9;
   line-height:30px;
}
.totopwin{
     bottom:5px;
	 right:10px;
}

/*다른 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: "\f2ed";
    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_expand:before{
    content: "\f31e";
    font-family: FontAwesome;
	font-size:95%;
	margin-right:3px;
}
.btn_expandx:before{
    content: "\f78c";
    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%;
}


.btn-icon:before{
   margin-right:0 !important;
}
.btn-right{
  float:right;
}
/*-btn before---------------------------------------------------*/

.dotlist{
 position:relative;
 text-align:left;
}
.dot{
   width:20px;
}
.dotsmall{
   width:10px;
}
.dotlist:before,.dot:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 10px;
	margin-left:2px;
    padding-right:6px;
    color: #7fdbfd;
}

.dotlist_small:,.pagetitle-text{
}
.dotlist_small:before,.pagetitle-text.dot:before,.dotsmall:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 4px;
	margin-right:3px;margin-left:3px;vertical-align:middle;
}
.mobnavtitle .dotlist{
  text-align:center;
}
.dotlistL{
    width:100px;
}
.dotlistR{
    width:220px;
}


.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:#ff661c;
}
.comment_notice:before{
  content: "\F17e";
  font: normal normal normal 160% "Material Design Icons";
  position:absolute;
  top:0;left:0;
  color:#ff661c;
}
.comment_question:before{
  content: "\F186";
  font: normal normal normal 160% "Material Design Icons";
  position:absolute;
  top:0;left:0;
  color:#ff661c;
}
.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:#ff661c;
}
.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:#ff661c;
}
.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;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}
	.pagination span {
		display: inline;
		margin: 0;
		padding: 0;
	}
	.pagination span a,
	.pagination span span {
		display: inline-block;
		width: 35px;
		height: 35px;
		margin: 0 2px;
		text-align: center;
		font-size: 95%;
		/*font-family: 'Arial', cursive;*/
		line-height: 33px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		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;
	}

.pagination2{
   width:100%;
   display:flex;
   -ms-flex-flow:column nowrap;/*ie*/
  justify-content: center !important;
}
.pagination2 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 linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	text-decoration: none;
	background:rgba(234, 244, 248, 1);
	border: 1px solid rgba(187, 208, 253, 1);
	color: #555;cursor:pointer;
}
.pagination2 .counter{
  height:35px;line-height:35px;
  font-weight:bold;padding:0 10px 0 10px;
}
.pagination2 span.prev:before{
    content: "\f053";
    font-family: FontAwesome;
	font-weight:normal;
    font-size: 15px;

}
.pagination2 span.next:before{

    content: "\f054";
    font-family: FontAwesome;
	font-weight:normal;
    font-size: 15px;
}


/* Pagination / End */
/* =======================================
// btn end
// =======================================*/

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

/*iwindow---------------------------------*/
.iwinibox{
   background-color:#fff;
}
.bgcolor__viewvideo .iwinibox{
   background-color:#000 !important;

}
.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;
	display: inline-block;
}
.winbar_top{
width:100%;height:40px;line-height:40px;
background-color:#000;color:#f2f2f2;
position:absolute;
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:absolute;
bottom:0;left:0;
padding:0;
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%;
  background-color:#fff;
  -webkit-overflow-scrolling: touch;
}
.winbodywrap.nobottom{
   padding-bottom:0;
}
.winbodywrapin{
/*height:100%로 주면 ios에서 winbodywrap 스크롤안된다!!!!!!!!!!!!!!!*/
  width:100%;
}
/*--------------------------*/
/*start between end 는 ms 들어가면 안된다!!!*/
.flex-center{
   display: flex;
   -ms-flex-flow:column nowrap;/*ie*/
  justify-content: center !important;
}
.flex-left{
   display: flex;
   /*-ms-flex-flow:column nowrap;/*ie*/
  justify-content:flex-start !important;
}
.flex-right{
   display: flex;
   /*-ms-flex-flow:column nowrap;/*ie*/
  justify-content:flex-end !important;
}
.flex-between{
   display: flex;
  justify-content: space-between !important;
   /*-ms-flex-flow:column nowrap;*** between 은 들어가면 안된다/*ie*/
}
.flex-around{
   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;
}
.flex_row{
    flex: 1;
    display: flex;
	flex-shrink: 0;
    flex-direction: row;
	padding:0;
}
.flex_column{
    flex: 1;
    display: flex;
    flex-direction: column;
	flex-shrink: 0;
}

.flex_row.flex1 > div,flex_row.flex1 > span{
   flex: 1;
}

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


.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:10px;
  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 {
    z-index: 2;/*!important mobile iwindow toutch*/
}

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

.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:0;
  line-height:30px;
  height:30px;
}

label.custom-control-label:before{
  width:25px;
  height:25px;
  border-radius:0 !important;
  border:1px solid #ccc;
  top:0px;
  left:-28px;
  outline:none !important;
  background-color:#fff;
}
label.custom-control-label:after{
  width:25px;
  height:25px;
  top:0px;
  left:-28px;
  outline:none !important;
}
.custom-radio label.custom-control-label:before{
  border-radius:50% !important;
}
.custom-control-right label.custom-control-label:after {
    left: auto;
    right: -3px !important;
}

.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.nolabel{
  width:40px;
  margin:0 auto;
}
/* =======================================
// 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: #fff;
		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{
	}

	.viewscrollbar0::-webkit-scrollbar{
		max-width: 0;
		max-height: 0;
	}
	.viewscrollbar0::-webkit-scrollbar-track{
		background-color:transparent;
		border-radius: 0;
	}
	.viewscrollbar0::-webkit-scrollbar-thumb{
		background-color:transparent;
		border-radius: 0;
	}




.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;
}
/*bottom:0하면안된다!!!
.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.8rem;
   font-weight:bold;
   display:flex;
}
.form-group label{
    margin-top:10px;
   position:relative;
   padding-left:2px;
   color:#999;
}
 /*
.form-group label:not(.custom-control-label):before{
    content: "";
	width:1px;
	height:12px;
	border-left:3px solid #7fdbfd;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:-5px;
}
*/
.openmode_view .form-group label{
   color:#999;
}
.styletab1 > label{
  margin-left:2px;
}
.custom-control-label{
  vertical-align:middle !important;
}
p{
  margin-bottom:0;
}


/* =======================================
// 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{
   padding-top:0;
}

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



/*--//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-right: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{
height:30px;
line-height:30px;
padding:0 10px 0 10px;
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:center;
  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;
  padding:0;margin:0;
  padding-left:0;
  overflow:hidden;
}
.upload-exe-wrap-upcenter{
  padding-left:50px;
}
.upload-exe-wrap-editor{
position:absolute;top:0;left:0;padding-left:0;
}

.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;;
 }
.nxupelem_actiontop{
	position:relative;
    background-color:#fff;
    width:200px;height:15px;line-height:5px;
    padding:0;
	margin:0 auto;
    background-color: transparent !important;
	background: transparent !important;
	display:none;
}



.nxupelem_exp{
	color:#000;font-weight:bold;
	float:left;
	min-width:50px;height:10px;
	text-align:left;
	padding:3px 2px 0 5px;
    display:block;
	font-family:"nxbase_en","Open Sans", sans-serif;
	position:absolute;right:0;top:0;
}
.nxupelem_progress{
	float:left;
	margin:0;margin-top:0;padding:0;
	width:150px;height:15px;
	display:block;
	position:relative;
 }
 .nxupelem_progress_loader{
	 width:40px;height:10px;
	 position:absolute;
	 top:0;left:0;
	 color:#EF4135;
 }
 .nxupelem_progress_container{
	 width:150px;height:11px;
	 margin:2px 0 0 0;padding:0;
	 overflow:hidden;
	 position:relative;
	 border-bottom:1px solid #EF4135;
 }
 .nxupelem_progress_bar{
	 width:120px;height:5px;
	 margin:5px 0 0 0;
	 background:#EF4135;
 }
/*----------------------------------------/
/*----*/
.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:0;
  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 #ccc;
    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 #ccc;
    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,.ui_tpicker_hour_label{
padding-top:7px !important;

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

/*.ui-widget 은 font-size 주면안된다 전체사이즈가 축소된다!!!*/
.ui-widget,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.datepick-cmd{
  font-family: "nxbase_en","Open Sans", sans-serif;
  color: #333; 
}

.ui-datepicker{
  border:1px solid #000;
}
.ui-datepicker .ui-datepicker-buttonpane button {
     background-color: #dddddd;
	 border:1px solid #dddddd;
	 height:30px;
	 font-weight:bold;
}

.ui-widget-header {
    background: #b0e8fd;
}
.ui-timepicker-div dl dd {
    margin: 10px 20px 30px 70px;
}
.ui-timepicker-div dl dd.ui_tpicker_time  {
    margin-bottom:0px;
	background-color:#e1effe;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
    font-size:20px !important;
	margin-top:5px;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  font-size:normal;
  opacity:1;
}
.ui-datepicker th{
  font-weight:bold;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
   background-image:none !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
   background-image:none !important;
   width:30px;
   height:30px;
   line-height:27px;
   text-align:center;
   top: 0 !important;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
   border:0 !important;
   top: 0 !important;
}

.ui-datepicker .ui-datepicker-prev:before{
    content: "\f053";
    font-family: FontAwesome;
	font-weight:normal;
    font-size: 18px;
	padding-right:5px;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-next:before{
    content: "\f054";
    font-family: FontAwesome;
	font-weight:normal;
    font-size: 18px;
	cursor:pointer;
}

.cal_headtr,
.ui-datepicker-calendar thead tr,
table.qlabs_grid_container tbody tr.subheader_row.cal_headtr{
  background-color:#f8f8f8 !important;
  font-weight:bold
}

.cal_sun,
.ui-datepicker-calendar td.ui-datepicker-week-end:first-child,
.ui-datepicker-calendar thead th.ui-datepicker-week-end:first-child{
   color:#ff7744;
}
.cal_sat,.ui-datepicker-calendar td.ui-datepicker-week-end:last-child,
.ui-datepicker-calendar thead th.ui-datepicker-week-end:last-child{
   color:#4499ff;
}
.cal_date{
   color:#000000;
}

/*----*/
.calendarlist_ind{
  width:100%;
  margin-bottom:10px;
  height:35px;
  line-height:35px;
  border-bottom:1px solid #ccc;
}
.calendarlist_datetime{
    font-weight:bold;
	float:left;
}

.calendarlist_tool{
   float:right;
}
.calendarlist_ind .past{
  color:#ccc;
}
.calendarmark{
   width:100%;
   height:15px;
   margin:0 auto;
   text-align:center;
   font-size:10px;
   color: #ff661c;
}

.past .calendarmark{
	color: #ccc;
}


.calendar2 .btn-circle{
   background-color:transparent !important;
   border:0 !important;
}
.calendar2 .calendarnav{
   font-size:16px;
   color:#000;
   font-weight:bold;
}
.calendar2 .calendarnav i{
   font-size:19px;
}
.calendar2 table.qlabs_grid_container,
.calendar2 table.qlabs_grid_container tr,
.calendar2 table.qlabs_grid_container td{
   border:0 !important;
   padding:0 !important;
}
.calendar2 table.qlabs_grid_container tr:hover{
background:transparent !important;
}

.calendar2 .calendarexp{
   font-size:8px;
}
.calnum{
  width:100%;
  height:30px;line-height:30px;
  position:relative;
}
.calendar2  td.calpast .calnum{
  color:#ccc !important;
}
.calendar2  td.calpast .calendarexp{
  display:none;
}
.calendar2  td.calpast .calnum:after{
    content: "\f715";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    top: 50%;
	left: 50%;
	margin-left:-8px;
	margin-top:-14px;
}
.calendar2 .pickdate .calnum{
    background-color:#e9e9e9;
    color: #fff;
}
.calendar2 .pickdate .calnum{
    background-color:#0368f0;
    color: #fff;
}


.calendar2 .pickbetween .calnum{
      background-color:#e9e9e9;
}

.calendar2 .calnum:hover{
background-color:#f2f2f2;
}

/*----*/

.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:35px;
   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%;
}
.navq{
   border:1px solid #ffffff;
}
.navq_in{
   color:#000;
   font-weight:bold;
   text-align:center;
   height:55px;line-height:55px;
}
.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; }
/*//app///////////////////*/
#app_backhome,#app_off,#app_refresh{
  position:absolute;
  top:2px;
  left:5px;
  width:40px;
  height:40px;
  z-index:9999;
  text-align:left;
}
.app_backhome{
   padding-left:5px;
   margin-top:5px;
   width:30px;
   height:30px;
   display:inline-block;
   background-image:url('./img/app_backhome.png');
   background-position:center center;
   background-repeat:no-repeat;
   background-size:26px 26px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.app_off{
   padding-left:5px;
   margin-top:5px;
   width:30px;
   height:30px;
   display:inline-block;
   background-image:url('./img/app_off.png');
   background-position:center center;
   background-repeat:no-repeat;
   background-size:26px 26px;
}
.app_refresh{
   padding-left:5px;
   margin-top:5px;
   width:30px;
   height:30px;
   display:inline-block;
   background-image:url('./img/app_refresh.png');
   background-position:center center;
   background-repeat:no-repeat;
   background-size:20px 20px;
}
/*
.app_off:before{
    content: "";
	width:6px;
	height:6px;
    background-color:#fe382e;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-3px;
	margin-left:-3px;
   border-radius:50%;
   -webkit-border-radius:50%;
}
*/
.app_menu{
   margin-top:5px;
   width:30px;
   height:30px;
   display:inline-block;
   background-image:url('./img/app_menu.png');
   background-position:center center;
   background-repeat:no-repeat;
   background-size:25px 25px;
}
.app_menu2{
   margin-top:5px;
   width:30px;
   height:30px;
   display:inline-block;
   background-image:url('./img/app_menu2.png');
   background-position:center center;
   background-repeat:no-repeat;
   background-size:25px 25px;
}
.app_exebtn{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
	border-radius: 50% !important;
	height:50px;width:50px;line-height:55px;
	background-color:#b0e8fd;
	color:#000;
	cursor:pointer;
	padding:0;
	margin:10px;
	position:relative;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}
.app_exebtn i{
   font-size:18px !important;
   font-weight:bold;
}
.app_exebtn img{
    max-width:25px;
	margin-top:-5px;
}


.mobnavtitle,.mobnavtitlex{
width:150px;height:50px;line-height:55px;
position:absolute;top:0px;left:50%;margin-left:-75px;
text-align:center;text-overflow: ellipsis;
white-space: nowrap;overflow:hidden;
font-weight:bold;
}

input{
text-decoration:none !important;
}

/*//////////////////////////*/
.nav-item-info{/*tooltipstered*/
  margin:0 0 0 5px;
  cursor:pointer;
  color:#000;
}
.nav-item-info:not(.tooltipstered):hover{
  color:#000;
}
.nav-item-info:before{
  content: "\F184";
  font: normal normal normal 150% "Material Design Icons";
  }
.tooltipstered.tipon{
   color:#000;
}