@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:#ffffff}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;}
.body {
    background: transparent;
	background-repeat: repeat;
	font-family:"NanumBarunGothic";
	
	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: "NanumBarunGothic";
	text-decoration: none;
	color: #ffffff;
}
p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}
.title_ellipsis {margin-left:80px;overflow:hidden; text-align:left; color:white; text-overflow:ellipsis; font-size:22px; padding-left:10px; margin-top:0px; line-height:66px;height:61px}
#top {height:60px;background:white}
#logo {float:left;}
#logo img {max-width: 250px; height: 30px;margin:15px 0px 0px 25px;}
#profileimage {position:absolute;width:460px;height:206px;top:60px;left:10px;}
#profile_bg{width:460px;height:206px;position:relative;z-index:1;background:url('/template/img/namegreen/profile_bg.png');margin:auto}
#imageFrame{margin-left:20px;margin-top:20px;width:102px;height:102px;float:left}
#profileimage img {position:absolute;width:102px; height:102px;top:20px;left:20px}
#gallery {position:absolute; width:102px; height:102px; margin:0px; padding:0px; border:0px; background:#fff;z-index:0}
#image {position:absolute; width:102px; height:102px; padding:0px; border:0px;z-index:0}
#image img {position:absolute; top:20px; left:20px; width:102px; height:102px; border:0px; z-index:0;}
#thumbarea {position:absolute; height:30px; width:102px; z-index:100; padding-left:0px; text-align:center; top:100px; display:none}
 *+html #thumbarea {position:absolute; height:30px; width:148px; 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:148px; padding-left:5px;  text-align:center;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
#thumbs li img {width:30px; height:30px;}
#boxarea {display:none}
#boxarea table {width:310px !important}
#name {float:left;text-align: left;margin-left:18px;margin-top:45px;color:#fff;line-height:32px}
.office{font-size:18px;margin-left:2px}
#line {height:2px;width:100%;background:#FFC595;margin-top:-6px;margin-bottom:6px;}
#nameBox{width:100%;height:163px;vertical-align:bottom;}
#mobile {color:#fcff00;margin:-4px 0;}
#fax {color:#fcff00;margin:-4px 0;}
#email {color:#fcff00;margin:-4px 0;}
#tel {color:#fcff00;margin:-4px 0;}
#linkBox {padding-top:28px; margin-top:0px; height:62px;overflow:hidden;clear:both}
#telephone {float:left; margin-left:50px;margin-right:37px}
#sms {float:left;margin-left:40px}
#msgTopBlank{width:460px;height:14px;margin:auto;padding-top:8px;background:url('/template/img/nameorange/box_top_blank.gif') no-repeat;background-position-y:8px;display:none}
#msgTop{width:459px;height:22px;margin:auto;padding-top:8px;background:url('/template/img/nameblue/box_top.gif') no-repeat;background-position-y:8px}
#msgTable{width:459px;margin:auto;}
#msgLeft{width:8px;background:#E5E5E5;position:relative}
#whiteBottomLeft{position:absolute;left:8px;bottom:0px}
#msgRight{width:8px;background:#E5E5E5;position:relative}
#whiteBottomRight{position:absolute;right:7px;bottom:0px}
#msgBox {padding:0px; margin:auto;width:444px;}
#msg {background:#fff;text-align:left; padding:5px 14px 15px 14px; color:#626262; font-size:18px; word-wrap:break-word;width:416px}
#msgBottom{width:459px;height:8px;margin:auto;background:#E5E5E5}
#bannerTable{width:459px;margin:auto;background:#E5E5E5}
#bannerTop{height:8px;width:100%;}
#bannerLeft{width:8px;}
#bannerRight{width:7px}
#bannerBox {margin-top:0px}
#bannerBottom{height:8px;width:460px;background:#E5E5E5;position:relative;float:left;margin-left:10px}
#bannerBottomLeft{position:absolute;left:0;bottom:0;z-index:1}
#bannerBottomRight{position:absolute;right:0;bottom:0;z-index:1}
#copyright{width:100%;padding-top:30px;text-align:center;padding-bottom:30px;}
#copyright img{border:0}

#topSnsWrapper{position:absolute;top:17px;right:18px;width:225px;z-index:15;display:none}
#snsTop{width:225px;height:15px;background:url('/template/img/nameblue/snsbox_top.png');float:left}
#snsCloseArea{width:225px;height:52px;background:url('/template/img/nameblue/sns_box_bg.gif');float:left}
#topSnsArea{width:225px;background:url('/template/img/nameblue/sns_box_bg.gif');text-align:center;float:left}
#snsBottom{position:relative;width:225px;float:left}
#snsBottomLeft{position:absolute;left:0;bottom:0}
#snsBottomMiddle{width:184px;height:11px;border-bottom:1px solid #1893B4;background:#0DA5CE;margin:auto}
#snsBottomRight{position:absolute;right:0;bottom:0}
#topSnsArea img{border:0}
#snsOpen{position:absolute;right:18px;top:18px;z-index:10;cursor:pointer;border:0}
#snsClose{float:right;margin-right:8px;cursor:pointer;margin-top:-5px;border:0}
#story img{margin-bottom:10px;margin-left:1px}
#fb img{margin-bottom:10px;cursor:pointer;margin-left:1px}
#tw img{margin-left:1px}
#kakao img{margin-top:10px;cursor:pointer;margin-left:1px}

#audioWrapper audio{position:absolute;z-index:0;left:-100px;top:-100px}
#audioWrapper img{position:relative;z-index:30;float:right}