@charset "utf-8";

#popup{padding:20px; text-align:center; background:#5ba0d0; border-bottom:2px solid #ccc; color:#222; font-size:1.2em; line-height:1.5}
#popup  a{color:#fff;}

#onSkipNav a{position:absolute; left:-9999em;}
#onSkipNav a:focus{left:0px; width:100%; text-align:center; padding:7px 0; background:#7eba7c; color:#fff;}

body{
    background:#f6fafd;
}

.hidden_item{
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

#onHeader, #onMainMenu , #onMainBanner, #onMainContents, #onFooter{
	width:960px;
	margin:0 auto;
}

/*#onMainHeaderArea{
    background:#fff;
}*/

#onHeaderArea{
    background:#fff;
}

#onHeader{
    position:relative;
    padding-bottom:20px;
    border-bottom:1px solid #cfe2ef;
}

#onHeader h1{
	padding:30px 0 50px 0;
	font-size:2em;
    text-indent:-9999em;
}

#onHeader h1 a{
    position:absolute;
    left:355px;
    display:block;
    width:151px;
    height:35px;
    background:url(../img/common/logo.png) no-repeat;
      
}

#onLnb{
	position:absolute;
	top:30px;
	right:0;
}

#onLnb li{
	display:inline;
	margin:0 5px;
}

#onLnb li a{
    padding:10px;
}

#onLnb li a:link, #onLnb li a:visited{
	font-size:1em;
	color:#909090;
}

#onLnb li a:hover, #onLnb li a:focus{
	color:#5b95be;
}

#onTotalMenuNavArea1, .onTotalMenuArea1{
    background:#fff; 
}

#onTotalMenuNavArea, .onTotalMenuArea{
    background:#fff; 
}

.onTotalMenuArea{
    position:absolute;
    top:150px;
    left:0;
    width:100%;
    z-index:1000;
    
}

.onTotalNavWarp{
    display: none;
}

.onTotalMenu{
    position: relative;
    width:960px;
    margin:0 auto;
}

#onTotalMenuBtn{
    position:absolute;
    top:-50px;
    left:0;
}

#onTotalMenuBtn a{
    height:25px;
    background:url(../img/common/openB.gif) no-repeat;
    position:absolute;
    top:22px;
    left:30px;
    text-indent:-9999em;
}

#onTotalMenuBtn a.onAct{
    background:url(../img/common/closeB.gif) no-repeat;
}

.onTotalNav{
    float:left;
    margin:20px 30px 20px 50px;
}

.onTotalNav > li{
    padding:8px 20px;
    text-align:center;
    width:100px;
    height:20px;
    line-height:20px;
    font-size:1.2em
}

.onTotalNav > li > a:hover, .onTotalNav > li > a:focus{
    color:#7eba7c;
}

.totalNavFir{
    margin-left:125px;
}

.onMainNav > #onMainMenu{
    padding:10px 0 10px 0;
    background:#fff;
} 

#onMainMenu:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onMainMenu > li{
	position:relative;
	float:left;
	width:218px;
    z-index:999;
}

#onMainMenu > li:first-child{
    margin-left:87px;
}

#onMainMenu > li > a:link, #onMainMenu > li > a:visited{
	display:block;
	height:45px;
	line-height:45px;
	text-align:center;
    font-weight:bold;
	font-size:1.5em;
	color:#7e7e7e;
}

#onMainMenu > li > a:hover, #onMainMenu > li > a:focus, #onMainMenu > li.selectedNav > a{
	color:#7eba7c;
	text-decoration:none;
}

.onSubNav{
	position:absolute;
	top:45px;	
	left:0;
	width:218px;
    z-index:998;
    display:none;
}

.onSubNav > li > a:link, .onSubNav > li > a:visited{
        display:block;
        background:#fff;
        border-bottom:1px solid #c9e9c8;
        border-top:none;
        height:35px;
        line-height:35px;
        text-align:center;
        text-decoration:none;
        color:#757575;
        font-size:14px;
        font-weight:normal;
        
}  
.onSubNav > li > a:hover, .onSubNav > li > a:focus{
        color:#fff;
        background:#7eba7c; 
}

#onMainBanner{
    position: relative;
    margin-top:45px;
}
#onMainBanner .mainBannerPhoto1{
    width:717px;
    height:716px;
    float:left;
    margin-right:9px;
    margin:45;
    position:relative;    
}

