@charset "UTF-8";
@import "../css/content.css";
/*--------------------------------------------------------------------------
| FONT
|--------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
@font-face {
	font-family : 'Noto Sans KR';
	font-style: light;
	font-weight: 300;
	src: 
	url('./fonts/NotoKR/notokr-light.woff2') format('woff2'), 
	url('./fonts/NotoKR/notokr-light.woff') format('woff'),
	url('./fonts/NotoKR/notokr-light.otf') format('opentype'),
	url('./fonts/NotoKR/notokr-light.ttf') format('truetype');
	}
@font-face {
	font-family : 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: 
	url('./fonts/NotoKR/notokr-regular.woff2') format('woff2'), 
	url('./fonts/NotoKR/notokr-regular.woff') format('woff'),
	url('./fonts/NotoKR/notokr-regular.otf') format('opentype'),
	url('./fonts/NotoKR/notokr-regular.ttf') format('truetype');
	}
@font-face {
	font-family : 'Noto Sans KR';
	font-style: medium;
	font-weight: 500;
	src: 
	url('./fonts/NotoKR/notokr-medium.woff2') format('woff2'), 
	url('./fonts/NotoKR/notokr-medium.woff') format('woff'),
	url('./fonts/NotoKR/notokr-medium.otf') format('opentype'),
	url('./fonts/NotoKR/notokr-medium.ttf') format('truetype');
	}
@font-face {
	font-family : 'Noto Sans KR';
	font-style: bold;
	font-weight: 700;
	src: 
	url('./fonts/NotoKR/notokr-bold.woff2') format('woff2'), 
	url('./fonts/NotoKR/notokr-bold.woff') format('woff'),
	url('./fonts/NotoKR/notokr-bold.otf') format('opentype'),
	url('./fonts/NotoKR/notokr-bold.ttf') format('truetype');
}

/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src:local('Pretendard Black'),
      url('./fonts/Pretendard/Pretendard-Black.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Black.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Black.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src:local('Pretendard ExtraBold'),
      url('./fonts/Pretendard/Pretendard-ExtraBold.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-ExtraBold.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src:local('Pretendard Bold'),
      url('./fonts/Pretendard/Pretendard-Bold.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Bold.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src:local('Pretendard SemiBold'),
      url('./fonts/Pretendard/Pretendard-SemiBold.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-SemiBold.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src:local('Pretendard Medium'),
      url('./fonts/Pretendard/Pretendard-Medium.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Medium.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src:local('Pretendard Regular'),
      url('./fonts/Pretendard/Pretendard-Regular.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Regular.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src:local('Pretendard Light'),
      url('./fonts/Pretendard/Pretendard-Light.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Light.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Light.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src:local('Pretendard ExtraLight'),
      url('./fonts/Pretendard/Pretendard-ExtraLight.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-ExtraLight.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src:local('Pretendard Thin'),
      url('./fonts/Pretendard/Pretendard-Thin.eot') format('embedded-opentype'),
      url('./fonts/Pretendard/Pretendard-Thin.subset.woff2') format('woff2'), 
      url('./fonts/Pretendard/Pretendard-Thin.subset.woff') format('woff'),
      url('./fonts/Pretendard/Pretendard-Thin.ttf') format('truetype');
}
.play{font-family:"Play","Pretendard",sans-serif!important}
.poppins{font-family:"Poppins","Pretendard",sans-serif;}
.inter{font-family:"Inter","Pretendard",sans-serif;}



html, body{width:100%;}


/* font */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select,div{font-family: 'Poppins' ,'Noto Sans KR'}


/* margin */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{margin:0; }

/* padding */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{padding:0}

/* display */
/* header,footer,section,article,aside,nav, */hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
/* strong,em,span,wbr{display:inline-block} */
.table-center{display: table; margin: 0 auto;}


/* hidden */
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}

/* list Style */
ul li{list-style:none}

/* blind */
.blind{overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:0;height:0;font-size:0;line-height:0;text-indent:-999em}

/* float_clear */
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0} 
.clearfix:after {  content: ""; display: block;	clear: both;} 

/* font-size */
.f14{font-size:14px;}

