@font-face{
 font-family:NanumBarunGothic;
 font-style:normal; 
src: url('/css/NanumBarunGothic.eot');src: url('/css/NanumBarunGothic.eot?') format('eot');src:url('/css/NanumBarunGothic.woff') format('woff'), url('/css/NanumBarunGothic.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:#ececec}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;}
.body {
    background:#ececec;
	background-repeat: repeat;
	font-family:"NanumBarunGothic";
	
	overflow:hidden;
	letter-spacing:0px;
}
.profile {
	background: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: "NanumBarunGothic";
	text-decoration: none;
	color: #454545;
}
#content{padding-bottom:72px}
p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}
#topTitle {background:#9C6547;height:52px;width:100%;color:white;font-size:21px;text-align:center;overflow:hidden;text-overflow:ellipsis;line-height:52px;z-index:999}
#titleimage {text-align:center;margin-top:10px;margin-bottom:10px}
#gallery {position:relative; width:100%; padding:0px; border:0px; background:transparent;}
*+html #gallery {margin-bottom:-6px;}
#image {position:relative; width:480px; margin:0 auto;border:0px;}
#image img {position:relative; top:0px; left:0px; width:100%; border:0px; z-index:10;}
#thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:10px; bottom:25px;}
 *+html #thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:10px; 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:100%;}

#msgBox {width:460px;text-align:center;margin:10px auto 10px auto;background:#f6f6f6;overflow:hidden}
#msg {width:440px;text-align: left; padding:12px 10px; color:#222222; font-size:18px; word-wrap:break-word}

#bannerBox {width:458px;margin:0px auto 35px auto;overflow:hidden}
#bannerBox .banner0 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-right:5px;float:left;overflow:hidden}
#bannerBox .banner1 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-left:5px;float:left;overflow:hidden}
#bannerBox .banner2 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-right:5px;float:left;overflow:hidden}
#bannerBox .banner3 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-left:5px;float:left;overflow:hidden}
#bannerBox .banner4 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-right:5px;float:left;overflow:hidden}
#bannerBox .banner5 {height:97px;width:224px;background:#C4AC85;margin-bottom:10px;margin-left:5px;float:left;overflow:hidden}
.title_ellipsis {width:100%; overflow:hidden; color:white;text-overflow:ellipsis; text-align:center; font-size:18px; padding:0px; line-height:97px;}

#copyright {width:100%;text-align:center;margin-bottom:40px}
#copyright img{border:0}
#linkBox {position:fixed;bottom:0;width:480px;height:76px;margin:0 auto;text-align:center;background:#bebebe;}
#telephone {float:left;}
#sms {float:left;}
#kakao {float:left;}
#telephone img{margin-left:20px;margin-top:7px}
#sms img{margin-left:20px;margin-top:7px}
#kakao img{margin-left:20px;margin-top:7px}