body {
	margin : 0;
	padding: 0;
	font-size: 16px;
	font-family: gulim;
}

.imagedrip-d {
	position: relative;
	overflow: hidden;
}

.imagedrip-d .d-stage {
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	position: relative;
	cursor : move;
}


.imagedrip-d .d-body {
	position: absolute;
	top: 0;
	left: 0;
	/*-webkit-backface-visibility: hidden;*/
	-webkit-transform:translate3d(0,0,0);

}

.imagedrip-d .d-body img {
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

.imagedrip-d .d-animating {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.d-body img.turn-frame-show {
	display: block;
}


.imagedrip-d .d-toolbar {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 35px;
	/*overflow: hidden;*/
}

.d-toolbar-btn-wrap {
	width: 35px;
	height: 35px;
	float: left;
	margin-top: 3px;
	display: none;
	position: relative;
	cursor: pointer;
}



.d-tooltip span {
	float: right;
	padding: 0 8px 0 8px;
	background: url("images/bg_tooltip.png") left center no-repeat;
	color: #fff;
	position: relative ;
	left: 5px;
	cursor: pointer;
}


.d-tooltip span.d-tooltip-play-img {
	float: right;
	width: 64px;
	height: 23px;
	background: url("images/tooltip_txt.png") 0 -46px no-repeat;
	position: relative ;
	left: 5px;
	cursor: pointer;
	text-indent: 1000px;
	overflow: hidden;
	font-size: 1px;
	padding: 0;
}

.d-tooltip span.d-tooltip-zoom-img {
	float: right;
	width: 82px;
	height: 23px;
	background: url("images/tooltip_txt.png")  0 -23px  no-repeat;
	position: relative ;
	left: 5px;
	cursor: pointer;
	text-indent: 1000px;
	overflow: hidden;
	font-size: 1px;
	padding: 0;
}


.d-tooltip span.d-tooltip-zoom-img.d-s-out {
	background-position: 0 0px;
}



.d-tooltip span.d-tooltip-share-img {
	float: right;
	width: 56px;
	height: 23px;
	background: url("images/tooltip_txt.png") 0 -69px no-repeat;
	position: relative ;
	left: 5px;
	cursor: pointer;
	text-indent: 1000px;
	overflow: hidden;
	font-size: 1px;
	padding: 0;
}




.d-tooltip {
	display: none;
	position: absolute;
	top: 5px;
	left: -156px;
	color: #999;
	height: 24px;
	width: 150px;
	line-height: 24px;
	font-size: 13px;
	font-family: dotum;
	text-align: right;
	letter-spacing: -2px;
}

.imagedrip-d .d-toolbar a {
	cursor: pointer;
	float: left;
	width: 35px;
	height: 35px;
	background: url("images/bg_btn.png") 0 0 no-repeat;
}

.d-mobile.imagedrip-d .d-toolbar a{
	background-image: none;
	background: rgba(0,0,0,0.5);
	border-radius: 7px;
	text-decoration: none;
}

.imagedrip-d .d-toolbar a:hover,
.imagedrip-d .d-toolbar .s-active a{
	background-position: -35px 0;
}


.d-mobile.imagedrip-d .d-toolbar a:hover {
	background: rgba(0,0,0,0.5);
}

.d-mobile.imagedrip-d .d-toolbar .s-active a {
	background: rgba(4,178,249,1);
}


.imagedrip-d .d-toolbar a span{
	width: 35px;
	height: 35px;
	display: block;
	background: url("images/bg_icons.png") 0 0 no-repeat;
}


.imagedrip-d .d-toolbar .d-btn-zoom a span {
	background-position: -35px 0;
}

.imagedrip-d .d-toolbar .d-btn-zoom.d-btn-zoomout a span {
	background-position: 0 0;
}

.imagedrip-d .d-toolbar .d-btn-share a span {
	background-position: -70px 0;
}

.d-mobile.imagedrip-d .d-toolbar .d-btn-share a span {
	background: url("images/bg_icons_mobile.png") 0 0 no-repeat;
	background-size: 70px 35px;
	background-position: -35px 0;
}

.d-mobile.imagedrip-d .d-toolbar .d-btn-hd a span {
	background: url("images/bg_icons_mobile.png") 0 0 no-repeat;
	background-size: 70px 35px;
	background-position: 0 0;
}

.imagedrip-d .d-toolbar .d-btn-play a span {
	background: url("images/play_360.png") no-repeat top left;
}

.imagedrip-d .d-toolbar .d-btn-play.play-360_1 a span { background-position: 0 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_2 a span { background-position: -36px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_3 a span { background-position: -72px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_4 a span { background-position: -108px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_5 a span { background-position: -144px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_6 a span { background-position: -180px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_7 a span { background-position: -216px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_8 a span { background-position: -252px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_9 a span { background-position: -288px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_10 a span { background-position: -324px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_11 a span { background-position: -360px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_12 a span { background-position: -396px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_13 a span { background-position: -432px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_14 a span { background-position: -468px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_15 a span { background-position: -504px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_16 a span { background-position: -540px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_17 a span { background-position: -576px 0; width: 35px; height: 35px; } 
.imagedrip-d .d-toolbar .d-btn-play.play-360_18 a span { background-position: -612px 0; width: 35px; height: 35px; } 


.d-mobile.imagedrip-d .d-toolbar .d-btn-play span {
	background: url("images/play_360_mobile.png") no-repeat top left;
	background-size: 35px;
	
}

.d-mobile.imagedrip-d .d-toolbar .d-btn-play.d-playAnimation span {
	-webkit-animation: autoplay 0.8s linear infinite;	
}



@-webkit-keyframes autoplay {
    from { -webkit-transform : rotate(0deg)}
    to {-webkit-transform : rotate(360deg)}
}


/*
.imagedrip-d .d-toolbar {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 100%;
	overflow: hidden;
}

.imagedrip-d .d-toolbar .d-btn-zoom {
	float: right;
	width: 30px;
	height: 30px;
	text-indent: -10000px;
	font-size: 1px;
}


.imagedrip-d .d-toolbar a {
	display : none;
	float: right;
	margin-left: 4px;
}

.imagedrip-d .d-toolbar .d-btn-zoom {
	background: url("images/ico_zoom.png") -30px -30px no-repeat;
}

.imagedrip-d .d-toolbar .d-btn-zoom.d-btn-zoomout {
	background: url("images/ico_zoom.png") 0 -30px no-repeat;
}

.imagedrip-d .d-toolbar .d-btn-zoom:hover,
.imagedrip-d .d-toolbar .d-btn-zoom.s-active{
	background-position: -30px 0px;
}

.imagedrip-d .d-toolbar .d-btn-zoom.d-btn-zoomout:hover,
.imagedrip-d .d-toolbar .d-btn-zoom.d-btn-zoomout.s-active{
	background-position: 0 0;
}








.imagedrip-d .d-toolbar .d-btn-share {
	float: right;
	width: 17px;
	height: 21px;
	text-indent: -10000px;
	font-size: 1px;
}

.d-mobile .d-toolbar .d-btn-share {
	width: 24px;
	height: 24px;
}

.imagedrip-d .d-toolbar .d-btn-share {
	background: url("images/ico_info.png") 0 0 no-repeat;
}

.imagedrip-d .d-toolbar .d-btn-share:hover,
.imagedrip-d .d-toolbar .d-btn-share.s-active{
	background-position: -17px 0;
}


.d-mobile.imagedrip-d .d-toolbar .d-btn-share {
	background: url("images/ico_info_48.png") 0 0 no-repeat;
	background-size: 48px 24px;
}

.d-mobile.imagedrip-d .d-toolbar .d-btn-share:hover,
.d-mobile.imagedrip-d .d-toolbar .d-btn-share.s-active{
	background-position: -24px 0;
}



*/



/* 모바일에서만 사용되는 버튼 */
/*
.imagedrip-d .d-btn-hd {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 6px;
	background: #ccc;
	font-family: Helvetica;
}

.imagedrip-d .d-btn-hd.s-active {
	background: #0576df;
	color: #fff;
}
*/

.imagedrip-d .d-guide2 {
	width: 100%;
    height: 32px;
	position: absolute;
    bottom: 25px;
    left: 0px;
	z-index: 1000;
	display: none;
	background : url("images/bg_guide2.png") center bottom  no-repeat;
}



.imagedrip-d .d-guide {
	width: 300px;
    height: 200px;
	position: absolute;
	/*top: 50%;
	left: 50%;*/
    bottom: 5px;
    left: 5px;
    /*margin-top: -60px;
    margin-left: -90px;*/
	z-index: 1000;
	display: none;
	background : url("images/guide_pc.png") left bottom  no-repeat;
}

.imagedrip-d .d-guide-txt {
	display: none;
    background-color: #0676df;
	margin-top: 5px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding: 8px 0;
    line-height: 1.5em;
}

.d-mobile .d-guide .d-guide-txt{
	display: none;
}


.d-mobile .d-guide {
	padding: 0;
	width: 70px;
	height: 37px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1000;
	display: none;
	background : url("images/guide_mobile.png") 0 0 no-repeat;
	background-size: cover;
}


.imagedrip-d .d-loading {
	width: 100%;
	height: 100%;
	background: #fff url("images/loading_30.gif") center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.d-mobile .d-loading {
	background: #fff url("images/loading_90.gif") center center no-repeat;
	background-size: 30px 30px;
}

.d-msg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.d-msg-inner {
	font-size: 14px;
	text-align: center;
	padding-top: 150px;
	margin-top: 5%;
	color: #666;
	background: url("images/s_no.png") top center no-repeat;
}

/*
.info-ico-logo {
	background-image: url("images/logo_box_24_sprite.png");
	background-repeat: no-repeat;
	background-position: -24px 0;
	float: left;
	width: 24px;
	height: 24px;
}

.d-mobile .info-ico-logo {
	width: 24px;
	height: 24px;
	background: url("images/logo_box_64.png") 0 0 no-repeat;
	background-size: cover;
}
*/

.imagedrip-d .d-toolbar-tooltip-light {
	display: none;
	position: absolute;
	bottom: 34px;
	right: 5px;
	background: #fff;
	color: #999;
	font-size: 12px;
	z-index: 2000;
	float: left;
}

.imagedrip-d .d-toolbar-tooltip {
	display: none;
	position: absolute;
	right: 45px;
	background: transparent;
	color: #a9a9a9;
	font-size: 12px;
	z-index: 2000;
	float: left;
}

.imagedrip-d .d-share {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 120;
	background: url("images/bg_share_wrap.png") 0 0 repeat;
}

.imagedrip-d .d-share-inner {
	position: relative;
	padding: 15px;
	width: 80%;
	max-width: 400px;
	_width : 400px;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	margin-top: -75px;
	/*background: url("images/bg_share.png") 0 0 repeat;*/
	color: #fff;
	background: rgba(0,0,0,0.5);
}

.imagedrip-d .d-share-title {
	font-size: 11px;
	color: #fff;
	margin-bottom: 5px;
}

.imagedrip-d .d-share-title2 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #eee;
	font-family: dotum;
	letter-spacing: -1px;
}



.imagedrip-d .d-share-code {
	background: #3c3c3c;
	padding: 6px 0;
	font-size: 12px;
	width: 100%;
	color: #fff;
	border: 2px solid #eee;
	
}

.d-mobile .d-share-code {
	font-size: 11px;
}

.imagedrip-d .d-share-btn-link {
	display: inline-block;
	padding: 7px 10px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-family: dotum;
	font-size: 13px;
	background-color: #535353 ;
}

.imagedrip-d .d-share-btn-link:hover {
	background-color: #2997ff;
}

.d-mobile .d-share-btn-link {
	font-size: 12px;
}

.imagedrip-d .d-share-company {
	font-weight: bold;
	color: #1a8bf4;
}

.imagedrip-d .d-share-close {
	cursor: pointer;
	position: absolute;
	padding: 5px;
	top: 0px;
	right: 0px;
	background: url("images/btn_x.png") center center no-repeat;
	width: 10px; height: 10px; 
}

.d-mobile .d-share-close {
	font-size: 18px;
	padding: 10px;
}