/*--------------------------------------------------------------------------
| ROOTCOLOR
|--------------------------------------------------------------------------*/
:root {
	--white-color: #ffffff;
	--light-color: #f5f5f5;
	--title-color: #111111;
	--table-color: #202020;
	--menu-color: #373737;
	--comment-color: #303030;
	--subtitle-color: #454545;
	--ment-color: #909090;
	--tab-color: #afafaf;
	--input-color:#333333;
	--copyright-color: #555555;
	--white-bgcolor: #ffffff;
	--light-bgcolor: #ededed;
	--dark-bgcolor: #242424;
	--light-linecolor: #e2e2e2;
	--accent-bgcolor: #f84a54;
	--accent-color: #f43944;
	--oaas-color: #38c1c6;
	--oaas-dcolor:#147c96;
	--oaas-bgcolor: #7eecf0;
	--assist-color: #eea12a;
	--assist-bgcolor: #fdf8bb;
	--button-bgcolor: #373737;
	--button-color: #555;
  }
 .accent-color {color: var(--accent-color);}
 .positive-color {color:#196b9a}
 .negative-color {color:#e53e30}
 .accent-bg {background-color: var(--accent-bgcolor);}
 .yellow-bg {background-color: #fbf8e6}



/* --------------------------------------------------------
default
------------------------------------------------------------*/

.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.table td {vertical-align:middle ;}
.table tr[valign='top'] td{vertical-align: top;}

.border-rt-1 {border-right:1px solid #dee2e6 !important;}
.span-bar {display:block;height:1px;background-color:#ddd;margin-bottom:20px;}
.form-control:disabled, .form-control[readonly] {
    background-color: #f7f7f7 !important;
    opacity: 1;
}
.none {display:none !important;}

/* --------------------------------------------------------
CONTAINER STYLE
------------------------------------------------------------*/

/* --------------------------------------------------------
TOP NAV STYLE
------------------------------------------------------------*/
.topnav {
  overflow: hidden;
  background-color: #000;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.nav-item.f-size a {font-size:0.9em;}



/* ---------------------------------------------------
    ASIDE BAR STYLE
----------------------------------------------------- */
.navbar {
    padding: 0px 10px 0px 200px !important;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 15px 0;
}
.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 200px;
/*    position: fixed;*/
    top: 0;
    left: 0;
	height: calc(100vh - 145px);
    z-index: 9999;
    transition: all 0.3s;
    box-shadow: 1px 1px 70px rgba(0, 0, 0, 0.08);
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding:25px 30px 24px 38px;
}

#sidebar ul.components {
/*    padding: 10px 0;*/
    border-bottom: 0px solid #444;
}

#sidebar ul .menutab {
	margin:0px;
}
#sidebar ul .menutab .dropdown-toggle {
	display: flex;
	text-decoration: none;
}
#sidebar ul .menutab .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

#sidebar ul li a {
	display: block;
    padding: 7px 10px 3px 18px;
    font-size: 13px;
	color: #646464;
	border: 0px solid red;
	position: relative;
}

#sidebar ul li a:hover {
    color: #0095ab;
/*     background: #1d2230; */
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #777777;
/*     background: #1d2230; */
}
a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle {
	
	text-decoration: none;
  }
.dropdown-toggle::after {
    display: block;
    position: absolute;
	color:#777777;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
ul ul {
	display: block;
	border-radius: 3px;
	margin:0 12px 0px 15px;
	background-color:#f5f5f5;	
    padding: 8px 0 4px 0;
	border: 1px solid #eeeeee;
}
ul ul a {
	color:#666666;
    font-size: 13px !important;
    padding: 0 0 5px 30px !important;
}
ul ul a::before {
	display: inline-block;
	content: "";
	border-top: 2px solid transparent;
	border-right: 0;
	border-bottom: 2px solid transparent;
	border-left: 3px solid;
	position: absolute;
	margin-top: 8px;
	left: 20px;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #858b9f !important;
    color: #f2f2f2 !important;
}

.user-name {font-size:0.7em}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 425px) {
    #sidebar {
/*        margin-left: -250px;*/
    }
    #sidebar.active {
        margin-left: 0px;
    }
    #content {
        width: 100% !important;
    }
    #content.active {
        width: 100%;
    }
    #sidebarCollapse span {
        display: none;
    }
}
@media (min-width:426px) and (max-width: 768px) {
    #sidebar {
/*        margin-left: -250px;*/
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100% !important;
    }
    #content.active {
        width: 100%; /* width: calc(100% - 250px); */
    }
    #sidebarCollapse span {
        display: none;
    }
}


/* ---------------------------------------------------
    LOGIN STYLE
----------------------------------------------------- */

.login-tle {font-size:57px;font-family:'Kanit', sans-serif;font-weight:800;color:#333;text-align:center;}
.login-subtle {font-size:12.5px;font-weight:600;color:#444;}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 30px);
	padding: 20px 25px;
	height:100%;
/*    width: calc(100% - 30px);*/ /*221118*/
/*    padding: 40px;*/ /*0803*/
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
	display:block;
	font-size:13px;
	color:#333333;
}

#content.active {
    width: calc(100% - 200px);
}

#content select,
#content input {

}
.thead-std {font-weight:700 !important; font-size:14px; font-family : 'Noto Sans KR';}

#body-content {
    width: calc(100% - 200px);
    padding: 30px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
	display:block;
	font-size:13px;
	color:#333333;
}

