@charset "utf-8";
/* CSS Document */
@import url("dev.css");

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 서브 레이아웃*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* body공통 속성 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { font: 12px dotum; color:#767676; margin:0; }

img { border:0; }
ul {list-style:none; padding:0; margin:0;}
a { color:#767676; text-decoration:none; }
a:hover { color:#a258db; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 레이아웃 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#center { position:relative; width:100%; z-index:2; }
#left { margin-top:0; position:absolute; width:50%; height:430px; left:-498px;  background: url(http://ydimage.ndolfin.com/static/Au1/images/common/Sub_bg1.jpg) no-repeat right 0px; }
#right { margin-top:0; position:absolute; width:50%; height:430px; background: url(http://ydimage.ndolfin.com/static/Au1/images/common/Sub_bg2.jpg) no-repeat 498px top; right:0px;z-index:0; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* header */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header { margin:0 auto;position:relative; padding:0; width:997px; height:128px; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_header_bg.jpg) no-repeat; z-index:2; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* contetns */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sub_all_contents { margin:0 auto; padding:0; width:997px; z-index:2; /*background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_conBG.jpg) no-repeat top;*/ }

/* 좌측 컨텐츠 */
#left_side { float:left; width:233px; margin:0; _margin-right:-2px;/**/ background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_login_left_bg.jpg) left top no-repeat; display:inline; }

/* 로그인 */
#login { margin:0 0 0 34px; padding:44px 32px 0 35px; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_login_box_Bg.jpg) no-repeat; height:128px; color:#ffffff; overflow:hidden; }
#login li.logininput { margin:0 0 4px; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sidebar_menu_login3.jpg) no-repeat; height:24px;}
.id_input { margin:5px; width:122px; height:14px; font-family:dotum; font-size:12px; color:#666666; font-weight:bold; border:0; background: url(http://ydimage.ndolfin.com/static/Au1/images/common/input_id.gif) no-repeat ; }
.pw_input { margin:5px; width:122px; height:14px; font-family:dotum; font-size:12px; color:#666666; font-weight:bold; border:0; background: url(http://ydimage.ndolfin.com/static/Au1/images/common/input_pw.gif) no-repeat ; }
.login_btn { height:32px; margin:0 0 4px; };
#login ul.btn2 {  }
#login li.btn2 { display:inline; }

/*로그인상태*/
table.login_layout { width:132px; margin:0; font:11px dotum; color:#ffffff; }
.login_nickname { font-weight:bold; padding-bottom:5px; }
.login_nickname_span { font:12px dotum; font-weight:bold; color:#aa77e4; }

.login_character_td { padding-bottom:5px; }
.login_character_p { float:left; padding:0; margin:0; margin-right:10px; width:45px; vertical-align:top; }
.login_character_span { color:#ababab; }
.login_character_ul { float:left; list-style:none; width:74px; }
.login_character_li { float:left; width:74px; padding-bottom:3px; display:inline; }
.login_character_li_last { float:left; width:74px; padding-bottom:0; display:inline; }

.login_btn_td1 { padding-bottom:7px; text-align:center; }
.login_btn_td2 { padding:0; text-align:center; }

/* 게임스타트& 서브 LNB */
#gamestart { margin:0; }
#gamestart li.sublnb { padding:0 0 14px 34px; }

/* 배너 */
#sub_quick_banner { margin:0 0 0 30px; }
#sub_quick_banner li.banner1 { padding:0 0 4px 4px; }
#sub_quick_banner ul.banner2 { margin:12px 0 30px 0; }
#sub_quick_banner li.banner2 { padding:0 0 0 7px; display:inline; }
#sub_quick_banner li.coupon { display:inline; }

/* 컨텐츠 */
#contents_box { float:left; width:764px; margin:0; _margin-right:-15px; padding:0; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_con_bg.jpg); display:inline; }
#top_con { float:left; width:100%; height:168px; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_contents_top_bg.jpg) top right no-repeat; }
/* 상단 플래시 비주얼 */
#visual { float:left; width:406px; height:168px; display:inline; }
/* 서브 이벤트 배너 */
#sub_event { float:left; width:334px; height:168px; display:inline; z-index:2; position:relative; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/sub_event_banner.jpg) no-repeat; }
#sub_event li.event { padding:20px 18px 0 16px; }
#sub_event li.eventnum { padding:4px 28px 0 0; text-align:right; }
#sub_event img._mar { margin:4px; }

/* 서브 컨텐츠 및 컨텐츠 박스 BG */
#contents_layout { margin:0; width:100%x; }
#con_left_bg { float:left; width:20px; margin:0; }
#con_right_bg { float:left; width:7px; margin:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* footer */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer { float:left; margin:0; padding:0; width:100%; height:130px; background:url(http://ydimage.ndolfin.com/static/Au1/images/common/footer_bg.jpg) no-repeat #2f2f2f;  }

/* footer 박스 속성 */
#footer_box { margin:0 auto; width:990px; height:123px; }
#footer_logo {float:left; width:105px; height:67px; padding:23px 40px 33px 40px;}
#footer_intro {float:left; width:500px;}
#footer_intro1 {float:left; width:500px; height:11px; margin-top:25px; background-image:url(http://ydimage.ndolfin.com/static/Au1/images/common/footer_intro1_bg.jpg); background-repeat:no-repeat; background-position:inherit;}
#footer_intro1 ul {list-style:none; padding:0px; margin:0;}
#footer_intro1 li {display:inline; padding-right:7px;}
#footer_intro2 {float:left; width:500px; padding:10px 0 0 0; font:normal 11px dotum, '돋움'; color:#818181; line-height:13px;}
#footer_tab {float:left; width:304px; padding:20px 0px 10px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*IE 6 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#con_righ_bg {_margin-left:-3px;_margin-right:-3px;}