﻿/* popup - fansite */
body {margin:0; padding:0; font-size:12px; color:#342B20; font-family:dotum, 돋움;}
form, input, select, textarea {margin:0; padding:0; font-size:12px; color:#342B20; font-family:dotum, 돋움;}
img {border:0 none; vertical-align:top;}

a, a:link, a:visited, a:active {color:#342B20; text-decoration:none;}
a:hover {color:#342B20; text-decoration:none;}

table {width:100%; border-collapse:collapse; table-layout:fixed;}


/************ common & layout ************/
body {margin:0; padding:0; background:url("/aion_v3/popup/ty1/bg_body.gif") left top repeat-y;}
#container {width:500px; padding:0 0 20px 0;}
h1 {clear:both; height:70px; margin:0; padding:20px 0 0 0; font-size:0; line-height:0; background:url("/aion_v3/popup/ty1/bg_title.jpg") left top no-repeat; text-align:center;}

.wrap_guide1 {width:460px; margin:0 0 0 20px; padding:0;}
.wrap_guide1 dt {margin:0; padding:20px 0 3px 15px; font-weight:bold; color:#3a362a; background:url("/aion_v3/common/bul_3.gif") left 20px no-repeat;}
.wrap_guide1 dd {margin:0; padding:0 0 3px 15px; color:#675239; line-height:18px;}
.wrap_guide1 em {font-style:normal; color:#255361; letter-spacing:-1px;}

.wrap_guide2 {margin:0; padding:0;}
.wrap_guide2 dt {margin:0; padding:0 0 10px 0; font-weight:bold; color:#4f463b;} 
.wrap_guide2 dd {margin:0; padding:0 0 6px 17px; color:#675239; letter-spacing:-1px; background:url("/aion_v3/common/bul_6.gif") 8px 3px no-repeat;}
.wrap_guide2 .info {margin-bottom:10px;}

.wrap_alert {width:430px; margin:0 0 35px 35px; padding:0; color:#86381e; letter-spacing:-1px}
.wrap_alert dt {float:left; width:40px; margin:0; padding:5px 0 5px 27px; font-weight:bold; background:url("/aion_v3/common/ic_alert.gif") left top no-repeat;}
.wrap_alert dd {float:left; width:363px; margin:0; padding:2px 0 0 0; line-height:18px;}

.box_type1 {width:430px; margin:0 0 15px 35px; padding:0 0 4px 0; background:url("/aion_v3/fansite/box_ty1.gif") left bottom no-repeat;}
.box_type1_cnt {width:410px; padding:10px 10px 0 10px; background:url("/aion_v3/fansite/box_ty1.gif") left top no-repeat;}

.btn_fansite {text-align:center;}


/* legion > masterclub */
.tab_guide {clear:both; width:455px; margin:0 auto; padding:0 0 0 9px; background-image:url("/aion_v3/legion/masterclub/tab_guide.gif"); background-repeat:no-repeat; overflow:hidden;}
.tab_guide li {list-style-type:none; float:left; width:110px; height:30px; margin:0 1px 0 0;}
.tab_guide li dfn {display:none;}
.tab_guide li a {display:block; width:100%; height:100%;}
.tm_war {background-position:0 0;}
.tm_gift {background-position:0 -30px;}

.dl_warinfo {clear:both; width:450px; margin:0 0 0 29px; padding:19px 0 0 0;}
.dl_warinfo dt {margin:0; padding:0 0 6px 14px; font-weight:bold; letter-spacing:-1px; line-height:14px; background:url("/aion_v3/common/bul_3.gif") no-repeat 0 1px;}
.dl_warinfo dd {margin:0; padding:0 0 16px 15px; color:#675239; line-height:16px;}
.ol_type1 {margin:0; padding:0;}
.ol_type1 li {margin:0; padding:0 0 6px 11px; letter-spacing:-1px; list-style-type:none;}
.ol_type1 li a {color:#86381E; font-weight:bold; text-decoration:underline;}
.ol_type1 .li1 {background:url("/aion_v3/legion/masterclub/ol1_1.gif") no-repeat 0 3px;}
.ol_type1 .li2 {background:url("/aion_v3/legion/masterclub/ol1_2.gif") no-repeat 0 3px;}
.ol_type1 .li3 {background:url("/aion_v3/legion/masterclub/ol1_3.gif") no-repeat 0 3px;}
.ol_type1 .li4 {background:url("/aion_v3/legion/masterclub/ol1_4.gif") no-repeat 0 3px;}
.ol_type1 .li5 {background:url("/aion_v3/legion/masterclub/ol1_5.gif") no-repeat 0 3px;}
.ol_type1 .li6 {background:url("/aion_v3/legion/masterclub/ol1_6.gif") no-repeat 0 3px;}
.cscenter {margin:0 0 0 30px; color:#86381E;}
.cscenter a {color:#86381E; font-weight:bold; text-decoration:underline;}
.cscenter a:visited {color:#86381E; font-weight:bold; text-decoration:underline;}
.wrap_gift {clear:both; width:464px; height:540px; margin:1px 0 0 18px; overflow:auto;
	scrollbar-face-color: #655b43;
	scrollbar-highlight-color: #a3997f;
	scrollbar-3dlight-color: #5f5640;
	scrollbar-shadow-color: #716954;
	scrollbar-darkshadow-color: #B0A894;
	scrollbar-track-color: #ded1b3;
	scrollbar-arrow-color: #fff;
}
.ul_gift {clear:both; margin:0; padding:0;}
.ul_gift li {float:left; width:428px; margin:0; padding:8px 5px 10px 5px; list-style-type:none; background:url("/aion_v3/legion/masterclub/line_guide_gift.gif") repeat-x left bottom; overflow:hidden;}
.ul_gift li.first {border-top:0 none;}
.ul_gift .giftimg {float:left; width:83px; height:88px; margin:0 10px 0 0; border:1px solid #C3BFB5;}
.ul_gift dl.info {float:left; width:331px; margin:0; padding:4px 0 0 0; line-height:14px; overflow:hidden;}
.ul_gift dl.info dt {float:left; width:31px; margin:0; padding:0 0 3px 5px; color:#4F463B; font-weight:bold; background:url("/aion_v3/common/bul_4.gif") no-repeat 0 4px;}
.ul_gift dl.info dd {float:left; width:295px; margin:0; padding:0 0 3px 0; color:#6D6142;}
.ul_gift dl.info dd.date {font-weight:bold; letter-spacing:-1px;}
.ul_gift dl.info dd.gift {color:#853310; font-weight:bold; letter-spacing:-1px;}

.tb_type1 {width:100%; margin-top:-15px;  border-top:1px solid #6d6142; border-bottom:1px solid #6d6142;}
.tb_type1 .first {background-image:none;}
.tb_type1 th {padding:5px 0; color:#f8f3d8; background-image:url("/aion_v3/legion/masterclub/bg_dot1.gif"); background-repeat:repeat-y; background-color:#8d7b5d;}
.tb_type1 td {padding:7px; font-size:11px; color:#675239; vertical-align:top; background-image:url("/aion_v3/legion/masterclub/bg_dot2.gif"); background-repeat:repeat-y;}


/* popup - server state */
body#serverstate {background:none; background-color:#c6b9a0}
	body#serverstate #container {width:640px; margin:15px auto 16px; }
	body#serverstate #container h1 {width:640px; height:106px; margin:0 0 21px; padding:0; background:url('/aion_v3/popup/081111_serverstate/img.jpg') no-repeat 0 0;}
		body#serverstate #container h1 span {display:none;}
	body#serverstate #container .content {width:638px; min-height:260px;}
	*html body#serverstate #container .content {height:260px;}
	body#serverstate #container .footer {width:640px; height:36px; margin-top:20px; background:url('/aion_v3/popup/081111_serverstate/img.jpg') no-repeat 0 -106px;}
		body#serverstate #container .footer span {display:none;}

/* popup - server state 090818 */
body#serverstatus {background:url('/aion_v3/popup/serverstatus/bg_serverstatus_v2.jpg') no-repeat center top !important;}
body#serverstatus #container {width:670px; margin:0 auto; padding:0;}
body#serverstatus #container h1 {background:none; width:640px; height:50px; margin:0 auto; padding:0;}
body#serverstatus #container h1 span {display:none;}
body#serverstatus #container .content {width:637px; margin:0 auto;}
body#serverstatus #container .content table {table-layout:auto; border:1px solid #eae8dd;}
:root body#serverstatus #container .content table {line-height:1;}
body#serverstatus #container .content table th {padding:5px 0 4px 0; border:1px solid #FFF; color:#FFF;}
body#serverstatus #container .content table th.tit_server {background-color:#999; width:18%;}
body#serverstatus #container .content table th.tit_part1 {background-color:#658bb8;}
body#serverstatus #container .content table th.tit_part2 {background-color:#8f614a;}
body#serverstatus #container .content table td {padding:3px 0 2px 0; text-align:center; border:1px solid #FFF; color:#15737a;}
body#serverstatus #container .content table td.server_name {background-color:#f6f4e6; padding-left:10px; text-align:left; color:#444;}
body#serverstatus #container .content table td.restrict {color:#d83d1e;}
body#serverstatus #container p.todayClose {margin:5px 0 0 0; padding-right:30px; text-align:right;}

/* forum > guide */
#forum_guide {font-size:11px; color:#665844; line-height:18px; background-image:none; background-color:#e2ddd6;}
#forum_guide #container {position:relative; width:600px; padding:0 0 40px 0;}
#forum_guide #container .btn_close {position:absolute; top:27px; right:14px; cursor:pointer;}
#forum_guide h1 {clear:both; height:47px; margin:0; padding:24px 0 0 0; font-size:0; line-height:0; background:url("/aion_v3/popup/ty2/bg_top.gif") left top no-repeat; text-align:center;}
#forum_guide #container p {margin:0; padding:0;}
#forum_guide #container .wrap_cnt1 {padding:25px 15px 20px 15px;}
#forum_guide #container .wrap_cnt2 {width:548px; height:285px; margin:0 0 0 15px; padding:10px; border:1px solid #b0a89c; background-color:#d0c9c0; overflow:auto;
	scrollbar-face-color: #655b43;
	scrollbar-highlight-color: #a3997f;
	scrollbar-3dlight-color: #5f5640;
	scrollbar-shadow-color: #716954;
	scrollbar-darkshadow-color: #B0A894;
	scrollbar-track-color: #ded1b3;
	scrollbar-arrow-color: #fff;
	}
#forum_guide #container .wrap_cnt3 {padding:10px 15px 0 15px;}
#forum_guide #container .dl_ty1 {margin:0; padding:0;}
#forum_guide #container .dl_ty1 dt {margin:0; padding:0 0 3px 14px; font-weight:bold; background:url("/aion_v3/popup/ty2/bul_1.gif") 0 5px no-repeat;}
#forum_guide #container .dl_ty1 dd {margin:0; padding:0;}
#forum_guide #container .dl_ty1 dd.point1 {padding:0 0 2px 14px; color:#956c30; letter-spacing:-1px;}
#forum_guide #container .dl_ty1 dd.point2 {padding:5px 0 0 14px; font-weight:bold; letter-spacing:-1px;}
#forum_guide #container .dl_ty1 dd.point2 a {color:#956c30; text-decoration:underline;}
#forum_guide #container .dl_ty1 dd ul {margin:0; padding:0;}
#forum_guide #container .dl_ty1 dd ul li {list-style-type:none; padding:0 0 0 14px; background:url("/aion_v3/popup/ty2/bul_2.gif") 3px 8px no-repeat;}
#forum_guide #container .dl_ty1_top {margin-top:15px;}

/* forum > declare */
#forum_declare {margin:0; background:url("/aion_v3/popup/ty3/bg_top.gif") left top no-repeat #fff}
#forum_declare #container {clear:both; width:426px; margin:0; padding:12px 18px 0 18px;}
#forum_declare #container h1 {clear:both; height:25px; margin:0 0 15px 0; padding:0 0 0 12px; font-size:14px; color:#fff; line-height:1; background:url("/aion_v3/popup/ty3/bul_1.gif") 1px 4px no-repeat; text-align:left;}
#forum_declare #container .txt_1 {margin:0; padding:0 0 15px 7px; background:url("/aion_v3/popup/ty3/bul_2.gif") 0 5px no-repeat;}
#forum_declare #container table {width:100%; margin:0 0 10px 0; letter-spacing:-1px; border-top:1px solid #d5cdbd; border-left:1px solid #d5cdbd;}
#forum_declare #container table caption {display:none;}
#forum_declare #container table th {width:85px; padding:0 0 0 10px; font-weight:lighter; color:#443d31; border-bottom:1px solid #d5cdbd; border-right:1px solid #d5cdbd; background-color:#ece7d9; text-align:left;}
#forum_declare #container table td {padding:8px 0 8px 10px; border-bottom:1px solid #d5cdbd; border-right:1px solid #d5cdbd; background-color:#f8f5e8;}
#forum_declare #container .wrap_btn {text-align:center;}


/* 캐릭터매치란? */
#forum_match {color:#666;background:none}
#forum_match .container_match{padding:20px 17px 30px 17px;}
#forum_match h1 {width:314px;height:62px;margin:0 0 15px;padding:0;font-size:0;text-indent:-9999px;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat 0 0;}
#forum_match .wrap_contents {border-top:1px solid #d4d4d4;}
#forum_match .wrap_contents dl {overflow-y:auto;height:374px;margin:0 0 10px;padding:0 4px 0 0;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #ccc;
	scrollbar-3dlight-color: #f9f9f9;
	scrollbar-shadow-color: #ccc;
	scrollbar-darkshadow-color: #f9f9f9;
	scrollbar-track-color: #f9f9f9;
	scrollbar-arrow-color: #9a9a9a;
}
#forum_match .wrap_contents dt {height:11px;margin:12px 0 7px;font-size:0;text-indent:-9999px;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat;}
#forum_match .wrap_contents dt.tit1 {background-position:0 -92px;}
#forum_match .wrap_contents dt.tit2 {background-position:0 -133px;}
#forum_match .wrap_contents dt.tit3 {background-position:0 -174px;}
#forum_match .wrap_contents dt.tit4 {background-position:0 -215px;}
#forum_match .wrap_contents dd {margin:0;padding:0 0 10px;font:11px/16px dotum;letter-spacing:-1px;background:url("/aion_v3/bbs/source/dot_gray.gif") repeat-x 0 bottom;}
#forum_match .wrap_contents dd.last {background:none}
#forum_match .wrap_contents table {width:337px;margin:3px 0 5px;border-collapse:collapse;}
#forum_match .wrap_contents table caption {display:none;}
#forum_match .wrap_contents table th {padding:4px 8px;font-weight:normal;color:#01878f;border:1px solid #d0d8dd;background-color:#eaeeef}
#forum_match .wrap_contents table td {padding:4px 8px;border:1px solid #d0d8dd}
#forum_match .wrap_contents table .tl {text-align:left;}
#forum_match .wrap_contents table .tc {text-align:center;}
#forum_match .wrap_contents table .br_none {border-right:0 none !important}
#forum_match .wrap_contents table .bl_none {border-left:0 none !important}
#forum_match .wrap_contents ol {margin:0;padding:11px 10px;list-style:none;letter-spacing:-1px;background-color:#f8f8f8;}
#forum_match .wrap_contents li {margin:0 0 5px;padding:0 0 15px;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat 167px bottom;}
#forum_match .wrap_contents li.last {margin:0;padding:0;background:none}
#forum_match .wrap_contents li p {margin:0;padding:7px 0;text-align:center;border:1px solid #d0d8dd;background-color:#eaeeef}
#forum_match .wrap_contents li p em {font-style:normal;color:#01878f;}
#forum_match .wrap_contents li p .ic_photo {display:inline-block;width:47px;height:21px;font-size:0;text-indent:-9999px;vertical-align:middle;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat 0 -256px;}
#forum_match .banner {width:360px;height:94px;font-size:0;text-indent:-9999px;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat 0 -345px;}
#forum_match .close{display:block;position:absolute;top:10px;right:6px;width:11px;height:11px;font-size:0;text-indent:-9999px;background:url("/aion_v3/bbs/source/bg_pop_match.gif") no-repeat 0 -307px;}