.mainFrame_on {
	position:absolute;
	padding-top:145px;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mainFrame_on.flip {

	padding-top:50px;

}
.mainFrame_off {
	position:absolute;
	padding-top:145px;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
}

/* ---------------------------------------------------
    BUTTON STYLE
----------------------------------------------------- */

.btn-yellow {background-color:#f0b25e;color:#fff !important;font-size:13px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-yellow:hover {background-color:#eaa548;}
.btn-green  {background-color:#6441ef;color:#fff !important;font-size:13px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-green:hover {background-color:#522ced;}
.btn-gray {background-color:#666666;color:#fff !important;font-size:13px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-gray:hover {background-color:#555555;}
.btn-gray-light {background-color:#eee;color:#fff !important;font-size:13px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-gray-light:hover {background-color:#ddd;}
.btn-lightgrey {background-color:#eee;color:#333 !important;font-size:13px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-lightgrey:hover {background-color:#eee;}

.btn-yellow-sm {background-color:#f0b25e;color:#fff !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-yellow-sm:hover {background-color:#eaa548;}
.btn-red-sm {background-color:#ff0202;color:#fff !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-red-sm:hover {background-color:#e80000;}
.btn-green-sm  {background-color:#6441ef;color:#fff !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-green-sm:hover {background-color:#522ced;}
.btn-gray-sm {background-color:#666666;color:#fff !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-gray-sm:hover {background-color:#555555;}
.btn-lightgrey-sm {background-color:#eee;color:#333 !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-lightgrey-sm:hover {background-color:#eee;}

.btn-lightgrey-bg-sm {background-color:#f5f5f5;border-radius:10px;font-size:12.5px !important;padding:5px 15px !important;font-weight:500 !important;color:#888 !important;}
.btn-yellow-bg-sm {background-color:#f0b25e;border-radius:10px;font-size:12.5px !important;padding:5px 15px !important;font-weight:500 !important;color:#fff !important;}

.btn-outline-purple {background-color:transparent; border:1px solid #9057E8 !important; color: #9057E8; font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-purple:hover {background-color:#9057E8;color: #fff;}

.btn-outline-blue {background-color:transparent; border:1px solid #007bff !important; color: #007bff; font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-blue:hover {background-color:#007bff;color: #fff;}
.btn-outline-blue.on {background-color:#007bff !important ;color: #fff !important;}

.btn-outline-yellow {background-color:transparent; border:1px solid #f0b25e !important; color: #f0b25e; font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-yellow:hover {background-color:#f0b25e;color: #fff;}
.btn-outline-gray {background-color:transparent; border:1px solid #666666 !important; color: #666666;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-gray:hover {background-color:#666666;color: #fff;}

.btn-outline-white-sm {background-color:#fff;color:#555 !important;border:1px solid #999 !important; font-size:12.5px !important;padding:5px 12px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-white-sm:hover {background-color:#fff;}

.btn-roomtype {background-color:transparent !important;border:1px solid #666666 !important;color:#333 !important;font-size:14px !important;padding:15px 20px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-roomtype:hover {background-color:#f7f7f7 !important;border:1px solid #666666 !important;color:#333 !important;}
.btn-roomtype:active {background-color:#f7f7f7 !important;border:1px solid #666666 !important;color:#333 !important;}

.close_btn {position:absolute; top:14px; right:22px; cursor:pointer; opacity:0.8;}
.close_btn img {transition: all ease .7s;}
.close_btn img:hover {transform: rotate( 180deg );}

.btn-outline-yellow-sm {background-color:transparent; border:1px solid #f0b25e !important; color: #f0b25e; font-size:12.5px !important;padding:5px 5px !important; border-radius:30px !important; font-weight:500 !important;}
.btn-outline-yellow-sm:hover {background-color:#f0b25e;color: #fff;}



.btn-blue-sm {background-color:#0097e6;color:#fff !important;font-size:12.5px !important;padding:5px 20px !important; border-radius:30px !important; font-weight:700 !important;}
.btn-blue-sm:hover {background-color:#0088cf;}

/* ---------------------------------------------------
    div,table,th,td medium size
----------------------------------------------------- */
.airlineSearch {display:flex; align-items:center; float:right;}
.airlineSearch span {font-size:14px; margin-right:6px;}
.regis-tle {font-weight:500;letter-spacing:-1.5px;margin:0; }
.sub-tle {font-size:15px; font-weight:600;}
.regis-bg {height:100%;padding-top:-30px;background-color:#f7f7f7;}
.regis-box {padding:15px 15px 0 15px;background-color:#fff;border-radius:5px;margin-bottom:40px;}
.regis-tle-box {padding:10px;background-color:#fff;border-radius:5px;margin-bottom:20px;}
.regis-box,
.regis-box select,
.regis-box textarea,
.regis-box input{font-size:13px;}
.regis-btn button{font-size:16px;}
.btn-enroll {margin:5px;padding:15px 90px;background:#5d78ff;border:1px solid #eee;color:#f8f8f8;font-weight:400;border-radius:5px;}

.regis-hotel input {display:inline-block;}
.regis-hotel select {display:inline-block}
.regis-hotel button{font-size:11.5px;}
.regis-hotel td {color:#333;background-color:#fff;line-height:30px;/*width:calc(100% / 7)*/;padding:5px;}
.regis-hotel th {color:#333;background-color:#fff;line-height:30px;/*width:calc(100% / 7)*/;padding:5px;}

.regis-hotel-td1 
{font-size:12px;color:#222;vertical-align:middle;border-bottom:1px solid 
#ddd;text-align:center;font-weight:700; /*0705추가*/white-space: nowrap;} 
.regis-hotel-td3 {border-bottom:1px solid #ddd; text-align:center; 
font-weight:500;font-size:12.5px;color:#888;text-align:center;} .regis-hotel-td4 
{font-size:13px;color:#222;vertical-align:middle;border-bottom:1px solid 
#ddd;text-align:center;font-weight:700; background-color:#f9f9f9 !important;}


.ul-region li {float:left;margin-right:40px;}
.ul-region select.select-region {width:90px;}

/* ---------------------------------------------------
    div,table,th,td small size
----------------------------------------------------- */

.regis-hotel-xs td {color:#333;background-color:#fff;padding:5px !important;line-height:20px;}
.regis-hotel-xs th {color:#333;background-color:#fff;padding:5px !important;line-height:20px;}
.regis-hotel-xs input {display:inline-block;}



/* --------------------------------------------------------
paging
------------------------------------------------------------*/
.btn_page {
	text-align:center;
/*	margin-top:50px;*/
	clear:both;
	height:80px;
	}

.btn_page ul {display:inline-block;}

.btn_page ul li {
	float:left; 
	width:38px;
	height:34px;
	border:1px #eff1f3 solid;
	text-align:center;
	line-height:34px;
	cursor:pointer;
	}

/* --------------------------------------------------------
 btn style (빈펄 홈페이지 소스)
------------------------------------------------------------*/

a.making_delete { 
	color:#555;
	}
a.making_delete:hover {text-decoration:none;color:#555}

.btn_voucher_standby {
	width: 226px;
	background-color:#fff;
	font-size:14px;
	letter-spacing:-1px;
	color:#222;
	border:1px solid #ccc !important;

	}
.btn_voucher {
	width: 226px;
	background-color:#f0b25e !important;
	border:1px solid #e29201;
	color:#fff;
	font-size:14px;
	letter-spacing:-1px;
	}

/* --------------------------------------------------------
 파일첨부 table
------------------------------------------------------------*/
.file-table td {font-size:13px !important;}



/* --------------------------------------------------------
 동행자 정보 table
------------------------------------------------------------*/

.table_companion td{
	font-size:13px !important;

	}

/* --------------------------------------------------------
거래처 검색 레이어 table
------------------------------------------------------------*/

.account_search {

}
.account_search td {
	line-height:20px;
}

/* --------------------------------------------------------
스크롤 style
------------------------------------------------------------*/

/* IE 용 스크롤 바 */
html { scrollbar-arrow-color: #efefef;

        scrollbar-Track-Color: #efefef; 
        scrollbar-base-color: #dfdfdf;

        scrollbar-Face-Color: #dfdfdf;

        scrollbar-3dLight-Color: #dfdfdf;         
        scrollbar-DarkShadow-Color: #dfdfdf;

        scrollbar-Highlight-Color: #dfdfdf;

        scrollbar-Shadow-Color: #dfdfdf}


/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 5px; height: 12px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 5px;height: 12px; border-radius:3px 3px; background: url() rgba(0,0,0,0);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,0); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }




.badge-4 {background-color:#000000;color:#ffffff;}
.badge-5 {color:#fff;}
.badge-9 {color:#fff;}

.overlay-bg{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #777;
    /* background-color: rgba(0,0,0,.5); */
    filter: Alpha(opacity=50);
    z-index: 10;
    opacity: 0.8;
}


/* --------------------------------------------------------
DataTables css
------------------------------------------------------------*/

th.sorting_desc,
th.sorting,
th.sorting_asc {position:relative;}
th.sorting_desc:before {
	position:absolute;
	bottom:10px;
	display:block;
	right: 5px;
    content:"\f0de";
    font-family:'FontAwesome';
    font-weight:normal;
    font-size:1rem;
	opacity:.3;
}
th.sorting_asc:before {
	position:absolute;
	bottom:10px;
	display:block;
	right: 5px;
    content:"\f0de";
    font-family:'FontAwesome';
    font-weight:normal;
    font-size:1rem;
} 
th.sorting_desc:after {
	content: "\f0dd";
    font-family: 'FontAwesome';
    font-weight: 900;
    right: 5px;
    font-size: 1rem;
	position:absolute;
	bottom:10px;
	display:block;
}
th.sorting_asc:after {
	content: "\f0dd";
    font-family: 'FontAwesome';
    font-weight: 900;
    right: 5px;
    font-size: 1rem;
	position:absolute;
	bottom:10px;
	display:block;
	opacity:.3;
}
th.sorting:before {
	position:absolute;
	bottom:10px;
	display:block;
	right: 5px;
    content:"\f0de";
    font-family:'FontAwesome';
    font-weight:normal;
    font-size:1rem;
	opacity:.3;
}
th.sorting:after {
	content: "\f0dd";
    font-family: 'FontAwesome';
    font-weight: 900;
    right: 5px;
    font-size: 1rem;
	position:absolute;
	bottom:10px;
	display:block;
	opacity:.3;
}

.tableNone {
	border-top:0px solid #fff !important;
	padding:0 0 0 0  !important;
}

.tableNone td {
	border-top:0px solid #fff !important;
}
.deposit {display: block; background: #a7e0fb; font-weight: 500;}
.claim   {display: block; background: #dcecbd; font-weight: 500;}
.bsppink {display: block; background: #ffc8ff; font-weight: 500;}

.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}

.inb {display:inline-block;}

.vat {vertical-align:top !important;}


.clear {clear:both;}
.sp10 {height:10px;clear:both;}
.sp20 {height:20px;clear:both;}
.sp50 {height:50px;clear:both;}
.sp80 {height:50px;clear:both;}
.sp100 {height:100px;clear:both;}

.wh20 {width:20px !important;}
.wh30 {width:30px !important;}
.wh40 {width:40px !important;}
.wh50 {width:50px !important;}
.wh60 {width:60px !important;}
.wh70 {width:70px !important;}
.wh80 {width:80px !important;}
.wh90 {width:90px !important;}
.wh92 {width:92px !important;}
.wh100 {width:100px !important;}
.wh103 {width:103px !important;}
.wh110 {width:110px  !important;}
.wh120 {width:120px !important;}
.wh130 {width:130px !important;}
.wh140 {width:140px !important;}
.wh150 {width:150px !important;}
.wh180 {width:180px !important;}
.wh200 {width:200px !important;}
.wh230 {width:230px !important;}
.wh235 {width:235px !important;}
.wh250 {width:250px !important;}
.wh280 {width:280px !important;}
.wh300 {width:300px !important;}
.wh320 {width:320px !important;}
.wh340 {width:340px !important;}
.wh350 {width:350px !important;}
.wh400 {width:400px !important;}
.wh450 {width:450px !important;}
.wh500 {width:500px !important;}
.wh600 {width:600px !important;}
.wh700 {width:700px !important;}
.wh740 {width:740px !important;}
.wh800 {width:800px !important;}
.wh900 {width:900px !important;}
.wh1200 {width:900px !important;}

.wh525  {width:525px  !important;}
.wh1100 {width:1100px !important;}
.wh1300 {width:1300px !important; }

.whp10  {width:10% !important;}
.whp14  {width:14% !important;}
.whp20  {width:20% !important;}
.whp25  {width:25% !important;}
.whp30  {width:30% !important;}
.whp32  {width:32% !important;}
.whp33  {width:33% !important;}
.whp40  {width:40% !important;}
.whp43  {width:43% !important;}
.whp48  {width:48% !important;}
.whp50  {width:50% !important;}
.whp60  {width:60% !important;}
.whp67  {width:67% !important;}
.whp70  {width:70% !important;}

.whp80 {width:80% !important}
.whp90 {width:90% !important}
.whp100 {width:100% !important}

.fl  {float:left}
.fr  {float:right !important}

.lm5 {margin-left:5px}
.lm6 {margin-left:6px}
.lm10 {margin-left:10px}
.lm15 {margin-left:15px}
.lm20 {margin-left:20px}
.lm250 {margin-left:250px}

.tm15 {margin-top:15px}
.mat5 {margin-top: 5px !important;}
.mat8 {margin-top: 8px !important;}
.mat10 {margin-top: 10px  !important;}
.mat15 {margin-top: 15px;}
.mat20 {margin-top: 20px !important; }
.mat30 {margin-top: 30px;}
.mat40 {margin-top: 40px;}
.mat50  {margin-top: 50px;}
.mat50_ {margin-top: -50px;}
.mat200  {margin-top: 200px;}

.mat0  {margin-top: 0px !important;}
.mab0  {margin-bottom: 0px !important;}
.mab3  {margin-bottom:3px  !important;} 
.mab6  {margin-bottom:6px  !important;} 
.mab10::after  {margin-bottom: 10px; display:block; content:''; clear:both;}


.rm5 {margin-right:5px}
.rm30 {margin-right:30px}

.bm0 {margin-bottom:0px !important; }

.pat0 {padding-top:0px !important;}
.pat4 {padding-top:4px}
.pat6 {padding-top:6px}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px}
.pat20 {padding-top:20px}
.pat30 {padding-top:30px}
.pat50 {padding-top:50px}

.pab0 {padding-bottom:0px !important;}

.padAll3 {padding:3px !important; }
.pat5 {padding:5px 0px 5px 0px !important; }
.pat10 {padding:10px 0px 10px 0px !important; }

.pal5  {padding-left:5px  !important; }
.pal10 {padding-left:10px !important; }
.pal15 {padding-left:15px !important; }
.pal30 {padding-left:30px !important; }

.par15 {padding-right:15px !important; }

.cowhite   {color:white !important; }
.cored     {color:red !important; }
.copink    {color:#e83e8c !important; }
.orange     {color:#f49067 !important; }
.coblue    {color:blue !important ;}
.coEEE     {color:#eeeeee !important ;}
.bgcF7     {background-color:#F7F7F7 !important}
.bgcFF     {background-color:#FFFFFF}
.bgcYellow {background-color:#F0B25E !important}
.bgcRed    {background-color:#ffa4d1 !important}
.bgcEEE    {background-color:#eeeeee !important}

.hh15 {height:15px !important; line-height:15px !important;}
.hh20 {height:20px !important; line-height:20px !important;}
.hh25 {height:25px !important; }
.hh30 {height:30px !important; }
.hh35 {height:35px !important; }
.hh40 {height:40px !important; }
.hh44 {height:44px !important; }
.hh50 {height:50px !important; }
.hh60 {height:60px !important; }

.hh63 {height:63px !important; }
.hh64 {height:64px !important; }
.hh65 {height:65px !important; line-height:65px !important; }
.hh70 {height:70px !important; }
.hh84 {height: 84px !important;}
.hh100 {height:100px !important; }
.hh130 {height:130px !important; }
.hh180 {height:180px !important; }
.hh200 {height:200px !important; }
.hh230 {height:230px !important; }
.hh300 {height:300px !important; }
.hh500 {height:500px !important; }
.hh600 {height:600px !important; }
.hh900 {height:900px !important; }


.hhm40  {min-height:40px  !important; }
.hhm50  {min-height:50px  !important; }
.hhm64  {min-height:64px  !important; }
.hhm70  {min-height:70px  !important; }
.hhm80  {min-height:80px  !important; }
.hhm100 {min-height:100px !important; }
.hhm200 {min-height:200px !important; }
.hhm500 {min-height:500px !important; }
.hhm580 {min-height: 580px;}
.hhm600 {min-height: 600px;}

.lh20 {line-height: 20px !important;}


.pa15 { padding: 15px !important;}
.pa815 { padding: 8px 15px !important;}
.pa212 {padding: 2px 12px !important;}

.borderNone {border:0px ; }
.borderAll {border:1px solid #ccc; }
.borderRed {border:1px solid #ff0000; }
.borderBlue {border:2px solid #1895d3 !important; }


.borderBottom {border-bottom:1px solid #ccc; }
.backEFEFEF {background-color:#efefef !important;}
.backTrans {background-color: transparent;}

.cursor  {cursor:pointer; }
.gray  {color: #ccc !important; }
.red   {color: #ff0000 !important; }
.brown {color: #804040 !important; }

.font11 {font-size:11px !important;}
.font12px {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.fontGul {font-family:monospace !important;}

.pd20  {padding:20px !important;}
.pdw20 {padding-left: 20px !important; padding-right: 20px !important;}
.mw20  {margin-left: 20px !important; margin-right: 20px !important;}
.now   {font-weight:700; color:#38c1c6; }
.bold  {font-weight:700; }
 
.poRe {position: relative;}
.poAb {position: absolute;}

.imeInactive {-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive !important;ime-mode:inactive;}
.imeactive {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active !important;ime-mode:active;}

.calendar .item01{
	 width:49%;
	 min-height: 670px;
	 border: 1px solid #d4d4d4;
	 background-color:#eeeeee;
	 margin-top:10px;
	 padding:10px;
	 margin-bottom: 20px;
	 }
.calendar .item01 .it_content{
	max-height:600px;
	overflow-y:auto;
	overflow-x:auto;
}
.calendar .item01 .it_top{
	height:54px;
	width:100%;
	margin: 0 auto;
	border-bottom: 1px solid #848484;
	margin-top:20px;
	}
.calendar .item01 .it_top .it_top_title{
	height:40px;
	width:200px;
	margin: 0 auto;
	font-size:16px;
	font-weight:500;
	}
.calendar .item01 .it_top .it_top_title > *{
	float:left;
	padding:0px 10px;
	}
.calendar .item01 .it_top .it_top_title p{
	margin-top:0px;
	letter-spacing: -2px;
	}
.calendar .item01 .it_top .it_top_title .r_arrow{
	transform: rotateY(180deg);
	}
.calendar .item01 .it_content table{
	width:100%;
	}
.calendar .item01 .it_content table thead tr th{
	width:14%;
	font-weight:400;
	color: #a1a1a1;
	text-align:center;
	height:40px;
	}
.calendar .item01 .it_content table td{
	padding:6px 6px;
	background-color:#ffffff;
	border:1px solid #dbdbdb;
	vertical-align: baseline;
	}
.calendar .item01 .it_content table li{
	font-size:13px;
/*	cursor:pointer;*/
	}
/*.calendar .item01 .it_content table li:nth-child(1){*/
/*	color:#00a3ad;*/
/*	}*/
/*.calendar .item01 .it_content table li:nth-child(2){*/
/*	color:#a3a3a3;*/
/*	}*/
/*.calendar .item01 .it_content table li:nth-child(3){*/
/*	color:#4141441;*/
/*	font-weight:500;*/
/*	}*/
/*.calendar .item01 .it_content table li:nth-child(4){*/
/*	color:#414141;*/
/*	font-weight:300;*/
/*	}*/
.calendar .item01 .it_content table tbody #bg_gray{
	background-color: #eeeeee;
	}
.calendar .item01 .it_content table tbody #bg_gray li{
	color: #c5c5c5;
	margin-top: -40px;
	}
.calendar .item01 .it_content table tbody #bg_aqua{
	background-color:#00a3ad;
	}
.calendar .item01 .it_content table tbody #bg_aqua li{
	color: #ffffff;
	}
.calendar .item01 .it_content table tbody #bg_aqua li span{
	font-weight:500;
	}
.calendar .item01 .it_content table tbody #bg_aqua li:nth-child(2){
	margin-top:20px;
	}

.day_satur {color:#356ed6 !important;}
.day_sun {color: #DC322F !important;}
.cal_gray {
	color: #a1a1a1 !important;
	background-color: #eeeeee !important;
}
.cal_gray p {
	margin-bottom:0px !important;
}
.cal_link {
	color: #00a3ad !important;
}
.cal_link p {
	margin-bottom:0px !important;
}
.cal_link .on {
	color:#fc0000;
}

.check_start {background-color: #ffcf0f !important;}
.check_start li {color:#ffffff !important;}
.check_stay {
	background-color: #ffeeaa !important;
	color:#a1a1a1 !important;
}

.check_end {
	background-color: #ffcf0f !important;
	}
.check_end li {color:#ffffff !important;}


.input1				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#e7e7e7; padding:3px 2px 1px 2px ;color:#333333;font-weight:bold;}
.input1_1			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#D4D0C8; padding:3px 2px 1px 2px ;color:#333333;font-weight:bold;text-align:right}
.input2				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333;font-weight:bold;}
.input2_1			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 15px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333;font-weight:bold;text-align:right}
.input2_2			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 14px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#D4D0C8; padding:3px 2px 1px 2px;color:#333333;font-weight:bold;text-align:center;font-family:굴림체}
.input2_3			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 16px; BACKGROUND-COLOR:#dcdcdc; padding:3px 2px 1px 2px;color:#333333;font-weight:bold;text-align:center;font-family:돋움체}
.input3				{FONT-SIZE: 12px; HEIGHT: 21px; padding:2px 1px 2px 1px; color:#333333; font-weight:bold;}

.input4				{FONT-SIZE: 12px; HEIGHT: 21px; padding:2px 1px 2px 1px; color:#333333; font-weight:bold; border-style:ridge}
.input4_1			{FONT-SIZE: 12px; HEIGHT: 21px; padding:2px 1px 2px 1px; color:#333333; border-style:ridge}
.input5				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 15px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333;}
.input6				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 9pt; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid;  BACKGROUND-COLOR:#F7F6F5; padding:0 0 0 0;color:#333333;}
.input7				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#e0e0e0; padding:3px 2px 1px 2px;color:#333333}
.input8				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333}
.input9				{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 11px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 16px; BACKGROUND-COLOR:#FAFAFA; padding:3px 2px 1px 2px;color:#333333}
.input10			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; padding:0 0 0 0; BACKGROUND-COLOR:#F7F6F5; color:#333333; border:1px solid red;overflow-y:hidden;line-height:17px}
.input10_1			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; padding:0 0 0 0; BACKGROUND-COLOR:#F7F6F5; color:#333333; border:1px solid #EcEcEc;overflow-y:hidden;height:17px;line-height:20px}
.input2_up			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; HEIGHT: 19px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333;font-weight:bold;text-transform: uppercase;}
.input11			{FONT-SIZE: 11px; HEIGHT: 19px; padding:5px 1px 2px 1px; color:#ffffff; font-weight:bold; border-style:ridge; border:1; background-color:#b4b4b4;}
.input3_up			{BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT: #B0B0B0 1pt solid; BORDER-RIGHT: #B0B0B0 1pt solid; BORDER-BOTTOM: #B0B0B0 1pt solid; HEIGHT: 25px; BACKGROUND-COLOR:#F7F6F5; padding:8px 8px 8px 8px;color:#333333;font-weight:bold;text-transform: uppercase;}
.input12			{BORDER-RIGHT: #FCF8DD 0pt solid; BORDER-TOP: #B0B0B0 1pt solid; FONT-SIZE: 12px; BORDER-LEFT:#B0B0B0 1pt solid; BORDER-BOTTOM: #FCF8DD 0pt solid; padding:0 0 0 0; BACKGROUND-COLOR:#F7F6F5; color:#333333; border:1px solid blue;overflow-y:hidden;line-height:17px}


.input13{border:none; border:1px solid #ddd;  FONT-SIZE: 12px;  HEIGHT: 19px; BACKGROUND-COLOR:#e7e7e7; padding:3px 2px 1px 2px ;color:#333333;font-weight:bold;}
.input1:focus{outline: none;}
.input13_1{border:none; border:1px solid #ddd; border-radius:3px; FONT-SIZE: 12px;  HEIGHT: 19px; BACKGROUND-COLOR:#D4D0C8; padding:3px 2px 1px 2px ;color:#333333;font-weight:bold;text-align:right}
.input14{border:none; border:1px solid #ddd; border-radius:3px; FONT-SIZE: 12px;  HEIGHT: 19px; BACKGROUND-COLOR:#F7F6F5; padding:3px 2px 1px 2px;color:#333333;}
.input14:focus{outline: none;}
.input15{FONT-SIZE: 12px; HEIGHT: 21px; padding:2px 1px 2px 1px; color:#333333;}
.input16{border: 1px solid #ddd; border-radius: 3px;FONT-SIZE: 9pt;  BACKGROUND-COLOR:#F7F6F5; padding:0 0 0 0;color:#333333;}
.input17{FONT-SIZE: 12px; HEIGHT: 21px; padding:0 4px; color:#333333; font-weight:bold; border-style:ridge; border-radius:3px; border: 1px solid #ddd;}

.inputBoxDate {border:0px; width:117px; line-height:32px; font-size:14px;}


.inputText01 {
	height: 30px;
	border-radius: none;
	border: 1px solid #d7d7d7;
	color: #39393a;
	width: 100%;
}

.inputText02 {
	height: 30px;
	border-radius: none;
	border: 1px solid #ffcc00;
	padding:2px 10px;
	color: #39393a;
}

.inputText02:hover {
    background: #ffcc00 !important;
    color: #ffffff !important;
}

.inputText03 {
	height: 35px;
	border-radius: none;
	border: 1px solid #d7d7d7;
	color: #39393a;
	margin-right:2px;
}

.nowrap {white-space:nowrap;}
/*.LongWordLimit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }*/
.LongWordLimit { overflow:hidden; text-overflow:ellipsis; }
.overauto { overflow:auto;  }

.btn_basic{
	border: none;
	outline: none;
	text-align:center;
	padding:5px 12px !important;
	border-radius: 5px !important;
	color:#fff !important;
	margin:auto 3.5px;
	transition: all .15s ease-in-out;
	font-size: 12.5px;
	font-weight: 500;
}

.btn_slim {
/*	background: #22529F;*/
    color: #ffffff !important;
    text-align: center;
    padding: 2px 7px !important;
    font-size: 11px;
    border-radius: 20px;
    margin-top: 3px;
	cursor: pointer;
}

.btn_basic:hover{
	cursor: pointer;
/*	transform: scale(1.01);*/
	transform-origin: 50%;
}


.btn_blue{
	background-color:#45AEE2 !important;
}
.btn_red {
	background-color:#EF3E44 !important;
}
.btn_gray{
	background-color:#BFBFBF !important;
}
.btn_white{
	background-color:#fefefe !important;
	color:#010101 !important;
}
.btn_purple{
	background-color:#9057E8 !important;
}
.btn_yellow{
	background-color:#FFAC2B !important;
}
.btn_mint{
	background-color:#38c1c6 !important;
}
.btn_darkblue{
	background-color:#3C6CA4 !important;
}

.btn_out_blue{
	color:#45AEE2 !important;
	border:2px solid #45AEE2;
}
.btn_out_red{
	color:#EF3E44 !important;
	border:2px solid #EF3E44;
}
.btn_out_yellow{
	color:#FFAC2B !important;
	border:2px solid #FFAC2B;
}


.btn_blue:hover{
	box-shadow: 0px 0px 4px rgba(69,174,226,0.7);
}

.btn_red:hover{
	box-shadow: 0px 0px 4px rgba(239,62,68,0.7);
}
.btn_gray:hover{
	box-shadow: 0px 0px 4px rgba(191,191,191,0.7);
}
.btn_white:hover{
	box-shadow: 0px 0px 4px rgba(255,255,191,0.7);
}
.btn_purple:hover{
	box-shadow: 0px 0px 4px rgba(144,87,232,0.7);
}
.btn_yellow:hover{
	box-shadow: 0px 0px 4px rgba(255,172,43,0.7);
}
.btn_darkblue:hover{
	box-shadow: 0px 0px 4px rgba(60,108,164,0.7);
}

/* Bg 어두움처리, 팝업 위 팝업 */
#smallPopup{
	z-index: 99999999;
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#smallPopup_arti2{
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: url(../images/circle-exclamation.svg) no-repeat;
	background-position: top center;
	top:60%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 10px;
/*	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);*/
}
#smallPopup_arti2 .ments {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 96px;
}
#smallPopup_arti2 .ment_title {
	font-family: 'Pretendard','NotoKR','Malgun Gothic','맑은 고딕';
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: var(--oaas-color);
}
#smallPopup_arti2 .ment_content {
	font-family: 'Pretendard','NotoKR','Malgun Gothic','맑은 고딕';
	font-weight:300;
	font-size: 15px;
	line-height: 20px;
	color: var(--table-color);
}

#smallPopup_arti{
	position: absolute;
	background-color:#fff;
	top:52%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 50px 30px 20px 30px;	
	height:auto !important;
	max-height:700px;
/*	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);*/
}

#smallPopupData{
	height: 100%;
	overflow-y: auto;
	max-height:600px;
}

.bill_line{
	border:3px solid #fff;
	padding:20px 10px;
	border-radius:15px;
	background-color:#a7e0fb;
	text-align:center;
}
.bill_line .oyeTable {
text-align:left;
margin-bottom:0;
}
.bill_line .oyeTable input, .bill_line .oyeTable select{
border-radius:8px;
border:1px solid #ddd;
box-shadow:none;
width:70% !important;
}
.bill_line input.btn_basic{
	line-height:30px;
	width:auto !important;
}

.bill_line p{
	display:inline-block;
	margin-bottom:10px;
	width:50%;
}

.bill_line span{
	display:inline-block;
	margin-bottom:10px;
	text-align:right;
	width:50%;
	font-size:13px;
	font-weight:bold;

}

#smallPopupSec{
	z-index: 99999;
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#smallPopupSec_arti{
	position: absolute;
	background-color:#fff;
	top:52%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 50px 30px 20px 30px;	
/*	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);*/
}
#smallPopupSecData{
	height: 100%;
	overflow-y: auto;
}

#smallPopupWhite{
	z-index: 99999999;
	position: fixed;
	background-color:#fff;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#smallPopupWhite_arti{
	position: absolute;
	background-color:#fff;
	top:52%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 50px 30px 20px 30px;	
/*	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);*/
}
#smallPopupWhiteData{
	height: 100%;

}
#closeBtn{
	position: absolute;
	top: 10px;
	right:10px;
	cursor: pointer;
}


.oyeTableHide {
	width:100%;
	margin-bottom:15px;
}

.oyeTableHide th {
	background-color:#a1a1a1;
	color:#fcfcfc;
	height:25px;
	font-size:11pt;
	font-weight:400;
	border: 1px solid #e0e0e0;
	text-align:center;
}
.oyeTableHide td {
	background-color:#fff;
	border: 1px solid #e0e0e0;
	padding-left:5px;
	padding-right:5px;
	font-size:11pt;
	height:30px;
}

.oyeTableHide input, .oyeTableHide select {
	border: 1px solid #ffffff !important;
}

.oyeTableHide input:hover, .oyeTableHide select:hover {
	border: 1px solid #007bff !important;
}





.ui-tooltip2, .arrow2:after {
	background: #3e4447;
	border: 0;
}

.ui-tooltip2 {
	padding: 8px;
	color: #fff;
	border-radius: 8px;
	font-size: 11px;
	line-height: 16px;
	font-weight: 500;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
}

.arrow2 {
	width: auto;
	/* overflow: hidden; */
	 position: absolute;
	left: auto;
	/*margin-left: -45px;*/
	/*bottom: 100%;*/
}

.arrow2.top {
	top: -42px;
	bottom: auto;
	opacity: .9;
}

.arrow2.left {
	left: 20%;
}

.arrow2:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	width: 17px;
	height:17px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* transform: rotate(45deg); */
	transform: rotate(45deg) translateX(-50%);
}

.arrow2.top:after {
	bottom: -15px;
	top: auto;
}
.day-scroll{

}

.day-scroll .day-scroll-tbody{
	height: 90px;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	margin: 4px 4px 0;
}
.day-scroll .day-scroll-tbody tr{
	display: flex;
	flex-direction: column;
}
.day-scroll .day-scroll-tbody tr .btn_slim{
	margin-left: 8px;
}