* { margin:0; padding:0;}
body { background:#282a2c; font-size:100%; line-height:1em; font-family:Arial, tahoma; color:#626262; text-align:center; padding:10px 0 0 0;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-family:Tahoma;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a:hover{text-decoration:none;}
a{ text-decoration:none; }

p {padding:10px 0 0 0;}
H1 {font-size:12pt; padding:15px 0 10px 0;}
H2 {font-size:11pt; padding:15px 0 7px 0;}
H3 {font-size:10pt; padding:15px 0 7px 0;}
.column { float:left;}
.clear, .col-list, .row-box{ width:100%; overflow:hidden;}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:40px;}

.banner{width:120px; height:550px; background:url(images/3.gif) -50px 0 no-repeat;}
.site-center {margin:0 auto; width:924px; text-align:left;}
.col-1, .col-2, .col-3, .col-9, .row-box-1, .row-box-2{ float:left;}
.content .col-1{width:496px;  background:url(images/foto-big.gif) 0 0 no-repeat; height:523px;}
.content .col-2{width:404px; padding-top:28px;}
.content .col-9{width:870px; padding:0 0 28px 28px; }
.content_gift .col-1{width:496px;  background:url(images/qgfoto.gif) 0 0 no-repeat; height:523px;}
.content_gift .col-2{width:404px; padding-top:1px;}
.content_gift .col-9{width:870px; padding:0 0 28px 28px; }
.content_kollagen .col-1{width:496px;  background:url(images/qgfoto.gif) 0 0 no-repeat; height:523px;}
.content_kollagen .col-2{width:404px; padding-top:28px;}
.content_kollagen .col-9{width:870px; padding:0 0 28px 28px; }
.content_qg .col-1{width:496px;  background:url(images/qgfoto.gif) 0 0 no-repeat; height:523px;}
.content_qg .col-2{width:404px; padding-top:28px;}
.content_qg .col-9{width:870px; padding:0 0 28px 28px; }
.content_ab .col-1{height:523px;}
.content_ab .col-2{padding:28px 28px 28px 28px;}
.content_ab .col-9{width:870px; padding:0 0 28px 28px; }
.content_ch .col-1{width:496px;  background:url(images/qgfoto.gif) 0 0 no-repeat; height:523px;}
.content_ch .col-2{width:404px; padding-top:28px;}
.content_ch .col-9{width:870px; padding:0 0 28px 28px; }
.contentmsunburn .col-1{width:496px;  background:url(images/qgfoto.gif) 0 0 no-repeat; height:553px;}
.contentmsunburn .col-2{width:404px; padding-top:18px;}
.contentmsunburn .col-9{width:870px; padding:0 0 28px 28px; }
.contentsunburn .col-1{width:496px;  background:url(images/sunburnfoto.gif) 0 0 no-repeat; height:553px;}
.contentsunburn .col-2{width:404px; padding-top:18px;}
.contentsunburn .col-9{width:870px; padding:0 0 28px 28px; }
.contentcosmetic .col-1{width:496px;  background:url(images/cosmeticfoto.gif) 0 0 no-repeat; height:553px;}
.contentcosmetic .col-2{width:404px; padding-top:18px;}
.contentcosmetic .col-9{width:870px; padding:0 0 28px 28px; }
.contentstargallery .col-1{width:496px;  background:url(images/starfoto.gif) 0 0 no-repeat; height:523px;}
.contentstargallery .col-2{width:404px; padding-top:28px;}
.contentstargallery .col-9{width:870px; padding:0 0 28px 28px; }
.contentgallery .col-1{width:496px;  background:url(images/communityfoto.gif) 0 0 no-repeat; height:523px;}
.contentgallery .col-2{width:404px; padding-top:28px;}
.contentgallery .col-9{width:870px; padding:0 0 28px 28px; }
.contentfindus .col-1{width:496px;  background:url(images/findusfoto.gif) 0 0 no-repeat; height:523px;}
.contentfindus .col-2{width:404px; padding-top:28px;}
.contentfindus .col-9{width:870px; padding:0 0 28px 28px; }

.contentfindus .findusfont{font-size:10pt;}
.contentsunburnint .col-1{width:496px;  background:url(images/sunburnfoto.gif) 0 0 no-repeat; height:503px;}
.contentsunburnint .col-2{width:404px; padding-top:28px;}
.contentsunburnint .col-9{width:870px; padding:0 0 28px 28px; }
.contentfindus44.col-9{width:870px; padding:0 0 28px 28px; }

.contentfindus45.col-9{width:870px; padding:0 0 28px 28px; }
.contentmanikur .col-1{width:496px;  background:url(images/findusfoto.gif) 0 0 no-repeat; height:523px;}

.contentmanikur .col-2{width:404px; padding-top:28px;}

.contentmanikur .col-9{width:870px; padding:0 0 28px 28px; }





