/* CSS Document */ /* 미르넷 작성자 :: 이혜진 대리(디자이너) :: css3.0 제이쿼리기반 // 부스터랩 3.0 */  

/**  *  Master Slider * 	Core css file */ 

.text_views{ z-index:99; position: absolute; width:100%; height:25px; padding:10px; margin:0; bottom:0px; background:url(/img/lib_img/gallery-item-hover.png) repeat;}
.text_views p{ padding:2px 0 0 0; margin:0; color:#FFF; font-weight:600; font-size:16px;}

.master-slider{ position: relative; visibility: hidden; -moz-transform: translate3d(0 , 0 , 0); }
.master-slider, .master-slider * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.master-slider.before-init{}
.master-slider.ms-fullheight{height: 100%;}
.ms-layout-partialview .ms-view { overflow: visible; background-color:transparent; }
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider img, .ms-slide-bgvideocont video {max-width:none;}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-loading-container{ position:absolute; width:100%; top:0; }
.ms-slide-auto-height { display: table; }
.ms-loading-container .ms-loading, .ms-slide .ms-slide-loading { 
width: 36px; height: 36px; background: url(/img/lib_img/loading-2.gif) no-repeat center white; 
border-radius: 60px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: absolute; left: 50%; top: 50%;
margin: -18px; opacity: 0.9;
}




/* grab cursor */

.ms-no-swipe, .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url("/img/lib_img/grab.png"), move;}
.ms-grabbing-cursor{cursor: url("/img/lib_img/grabbing.png"), move;}
.ms-ie .ms-grab-cursor{cursor: url("/img/lib_img/grab.cur"), move;}
.ms-ie .ms-grabbing-cursor {cursor: url("/img/lib_img/grabbing.cur"), move;}
.ms-view {  margin:0px auto; overflow:hidden; background:black; position:relative; -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; }
.ms-view .ms-slide-container{position:relative;}
.ms-slide { position:absolute; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; height:100%; }
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont{ position: absolute; overflow:hidden; width: 100%; }
.ms-slide .ms-slide-bgvideocont{ z-index: 105; height: 100%; }
.ms-slide .ms-slide-bgvideocont, .ms-slide-bgvideocont>video{ -webkit-transform: translateZ(0.3px); -moz-transform: translateZ(0.3px); -ms-transform: translateZ(0.3px); -o-transform: translateZ(0.3px); transform: translateZ(0.3px); }
.ms-slide .ms-slide-bgvideo{ position: absolute; top: 0px; }
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.ms-slide .ms-layer{position:absolute;}
.ms-slide .ms-slide-layers{ position: absolute; overflow:hidden; width:100%; height: 100%; z-index: 110; top:0px; }
.ms-slide .ms-slide-video{ position:absolute; top:0; z-index: 111; background:black; padding:0; margin: 0; border: none; }
.ms-parallax-layer { width: 100%; position: absolute; top: 0; }
.ms-scroll-parallax-cont{ position: absolute; top:0; width: 100%; height: 100%; -webkit-transform: translateZ(0.4px); -moz-transform: translateZ(0.4px); -ms-transform: translateZ(0.4px); -o-transform: translateZ(0.4px); transform: translateZ(0.4px); }
.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont, .ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{ }
.ms-scroll-parallax .ms-slide-bgcont{ }



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




.ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn { text-decoration: none; display: inline-block; color:black; position: relative; padding: 8px 15px; cursor: pointer; white-space: nowrap; }
.ms-default-btn{ background: #0074A2; border-radius: 5px; color: #FFF; }
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}
.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{ padding:0; margin: 0; border: none; position: absolute; z-index: 110; }
.ms-btn-s{ padding: 14px 17px;   font-size: 80%; line-height: 0; }
.ms-btn-m{ padding: 12px 40px; }
.ms-btn-n{ padding: 8px 25px; font-size: 95%; }
.ms-btn-l{ padding: 17px 50px;   font-size: 120%; }
.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;}
/*-----------------------------------------------------------*/



