@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:white}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;}
.body {
    background: white;
	background-repeat: repeat;
	font-family:"NanumBarunGothic";
	
	overflow:hidden;
	letter-spacing:0px;
}
.profile {
	background-color:white;
	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: #000000;
}
p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}
.title_ellipsis {width:360px; overflow:hidden; text-align:left; color:white; text-overflow:ellipsis; font-size:26px; padding:0px; margin-top:0px; line-height:72px;}
#top {height:44px; margin-top:10px;}
#logo {float:left; padding:6px 0px 6px 10px; height:100%;}
#logo img {max-width: 250px; height: 30px;}
#profileimage {position:absolute; left:10px;top:90px;width:225px;z-index:0}
 *+html #profileimage {top:85px;}
#profileimage img {width:157px; height:157px;}
#gallery {position:relative; width:161px; height:161px; margin:0px; padding:0px; border:0px; background:#565656}
#image {position:relative; width:161px; height:161px; padding:0px; border:0px;}
#image img {position:relative; top:0px; left:0px; width:161px; height:161px; border:0px; z-index:10;}
#thumbarea {position:absolute; height:30px; width:161px; z-index:100; padding-left:0px; text-align:center; top:100px; display:none}
 *+html #thumbarea {position:absolute; height:30px; width:161px; z-index:100; padding-left:0px; text-align:center; top:115px; display:none}
#thumbs {position:relative; list-style:none; margin-left:3px; height:30px; width:161px; padding-left:5px;  text-align:center;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
#thumbs li img {width:30px; height:30px;}
#boxarea {margin-top:3px; background:url('/template/img/calli2/main.png'); padding-left:185px;font-size: 17px; color: white; border:0px; line-height: 1.8em; height:233px;position:relative;z-index:1}
#boxarea a{color:white;}
#boxarea table {width:280px !important}
#name {text-align: left; margin-right:-5px; margin-bottom:10px;}
#nameBox{width:100%;height:190px;vertical-align:bottom;}
#mobile {margin:-3px 0;}
#fax {margin:-3px 0;}
#email {margin:-3px 0;}
#tel {margin:-3px 0;}
#linkBox {padding:0px 15px 5px 15px; background-color:transparent; margin-top:1px; height:44px;}
#telephone {clear:left; float:left; margin-right:10px}
#sms {float:left; margin-right:10px}
#kakao {float:left;}

#bannerBox {background:white; padding-top:5px;padding-bottom:5px;}
#line {height:1px; border-top:1px solid #838383; margin-top:7px; margin-bottom:2px;}
*+html #line {margin-top:5px; margin-bottom:5px;}
.bannerString {font-size: 32px; color:#ffffff;}

.banner0, .banner2, .banner4, .banner6 {height:72px; background:url('/template/img/calli2/menu1.jpg');padding-left:90px;}
.banner1, .banner3, .banner5 {height:72px;background:url('/template/img/calli2/menu2.jpg');padding-right:90px;}
.banner1 .title_ellipsis {text-align:right}
.banner3 .title_ellipsis {text-align:right}
.banner5 .title_ellipsis {text-align:right}