@charset "UTF-8";
@import url(http://image.cabal.co.kr/Cabalver0.1/css/gnb.css);

/* reset style [start] */
html, body, div, span, a, img, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, input, fieldset, form, label, legend, p
{margin:0; padding:0; border:0}
ul, li {margin:0; padding:0; list-style:none;}

body {font-size:75%; font-family:"돋움", Dotum, "굴림", Gulim, Tahoma, Verdana; color:#b8b7b7; line-height:1 !important}

#gnb {height:35px; overflow:hidden}

a:link {color:#b8b7b7; text-decoration:none}
a:visited {color:#b8b7b7; text-decoration:none}
a:hover {color:#474747; text-decoration:underline}
a:active {color:#b8b7b7; text-decoration:underline}

#wrapper {background:url(../img/wrapper_bg.jpg) no-repeat center top}
#wrap {position:relative; width:1000px; margin:0 auto;}
#wrap img {vertical-align:top}

#header {position:relative; z-index:300;}
#header h1 {position:absolute; left:1px; top:30px;}
#header .gnb {position:absolute; right:0; top:32px;}
#header .gnb li {float:left; padding:5px 9px 0 7px; background:url(../img/gnb_line.gif) no-repeat 100% 5px}
#header .gnb,
#header .gnb a {letter-spacing:-1px}
#header .gnb .home,
#header .gnb .log {background:none}
#header .gnb .log {text-align:center; padding:6px 0 0 0; font-size:11px; width:55px; height:15px; background:url(../img/gnb_log_bg.gif) no-repeat 0 0}

.dark .gnb,
.dark .gnb a {color:#c0bfbe}

#con1 {position:relative; height:1080px; background:url(../img/con1_bg.jpg) no-repeat 0 0; z-index:50}
.step {position:absolute; left:63px; top:649px}
.n1 {position:absolute; left:0; top:0}
.n2 {position:absolute; left:227px; top:0}
.n3 {position:absolute; left:452px; top:0}
.n4 {position:absolute; left:684px; top:0}
#con1 .img {position:absolute; left:718px; top:887px}

.btn_guild {position:absolute; left:308px; top:938px}
.btn_faq {position:absolute; left:131px; top:24px; z-index:400}

#con2 {display:none; position:relative; height:626px; background:url(../img/con2_bg.jpg) no-repeat 0 0}
.update {position:absolute; left:220px; top:-70px; color:#86a0c4}
.tbl {position:absolute; left:66px; top:123px}
.tbl table {border-collapse:collapse; border-spacing:0}
.tbl th {display:none}
.tbl td {height:25px; color:#c6c3dd; text-align:center; font-size:13px}
.tbl .date {width:284px}
.tbl .scale {width:168px}
.tbl .guild {width:239px}

.board {position:absolute; left:66px; top:372px}
.board .text {position:absolute; left:0; top:0; width:716px; height:34px; border:1px solid #534cab; background:#ededed}
.board .text input {margin:0 0 0 20px; width:90%; height:34px; line-height:34px; color:#0c0c0c; background:transparent}
.board .submit {position:absolute; left:732px; top:0}
.board table {position:absolute; left:0; top:52px; width:867px; border-collapse:collapse; border-spacing:0}
.board th {width:155px; color:#a59afb; text-align:left; padding-left:30px}
.board td {height:32px; color:#cbc9dc}
.board .subject {width:510px}
.board .date {color:#fff; text-align:center}

.pageing {position:absolute; text-align:center}
.pageing span,
.pageing a {display:inline-block; margin:0 4px; color:#bfbdd0 !important; font-size:11px; vertical-align:top}
.pageing .current {font-weight:bold}
.pageing .prev,
.pageing .next {padding:2px}

.tbl .pageing {left:25px; top:152px; width:692px}
.board .pageing {left:0; top:241px; width:867px}

#con3 {position:relative; height:259px; margin-top:22px}
#con3 .img {position:absolute; left:64px; top:25px}

#footer {height:83px; padding-top:60px; background:url(../img/footer_bg.png) repeat-x 0 0; text-align:center}

.ly_wrap {position:absolute; left:50%; top:35px; width:1000px; margin-left:-500px; z-index:400}
.ly_c {display:none; position:absolute}
#ly_1 {left:-50px; top:620px}
#ly_2 {left:120px; top:560px}
#ly_3 {left:280px; top:500px}
#ly_4 {left:200px; top:100px}

#ly_3_1 {left:700px; top:500px}
#ly_3_2 {left:700px; top:500px}
#ly_3_3 {left:700px; top:500px}

.btn_ly_3_1 {position:absolute; left:403px; top:158px}
.btn_ly_3_2 {position:absolute; left:403px; top:189px}
.btn_ly_3_3 {position:absolute; left:403px; top:220px}


.GB_overlayBG {background-color:#000; filter:alpha(opacity=40); opacity:0.40}
#GB_overlay {display:none; position:absolute; margin:auto; top:0; left:0; z-index:100; width:100%; height:2126px}
* html body, * html {height:2126px; width:100%}


/* Layout */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0}
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.blind {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden}
legend, caption {display:none}