/* for TINY BOX */

.tbox {position:absolute; display:none; padding:14px 17px; z-index:9000}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(/rsc/svc/jquerybox/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(/rsc/svc/jquerybox/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:0px; overflow:visible; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:4px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:5px; left:7px; color:#fff; font-size:12px;}
        #cboxCurrent{position:absolute; top:1px; right:64px; color:#ccc; font-family:arial; font-size:10px; }
        #cboxPrevious{position:absolute; top:50%; left:4px; margin-top:-32px; background:url(/rsc/svc/jquerybox/controls_b.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:4px; margin-top:-32px; background:url(/rsc/svc/jquerybox/controls_b.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/rsc/svc/jquerybox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:2px; right:0px; outline:none; display:block; padding:0px; margin:0px; border:none; background:url(/rsc/svc/jquerybox/controls_b.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

        #cboxSlideshow {text-indent:-9999px; width:17px; height:16px; position:absolute; top:3px; right:40px; background:url(/rsc/svc/jquerybox/controls_s.png) no-repeat 0 0;}
        .cboxSlideshow_on  #cboxSlideshow{background-position:0px -16px; }
        .cboxSlideshow_on  #cboxSlideshow:hover{background-position:-17px -16px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-17px -16px; }
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:0px -16px;}

/* Unused elements : 13.01.09 ksnam : ~IE7 Box Problem */
#cboxTitle, #cboxCurrent, #cboxNext, #cboxNext, #cboxPrevious, #cboxSlideshow,
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxMiddleLeft, #cboxMiddleRight, #cboxTitle
{ display:none; height:0px; width:0px; outline:0; }

/* 12.12.26 ksnam : jquery tooltip plugin */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #68B4FF;
	background-color: #ffffff;
	padding: 8px; opacity: 0.95;
	font-size:12px; line-height:140%;
}
#tooltip h3 { margin:0px; font-size:12px; color:#0080C0; }
#tooltip div { margin:0px; font-size:12px; color:#555555; }

/* 13.07.23 ksnam : simpletip */
.simpletip { }
.simpletip_opened { }

.simpletip_base 	{ position:absolute; top:0; left:0; display:none; }
.simpletip_active	{ }
.simpletip_fixed	{ }
.simpletip_peristent{ }
.simpletip_focus	{ }
.simpletip_active	{ }

.simpletip_cont {
	border: 3px solid #68B4FF; background-color: #ffffff; padding: 4px;
	-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
	cursor:default; font-style:normal; font-weight:normal;
	text-align:left; z-index:99;
	/* opacity: 0.95; filter: alpha(opacity=95); */
}

.simpletip_close {
	position:absolute; top:6px; left:100%; cursor:pointer; width:16px; height:16px; margin-left:-22px;
	background:url(/rsc/img/toggle_minus.png) no-repeat;
	z-index:90;
}


/* 16.05.04 ksnam : for SLICK */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* === slick-theme.css === */

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    /* background: transparent; */ /* 16.04.14 ksnam : DELETED */
}

/* 16.04.12 ksnam : slick-prev:focus:before, slick-next:focus:before DELETED */
.slick-prev:hover:before,
.x-slick-prev:focus:before,
.slick-next:hover:before,
.x-slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '¡ç';
}
[dir='rtl'] .slick-prev:before
{
    content: '¡æ';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '¡æ';
}
[dir='rtl'] .slick-next:before
{
    content: '¡ç';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '?';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* 16.04.12 ksnam : KONEST DEFAULT SLICK THEME */
.slick-slider { }
.slick-dotted.slick-slider { margin-bottom:0px; }

.slick-slide { outline:none; } /* (ksnam) disable chrome outline when dragging */
.slider-dots { padding:8px; position:relative; }
	.slick-dots { bottom:auto; height:auto; position:relative; }
		.slick-dots li { width:auto; height:auto; margin:0 3px; opacity:0.8; }
			.slick-dots li button { width:12px; height:12px; background-color:#898989; border-radius:50%; padding:0px; }
			.slick-dots li.slick-active button { background-color:#e51837; opacity:0.95; }
			.slick-dots li button:before { content:""; display:none; width:1px; height:1px; } /* (ksnam) disable slick-default before */

	/* (ksnam) ie8 doesn't support opacity */
	.slick-prev, .slick-next { /* (ksnam) redefine prev/next */
		z-index:5; top:50%; left:0px; margin-top:-38px; width:76px; height:76px; background:url(/rsc/svc/img/slider-prev.png); background-size:76px 76px;
	    -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity:0.75;
	}
	.slick-next { left:auto; right:0px; background:url(/rsc/svc/img/slider-next.png); }
	.slick-prev:hover, .slick-next:hover { opacity:1; }
	.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity:0.15; x-display:none!important; }
	.slick-prev:before, .slick-next:before { content:""; display:none; width:1px; height:1px; } /* (ksnam) disable slick-default before */

	.mobile .slick-prev, .mobile .slick-next { left:5px; width:38px; height:38px; background-size:38px 38px; margin-top:-19px; }
	.mobile .slick-next { left:auto; right:5px; }

.slick-loading .slick-list { background:url(/rsc/img/loading_m.gif) no-repeat center center; background-size:32px 32px; }

.slider-close { position:absolute; cursor:pointer; top:5px; right:5px; background-color:#000; font-size:11px; padding:6px; color:#fff; opacity:0.6; text-align:center; line-height:100%; }
	.slider-close:before { content:""; display:block; margin:0 auto 4px auto; width:26px; height:20px; background:url(/rsc/svc/img/slider-close.png) no-repeat center center; background-size:26px 20px; }

.mobile .slider-close { top:2px; right:2px; }
	.mobile .slider-close:before { width:13px; height:10px; background-size:13px 10px; }

.slider-page { position:absolute; top:5px; left:5px; opacity:0.7; color:#fff; padding:6px 12px; text-align:center; background-color:#5e5e5e; line-height:100%; }
	.mobile .slider-page { top:2px; left:2px; padding:4px 8px; font-size:0.875em; }

.slick-slider,
.slick-list,
.slick-track { height:100%; }
	.slick-slide { position:relative; cursor:pointer; }
		.slick-slide .slick-caption {
			position:absolute; width:100%; left:0px; bottom:0px; opacity:0.8; padding:10px 0px;
			font-size:13px; background-color:#2b2b2b; color:#fff; text-align:center;
			display:none;
		}
		/* (ksnam) prevent invalid display on loading & auto visible after initilize */
		.slick-initialized.slick-slider .slick-caption { display:block; }

		.slick-slide .centerpos {
			width:auto; height:auto; max-width:100%; max-height:100%;
			position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;
		}