.mainBannerPhoto1{
    position:relative;
}

#onMainBanner .mainBannerPhoto1 img{
    position:absolute;
    top:0px;
	left:0px;
}

#onControl1{
    position:absolute;
    bottom:20px;
    left:345px;
    z-index:99; 
}

#onControl1 > span{
    cursor:pointer;
}

.onPlayBtn{
    display:none;
}


.mainSmallPhotoList:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;  
}

.mainSmallPhotoList > li{
    float:left;
    width:234px;
    height:234px;
    display:block;
    right:350px;
    top:167px;
}

.msphoto2{
    margin:7px 0;
}

.slt{z-index:10;}

#onMainContents{
    position:relative;
    margin-top:50px;
}

#onMainContents:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onMainContent1{
    float:left;
    width:250px;
    margin-right:30px;
}

.mainNotice > h3{
    font-size:1.3em;
    margin-bottom:17px;
    color:#707070;
}

.mainNotice > ul > li{
    font-size:1.1em;
    line-height:20px;
    margin-bottom:3px; 
    background:url(../img/main/nbn.gif) no-repeat 0 center;
    padding-left:15px;
}

.onMainMore{
    position:absolute;
    top:2px;
    left:250px;
}

.onMainCam{
    position:relative;
    overflow:hidden;
    width:264px;
    height:264px;
}

.onMainCam > h3{
    font-size:1.3em;
    margin:10px 0;
    color:#707070;
}

.onMainCamSlider{
    position:relative;
    width:1068px;
    left:0;
    margin:0 0 0 -264px;
}

.onMainCamSlider:after{
    content:'';
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
}

.onMainCamSlider > img{
    float:left;
    margin:0 52px 0 52px;
}

.camBtnL{
    position:absolute;
    top:135px;
    left:0px;
}

.camBtnR{
    position:absolute;
    top:135px;
    right:0px;
}

.onMainLocation{
    float:left;
    padding-left:40px;
    padding-right:40px;
    border-left:1px solid #d0e3ef;
    border-right:1px solid #d0e3ef;
}

.onMainLocation > h3{
    font-size:1.3em;
    margin-bottom:17px;
    color:#707070;
}

.onMap{
    color:#708a6f;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:15px;
}

.onMainLocaAddr{
    font-size:1.1em;
    line-height:18px;
    margin-bottom:18px;
}

.onMainGallery{
    overflow:hidden;
    position:relative;
    float:left;
    width:245px;
    height:350px;
    margin-left:42px; 
}

.onMainGallery > h3{
    font-size:1.3em;
    margin-bottom:25px;
    color:#707070;
}

#onMainGalleryImg{
    position:relative;
    left:0;
    width:765px;
    height:300px;
    
}

#onMainGalleryImg img{
    float:left;
}

#onGalleryThumbs{
    position:absolute;
    left:80px;
    bottom:20px;
}

#onGalleryThumbs > span{
    cursor:pointer;
    margin-right:2px;
}

#onGalleryThumbs img{
    margin-right:5px;
}

.mainGalleryTopImg{
    left:0;
    top:0;
}
.mainGalleryTopImg{
    left:245px;
    top:0;
}
.mainGalleryTopImg{
    left:490px;
    top:0;
}

#onFooter{
    border-top:1px solid #cfe2ef;
    margin-top:50px;
    margin-bottom:50px;
    padding-top:20px; 
}

.onFooterinner{
    position:relative;
    width:960px;
    margin:0 auto;
    padding:20px 0 10px 0;
}

.onFooterLogo{
    position:absolute;
    margin:40px 25px;
}

.onTermsUse{
    position:absolute;
    left:150px;
    float:left;
}

.onTermsUse > li{
    float:left;
    margin:0 12px 15px 0;
}

address{
	margin:35px 0 20px 150px; 
	color:#9a9a9a;
	line-height:1.4;
}

.onCopy{	
	margin:0 0 0 150px;
	font-size:0.92em;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;		
	bottom:120px;
	right:50px;
	overflow:hidden;
	width:40px;
	height:30px;
	border:none;
	cursor:pointer;
	text-indent: -9999px;	
	background:url(../img/common/top.gif) no-repeat;
}