/*header*/
.row-logo{ background:url(images/row-logo.gif) 0 0 repeat-x; height:86px;}
.row-menu{ background:url(images/row-menu.gif) 0 0 repeat-x; height:51px;}
.row-menu ul{ padding:21px 0 0 11px; position:absolute; width:924px;}
.row-menu ul li{ display:block; float:left; color:#ffffff; background:url(images/menu_bull.gif) center right no-repeat; font-size:0.75em;}
.row-menu ul li a,span{ color:#ffffff; margin:0 20px;}
.row-menu ul li a:hover{ text-decoration:underline;}
.row-logo .logo{ margin:16px 0 0 15px; position:absolute;}
.bg-none{ background:none !important;}
.row-logo span{ position:absolute; margin:38px 0 0 326px; color:#9a3608; font-size:0.75em;}
.row-logo ul{ position:absolute; margin:36px 0 0 580px; width:300px;}
.row-logo ul li{ float:left; display:block; font-size:0.75em;}
.row-logo ul li a{ color:#e2dddb; background:url(images/marker.gif) center left no-repeat; padding:0 0 0 13px; padding-right:21px;}
.row-logo ul li a:hover{ background:url(images/marker_act.gif) center left no-repeat; text-decoration:underline !important;}

/*footer*/
.footer{background:#1b1b1b url(images/footer_top_line.gif) 0 0 repeat-x; text-indent:41px; font-size:0.75em;}


.footer span{ display:block; padding:32px 0 29px 0; color:#545454; background:url(images/footer_line.gif) 408px 28px no-repeat;}
.footer a{ color:#545454;}
.footer a:hover{ color:#bbbbbb;}

.footer span a{ color:#545454;}
.footer span a:hover{ color:#9a9a9a;}

/*content*/

.content{ height:1420px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.content_gift{ height:543px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.content_kollagen{ height:920px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.content_qg{ height:543px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.content_ab{ height:770px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.content_ch{ height:1120px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentmsunburn{ height:585px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentsunburn{ height:560px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentsunburnint{ height:2320px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentcosmetic{ height:590px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentstargallery{ height:543px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentgallery{ height:543px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentmanikur{ height:1393px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentfindus44{ height:870px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentfindus45{ height:1070px; background:#FFF; font-size:0.75em; line-height:1.312em;}
.contentfindus{ height:533px; background:#FFF; font-size:0.75em; line-height:1.312em;}


.button-extra{ margin:426px 0 0 0;}
.line{ background:url(images/line.gif) 0 0 repeat-x; display:block; height:1px; width:388px;}
.line-top{ background:url(images/line.gif) 0 0 repeat-x; height:5px; display:block; width:388px;}
.line-topn{ background:url(images/line.gif) 0 0 repeat-x; height:1px; display:block; width:388px;}

.line-top_abonement{ background:url(images/line.gif) 0 0 repeat-x; height:15px; display:block; width:868px;}
.indent-text{ width:96%; padding:0 0 0 18px;}
.indent-img{ margin:0 5px;}
.text{ color:#a2471c; font-weight:bold;}
.text1{ color:#626262; font-weight:bold;}
.br{ display:block;}
.link{ color:#a2471c; font-weight:bold; text-decoration:none; background:url(images/marker_link.gif) center left no-repeat; padding:0 0 0 10px;}
.fright{ float:right; margin:1px 21px 0 0; display:block;}
.link:hover{ color:#3a3a3a;}
.indent-top{ display:block; margin-top:10px;}
.content li{ line-height:1.75em;}
.content li a{padding:0 0 0 20px; color:#3a3a3a; font-weight:bold;}
.content li a:hover{ color:#a64e25;}
.list-left{ margin-left:27px;}
.indent-bot{ display:block; margin-bottom:15px;}
.indent-bot1{ display:block; margin-bottom:3px;}

.extra-right{ padding-right:20px;}
.fright-1{ position:absolute; margin:0 0 0 183px;}
.indent-text1{ padding:0 230px 0 0;}
.title1{ display:block; margin-bottom:1px;}
.indent-1{ display:block; margin:11px 0 0 10px; font-size:7pt;}

.content .title{ display:block; margin-bottom:21px;}
.content .img-left{ float:left; margin:4px 23px 0 0;}
.indent-2{ padding:0 47px 0 21px;}
.indent-3{ padding-left:36px;}
.indent-top-bot{ padding:20px 0;}
.link-portfolio{ padding:5px 0 20px 0;}
.link-1{ color:#626262; text-decoration:underline;}
.link-1:hover{ text-decoration:none;}
.indent-link-portfolio{ margin-left:318px;}
.indent-4{ margin: 0 45px;}
.indent-right{ float:right; margin-right:40px;}
.indent-form{ height:28px;}

.text-1 dt{ color:#a2471c; font-weight:bold;}
.text-1 dd{ padding-bottom:15px;}


/*================== index-6.html ==================*/
#page7 .form input{ height:18px; width:175px;}
#page7 .form textarea{ overflow:auto; display:block; height:47px; width:187px; margin-bottom:5px;}
#page7 .form textarea, #page7 .form input{ border:1px solid #c6c6c6; font-size:0.937em; color:#282a2c; padding-left:3px;}
#page7 .form .form-link{ margin-left:90px; margin-right:20px;}
#page7 .form .row-box-1{ width:183px;}
#page7 .form .row-box-2{ width:191px;}
/*================== index-7.html ==================*/
#page8 .main-indent-page{ margin:0 0 0 29px;}
#page8 .extra-right{ padding-right:40px !important;}
/*졩⯪ 鬼*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}	

.scroll-wrap{
    width: 410px;
    margin: 3px auto;
    
}
.scroll-pane{
    width: 380px;
    height: 453px;
    padding: 0 0 0 10px;
    overflow: hidden
}
a.jScrollArrowUp{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(images/but.gif) no-repeat center top;
    height:18px;
}
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(images/but.gif) no-repeat center top;
    height:18px;
}
.jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    background:url(images/drag.gif) no-repeat left top;
    height:42px
}

.ol404 {
	padding:10px;
}