.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{ padding:0; margin: 0; border: none; position: absolute; z-index: 110; }
.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{ position:absolute; cursor: pointer; z-index: 110; }
.ms-slide .ms-slide-vcbtn{ position:absolute; cursor: pointer; z-index: 113; }
.ms-slide-vcbtn-mobile{ position: relative; bottom: 0; left:0; width:100%; height: 28px; background-color: black; color: white; text-align: center; cursor: pointer; z-index: 113; }
.ms-slide-vcbtn-mobile .ms-vcbtn-txt { text-transform: uppercase; font-family: sans-serif; font-size: 0.75em; display: inline-block; background: url(video-close-btn.png) no-repeat 0px 3px; padding-left: 15px; height: 15px; color: #DBDBDB; margin-top: 7px; }
.ms-slide .ms-slide-vcbtn, .ms-slide .ms-slide-layers, .ms-slide .ms-slide-vpbtn, .ms-slide .ms-slide-video { -webkit-transform: translateZ(0.44px); -moz-transform: translateZ(0.44px); -ms-transform: translateZ(0.44px); -o-transform: translateZ(0.44px); transform: translateZ(0.44px); }
.ms-video-img{ position:absolute; width:100%; height:100%; top:0; left:0; }
.ms-mask-frame{ overflow:hidden; position:absolute; float:left; }


/* controls */ 


.ms-thumb-list{ overflow:hidden; position:absolute; }
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{ cursor: pointer; float: left; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame { background-color: #F6f6f6; text-shadow: 0 1px 1px white; color: #222; border: solid 1px white; border-width: 0 1px 1px 0; overflow: visible; position: relative; opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol { position: absolute; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol { top: 0px; left: 50%; margin-left: -12px; border-bottom: solid 12px #F6f6f6; border-left: solid 12px transparent; border-right: solid 12px transparent; }
.ms-tabs.ms-dir-h .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; top:-12px; border-bottom-color: #EDEDED; }
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol { top: 50%; left: 0; margin-top: -12px; border-right: solid 12px #EDEDED; border-top: solid 12px transparent; border-bottom: solid 12px transparent; }
.ms-tabs.ms-dir-v .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; left:-12px; border-right-color:white; }


.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h { position: relative; /* bottom: 20px; */ /* right: 50%; */ width: 100px; top: 30px; }
.ms-bullets.ms-dir-v { position: absolute; top:50%; }
.ms-bullets.ms-dir-v .ms-bullet{ float: none; }
.ms-bullets.ms-dir-h .ms-bullets-count { position: relative; /* right: -50%; */ }



.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h { left: 10px; right: 10px; top: 5px }
.ms-sbar.ms-dir-v { top: 10px; bottom: 10px; right: 5px }
.ms-sbar .ms-bar { height: 4px; background: #333; border-radius: 4px; }
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{ position:relative; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }


.ms-timerbar { width: 100%; bottom: 0px; position: absolute; }
.ms-ctimer { position: absolute; top: 30px; left: 30px; cursor: pointer; }
.ms-ctimer-bullet {}
.ms-time-bar{ -webkit-transition: width 120ms linear; -moz-transition: width 120ms linear; -ms-transition: width 120ms linear; -o-transition: width 120ms linear; transition: width 120ms linear; }
.ms-ie7 .ms-tooltip-arrow{ height:0px; }
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}

@keyframes point-anim{ 

0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
100% 	{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}



@-webkit-keyframes point-anim{ 

0% 		{-webkit-transform: scale(0.5); opacity: 1; }
100% 	{-webkit-transform: scale(1.5);	opacity: 0; }

}


/* In Android browser, using css animations over slider causes some crashes */ 


.ms-android .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; }


/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
	width: 50px;
	height: 51px;
	background: url(/img/lib_img/light-skin-1.png) no-repeat -14px -150px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
	width: 30px;
	height: 30px;
	background: url(/img/lib_img/light-skin-1.png) no-repeat -24px -28px;
	top: 18px;
	right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
	width: 30px;
	background: url(/img/lib_img/light-skin-1.png);
	background-position: -89px -26px;
	height: 40px;
	cursor: pointer;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	position: absolute;
	z-index: 110;
}
.ms-skin-default .ms-nav-next {
	right: 30px;
	left: auto;
	background-position: -89px -103px;
}



.ms-skin-default .ms-bullet {
	width: 20px;
	height: 20px;
	background: url(/img/lib_img/light-skin-1.png) no-repeat;
	margin: 4px;
	background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
	background-position: -34px -84px;
}


.ms-skin-default .ms-time-bar {
	height: 3px;
	background: #FFFFFF;
	border-top: solid 1px rgba(0, 0, 0, 0.41);
}


.ms-skin-default .ms-tooltip{
	position: absolute;
	z-index: 210;
	cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
	border-top: solid 10px;
	border-top-color: silver;
	border-top-color: rgba(240, 240, 240, 0.88);
	bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: silver;
	border-bottom-color: rgba(240, 240, 240, 0.88);
	top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
	border-right: solid 10px;
	border-right-color: silver;
	border-right-color: rgba(240, 240, 240, 0.88);
	left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: silver;
	border-left-color: rgba(240, 240, 240, 0.88);
	right: -10px;
}

.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
	width: 12px;
	height: 12px; 
	border-radius: 15px;
	border: solid 2px #BBB;
	background: white;
	margin: -8px 0 0 -8px;
	position: absolute;
	z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
	width: 22px;
	height: 22px; 
	background: black;
	background:rgba(0, 0, 0, 0.36);
	margin: -11px 0 0 -11px;
	position: absolute;
	border-radius: 15px;
	
	animation: point-anim 1.5s infinite ;
	-moz-animation: point-anim 1.5s infinite;
	-webkit-animation: point-anim 1.5s infinite;
	-o-animation: point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
	max-width:200px;
}

.ms-skin-default .ms-tooltip-cont {
	padding: 10px;
	background: silver;
	background: rgba(240, 240, 240, 0.88);
	text-shadow: 0 1px 0px white;
	margin-left: -1px;
}

/* retina */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	.ms-skin-default .ms-slide .ms-slide-vpbtn,
	.ms-skin-default .ms-video-btn,
	.ms-skin-default .ms-slide .ms-slide-vcbtn,
	.ms-skin-default .ms-nav-next,
	.ms-skin-default .ms-nav-prev,
	.ms-skin-default .ms-bullet{
		/*background-image:url(/img/lib_img/light-skin-1-retina.png);*/
		background-size: 152px 225px;
	}
	
}