/*
 * ===========================================================================
 * jquery.one.js의 UI 스타일 설정
 * ===========================================================================
 *
 * jquery.one.js 에서 사용되는 다양한 객체의 UI 설정에 필요한 스타일 설정이다.
 *
 * ---------------------------------------------------------------------------
 * 작성자: 고광진 <akanaka@hanmail.net>
 * 작성일: 2015년 09월 03일
 * ===========================================================================
 */


/*
 * ---------------------------------------------------------------------------
 * 프린트
 * ---------------------------------------------------------------------------
 */
@media print {
	a[href]:after {content: none !important;}
}


/*
 * ---------------------------------------------------------------------------
 * 툴팁 레이어
 * ---------------------------------------------------------------------------
 */
.one-tt {display:none; position:absolute; padding:7px 10px; margin:0px 0px; border-radius:5px; background:#3BB8BB; z-index:2000;}
.one-tt > P {margin:0px; padding:0px; color:white; font-size:small; line-height:140%; white-space:nowrap;}
.one-tt > SPAN {display:inline; position:absolute; left:10%; top:-10px; border:5px solid transparent; border-bottom-color:#3BB8BB;}


/*
 * ---------------------------------------------------------------------------
 * 패턴 검사
 * ---------------------------------------------------------------------------
 */
.one-pattern-success {background-image:url("/script/images/v.png"); background-repeat:no-repeat; background-position:90% 50%;}
.one-pattern-failure {background-image:url("/script/images/x.png"); background-repeat:no-repeat; background-position:90% 50%;}


/*
 * ---------------------------------------------------------------------------
 * 롤러
 * ---------------------------------------------------------------------------
 */
.one-roll {position:relative; overflow:hidden;}
.one-roll-nav {list-style:none; position:absolute; bottom:10px; left:0px; width:100%; text-align:center; z-index:10;}
.one-roll-nav a {display:inline-block; text-decoration:none; background:white; border:1px solid silver; border-radius:14px; width:28px; padding:7px; margin:0px 3px; font-size:90%; font-weight:bold; color:gray; line-height:100%; opacity:0.5; cursor:pointer;}
.one-roll-nav a:hover {background:green; color:white; opacity:0.9;}
.one-roll-nav a.on {background:green; color:white;}
.one-roll-left {position:absolute; top:0px; left:-50px; width:100px; height:100%; border-radius:100px; background:silver; opacity:0.3; cursor:pointer; z-index:10;}
.one-roll-left:hover {background:gray;}
.one-roll-right {position:absolute; top:0px; right:-50px; width:100px; height:100%; border-radius:100px; background:silver; opacity:0.3; cursor:pointer; z-index:10;}
.one-roll-right:hover {background:gray;}


/*
 * ---------------------------------------------------------------------------
 * 컨텍스트 메뉴 레이어
 * ---------------------------------------------------------------------------
 */
.one-context {position:fixed; top:0px; left:0px; display:none; border:1px solid gray; list-style:none; padding:0px; margin:10px; background:white; box-shadow:2px 2px 5px silver; z-index:10;}
.one-context LI {margin:2px; padding:3px 15px 3px 10px; cursor:pointer;}
.one-context LI A {text-decoration:none;}
.one-context LI:not(.disabled):hover {background:gray;}
.one-context LI:not(.disabled):hover A {color:white;}
.one-context .separator {font-size:0px; padding:0px; border:0px; height:1px; background:gray;}
.one-context .disabled A {color:silver;}


/*
 * ---------------------------------------------------------------------------
 * 일반 레이어
 * ---------------------------------------------------------------------------
 *
 * z-index 값은 반드시 100으로 설정되어야 한다.
 *
 */
.one-layer {z-index:100; display:none; position:fixed; top:0px; left:0px; border:1px solid gray; box-shadow:5px 5px 10px silver; background:white; line-height:0px;}
.one-layer .header {
	position:relative; height:30px;
	background: rgb(208,228,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
.one-layer .header P {position:absolute; top:0px; left:0px; margin:14px 10px; color:white; font-size:13px; font-weight:bold;}
.one-layer .header .close {position:absolute; top:5px; right:10px; border:1px solid gray; background:white; color:gray; font-size:12px; padding:1px 4px; cursor:pointer;}


/*
 * ---------------------------------------------------------------------------
 * 디버그 레이어
 * ---------------------------------------------------------------------------
 */
#one-debug {position:fixed; width:100%; top:0px; left:0px; border-left:0px; border-right:0px; z-index:2000;}
#one-debug iframe {width:100%; height:500px;}


/*
 * ---------------------------------------------------------------------------
 * 커튼
 * ---------------------------------------------------------------------------
 */
#one-curtain {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; border:0px; background-color:gray; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#one-curtain P {width:100%; text-align:center; line-height:160%; color:#444444; position:fixed; top:35%;}


/*
 * ---------------------------------------------------------------------------
 * 입력폼 상태
 * ---------------------------------------------------------------------------
 */
.selected {color:purple;}
.checked {color:purple;}
.failure {border:1px dashed red; background:#ffcdcd;}


/*
 * ---------------------------------------------------------------------------
 * 입력폼 형태
 * ---------------------------------------------------------------------------
 */
input::-ms-clear {display: none;} /* Microsoft Internet Explorer 10 Text Clear button bug fix */
.number {text-align:right; padding-right:16px;}


/*
 * ---------------------------------------------------------------------------
 * SBBS
 * ---------------------------------------------------------------------------
 */
.sbbs .notice {background:#FFEDED; color:gray; text-align:center; padding:5px 0px;}
.sbbs .notice::after {content:"데이터가 존재하지 않습니다.";}

.sbbs .loading {position:absolute; top:0px; left:0px; text-align:center; width:100%; height:100%; background:white; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.sbbs .loading span {display:inline-block; height:100%; vertical-align:middle;}
.sbbs .loading img {vertical-align:middle; width:20%; border:0px;}

.sbbs .clone {position:absolute; top:0px; left:0px;}
.sbbs .clone tfoot {border-bottom:3px solid #EEEEEE;}