@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Ranchers);

* { margin:0px; padding:0px; border:0px; list-style:none; font-family:"Nanum Gothic"; font-size:13px; }

html,body { width:100%; height:100%; background:gray; }
nav { width:1200px; margin:0 auto; }
a { color:#000000; outline: none; text-decoration:none; }
p { line-height:25px; }
input { padding:10px; margin:5px; }
textarea { padding:10px; margin:5px; overflow:hidden; }

.TopContain { width:100%; height:50px; }
.TopContain>ul>li { width:150px; height:50px; float:left; background:gray; color:white; cursor:pointer; }
.TopContain>ul>li:hover { background:white; color:gray; }
.TopTitle { font-size:36px; line-height:50px; text-align:center; text-transform:capitalize; font-family:"Ranchers"; }

.NavContain { width:100%; height:750px; z-index:1; }
.NavContain>ul>li { width:398px; height:248px; float:left; border:1px solid white; background:gray; color:white; cursor:pointer; }
.NavContain>ul>li:hover { background:white; color:gray; }

.NavTitle { font-size:48px; line-height:100px; text-align:right; padding-right:50px; text-transform:capitalize; font-family:"Ranchers"; }
.NavSub1 { font-size:24px; line-height:50px; text-align:right; padding-right:50px; text-transform:uppercase;}
.NavSub2 { font-size:12px; line-height:25px; text-align:right; padding-right:50px; }

.BottomContain { width:100%; height:50px; clear:both; }
.BottomContain>ul>li { height:50px; float:left; background:gray; color:white; cursor:pointer; }
.BottomContain>ul>.BottomAdress { width:750px; }
.BottomContain>ul>.BottomSns { width:150px; }
.BottomContain>ul>.BottomSns:hover { background:white; color:gray; }
.BottomTitle { font-size:36px; line-height:50px; text-align:center; text-transform:capitalize; font-family:"Ranchers"; }

.HiddenDiv { width:1200px; height:100%; position:absolute; top:0; z-index:-1; overflow:hidden; }
.DivContain { width:1158px; height:708px; border:1px solid white; padding:20px; position:absolute; top:50px; background:gray; color:white; }
.Divclose { width:100px; height:100px; line-height:100px; text-align:center; color:white; font-size:96px; float:right; cursor:pointer; }

.content { clear:both; }
.content>li { float:left; }
.SampleSort { width:100%; height:25px; line-height:25px; color:white; text-align:left; clear:both; }
.SampleContain { clear:both; }
.SampleContain>li { width:200px; height:200px; margin:14px; border:1px solid silver; float:left; overflow:hidden; }
.SampleComment { width:100%; height:25px; line-height:25px; background:#0080ff; text-align:center; }
.SampleNum { width:100%; height:25px; line-height:25px; color:white; text-align:center; clear:both; }

.content .content_tab1 { width:700px; }
.content .content_tab2 { width:408px; padding-left:50px; }
.content>li>ul { clear: both; }
.content>li>ul>li { width:100%; line-height:50px; text-indent:20px; }

.ContentTitle { font-size:48px; line-height:100px; text-transform:capitalize; font-family:"Ranchers"; }
.ContentSub1 { font-size:24px; line-height:50px; text-transform:uppercase;}
.ContentSub2 { font-size:12px; line-height:25px; }