@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:url(/template/img/coolmetal/bg.gif)}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;}
.body {
    background:url(/template/img/coolmetal/bg.gif);
	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;
}
p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}
#topTitle {position:absolute;top:0;left:0;background:url('/template/img/coolmetal/top.gif');height:57px;width:100%;color:white;font-size:26px;text-align:center;overflow:hidden;text-overflow:ellipsis;line-height:57px;z-index:999}
#titleimage {text-align:center;margin-top:10px;margin-bottom:10px}
#gallery {position:relative; width:100%; margin-top:57px; padding:0px; border:0px; background:transparent;}
*+html #gallery {margin-bottom:-6px;}
#image {position:relative; width:470px; margin:0 auto;border:0px;}
#image img {position:relative; top:0px; left:0px; width:100%; border:0px; z-index:10;border-radius:5px;}
#thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:15px; bottom:35px;}
 *+html #thumbarea {position:absolute; height:58px; width:100%; z-index:100; padding-left:0px; text-align:center; right:15px; bottom:25px;}
#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%;margin-bottom:10px;}

#msgBox {width:470px;text-align:center;margin:0 5px 15px 5px;background:#f6f6f6;}
#msgTop {background:url(/template/img/shopping3/top_text.gif);width:470px;height:3px;}
#msg {width:440px;text-align: left; margin: 10px 15px; padding:0; color:#222222; font-size:20px; word-wrap:break-word}
#msgBottom {background:url(/template/img/shopping3/bottom_text.gif);width:470px;height:3px;}
#audioWrapper{text-align:center}
#play{cursor:pointer;padding-bottom:10px;}
#audioWrapper audio{position:absolute;z-index:0;left:-100px;top:-100px}
#bannerBox {padding:0 5px 10px 5px;margin-top:0px}
#bannerBox table{height:65px;background:url(/template/img/coolmetal/menu.gif) no-repeat;margin-bottom:5px;}
.title_ellipsis {width:100%; overflow:hidden; color:white;text-overflow:ellipsis; text-align:center; font-size:24px; padding:0px; line-height:54px;}

#copyright {width:100%;height:60px;text-align:center;}
#copyright img{margin-top:20px;border:0}
#bottomlinkBox {position:relative;width:100%;height:48px;margin:0 auto;text-align:center;background:#19191b;}
#kakao {padding-top:12px;float:left}
#story {padding-top:12px;float:left}
#kakao img{margin-left:37px;margin-right:37px;}
#story img{margin-left:37px;margin-right:37px;}