@charset "utf-8";

/* sub page style */
a:link { color: #000	; text-decoration: none; }
a:visited { color: #333	; text-decoration: none; }
a:hover { color: #960; text-decoration: underline; }

h2 { font-family:batang; font-size:14px; color:#930; padding: 10px 0;}
h3 { font-family:batang; font-size:14px; color:#960; }
h4 { font-family:batang; font-size:13px; color:#630; }
h5 { font-family:batang; font-size:12px; color:#000; }

#counter { float: right; margin: 18px 45px 0 0;}

#date { margin: 20px 0 0 0; padding:10px; background:#ECE2D1;}
#date p { color:#a28139; font-size:11px; font-family: dotum; background: url(/v7/img/li_imp2.gif) no-repeat left top; padding-left: 16px;}
#date .s { color:#666; background: url(/v7/img/li_imp3.gif) no-repeat left top; padding-left:16px; margin:10px 0 0 0;}
#date a { color:#a28139; }

#date2 { margin: 0; padding:10px; background:#ECE2D1;}
#date2 p { color:#a28139; font-size:11px; font-family: dotum; background: url(/v7/img/li_imp2.gif) no-repeat left top; padding-left: 16px;}
#date2 .s { color:#666; background: url(/v7/img/li_imp3.gif) no-repeat left top; padding-left:16px; margin:10px 0 0 0;}
#date2 a { color:#a28139; }

.txtTitle { margin: 10px 0 5px 5px; padding-left: 17px; background:url(/v7/img/li_book.gif) no-repeat 0 2px; line-height: 20px;}
.txt { font-family:dotum; font-size:12px; margin: 10px;}

.txtList ul { margin: 10px;}
.txtList li { margin: 0 20px 0 20px; padding-left: 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 2.5px;}
.txtList li p { padding: 0 0 3px 0; text-align:justify;}
.txtList img { padding: 0 5px;}

#smallMenu { float:left; list-style:none; width:665px; border-bottom:double 3px #e1d4bd; margin: 0 0 10px 0;}
#smallMenu li { float:left; background: url(/v7/img/tab_right.gif) no-repeat top right;}
#smallMenu a { display:block; padding: 5px 12px 2px 12px; background: url(/v7/img/tab_left.gif) no-repeat top left; font-size:11px; color:#7E622A; letter-spacing:0px; text-decoration:none;}
#smallMenu a:hover { font-weight:bold; letter-spacing:-1px; color:#900; }

#smallMenu2 { float:left; list-style:none; width:665px; border-bottom:double 3px #cfcfcf; margin: 0 0 10px 0;}
#smallMenu2 li { float:left; background: url(/v7/img/tab2_right.gif) no-repeat top right;}
#smallMenu2 a { display:block; padding: 5px 12px 2px 12px; background: url(/v7/img/tab2_left.gif) no-repeat top left; font-size:11px; color:#666; text-decoration:none;}
#smallMenu2 a:hover { font-weight:bold; letter-spacing:-1px; color:#900; }

.box { width:665px; background: #E9DFCB url(/v7/img/c4.gif) no-repeat left bottom; margin-bottom: 15px;}
.boxOuter { background: url(/v7/img/c3.gif) no-repeat right bottom; padding-bottom:10px;}
.boxInner { background: url(/v7/img/c1.gif) no-repeat left top;}
.boxInner span img { float: right; margin: 0 0 5px 10px;}
.boxInner span.none img { float: none; margin:0;}
.box h4 { background: url(/v7/img/c2.gif) no-repeat right top; padding:10px 0 10px 13px; color:#930; font-size: 14px; }
.box h5 { padding-bottom: 5px; font-weight: bold; }
.box .n { font: bold 12px batang; color:#930; padding:10px 20px 5px 20px;}
.box p { padding: 0 15px 0 20px; line-height: 150%; text-align:justify;}
.box .s { font-size:11px; line-height: 120%; padding-bottom: 5px;  }
.box .ss { font-size:11px; line-height: 120%; padding-bottom: 5px;   color:#960;}
.box .s2 { font-size:11px; line-height: 120%; padding: 2px 0 5px 0;   color:#999;}
.box .t { margin-bottom: 15px;}
.box .bg { width:450px; margin:5px 0; padding:5px; font: normal 11px/1.5 dotum; background: #f5f1e5;}

.box ul { list-style:none; margin: 10px 0;}
.box li { margin:0 20px 5px 20px; padding-left: 10px; background:url(/v7/img/li_bull4.gif) no-repeat 0 3px;}
.box li p { padding: 0 0 3px 0; text-align:justify;}
.box li ul { margin:2px 0 10px -5px;}
.box li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border: none; font-size:11px; }
.box img { padding: 0 5px;}

.box .book li { margin:20px 20px 5px 12px; padding-left: 18px; background:url(wizard/ency/icon_book.gif) no-repeat 0 0; color:#630;}
.box .book li ul { margin:0 0 0 -10px; padding:0; }
.box .book li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border:none; font-size:11px; color:#333; }
.box .book li ul li ul li { margin:0 0 0 12px; padding: 0 0 0 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-size:11px; color:#333; }

.box .potion li { margin:20px 20px 5px 12px; padding-left: 22px; background:url(wizard/ency/icon_potion.gif) no-repeat 0 0; color:#630;}
.box .potion li ul { margin:0 0 0 -10px; padding:0; }
.box .potion li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border:none; font-size:11px; color:#333; }
.box .potion li ul li ul li { margin:0 0 0 12px; padding: 0 0 0 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-size:11px; color:#333; }

.box .spell dt { margin:20px 0 2px 12px; padding-left: 18px; background:url(/v7/wizard/ency/icon_wand.gif) no-repeat 0 0; color:#630;}
.box .spell dd { margin:0 20px; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border:none; font-size:11px; color:#333; }

.box .cre li { margin:20px 20px 5px 12px; padding-left: 16px; background:url(wizard/ency/icon_creature.gif) no-repeat 0 0; font-weight: bold; color:#630;}
.box .cre li ul { margin:0 0 0 -10px; padding:0; }
.box .cre li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border:none; font-size:11px; font-weight: normal; color:#333; }
.box .cre li ul li ul li { margin:0 0 0 12px; padding-left: 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-size:11px; color:#333; }

.box .item li { margin:20px 20px 20px 17px; padding-left: 19px; background:url(/v7/img/li_hat.gif) no-repeat 0 2px; font-weight:bold; color:#630;}
.box .item li ul { margin:2px 0 0 -10px; padding:0; }
.box .item li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull4.gif) no-repeat 0 4px; border:none; font-size:12px; font-weight: normal; color:#333; }
.box .item li ul li ul li { margin:0 0 0 12px; padding: 0 0 0 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-size:11px; color:#333; }

.box .snitch li { margin:20px 20px 5px 12px; padding-left: 21px; background:url(/v7/img/li_snitch.gif) no-repeat 0 2px; font-weight:bold; color:#630; }
.box .snitch li ul { margin:0 0 0 -10px; padding:0; }
.box .snitch li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull4.gif) no-repeat 0 4px; border:none; font-size:11px; font-weight: normal; color:#333; }
.box .snitch li ul li ul li { margin:0 0 0 12px; padding: 0 0 0 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-weight: normal; font-size: 11px; color:#333; }

.box .house li { margin:20px 20px 5px 12px; padding-left: 14px; background:url(/v7/img/li_house.gif) no-repeat 0 3px; font-weight:bold; color:#630; }
.box .house li ul { margin:0 0 0 -10px; padding:0; }
.box .house li ul li { margin:0; padding: 0 0 0 10px; background:url(/v7/img/li_bull3.gif) no-repeat 0 4px; border:none; font-size:11px; font-weight: normal; color:#333; }
.box .house li ul li ul li { margin:0 0 0 12px; padding: 0 0 0 9px; background:url(/v7/img/li_bull5.gif) no-repeat 0 5px; border:none; font-weight: normal; font-size: 11px; color:#666; }

.box .itemmenu { list-style: none; margin: 0 0 0 10px; }
.box .itemmenu .none { display: inline; background-image: none; font-weight: bold; font-size: 11px;  color:#000; }
.box .itemmenu li { display: inline; margin: 0; padding-left: 8px; background:url(/v7/img/li_line.gif) no-repeat left center; font-size:11px; font-weight: normal; color:#000; }

.timeline { list-style:none;  }
.timeline li { list-style:none; margin:0 0 30px 0;  color:#606; font: bold 12px tahoma; text-align:center; }
.timeline li ul { margin:0; padding:5px 10px 5px 10px; border:3px solid #CFADCE; }
.timeline li ul li { margin: 10px 5px; padding-left: 11px; background:url(/v7/img/li_bull.gif) no-repeat 0 3.5px; border:none; font-weight:normal; color:#000; font-size:12px; text-align:left;}

.sbox { width:210px; background: #E9DFCB url(/v7/img/c4.gif) no-repeat left bottom; margin: 0 10px 10px 0; float:left;}
.sboxOuter { background: url(/v7/img/c3.gif) no-repeat right bottom; padding-bottom:10px;}
.sboxInner { background: url(/v7/img/c1.gif) no-repeat left top;}
.sboxInner img { float: right; }
.sbox h4 { background: url(/v7/img/c2.gif) no-repeat right top; padding:10px;}
.sbox p { padding:0 10px 5px 10px; color:#960; font-size:11px; text-align:justify;}
.sbox a { font-size:11px;}
.sbox ul { list-style:none; margin: 0 0 10px 0;}
.sbox li { margin:0 8px 0 8px; padding-left: 10px; background:url(/v7/img/li_bull.gif) no-repeat 0 2.5px; font-size:11px;}

.basicTable { text-align:center; margin:10px auto; border-top:1px solid #996; border-left:1px solid #996; border-collapse:collapse; width:99%;}
.basicTable th { text-align:center; font-weight:bold; border-right:1px solid #996; border-bottom:1px solid #996; padding:5px; background:url(/v7/img/th_bg.gif) repeat-x left center; }
.basicTable td { text-align:left; border-right:1px solid #996; border-bottom:1px solid #996; padding:5px 5px 5px 10px; font-size:11px;}


.timeTable { text-align:center; margin:10px auto; border-top:1px solid #d3bb92; border-left:1px solid #d3bb92; border-collapse:collapse; width:95%;}
.timeTable th { text-align:center; font-weight:bold; border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 5px; background:url(/v7/img/th_bg.gif) repeat-x left center; }
.timeTable td { text-align:left; border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 5px 5px 5px 10px; font-size:11px; background-color:#eee;}

.timeTable2 { text-align:center; margin:10px auto; border-top:1px solid #d3bb92; border-left:1px solid #d3bb92; border-collapse:collapse; width:100%;}
.timeTable2 th { text-align:center; font-weight:bold; border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 5px; background:url(/v7/img/th_bg.gif) repeat-x left center; }
.timeTable2 td { text-align:left; border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 5px 5px 5px 10px; font-size:11px; }

.pass { color:#009; background:#D9ECFF;}
.fail { color:#900; background:#FFE6E6;}

.size50 { width:50px;}  .size60 { width:60px;}  .size70 { width:70px;} .size100 { width:100px;}
.size120 { width:120px;}  .size140 { width:140px;}  .size150 { width:150px;}  .size180 { width:180px;}

.smallTable { border-top:1px solid #d3bb92; border-left:1px solid #d3bb92; border-collapse:collapse; margin: 10px 0 10px 20px; text-align:center; float:left;}
.smallTable th { border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 3px; background:url(/v7/img/th_bg.gif) repeat-x left center; }
.smallTable td { border-right:1px solid #d3bb92; border-bottom:1px solid #d3bb92; padding: 3px; font-size:11px; }
.smallTable .h { background:#ddccaf;}

#sub2 blockquote { margin:0; padding:0; float:right; width: 270px; color: #555; background: url(/v7/img/quote1.gif) no-repeat;}
#sub2 blockquote .quote { margin: 25px 10px 0 0; padding: 0 20px 0 20px; background: url(/v7/img/quote2.gif) no-repeat right bottom; font: normal 11px/1.5 바탕; letter-spacing: -1px;}
#sub2 blockquote .author { margin:0; padding: 0 30px 10px 0; text-align: right; color: #999; background: url(/v7/img/quote3.gif) no-repeat bottom; font: normal 10px tahoma; }

.pron dl { width:665px; margin: 0 0 10px 5px;}
.pron dt { font-weight:bold; border-left:2px solid #999; padding: 5px 5px 0 5px;}
.pron dd { color:#666; border-left:2px solid #ccc; background: url(/v7/img/dd_arrow.gif) no-repeat 7px 3px; margin: 0 0 10px 0; padding: 0 5px 5px 20px;}
.pron dd a, .snd { background: url(/v7/img/snd.gif) no-repeat left center; padding-left: 12px;}
.pron dd p { font-size:11px; background:#E6DFCB; margin:5px 20px 5px 0; padding:5px;}
.pron .b { font-weight: bold;}

/* img-shadow */
.imgWrapper { background:url(/v7/img/shadow.gif) no-repeat bottom right; float:left; position:relative; margin:5px;}
.imgWrapper img { background-color: #fff; border:1px solid #a9a9a9; padding: 4px; display:block; margin: -5px 5px 5px -5px; position:relative;}
.imgWrapper2 { background:url(/v7/img/shadow.gif) no-repeat bottom right; float:left; position:relative; margin:3px;}
.imgWrapper2 img { background-color: #fff; border:1px solid #a9a9a9; padding: 3px; display:block; margin: -4px 4px 4px -4px; position:relative;}

/* topbutton */
#gotop { left: 960px; z-index: 555;}

/* extra-link */
.BannerList li {margin: 5px 10px 5px 0; padding: 5px; float: left; display: inline; width: 200px;}
.BannerList .siteimg { margin: 0 0 5px 0; }
.BannerList .site { font: bold 11px/1 dotum; color: #960; letter-spacing: -0.5px;}
.BannerList .uri { font: 10px/1 tahoma; background: url(/v7/extra/star.gif) no-repeat left center; padding-left: 10px;}