@font-face{
 font-family:NanumGothic;
 font-style:normal; 
 src: url('/css/NanumGothic.eot');src: url('/css/NanumGothic.eot?') format('eot');src:url('/css/NanumGothic.woff') format('woff'), url('/css/NanumGothic.ttf') format('truetype');
}
html {height:100%; margin:0; padding:0;-webkit-text-size-adjust:100%;}
body {height:100%; margin:0; padding:0;display:none;}

*{-webkit-tap-highlight-color:  rgba(0, 0, 0, 0)}
*{-moz-tap-highlight-color:  rgba(0, 0, 0, 0)}
*{-o-tap-highlight-color:  rgba(0, 0, 0, 0)}

/* ½ºÅ² ¹é±×¶ó¿îµå ½ÃÀÛ */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0;background:#F7F7F7}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;}
.body {
    background:#F7F7F7;
	background-repeat: repeat;
	font-family:"NanumGothic";
	overflow:hidden;
	letter-spacing:0px;
}
/* ½ºÅ² ¹é±×¶ó¿îµå ³¡ */

.profile {
	background-color:transparent;
	background-size: 100% 100%;
	padding:0px;
	margin-top:0px;
}
a {
	selector-dummy: expression(this.hideFocus=true);
	outline:0;
}
a:link, a:visited, a:active {
	line-height: 20pt;
	font-family: "NanumGothic";
	text-decoration: none;
	color:#17a2a9;
}

p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}

.tileUp {
	animation-name: tileUp;
	-webkit-animation-name: tileUp;
	-moz-animation-name: tileUp;
	-o-animation-name: tileUp;
	-moz-animation-duration: 0.5s;
	-o-animation-duration:  0.5s;
    -webkit-animation-duration:  0.5s; 
    animation-duration:  500ms; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease; 
}
@keyframes tileUp {
	from {transform: translateY(15px) scale(1.1);opacity:0}
	to {transform: translateY(0px) scale(1);opacity:1}
}
@-webkit-keyframes tileUp {
	from {-webkit-transform: translateY(15px) scale(1.1);opacity:0}
	to {-webkit-transform: translateY(0px) scale(1);opacity:1}
}
@-moz-keyframes tileUp {
	from {-moz-transform: translateY(15px) scale(1.1);opacity:0}
	to {-moz-transform: translateY(0px) scale(1);opacity:1}
}
@-o-keyframes tileUp {
	from {-o-transform: translateY(15px) scale(1.1);opacity:0}
	to {-o-transform: translateY(0px) scale(1);opacity:1}
}

