@charset "utf-8";
/* 2020.09.14 적용안함 normalize.css v8.0.1 | https://necolas.github.io/normalize.css/ */
/*
아이폰X 상단 커버 	50000
스킵네비			10000	
툴팁				
제이쿼리 위젯		
bx 슬라이드		
mb YT플레이어		
btnTop			20
input 읽기전용		
페이지 네비			
*/
/*----------------------------------------

				폰트 

구글 폰트 : header.jsp : 'Roboto', 'Noto Sans KR', 'Nanum Gothic','Nanum Gothic Coding','Teko'
CSS 임포트 : 에스코드드림 SCD ,"NanumSquare", "NanumBarunGothic"
----------------------------------------*/
@font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff") format("woff"); font-weight: 100; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff"); font-weight: 300; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff"); font-weight: 900; font-style: normal }

/* 기본 */
* {box-sizing:border-box;  }
html,body {height:100%; margin:0; padding:0;}
ul, li, dl, dt, dd, ol, input, select, textarea, div, p, span, table, th, td, form, i, a, button, em, i {list-style:none; font-style:normal; margin:0; padding:0; border:0;}
img {vertical-align: top}
.line {border:1px solid #f00; }
::selection {  background-color:#3b424f; color: #fff; text-shadow: none;}/* 텍스트 선택시 컬러 */
/* 정렬 */
.fend:after {content:""; clear:both; display:block; } 
.fl {float:left; }.fr {float:right; }
.tl {text-align:left !important;}.tr {text-align:right !important;}.tc {text-align:center !important;}
.tca { display: flex; justify-content: center; -webkit-align-items: center; align-items: center; }
.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100 {width:100%}
/* 줄바꿈 라인 */
.hr{border-top:1px solid #e8e8e8; border-bottom:1px solid #fff; width:100%;display:block; margin:10px 0;}
/* width별 보기 설정*/
.vp{display:inline-block;}.vm{display:none;}
@media screen and (max-width:600px){
	.vp{display:none;}.vm{display:inline-block;}
}

/* 
	푸터 
*/
/* 상단이동  */
.topBox  {  position: fixed; text-align:center; z-index:20; border-radius:2px; transition: 0.3s; bottom:0px;  right:5px; opacity: 0; cursor:pointer;}
.topBox li { width: 2em; height:2em; line-height: 2em; font-size: 1.4em; background-color: #333; border-radius: 100%; margin:0 0 10px 0; position: relative;}
.topBox li i {color: #fff}
.endpage { height:0; width:0;}
/* 
	GNB 
*/	
/* 아이폰 커버 */
.iosTopCover {width:100%; position:fixed; height:200px; top:-200px; background-color:#fff; z-index:50000}
/* 스킵 */
#skipnavigation { position:fixed; left:0; top:-500px; width:100%; z-index:10000;  display:block;  }
#skipnavigation a{position:fixed; display:block; text-align:center; width: 100%; padding: 15px 0; background:#20262c; font-size:12px; font-weight:bold; color:#fff; }
#skipnavigation a:focus { top:0;}
.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
@media all and (width:1024px) and (height:1366px) { 

}

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

}
/*
버튼 / 셀렉터 / 인풋 
*/
.btn_group { padding: 10px 0 }
.btn_group:after {content:""; clear:both; display:block; } 
.btn_group > * {vertical-align:middle;}
/**/
a { transition: 0.3s;  text-decoration:none; display: inline-block; cursor:pointer; }
button {background-color: transparent; outline: none; }
.ui-selectmenu-button, 
.ui-selectmenu-icon, 
.ui-selectmenu-open ul li div, 
.ui-selectmenu-open .ui-selectmenu-optgroup, .selectric .label { height:38px; line-height:38px;  }
.selectric,
select, input, textarea, .btn {border:1px solid rgba(0,0,0,.2); }
input, textarea {font-family: "Roboto","Noto Sans KR","NanumSquare", "NanumBarunGothic"; }
select, input, input[type="file"] + label, .btn { height:40px; line-height:38px;  }

select, input, .btn { display:inline-block;  text-decoration:none; padding-left:1.2em; padding-right:1.2em; transition: 0.3s;  outline: none; vertical-align:middle; }
input + label span {vertical-align:middle;}
.ipt_span { display:inline-block;}
textarea {min-height: 200px; width:100%; padding: 20px;}
select {background: transparent; padding-right:40px;}
button, input[type="button"], .btn { cursor:pointer; }
.btn { text-align:center; white-space:nowrap; background: #333; color:#fff; font-weight:500; letter-spacing:0px;}
.btn:active, .btn:hover, .btn:focus { background: #000; color:#fff;}
.btn.radius { border-radius:6px; }
.btn.big, input.big, select.big { font-size:1.5em; height:60px; line-height:60px;}
input + a.btn {border-left:none;}
 
.btn.small { font-size:0.6em; padding-left:8px; padding-right:8px;   height:20px; line-height:20px;}
.big.radius { border-radius:10px;} 

.btn.white { background:transparent; color:initial; }
.btn.white:hover { border:1px solid rgba(0,0,0,1); box-shadow:0px 0px 0px 1px rgba(0,0,0,1) inset;  color: #000;}

.btn.black { background:#000; color:#fff !important; border:1px solid #000; }
.btn.black:hover, .btn.black:focus {  background:#3b424f; color:#fff !important; border:1px solid #3b424f; }

.btn.red { background:#ed1c24; color:#fff !important; border:1px solid #cd181f; }
.btn.red:hover, .btn.red:focus {  background:#cd181f; color:#fff !important; border:1px solid #cd181f; }

.btn.solid { background:#f2f2f2; color:#4d4d4d !important; border:1px solid #999; box-shadow:1px 1px 0 1px rgba(255,255,255,1) inset, -1px -1px 0 0px rgba(200,200,200,1) inset; }
.btn.solid:hover, .btn.solid:focus { color: #fff !important; background:#333; box-shadow:-1px -1px 0 0px rgba(255,255,255,.5) inset, 1px 1px 0 0px rgba(0,0,0,1) inset; }

.btn.glass { background:transparent; color:#333 !important; border-color:transparent;}
.btn.glass:hover, .btn.glass:focus {  background:rgba(200,200,200,.2); color:#000 !important; }

input[type="file"] { display:none; height:0; width:0; }
input[type="file"] + label { cursor:pointer; display:inline-block; padding-left:50px; padding-right:40px; background:#333 url("/img/common/upload.w.png") left center no-repeat; color:#fff !important; transition: 0.3s;   text-align:center; z-index:1; white-space:nowrap;outline: none; font-weight:500;}
input[type="file"] + label:hover, input[type="file"] + label:focus {background:#000 url("/img/common/upload.w.png") left center no-repeat; }
input[type="file"] + label + span {display: block; font-size: .8em; color: #666; padding: 10px 0 0 0}
input[type="file"] + label + span em {color:#f00;  font-size: 1.2em; }
input[type="file"] + label + span + img {max-width:300px; max-height: 300px; margin: 10px 0; display: block;}

/*
체크박스 
*/
input.chck { display:none ;height:0; width:0; z-index:1;}
input.chck + label { display:inline-block; cursor: pointer; border:0px solid rgba(0,0,0,.5); vertical-align:middle;}
input.chck + label span { display:inline-block; background-color: #fff; color:#eaeaea !important;  border:1px solid rgba(0,0,0,.5); transition: 0.3s; width:1.2em; height:1.2em; line-height:1em; margin-top:-.15em;  text-align: center; }
input.chck + label span i { font-size: .6em }
input.chck + label em { display:inline-block; margin-left:.2em; font-size: 1em}
input.chck:checked + label span {background-color:#e00116; color:#fff !important; border-color:rgba(0,0,0,.5);}
input.chck.big + label {font-size: 1.5em}
input.chck.radius + label span { border-radius: 100%;}

input.onoff { display:none ;height:0; width:0; z-index:1; }
input.onoff + label {display: inline-block; cursor: pointer; z-index:1;  vertical-align:middle;}
input.onoff + label span { position: relative; display:inline-block;  border-radius: 1.2em; height:1.2em; width:1.8em; border:none; transition: 0.3s; background-color: rgba(200,200,200,1);margin-top:-.15em; }
input.onoff + label span::before { display: inline-block;  position: absolute; content: ''; left: 0; top:0; border-radius: 1.2em; border:0px solid rgba(0,0,0,.2); background-color: #fff; transition: 0.3s; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:1.2em; height:1.2em; border:2px solid rgba(200,200,200,1); box-sizing:border-box;}
input.onoff:checked + label span::before { content: ''; color: #00a8b3; left:.61em; }
input.onoff + label em {display:inline-block; vertical-align: middle;}
input.onoff.big + label {font-size: 1.5em}

input.chck + label + input + label {margin-left:10px;}
/*----------------------------------------

타이틀 바 꾸미기
<div class="tiRing"><span>제목</span></div>
----------------------------------------*/

/* 가운데라인 제목 타원 둘러싸기 */
.tiRing { display: block; text-align: center; position: relative; margin-bottom:20px;}
.tiRing:after {content:""; clear:both; display:block; } 
.tiRing:after {width:100%; height:2px; background-color: #000; position: absolute; top:50%;}
.tiRing span { position: relative; display: inline-block;  border:2px solid #000; background-color: #fff; color: #000; border-radius: 60px; padding: .5em 1.5em; z-index: 10; font-weight: 600}
@media screen and (max-width:768px){

}

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

				유튜브 영상 

----------------------------------------*/
.ytb:after {content:""; clear:both; display:block; } 
.ytb div iframe, .ytb div object, .ytb div embed {width:100%; }
.ytb div {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow:hidden;}
.ytb div iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ytb div {background-position:center; background-size:cover; }
.ytb div a { display:block; position: absolute; width:100%; height:100%; opacity:.5;}
.ytb div a:hover { opacity:1;  transition: 0.3s; }
.ytb div img { position: absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}

/*페이지네비*/
.pagenavi {display:inline-block;}
.pagenavi:after {content:""; clear:both; display:block;} 
.pagenavi a { position: relative; float:left;  height:2.6em; width:2.6em; line-height:2.7em; text-align:center; margin:0 .5px; transition: 0.3s; box-sizing:border-box; z-index:1;    }
.pagenavi a:first-child {margin-left:0;}
.pagenavi a:last-child {margin-right:0}
.pagenavi a::before { transition: 0.3s; content:""; display: block; position: absolute; width:100%; height:100%; border:1px solid #ccc;  z-index:-1; box-sizing:border-box; }
.pagenavi a:first-child::before { border-radius: .5em 0 0 .5em;}
.pagenavi a:last-child::before { border-radius: 0 .5em .5em 0;}
.pagenavi a:hover { color:#007935;  font-weight:bold; }
.pagenavi .active,
.pagenavi .active:hover {color:#fff;  font-weight:bold;}
.pagenavi .active::before {background:#007935; border:1px solid #007935;}


/* Paragraph list plist */

.plist { font-size:inherit; line-height:1.6; font-weight:300; padding:0 0 50px 0; word-break: keep-all;}
.plist .ti1 { font-size: 1.6em; font-weight: 600 }
.plist .ti2 span { font-size: 1.3em; font-weight: 600 }

.plist .dep1 { padding: 0 0 0 0; }
.plist .dep2 { padding: 0 0 0 2em; }
.plist .dep3 { padding: 0 0 0 3em; }
.plist .head p {display: block; padding-left: 1.5em;}
.plist .head em { display: inline-block; width: 1.5em; margin-left: -1.5em; font-weight: 500 }
.plist li + li {margin-top: 20px;}
.plist .dep1.exp + li {margin-top: 50px;}
.plist li.dep2 + li.dep1 {margin-top: 50px;}
.plist .dep2 + li {margin-top: 20px;}
.plist .ti2 + li {margin-top: 10px;}
.plist .exp p + p {margin-top: 10px}



@media screen and (max-width:600px){	

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

				테이블 

----------------------------------------*/
/*테이블 기본*/
table.tbl  {position:relative; margin:0; width:100% !important; border-spacing: 0px; text-align:center; border-top:1px solid #969696; border-bottom:1px solid #969696;  }
table.tbl th, table.tbl td {  padding:0 10px 0 10px; white-space:nowrap; border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; height:40px;}
table.tbl th { border-color:#d2d2d2}
table.tbl tr th:last-child, table.tbl tr td:last-child {border-right:none;}
table.tbl tr:last-child td { border-bottom:none; }
table.tbl tbody:last-child tr:last-child th { border-bottom:none;}
table.tbl th {  background-color:rgba(100,100,100,0.1); font-weight:500;}
table.tbl th.end {border-right:1px solid #d2d2d2 !important;}
table.tbl td {  background-color:rgba(255,255,255,0.8); white-space: nowrap; }

/*테이블을 입력 폼으로 쓸때 */
table.tbl_form th { /*padding-left:15px; padding-right:15px;*/ padding:0 15px;background-color:#fff; border:none; text-align:right; font-size:1em; line-height:1.2; white-space: nowrap !important; color:#5676b1 }
table.tbl_form th em { color:#f00; font-style:normal;  font-size:1.2em; padding:0 3px;}
table.tbl_form td { text-align:left; padding:2px 5px; font-size:1em;border:none; width:90%; }
table.tbl_form th, table.tbl_form td { border-bottom:1px solid #e8e8e8;}
/**/
table.tbl_form tr:first-of-type th { padding-top:10px;}
table.tbl_form tr:first-of-type td { padding-top:10px; height: 40px}
table.tbl_form tr:last-of-type th  { padding-bottom:10px;}
table.tbl_form tr:last-of-type td { padding-bottom:10px; height: 40px}
table.tbl_form td.noti { border-top:none; }
table.tbl_form td.notiTxt { border-top:none; font-size:.9em; line-height:1.4; height:normal }
table.tbl_form td.bbox .btn { margin-top:15px; margin-bottom:15px;}

td.tdipt input {margin-bottom: 1px}
table.tbl_form.nofix th { text-align: center }
table.tbl_form.nofix td { width:inherit;}
table.tbl_form.nofix .tc { display: inline-block; }
table.tbl_form.nofix input {margin-bottom: 1px}
table.tbl_form.nofix.listTl td { text-align: center }
table.tbl_form tr.withexp th, table.tbl_form tr.withexp td { border:none;}
table.tbl_form tr.withexp + tr > * { height:inherit; padding: 5px 0; color:#999}

table.tbl_form .timiddle { font-size:1.2em; text-align:left; font-weight:700; color:#000}

table .ti {text-align: left;}
table.tbl_form td.bview {padding: 20px 20px  20px 5px !important; white-space:normal !important; line-height: 1.4 !important; font-size: 1.2em;}
.viewNo {background-image:url("/img/common/bg.cross5.png");}
.viewNo td { background-color:rgba(255,255,255,.8) !important; color:#dadada}


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

				팝업 

----------------------------------------*/
/*팝업*/
.popup {  z-index:10000; position:fixed; top:0; left:0; display: none; }
.popup .bg { z-index:10001;  position:fixed; top:0; left:0; background:#000; width:100%; height:100%; opacity:0.8; }

.popup .wrap {  z-index:10002; position:fixed; background:#fff; display:block;  top:10%; width:800px; left:50%; margin-left: -400px;  border-radius:6px; overflow:hidden;}
.popup .wrap li { position:relative; }
.popup .wrap li.ti {  z-index:10004; font-size:1.6em; font-weight:500; height:60px; line-height:60px; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.05); padding-left:20px;}
.popup .wrap li.con { padding:10px 10px 20px 10px; overflow-y:auto; position:absolute; top:60px; height:auto; width:100%; bottom:0; display:inline-block;}


.popup .wrap.alert		{ height:auto; width:400px;  left:50%; margin-left: -250px;  }
.popup .wrap.alert.short	{ width:300px;  left:50%; margin-left: -150px; }
.popup .wrap.alert.wide	{ width:500px;  left:50%; margin-left: -250px; }
.popup .wrap.small	{ top:50%; height:340px;	width:400px;	margin-left: -200px; margin-top:-170px; }
.popup .wrap.middle	{ top:25%; height:50%;	width:640px;	margin-left: -320px; }
.popup .wrap.big	{ top:5%; height:90%;	width:90%;	left:0; margin-left:5%; }

.popup .wrap.alert li.con { position:relative; height:normal; top:0;  overflow-y:visible;}

	/* 차기 삭제  tc 는 삭제 */
	.popup .wrap.alert li.ti  { font-size:1em; height:45px; line-height:48px; }
	.popup .wrap.alert li.tc,
	.popup .wrap.alert li.tc p,
	.popup .wrap.alert li.con p {display:block; padding:20px 20px; font-size:1.1em; line-height:1.4; text-align:center;}
	.popup .wrap.alert li.con span.bbox{ text-align:center; width:100%;display:block; padding-top:10px; text-align:center;}
	.popup .wrap.alert li.con td.bbox{ text-align:center; padding-top:10px; text-align:center;}
	.popup .wrap.alert li.tc a,
	.popup .wrap.alert li.con a { margin:0 4px;}
	.popup .wrap.alert .close {  right:5px; top:6px; }
	/**/

.popup .wrap .close {  z-index:10002; position:absolute; right:10px; top:15px; display:inline-block; text-align:center; width:30px; height:30px; line-height:32px; border-radius:100%; background:#fff; font-size:20px; font-weight:400; color:#000; transition: 0.3s;  }
.popup .wrap .close:hover, .popup .close:focus { font-size:12px; }

.popup table.tbl { border:none; }

.popup table.tbl td > select {padding:0 30px 0 10px;}

@media screen and (max-width:600px){	
	.popup .wrap, 
	.popup .wrap.small,
	.popup .wrap.middle, 
	.popup .wrap.big   { top:5px; height:calc(100% - 10px);width:calc(100% - 10px);margin-left:5px; left:0;border-radius:6px;   }

	.popup .wrap.center {top:auto; bottom:auto; width:90%;  left:0; margin-left: 5%;  border-radius:6px;}
	.popup .wrap .close {  right:5px; top:6px; }
	
	.popup .wrap.alert { top:auto; bottom:auto; width:90%;  left:0; margin-left: 5%;  border-radius:6px;}
	.popup .wrap li.ti { font-size:1.1em; height:45px; line-height:48px; }

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

				제이쿼리 UI

----------------------------------------*/
	/*
	* jQuery UI
	* 위젯 : 갤린더
	*/
	input.datepicker {background-image:url("/img/common/calendar.png");background-repeat: no-repeat;background-position: right ; width:120px;}
	.datepicker { overflow:hidden;display:inline-block; }

	.ui-datepicker { display:none; background:#fff;width:300px;  z-index:500 !important; box-shadow:2px 2px 2px rgba(0,0,0,0.2); border:1px solid #b4b4b4; padding:10px; border-radius:0 10px 10px 10px;}
	.ui-datepicker-header { position:relative;  text-align:center;height:50px;  }
	.ui-datepicker-title { position:absolute; top:0; left:0;display:inline-block; width:100%; height:50px; line-height:50px;font-size:16px;  }
	.ui-datepicker-title span{ font-size:16px; font-weight:700;}
	.ui-datepicker-title .ui-datepicker-month {margin-left:10px;}
	.ui-datepicker-prev {  position:relative; float:left;  width:50px; height:50px; line-height:50px;  z-index:1;}
	.ui-datepicker-next { position:relative; float:right;  width:50px; height:50px; line-height:50px;  z-index:1;}
	.ui-datepicker table { width:100%;border-spacing: 0px; text-align:center; border:1px solid #eaeaea; border-right:none; border-bottom:none;}
	.ui-datepicker table td a, .ui-datepicker table td span { display:block; padding:8px 0;}
	.ui-datepicker table th { padding:5px 0; background:#f9f9f9;font-weight:normal; font-size:12px; }
	.ui-datepicker th, .ui-datepicker td { white-space:nowrap; border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
	.ui-datepicker .ui-state-highlight  { background:#00a8b3 !important; border-color:#00a8b3 !important; color:#fff !important; }
	.ui-datepicker .ui-state-active   { background:#be392c !important; border-color:#be392c !important; color:#fff !important; }
	.ui-datepicker a.ui-state-default { color:#000;}
	.ui-datepicker span.ui-state-default { color:#eee;}
	.ui-datepicker-buttonpane {text-align:center;  border-top:none;}
	.ui-datepicker-buttonpane button { margin:10px 2px;  height:30px; line-height:28px; }
	.ui-datepicker-multi { width:100% !important}
	.ui-datepicker-group { float:left;}
	.ui-datepicker-group table { width:300px;}
	.ui-datepicker-group-first { margin:0 5px 0 0;}
	.ui-datepicker-group-middle { margin:0 5px;}
	.ui-datepicker-group-last { margin:0 0 0 5px;}
	.ui-datepicker-row-break{clear:both; display:block;}
	.ui-datepicker select { vertical-align:middle;height:30px; line-height:30px; padding:0px !important;  }
	@media screen and (max-width:600px){
		.datepickerWrap {width:100%;}
		.ui-datepicker { left:10px !important; width:calc( 100% - 20px);}
	}
	/*
	* malihu jquery custom scrollbar plugin
	*/
	/* 1. BASIC STYLE  */
	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;} .mCSB_container{ overflow: hidden; width: auto; height: auto;} .mCSB_inside > .mCSB_container{ margin-right: 0px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; }  .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0; margin-left: 0px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{  position: absolute; width: 5px; height: auto; left: auto; top: 0; right: 0; bottom: 0;  } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; }  .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0;  height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{  cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px;  } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
	/* 
	------------------------------------------------------------------------------------------------------------------------
	3. HORIZONTAL SCROLLBAR 
	x-axis
	------------------------------------------------------------------------------------------------------------------------
	*/
	.mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }  .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; }  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px;  height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px;  margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px;  margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
	/* 
	------------------------------------------------------------------------------------------------------------------------
	4. VERTICAL AND HORIZONTAL SCROLLBARS 
	yx-axis 
	------------------------------------------------------------------------------------------------------------------------
	*/
	.mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0;  margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
	/* 
	------------------------------------------------------------------------------------------------------------------------
	5. TRANSITIONS  
	------------------------------------------------------------------------------------------------------------------------
	*/
	.mCSB_scrollTools,  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;  } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/*
	 * Poshy Tip jQuery plugin v1.2
	 */
	.ui-tooltip {z-index:3000;text-align:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:10px;max-width:300px;color:#fff;background-color:#000;}
	.ui-tooltip .tip-inner {font-size:12px;font-weight:100;line-height:1.4}
	.ui-tooltip .tip-inner span {font-weight:700}
	.ui-tooltip .tip-arrow-top {margin-top:-4px;margin-left:-5px;top:0;left:15px;width:9px;height:5px;background:url("/img/common/poshytip.gif") no-repeat;}
	.ui-tooltip .tip-arrow-right {margin-top:-4px;margin-left:-1px;top:50%;left:100%;width:5px;height:9px;background:url("/img/common/poshytip.gif") no-repeat -9px 0;}
	.ui-tooltip .tip-arrow-bottom {margin-top:-1px;margin-left:-5px;top:100%;left:15px;width:9px;height:5px;background:url("/img/common/poshytip.gif") no-repeat -18px 0;}
	.ui-tooltip .tip-arrow-left {margin-top:-4px;margin-left:-4px;top:50%;left:0;width:5px;height:9px;background:url("/img/common/poshytip.gif") no-repeat -27px 0;}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); z-index: 10 }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { border: none; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: owlFadeOut }
@keyframes owlFadeOut {
	0% { opacity:1 }
	100% { opacity:0 } 
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; padding:1em 0; }
.owl-theme .owl-nav { margin-top: 10px; z-index:100; }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav .disabled { opacity: .1; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { display: block; backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-nav { position: absolute; top: calc(50% - 20px); width: 100%; margin: 0 !important; margin-top: -15px !important; font-size: 20px; }
.owl-nav button { height: inherit;  display:flex;  display: -webkit-flex; align-items: center; justify-content: center;   text-align: center; width: 40px; height: 40px; border-radius: 100% !important; background: rgba(0,0,0,.5); }
.owl-prev { position: absolute; left: -50px; top: 0; }
.owl-next { position: absolute; right: -50px; top: 0; }
.owl-menu { border: 1px solid #999; padding: 20px; }
.owl-menu li.item { background: #fff; border-left: none; padding: 10px 20px }
.owl-nav button,
.owl-dots button {background-color:transparent;}
.owl-carousel div.cap { display: block; text-align: center; font-size: .8em; padding-top: .4em;}
.owl-carousel div.cap span {font-weight: 500;}
@media screen and (max-width:767px) { 
	.owl-nav { margin-top:10px !important; 	top:inherit; 	font-size: 14px; } 
	.owl-nav button { width: 30px; 	height: 30px; } 
	.owl-prev { left: 10px; } 
	.owl-next { 	right: 10px; } 
	.owl-dots button { padding:0 2px} 
}
/* 메인콘텐츠 - 본문 - 슬라이드 */
.owl-carousel { width:calc( 100% - 200px); margin:0 auto; margin-top:2em; margin-bottom:2em;} 
.owl-carousel img { border-radius: 20px;}
.owl-theme .owl-nav [class*=owl-] {  background: #e60012;  color: #fff;  }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 0; background: #D6D6D6; } /*도트 크기*/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #e60012 }
.owl-theme .owl-dots button + button {margin-left: 5px;}
@media screen and (max-width:1000px){
	.owl-carousel {width:calc( 100% - 6em); }
}
@media screen and (max-width:767px){
	.owl-carousel { width:100%; }
	.owl-carousel img { border-radius: 10px;}
}
	/*
	* jQuery UI
	* 위젯 : 셀박스
	*/
	.sel_wrap {display:inline-block;}
	.sel_wrap select { width:100%;}
	.ui-selectmenu-menu, .ui-selectmenu-button {  z-index:2;cursor:pointer;}
	.ui-selectmenu-menu { position: absolute; display: none;}
	.ui-selectmenu-button {position: relative; width:100%;display:inline-block; border:1px solid #b8b8b8; background-color:#fdfdfd; white-space:nowrap;  overflow:hidden; text-overflow: ellipsis;}
	.ui-selectmenu-button:focus { outline: none;}
	.ui-selectmenu-button .ui-selectmenu-icon { position: absolute; background-image:url("/img/common/arrow.select.png"); background-position:right; background-repeat: no-repeat;right:0;margin-top: 0; width:30px;}
	.ui-selectmenu-open { display: inline-block; }
	.ui-selectmenu-open ul.ui-menu {position: relative; background:#fff; width:1px; max-height:200px;  border-radius:0 0 6px 6px;  overflow-y: auto; border:1px solid #b8b8b8; border-top:none; box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
	.ui-selectmenu-open ul.ui-menu li div { white-space:nowrap;  overflow:hidden; text-overflow: ellipsis;padding:0 0 0 20px; }
	.ui-selectmenu-open ul.ui-menu li {  border-top:1px solid #eaeaea;  }
	.ui-selectmenu-open ul.ui-menu .ui-selectmenu-optgroup { font-weight:700}
	.ui-selectmenu-open ul.ui-menu .ui-state-active  {background:#eee}
	/*======================================
	Selectric
	======================================*/
	.selectric-wrapper {position: relative;cursor: pointer;}
	.selectric-responsive {width: 100%;}
	.selectric {background: #fdfdfd;position: relative;border-radius: 0px; box-sizing:border-box;}
	.selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 38px 0 10px;font-size: 12px;color: #444;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.selectric .button {background-image:url("/img/common/arrow.select.png"); background-repeat: no-repeat;background-position: right;border-radius: 0px;display: block;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 38px;color: #00a8b3;text-align: center;}
	
	.selectric-focus .selectric {border-color: #b8b8b8;}
	.selectric-hover .selectric {border-color: #b8b8b8;}
	.selectric-hover .selectric .button {color: #d9d9d9;}
	.selectric-hover .selectric .button:after {border-top-color: #d9d9d9;}
	.selectric-open {z-index: 9999; }
	.selectric-open .selectric {border-color: #000; border-bottom-color:#b8b8b8;box-shadow:0 4px 2px rgba(0,0,0,.05); background: #fff;}
	.selectric-open .selectric-items {display: block;}
	.selectric-disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
	.selectric-hide-select select {position: absolute;left: -100%;}
	.selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
	.selectric-hide-select.selectric-is-native select {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0;}
	.selectric-input {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;}
	.selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}
	/* Items box */
	.selectric-items {display: none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #000;z-index: -1; border-top:none; overflow:hidden; box-shadow:2px 2px 2px rgba(0,0,0,0.2);  border-radius:0 0 6px 6px;}
	.selectric-items .selectric-scroll {height: 100%;overflow: auto;}
	.selectric-above .selectric-items {top: auto;bottom: 100%;}
	.selectric-items ul, .selectric-items li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 20px;min-height: 20px;}
	.selectric-items li {display: block;padding: 10px;color: #666;cursor: pointer;border-top:1px solid #eaeaea;transition: 0.3s;}
	.selectric-items li:first-child { border:none;}
	.selectric-items li.selected {background: #E0E0E0;color: #444;}
	.selectric-items li.highlighted {background: #646464;color: #fff;}
	.selectric-items li:hover {background: #eee;color: #444;}
	.selectric-items .disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default !important;background: none !important;color: #666 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.selectric-items .selectric-group .selectric-group-label {font-weight: bold;padding-left: 10px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: none;color: #444;}
	.selectric-items .selectric-group.disabled li {filter: alpha(opacity=100);opacity: 1;}
	.selectric-items .selectric-group li {padding-left: 25px;}
	.selectric-items .nicescroll-rails { z-index:1 !important; }