* {
-webkit-text-size-adjust:100%;
}
/*----------------------------------*/
/*mainArea & BG*/


#mainArea{
	margin-top: 0px;
	background: url(../images/common/topBG_btm.jpg) no-repeat center top;
	height:710px;
	padding:38px 0 0 0;
	
}

#mainArea h2{ margin: 0 0 0 100px;}

#photoArea{
	width:859px;
	height:627px;
	margin:0 auto;
	padding:26px 0 0 0;
	background:url(../images/detail/frame.jpg) no-repeat; 
}

#photoArea .text{
	width:255px;
	height:578px;
	overflow-y: scroll;
	outline-style: none;
	margin:0 0 0 55px;
}


#photoArea .text h3{font-size:20px;}
#photoArea .text .cat{color: #fd0209; font-weight:bold;padding: 11px 0 4px 0;}
#photoArea .text li{cursor: pointer; line-height: 180%;  background: url(../images/detail/list.gif) no-repeat; background-position: 0px 8px; padding: 0 0 0 6px;}
#photoArea .text li:hover{text-decoration: underline;}

#photoArea .text li.on{text-decoration: underline;} /* 2025.04.21 YAMO ADD */

#photoArea .text .last{padding:0 0 20px 0;}

/* 2025.04.21 YAMO ADD */
#photoArea .text,
#photoArea .photo{
	scrollbar-color: #000 #eee;
	scrollbar-width: thin;
}
#photoArea .text::-webkit-scrollbar,
#photoArea .photo::-webkit-scrollbar{
	width: 10px;
}
#photoArea .text::-webkit-scrollbar-thumb,
#photoArea .photo::-webkit-scrollbar-thumb{
	background-color: #000;
}
#photoArea .text::-webkit-scrollbar-track-piece,
#photoArea .photo::-webkit-scrollbar-track-piece{
	background-color: #eee;
}

#photoArea .photo{
	width:431px;
	height:578px;
	margin: 0 0 0 71px;
	padding:0 40px 0 0;
	overflow-y: scroll;
	outline-style: none;
}

#photoArea .photo img{
    display:block;
    margin: 0 auto;
    text-align: center;
}

#photoArea .photo .imgBox{padding:30px 0 0 0;}
#photoArea .on .titleBox{padding:15px 0 0 0;}
#photoArea .no .titleBox{padding:0;} 
#photoArea .on .captionBox{padding:10px 0 20px 0; min-height: 215px;}
#photoArea .no .captionBox{padding:14px 0 20px 0;min-height: 215px;}


#recommend{
	width:980px;
	height:657px;
	margin:0 auto 60px;
	background :url(../images/detail/recommBG2_n.jpg) no-repeat;
	position:relative;
}

#recommend a{color:#006d9e; text-decoration: underline;}
#recommend a:hover{ text-decoration: none;}

#recommend .no1{
	width:129px;
	height:15px;
	position: absolute;
	top:336px;
	left:249px;
	
}
#recommend .no2{
	width:129px;
	height:15px;
	position: absolute;
	top:628px;
	left:249px;
}
#recommend .no3{
	width:129px;
	height:15px;
	position: absolute;
	top:585px;
	left:816px;
	
}