/* ŸÀÌƲ ÆùÆ® */
.title_ellipsis {overflow:hidden; text-align:center; color:#fff;background:url(/template/236_dreamphoto/img/menu_name_bg.png) repeat-x;padding:0 10px;position:absolute;bottom:20px;right:0px;text-overflow:ellipsis; font-size:20px;line-height:42px;height:42px;z-index:10}

/* ÇÁ·ÎÇÊ À̹ÌÁö ¿µ¿ª ½ÃÀÛ */
#gallery {position:relative; width:100%; padding:0px; border:0px; background:transparent;}
*+html #gallery {margin-bottom:-6px;}
#topArea{width:480px;}
#image {position:relative; width:480px; margin:0 auto;border:0px;overflow:hidden;text-align:center}
#image img {position:relative; top:0px; width:480px; border:0px; z-index:10;}
#thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:15px; bottom:25px;}
 *+html #thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:15px; bottom:15px;}
#thumbs {position:relative; list-style:none; margin-left:5px; height:58px; width:100%; padding-left:5px;  text-align:center;}
#thumbs li {float:right; margin-right:8px; cursor:pointer}
#thumbs li img {width:58px; height:58px;border-radius:5px;}
#bigimage {text-align:center;}
#bigimage img {width:480px;}
/* ÇÁ·ÎÇÊ À̹ÌÁö ¿µ¿ª ³¡ */

/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ¹öÆ° */
#rightSliderBtn3{cursor:pointer;position:absolute;top:22px;right:22px;z-index:9999}
/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ¹öÆ°  ³¡*/

#msgBox{width:480px}
#msg{width:440px;padding:20px;font-size:17px;line-height:150%}

/* ¸Þ´º¿µ¿ª ½ÃÀÛ */
#bannerBox {width:480px;overflow:hidden;border:0;position:relative;margin:auto;}
#bannerBox img{border:0;width:240px;height:213px;position:absolute;top:0;left:0;z-index:0}
#bannerBox .banner0 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner1 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner2 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner3 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner4 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner5 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner6 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner7 {height:213px;width:240px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner8 {height:213px;width:480px;float:left;overflow:hidden;position:relative;opacity:0;}
#bannerBox .banner8 img, #bannerBox .banner8 div, #bannerBox .banner8 table, #bannerBox .banner8 td, #bannerBox .banner8 tr{width:480px !important}
#bannerBox .banner8 .title_ellipsis{width:auto !important}
/* ¸Þ´º¿µ¿ª ³¡ */

/* Ä«ÇǶóÀÌÆ® ½ÃÀÛ */
#copyright{text-align:center;padding-bottom:60px;text-align:center;width:480px;}
#copyright img{border:0;margin-top:40px}
/* Ä«ÇǶóÀÌÆ® ³¡ */

/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ½ÃÀÛ */
#rightSlider3{height:100%;width:226px;position:fixed;right:50%;margin-right:-240px;top:0;background:#000;z-index:0;overflow:hidden;display:none;border-left:1px solid #414046}
#rightSliderBox{width:100%;height:100px;background:#000}
#snsTitle{height:67px;width:100%;border-bottom:1px solid #262626;text-align:center;}
#snsTitle img{margin-top:26px;}
#stitleSns{width:100%;height:62px;padding-left:10px;text-align:left;}
#stitleSns img{margin-top:33px}
#snsBox{width:100%;margin:auto;overflow:hidden;padding-bottom:5px}
#snsBox div{text-align:center;margin:auto;margin-top:50px !important;font-size:17px;color:#fff;height:45px;line-height:45px;width:204px;cursor:pointer;background:url('/template/img/common/rightmenu/img_share.png');position:relative;}
#snsBox #shareLayerBtn span{font-family:NanumGothic, NanumBarunGothic;position:relative;left:-13px;top:-1px}
#smsBox{margin:auto;width:100%;padding-left:19px;padding-right:19px;margin-top:40px;border-top:1px solid #2a2a2a;padding-top:35px;overflow:hidden;text-align:center;display:table;padding-bottom:5px}
#snsCopy{margin-top:100px;margin-bottom:10px;width:100%;height:16px;text-align:center;z-index:999999;}

.bandLinkWrapper{position:relative}
.bandLinkWrapper img{width:53px;height:53px;opacity:0 !important;filter:alpha(opacity=0) !important;}
.bandLinkWrapper .bandBtn{opacity:1 !important;filter:alpha(opacity=100) !important;position:absolute;z-index:0;top:0;}
/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ³¡ */

/* ¿À¸¥ÂÊ ¸Þ´º ³ªÅ¸³ª´Â ¾Ö´Ï¸ÞÀÌ¼Ç ½ÃÀÛ */
.menuShow { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: menuShow;
	-moz-animation-name: menuShow;
	-o-animation-name: menuShow;
	animation-name: menuShow;
}

@keyframes menuShow {
	from {transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {transform: translateX(0px) scale3d(1,1,1); opacity:1}
}
@-webkit-keyframes menuShow {
	from {-webkit-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-webkit-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
@-moz-keyframes menuShow {
	from {-moz-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-moz-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
@-o-keyframes menuShow {
	from {-o-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-o-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
/* ¿À¸¥ÂÊ ¸Þ´º ³ªÅ¸³ª´Â ¾Ö´Ï¸ÞÀÌ¼Ç ³¡ */

/* ¿À¸¥ÂÊ ¸Þ´º »ç¶óÁö´Â ¾Ö´Ï¸ÞÀÌ¼Ç ½ÃÀÛ */
.menuHide { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: menuHide;
	-moz-animation-name: menuHide;
	-o-animation-name: menuHide;
	animation-name: menuHide;
}

@keyframes menuHide {
	from {transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-webkit-keyframes menuHide {
	from {-webkit-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-webkit-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-moz-keyframes menuHide {
	from {-moz-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-moz-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-o-keyframes menuHide {
	from {-o-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-o-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
/* ¿À¸¥ÂÊ ¸Þ´º »ç¶óÁö´Â ¾Ö´Ï¸ÞÀÌ¼Ç ³¡ */

/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿ÞÂÊ) ½ÃÀÛ */
.pageSlideLeft { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: pageSlideLeft;
	-moz-animation-name: pageSlideLeft;
	-o-animation-name: pageSlideLeft;
	animation-name: pageSlideLeft;
}

@keyframes pageSlideLeft {
	from {transform: translateX(0px)}
	to {transform: translateX(-227px)}
}
@-webkit-keyframes pageSlideLeft {
	from {-webkit-transform: translateX(0px)}
	to {-webkit-transform: translateX(-227px)}
}
@-moz-keyframes pageSlideLeft {
	from {-moz-transform: translateX(0px)}
	to {-moz-transform: translateX(-227px);}
}
@-o-keyframes pageSlideLeft {
	from {-o-transform: translateX(0px)}
	to {-o-transform: translateX(-227px)}
}
/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿ÞÂÊ) ³¡ */

/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿À¸¥ÂÊ) ½ÃÀÛ */
.pageSlideRight { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: pageSlideRight;
	-moz-animation-name: pageSlideRight;
	-o-animation-name: pageSlideRight;
	animation-name: pageSlideRight;
	margin:0 auto;
}

@keyframes pageSlideRight {
	from {transform: translateX(-227px);)}
	to {transform: translateX(0px);}
}
@-webkit-keyframes pageSlideRight {
	from {-webkit-transform: translateX(-227px)}
	to {-webkit-transform: translateX(0px)}
}
@-moz-keyframes pageSlideRight {
	from {-moz-transform: translateX(-227px)}
	to {-moz-transform: translateX(0px)}
}
@-o-keyframes pageSlideRight {
	from {-o-transform: translateX(-227px)}
	to {-o-transform: translateX(0px)}
}
/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿À¸¥ÂÊ) ³¡ */

/* Ä«ÇÇ ·¹ÀÌ¾î ½ÃÀÛ */
#copyBg{width:100%;height:100%;position:fixed;background:#000;filter:alpha(opacity=60);opacity:0.6;display:none;z-index:99998;top:0;left:0}
#copyLayer{width:400px;height:155px;position:fixed;text-align:center;top:50%;left:50%;margin-left:-200px;margin-top:-70px;background:#fff;border-radius:5px;z-index:99999;display:none}
#copyDesc{width:400px;height:55px;line-height:55px;color:#38b1e6;font-size:21px;border-bottom:1px solid #38b1e6;font-family:NanumGothic;}
#copyUrl{width:370px;height:70px;line-height:70px;text-align:center;font-size:24px;cursor:pointer;font-family:NanumGothic;padding:0;border:0;background:#eaeef1;-webkit-appearance:none;-webkit-border-radius:1px;display:block;margin:auto;border-radius:5px;margin-top:15px}
/* Ä«ÇÇ ·¹ÀÌ¾î ³¡ */

/* °øÀ¯ ·¹ÀÌ¾î ½ÃÀÛ */
#shareBg{width:100%;height:100%;position:fixed;background:#000;filter:alpha(opacity=60);opacity:0.6;display:none;z-index:99998;top:0;left:0}
#shareLayer{width:406px;position:fixed;text-align:center;top:50%;left:50%;margin-left:-203px;background:#fff;border-radius:5px;z-index:99999;display:none;overflow:hidden;font-family:NanumGothic;}
#shareLayerTitle{width:100%;height:50px;line-height:50px;color:#000;font-size:19px;border-bottom:1px solid #E6E6E6;background:#F8F8F8;border-radius:5px 5px 0px 0px;position:relative}
#shareLayerTitle #closeShareBtn{position:absolute;top:17px;right:14px;cursor:pointer}
#shareLayer .sb_div_wrapper{overflow:hidden;padding-top:13px}
#shareLayer .sb_div_wrapper .sb_div{text-align:center;float:left;margin-left:24px;margin-top:25px;line-height:250%;font-size:14px;color:#444444;letter-spacing:-1px;cursor:pointer}
#shareLayer .sb_div img{width:71px}
#shareUrl{width:376px;height:46px;line-height:46px;text-align:center;font-size:19px;cursor:pointer;font-family:NanumGothic;padding:0;border:0;background:#FCFCFC;-webkit-appearance:none;-webkit-border-radius:1px;display:block;margin:auto;margin-top:28px;margin-bottom:14px;border:1px solid #D9D9D9}
/* °øÀ¯ ·¹ÀÌ¾î ³¡ */