/* 툴팁 */
#tiptip_holder { display:none; position:absolute; top:0; left:0; z-index:99999; } 
#tiptip_holder.tip_top { padding-bottom: 5px; } 
#tiptip_holder.tip_bottom { padding-top: 5px; } 
#tiptip_holder.tip_right { padding-left: 5px; } 
#tiptip_holder.tip_left { padding-right: 5px; } 
#tiptip_content {
font-size: 0.688rem;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background:#212121;
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff; border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}

/* 모달 */
.modalBg {	position:fixed; overflow:hidden; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.1; z-index:9999;}
.nmReposition {position:absolute; z-index:99999}
.modalCloseButton { top:-13px; right:-13px; width:12px; height:12px; text-indent:-9999em; background:url(img/close.png);}
.modalTitle { top:-26px; left:0; margin:0; color: #ddd;}
.modalCont { position: absolute; border: 4px solid #777; margin: 25px; background:#fff; z-index:99999}
.modalCont iframe { width: 600px; height: 400px;}
.modalError { border:4px solid red; color:red; width:250px; height:250px;}
.modalError div { min-width:0; min-height:0; padding:10px;}
.modalLink, .modalDom, .modalForm, .modalFormFile { position: relative; padding: 10px; min-height: 250px; min-width: 250px; max-width: 1000px;}
.modalImage, .modalSwf, .modalIframe, .modalIframeForm { position:relative; overflow:hidden;}
.modalImage img { vertical-align:top;}
.modalHidden {left:-9999em; top:-9999em;}
.modalLoad {position:absolute; width:100px; height:100px; background:#fff url(img/ajaxLoader.gif) no-repeat center;	padding:0;}
.modalPrev, .modalNext { outline:none; position:absolute; top:0; height:60%; width:150px; min-height:50px; max-height:300px; cursor:pointer; text-indent:-9999em; background:transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;}
.modalImage .modalPrev, .modalImage .modalNext { height:100%; width:40%;max-height:none;}
.modalPrev { left:0;}
.modalPrev:hover { background-image:url(img/prev.gif);}
.modalNext { right:0; background-position:right 20%;}
.modalNext:hover { background-position:right 20%; background-image:url(img/next.gif);}


.modal {
	min-width:300px;
  display: none;
  background: #fff;
  padding: 20px 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(img/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(img/loading.gif) no-repeat center center;
}
.modal h1 { margin:-8px 0 10px 0; padding:0; font-weight:normal;}
.modal .button {}

/* tab 일반 */
.tab ul { margin-left:1px;}
.tab li { display:inline-block; width:auto; padding:0;}
.tab li a {
 display:block;
 text-decoration:none;
 width:auto;
 padding:7px 20px;
 border:solid 1px #ddd;
 border-bottom:2px solid #555;
 margin-left:-1px;
 background:#fff;
}
.tab li a.active {
 background: #f3f3f3;
 position: relative;
 padding:6px 20px 8px 20px;
 border:2px solid #555;
 border-bottom:1px solid #eee;
 margin:0 0 0 -1px;
 color: #000;
}
.tab li:first-child a.active {}
.tab li.add a { background:#444; margin-left:0; color:#fff;}
.tab li.add span { display:block; margin:6px 0 0 -4px;}
.tab li.add i { margin:1px 4px 0 0;}
.tab li a:hover { background:#fff;}
.tab li.add a:hover { background:#666;}
.tab-content { margin:0; display:block; }
.tab-content > li {display:none; }
.tab-content > li.active {display:block; }
.tab:before, ul.tabs:after { content:'\0020'; display:block; overflow: hidden; visibility:hidden; width:0; height:0;}
.tab:after { clear:both;}

.tab_inner { border:solid 1px #333; border-width:0 2px 2px 2px; padding:0 20px 20px 20px;}

/* tab 미니 */
.tab.s { overflow:hidden}
.tab.s ul { display:block; height:25px; padding:0; border-bottom:solid 1px #999faf; }
.tab.s li a { font-size:0.923em; line-height:100%; padding:5px 12px; border:1px solid #aaa; margin-bottom:-1px;}
.tab.s li.active a { padding:4px 11px 6px 11px;  margin: 0 0 -3px -1px; border:1px solid #fff;}
.tab.s li:first-child.active a { margin-left: 0;}

.tab_inner.s { border:solid 1px #ddd; border-width:1px; padding:15px 20px 20px 20px;}
/*
.tab.s li:first-child a {	border-width:1px 1px 0 1px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; }
.tab.s li:last-child a { -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }
.tab.s a:hover, .tab.s a:focus { color: #4395f9;}
*/
.contents-wrap { display:block; border:solid #aaa; border-width:0 1px 1px 1px; background: #fff; padding:10px;}

.tab_content { display:none; clear:both;}

/* 코너라운딩2px */
.corner-all2, .corner-top2, .corner-left2, .corner-tl2 { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.corner-all2, .corner-top2, .corner-right2, .corner-tr2 { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.corner-all2, .corner-bottom2, .corner-left2, .corner-bl2 { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.corner-all2, .corner-bottom2, .corner-right2, .corner-br2 { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* 코너라운딩4px */
.corner-all4, .corner-top4, .corner-left4, .corner-tl4 { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.corner-all4, .corner-top4, .corner-right4, .corner-tr4 { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.corner-all4, .corner-bottom4, .corner-left4, .corner-bl4 { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.corner-all4, .corner-bottom4, .corner-right4, .corner-br4 { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* 코너라운딩6px */
.corner-all6, .corner-top6, .corner-left6, .corner-tl6 { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.corner-all6, .corner-top6, .corner-right6, .corner-tr6 { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.corner-all6, .corner-bottom6, .corner-left6, .corner-bl6 { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.corner-all6, .corner-bottom6, .corner-right6, .corner-br6 { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* 코너라운딩8px */
.corner-all8, .corner-top8, .corner-left8, .corner-tl8 { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; }
.corner-all8, .corner-top8, .corner-right8, .corner-tr8 { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.corner-all8, .corner-bottom8, .corner-left8, .corner-bl8 { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
.corner-all8, .corner-bottom8, .corner-right8, .corner-br8 { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }

/* 코너라운딩16px */
.corner-all16, .corner-top16, .corner-left16, .corner-tl16 { -moz-border-radius-topleft: 16px; -webkit-border-top-left-radius: 16px; -khtml-border-top-left-radius: 16px; border-top-left-radius: 16px; }
.corner-all16, .corner-top16, .corner-right16, .corner-tr16 { -moz-border-radius-topright: 16px; -webkit-border-top-right-radius: 16px; -khtml-border-top-right-radius: 16px; border-top-right-radius: 16px; }
.corner-all16, .corner-bottom16, .corner-left16, .corner-bl16 { -moz-border-radius-bottomleft: 16px; -webkit-border-bottom-left-radius: 16px; -khtml-border-bottom-left-radius: 16px; border-bottom-left-radius: 16px; }
.corner-all16, .corner-bottom16, .corner-right16, .corner-br16 { -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; border-bottom-right-radius: 16px; }

/*Color Picker*/
.miniColors-trigger {height:22px; width:22px; background:url(img/trigger.png) center no-repeat; vertical-align:middle; margin:0.25em; display:inline-block; outline:none;}

.miniColors-selector {position:absolute; width:187px; height:162px; background:#FFF; border:solid 1px #999; box-shadow:0 3px 6px rgba(0, 0, 0, .25); padding:5px; z-index:999999;}

.miniColors-selector.black { background:#000; border-color:#000;}
.miniColors-colors { position:absolute; top:5px; left:5px; width:150px; height:150px; background:url(img/colors.png) right no-repeat; cursor:crosshair;}
.miniColors-hues { position:absolute; top:5px; left:160px; width:20px; height:150px; background:url(img/colors.png) left no-repeat; cursor:crosshair;}
.miniColors-colorPicker {position:absolute; width:9px; height:9px; border:1px solid #fff; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.miniColors-colorPicker-inner { position:absolute; top:0; left:0; width:7px; height:7px; border:1px solid #000; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius: 9px;}
.miniColors-huePicker { position:absolute; left:-3px; width:24px; height:1px; border:1px solid #fff; border-radius:2px; background:#000;}



.dropdown { position:relative;}
.dropdown ul { display:none; position:absolute; top:20px; left:3px; background:#fff; border:1px solid #dadada; padding:3px 0; 
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index:9999999;
}

.dropdown ul li { width:110px; padding:0 3px; }
.dropdown ul li:hover { background:#f7f7f7;}
.dropdown ul li a { display:inline-block; padding:4px 8px 3px 8px; color:#2e3337;}
.dropdown ul li a.active { color:#000;}


/* 다중선택 셀렉트박스 */
.ms-container{ background: transparent url('../img/switch.png') no-repeat 50% 50%; width: 370px;}
.ms-container:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;}
.ms-container .ms-selectable, .ms-container .ms-selection{ background: #fff; color: #555555; float: left; width: 45%;}
.ms-container .ms-selection{ float: right;}
.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
}

.ms-container ul{ margin: 0; list-style-type: none; padding: 0;}
.ms-container .ms-optgroup-container{ width: 100%;}
.ms-container .ms-optgroup-label{ margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999;}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{ border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; }
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{ cursor: pointer; color: #fff; text-decoration: none; background-color: #08c;}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{ background-color: #eee; color: #aaa; cursor: text;}

/* 별점수 */
/******* type A *******/

.rating .br-widget { display:inline-block;}
.rating .br-widget a { display:inline-block; width:10px; padding:3px 0 3px 0; height:10px; float:left; background-color:#fff; margin:3px 1px 0 0; text-align:center;}
.rating .br-widget a.br-active,
.rating .br-widget a.br-selected { background-color:#960000;}
.rating .br-widget .br-current-rating { float:left; padding: 0 15px 0 5px; color: #646464;}
/******* type B *******/
.rating_disable .br-widget { display:inline-block;}
.rating_disable .br-widget a { display:inline-block; width:10px; padding:3px 0 3px 0; height:8px; float:left; background-color:#e3e3e3; margin:3px 1px 0 0; text-align:center;}
.rating_disable .br-widget a.br-active,
.rating_disable .br-widget a.br-selected { background-color:#aaa;}
.rating_disable .br-widget .br-current-rating { float:left; padding: 0 15px 0 5px; color: #646464;}
/******* type C *******/
.rating-c .br-widget { height: 52px;}
.rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: #e3e3e3; margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: #b6b6b6;}
.rating-c .br-widget a.br-active,
.rating-c .br-widget a.br-selected { background-color: #59a6d6; color: white;}
/******* type D *******/
.rating-d .br-widget { height: 52px;}
.rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: white; border-bottom: 2px solid #e3e3e3; color: #646464; margin: 1px; text-decoration: none; line-height: 2.1; text-align: center;}
.rating-d .br-widget a span { color: white;}
.rating-d .br-widget a.br-active,
.rating-d .br-widget a.br-selected { border-bottom: 2px solid #646464;}
.rating-d .br-widget a:hover span,
.rating-d .br-widget a.br-current span { color: #646464;}
/******* type E *******/
.rating-e .br-widget a { padding: 5px; color: #646464; text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center;}
.rating-e .br-widget a.br-active { background-color: #e3e3e3; color: #646464;}
.rating-e .br-widget a.br-selected { background-color: #59a6d6; color: white;}
/******* type F *******/
.rating-f .br-widget { height: 24px;}
.rating-f .br-widget a { background: url('../img/star.png'); width: 24px; height: 24px; display: block; float: left;}
.rating-f .br-widget a:hover,
.rating-f .br-widget a.br-active,
.rating-f .br-widget a.br-selected { background-position: 0 24px;}
/******* type G *******/
.rating-g .br-widget { height: 25px;}
.rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px;}
.rating-g .br-widget a.br-active,
.rating-g .br-widget a.br-selected { background-color: #59a6d6;}
.rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464;}
@media
only screen and (min-device-pixel-ratio : 1.5),
(min-resolution: 192dpi) {
    .rating-f .br-widget a { background: url('../img/star@2x.png'); background-size: 24px 48px;}
}

/* go to top */
.go-top { background-image: url("img/top.png"); display:block; width:38px; height:38px; position:fixed; bottom: -38px; right: 20px; 
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.go-top.show { bottom:30px; }
.go-top:hover { }

/* Loading */
#viewLoading { position:fixed !important; top:44%; left:48%; padding:10px; border-radius:10px; background:rgba(0,0,0,0.5); text-align:center; font-size:20px; color:#fff; display:none; z-index:1500;}
#viewLoading img { padding:40px;}