@font-face {
    font-family: "Maplestory";
    src: url("../styles/font/Maplestory Light.ttf") format("truetype"); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Maplestory";
    src: url("../styles/font/Maplestory Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: "ay1";
  font-style: normal;
  font-weight: 300;
  src: local("../styles/font/ay1.ttf"); /* computer */
   
}
@font-face {
  font-family: "ay2";
  font-style: normal;
  font-weight: 400;
  src: local("../styles/font/ay2.ttf"); /* computer */
   
}
@font-face {
  font-family: "ay3";
  font-style: normal;
  font-weight: 500;
  src: local("../styles/font/ay3.ttf"); /* computer */
    
}
@font-face {
  font-family: "ay4";
  font-style: normal;
  font-weight: bold;
  src: local("../styles/font/ay4.ttf"); /* computer */
    
}
@font-face {
  font-family: "sfsbold";
  font-style: normal;
  src: url("../styles/font/sfsblod.ttf"); /* computer */    
}

*{margin:0; padding:0; }
body {  }
/*html {margin:0px;padding:0px;}
body
{
	margin: 0px;
	padding: 0px;
	font-family:"Nanum Gothic", "NanumSquare", Malgun Gothic, dotum, Verdana, sans-serif;
	font-size: 12px;
	word-break:break-all;
	background:url(/styles/image/main/main_bg.jpg) no-repeat top left fixed #6e211f;
}*/


/*.mainbg {  background:url(/styles/image/main/main_bg.jpg) no-repeat top center fixed; background-color:#6e211f; }*/

.mainbg { color:#fff;background:#1f1f1f; }
.loginbg { background:#1f1f1f;}
.loginbgwrap { width:100%; height:100%;background-size:cover; margin:0 auto;}

/*Àç¼öÁ¤*/
/*.mainbg { color:#fff;background:url(/styles/img_ok/mainbg.png) no-repeat;background-color:#0a131b; }

.loginbgwrap { }*/

body, table, tr, td, select, textarea, input  , div , p , li , label , button{
	/*font-family: kakaoBold;*/
	margin: 0px;
    padding: 0px;
    font-family:  "Maplestory" , Malgun Gothic, dotum, Verdana, sans-serif;
    word-break: break-all;
    /*transition: all .2s ease 0s;*/
}

div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th , button{
    margin: 0px;
    padding: 0px;
    font-family:  "Maplestory" , Malgun Gothic, dotum, Verdana, sans-serif;
    font-size: 13px;
    word-break: break-all;
    /*transition: all .2s ease 0s;*/
}

/*
.pagingul { width:100%;display:inline-block;margin:0 auto;text-align:center;height:30px;line-height:30px;padding:20px 0px; }
.pagingul ul { list-style:none; padding:0px;margin:0px; }
.pagingul ul li { display:inline-block; font-family:"kakaoBold"; width:15px; height:23px; line-height:23px; cursor:pointer; font-size:12px; font-weight:bold; letter-spacing:-2px; }
.pagingul .pbtns { color:#333333; background-color:#cecece; border-radius:5px; padding:3px 7px; }
.pagingul .chioce { color:#ffffff; background-color:#ff0049; border-radius:5px; padding:3px 7px; }
.pbtnslr { color: #333333; background-color: #cecece; border-radius: 5px; padding: 3px 7px; }

.pagingul ul { display:inline-block; list-style:none; overflow:hidden; padding:0px; margin:0px auto; text-align:center; }
.pagingul ul li { float:left; font-family:"kakaoBold"; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:12px; font-weight:bold; letter-spacing:-2px; }
.pagingul .pbtns { color:#fff; }
.pagingul .chioce { color:#fea500; }
.pagingul .pbtnsll { background:url(/styles/img_kb/board_L01.png) no-repeat 2px 5px; }
.pagingul .pbtnsl { background:url(/styles/img_kb/board_L02.png) no-repeat 2px 5px; }
.pagingul .pbtnsr { background:url(/styles/img_kb/board_R02.png) no-repeat 2px 5px; }
.pagingul .pbtnsrr { background:url(/styles/img_kb/board_R01.png) no-repeat 2px 5px; }
*/
.pagingul { width:100%; margin:0 auto; text-align:center; overflow:hidden; padding:20px 0px; }

.distpage{width:100%;float:left;margin:0 auto;text-align:center;overflow:hidden;line-height:30px;padding:5px 0;margin-top:20px;}
.distpage li{display:inline-block;font-family:"kakaoBold";cursor:pointer;font-size:12px;}
.distpage .pbtns{ color: #555; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 3px; margin: 0 2px; min-width: 30px; text-decoration: none; border-radius: 3px; display: inline-block; vertical-align: middle; background: #f3f3f3; border: 1px solid #bbbcc3; }
.distpage .pg_start { text-indent: -999px; overflow: hidden; background: url(/styles/image/btn_first.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.distpage .pg_end{ text-indent: -999px; overflow: hidden; background: url(/styles/image/btn_end.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.distpage .chioce { display: inline-block; background: #4c4f6f; color: #fff; font-weight: bold; height: 30px; line-height: 30px; padding: 0 3px; min-width: 30px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; }

/* ·Î±×ÀÎ	*/
.LoginLogo {width:100%;margin:0 auto;text-align:center;position:absolute;top:200px;}
/*.LoginLogo img {width:30%;max-width:400px;position:absolute;top:20px;}*/
.LoginLogo img {width:30%;max-width:350px;}

/* head */
.headDiv { width:765px;height:80px;position:absolute;top:20px;left:300px;background:url(/styles/image/head/centermenubg.png) no-repeat top center;background-color:rgba(0, 0, 0, 0.1); }
.headDiv ul { list-style:none;text-align:center;height:80px;line-height:45px; }
.headDiv ul li { display:inline-block;font-family:"kakaoBold";width:80px;height:20px;line-height:20px;cursor:pointer;font-size:16px;text-align:center;color:#FFF; }
.headDiv ul li a:link { color:#FFF; text-decoration: none; }
.headDiv ul li a:visited { color:#FFF; text-decoration: none; }
.headDiv ul li a:active { color:#FFF; text-decoration: none; }
.headDiv ul li a:hover { color:#FFF; text-decoration: none; }

.checkSiteDiv {width:100%;height:100%;font-size:48pt;text-align:center;padding:500px 0;}
.checkSiteDiv ul {width:100%;list-style:none;}
.checkSiteDiv ul li {width:100%;text-align:center;display:inline-block;margin:10px 0;}
.checkSiteDiv .check_notice {width:100%;font-size:48px;line-height:48px;color:#fff;}
.checkSiteDiv .check_date {width:100%;font-size:48px;line-height:48px;color:#fff;}

/* left */


.leftNick { position:absolute;top:70px;left:70px;color:#FFF;text-align:left;text-shadow:3px 3px 3px rgba(0,0,0,0.5); }
.leftLv { position:absolute;top:110px;left:70px;color:#FFF;font-size:12px; }
.leftMsg { position:absolute;top:110px;left:180px;color:#FFF;font-size:12px; }
.leftMsg a { text-decoration:none;color:#FFF;font-size:12px; }
.leftCash { position:absolute;top:142px;right:75px;color:#FFF;font-size:11px;text-align:right; }
.leftPoint { position:absolute;top:175px;right:75px;color:#FFF;font-size:11px;text-align:right; }
.leftP2C { position:absolute;top:210px;left:70px;color:#FFF;font-size:14px;cursor:pointer;text-shadow:3px 3px 3px rgba(0,0,0,0.5) }
.leftP2C A:link { color:#FFF; text-decoration: none; }
.leftP2C A:visited { color:#FFF; text-decoration: none; }
.leftP2C A:active { color:#FFF; text-decoration: none; }
.leftP2C A:hover { color:#FFF; text-decoration: none; }
.leftLO { position:absolute;top:210px;right:60px;color:#FFF;font-size:14px;cursor:pointer;text-shadow:3px 3px 3px rgba(0,0,0,0.5) }
.leftLO A:link { color:#FFF; text-decoration: none; }
.leftLO A:visited { color:#FFF; text-decoration: none; }
.leftLO A:active { color:#FFF; text-decoration: none; }
.leftLO A:hover { color:#FFF; text-decoration: none; }

.leftMenu { width:260px;height:220px;position:absolute;left:0px;top:550px;text-align:center; }
.leftMenu ul { list-style:none;text-align:center; }
.leftMenu ul li { display:inline-block;text-align:center; }
.leftMenu ul li .LeftBtn { width:147px;height:38px;background:url("/styles/image/left/leftmenubtn1.png")no-repeat;margin:5px 0px;font-family: KakaoRegular;text-shadow:3px 3px 3px #555;font-weight:bold;color:#FFF;font-size:12pt;line-height:36px;text-align:center;cursor:pointer; }

.leftNotice {width:220px;height:255px;position:absolute;left:20px;top:770px;text-align:center;padding-top:15px;border-top:2px solid #BBB;margin:0px auto;}
.leftNotice ul {list-style:none;margin-top:10px;}
.leftNotice ul li {font-family: KakaoRegular;color:#FFF;font-size:12pt;font-weight:bold;text-shadow:3px 3px 3px #555;padding:5px 20px 5px 0px;margin-left:10px;}
.leftNotice ul li A:link { color:#FFF; text-decoration: none; }
.leftNotice ul li A:visited { color:#FFF; text-decoration: none; }
.leftNotice ul li A:active { color:#FFF; text-decoration: none; }
.leftNotice ul li A:hover { color:#FFF; text-decoration: none; }

.yellow {color:#f6c046!important;}

/* right */
/*
.rightDiv { width:260px;min-height:870px;position:absolute;top:240px;right:40px;box-shadow:0 5px 25px rgba(255,255,255,0.2);}
.rightDiv ul {list-style:none;}
.rightDiv ul li div{ margin:0 auto;font-family: KakaoRegular;color:#FFF;font-size:30pt;line-height:55px;letter-spacing:1px;font-weight:bold;cursor:pointer;padding-top:5px;text-align:center;}
.rightDiv ul li div .goRight { width:90%;height:55px;background:#e64b40;border-radius:5px;text-align:left;box-shadow:0 5px 25px rgba(0,0,0,0.4); }
.rightDiv ul li div .goRight span { color:#fff;font-size:20px;line-height:50px;padding-left:30px;font-weight:bold;text-shadow:3px 3px 3px rgba(0,0,0,0.5) }
*/
/* main */
.mainDiv { width:100%;margin:0px auto;position:relative; }
/* contents */
#contents { width:100%; margin:0px auto; padding:0px; position:relative; } /*overflow:hidden;*/

/* button */
.btnDefault { cursor:pointer;display:inline-block;padding:0;width:100px;line-height:32px;background:linear-gradient(#513f3e, #251514);background:-ms-linear-gradient(#513f3e, #251514);border:1px solid #222222;border-radius:6px;text-align:center;color:#ffffff;font-size:14px; }
/*.btnMidSize {display:inline-block;padding:0 20px;height:26px;line-height:26px;background:#503223;border:1px solid #333333;border-radius:3px;text-align:center;font-weight:bold;color:#FFFFFF;cursor:pointer;}*/
.btnReply { display:inline-block;margin-left:10px;padding:0 0 0 0;width:114px;height:52px;line-height:52px;background:linear-gradient(#513f3e, #251514);border-radius:4px;text-align:center;font-weight:700;font-size:14px;cursor:pointer; }
.btnR { float:right;margin-left:10px; }
.btnL { float:left;margin-right:10px; }

.LeftinFo {position:absolute;left:48px;top:20px;padding:30px 10px;width:210px;min-height:810px;background:url(/styles/image/left/left_bg.png) no-repeat left top rgba(0,0,0,0.1);box-shadow:0 5px 25px rgba(255,255,255,0.2);}
.LeftinFo .GOMAIN {display:block;height:250px;}
.LeftinFo .LinfoBox {margin:0 auto;width:203px;height:255px;background:url(/styles/image/left/leftmenuinfo.png) no-repeat top center;}
.LeftinFo .LinfoBox .NickName {padding:70px 0 0 40px;font-size:18px;font-weight:bold;color:#ffffff;text-shadow:3px 3px 3px rgba(0,0,0,0.5)}
.LeftinFo .LinfoBox .MemInfo {margin-top:5px;height:32px;}
.LeftinFo .LinfoBox .MemInfo .user_level {display:block;float:left;margin-left:20px;}
.LeftinFo .LinfoBox .MemInfo .mess {display:block;float:right;margin-top:10px;margin-right:40px;height:20px;line-height:20px;text-align:right;color:#f6c046;font-weight:bold;}
.LeftinFo .LinfoBox .MemInfo span {margin-left:20px;line-height:30px;color:#ffffff;font-weight:bold;}
.LeftinFo .LinfoBox .moneyINfo {clear:both;margin:5px auto 0 auto;padding:0 20px;width:115px;}
.LeftinFo .LinfoBox .moneyINfo li {margin-bottom:10px;line-height:26px;text-align:right;color:#ffffff;}
.LeftinFo .LinfoBox .pointINfo {clear:both;margin:0px auto 10px auto;padding:0 20px;width:115px;}
.LeftinFo .LinfoBox .pointINfo li {margin-bottom:10px;line-height:26px;text-align:right;color:#ffffff;}
.LeftinFo .LinfoBox .L_btn {margin:0 auto;margin-top:20px;text-align:center;}
.LeftinFo .LinfoBox .L_btn a {display:inline-block;margin:0 10px;text-align:center;color:#ffffff;text-shadow:2px 2px 5px rgba(0,0,0,0.6);}
.LeftinFo .LeftMenu {width:230px;margin-top:20px;}
.LeftinFo .LeftMenu li {margin-bottom:10px;}
.LeftinFo .LeftMenu li a {display:block;margin:0 auto;width:145px;height:35px;line-height:35px;background:url(/styles/image/left/left_btn.png) no-repeat center;text-align:center;color:#ffffff;font-weight:bold;font-size:14px;}
.LeftinFo .LeftNotice {margin:0 auto;margin-top:20px;width:190px;border-top:2px solid #cccccc;}
.LeftinFo .LeftNotice label {display:block;line-height:40px;text-align:center;color:#ffffff;font-weight:bold;font-size:16px;}
.LeftinFo .LeftNotice li a {color:#ffffff;}

.LeftinFo .LeftNotice li {
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
	text-align:left;
}

div, ul, li, ol, dl, dt, dd {
    list-style: none;
}


a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}

div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th {
    margin: 0px;
    padding: 0px;
    font-family:  "Maplestory" , Malgun Gothic, dotum, Verdana, sans-serif;
    font-size: 13px;
    word-break: break-all;
    /*transition: all .2s ease 0s;*/
}

.headerTop {position:relative;margin:0 auto;padding:10px 0;width:100%;}
.headerTop .HeadArea {margin:0 auto;width:100%;overflow:hidden;}
.headerTop .HeadArea .headinfo {height:80px;margin:0 auto;text-align:center;}
.headerTop .HeadArea .headinfo .gomain {width:150px;height:auto;display:inline-block;cursor:pointer;}
.headerTop .HeadArea .headinfo .userinfo {margin-top:34px;width:720px;height:30px;display:inline-block;border:2px solid red;border-radius:5px;text-align:center;line-height:30px;font-weight:bold;}
.headerTop .HeadArea .headinfo .userinfo li {float:left;}
.headerTop .HeadArea .headinfo .userinfo .nick {width:140px;}
.headerTop .HeadArea .headinfo .userinfo .msg {width:80px;}
.headerTop .HeadArea .headinfo .userinfo .cash {width:140px;}
.headerTop .HeadArea .headinfo .userinfo .point {width:140px;}
.headerTop .HeadArea .headinfo .userinfo .mileage {width:140px;}
.headerTop .HeadArea .headinfo .userinfo .line {width:20px;}
.headerTop .HeadArea .headinfo .headbtnArea {margin-top:34px;display:inline-block;}
.headerTop .HeadArea .headinfo .headbtnArea div {margin-left:10px;width:86px;height:30px;text-align:center;line-height:30px;border-radius: 5px;color: #FFF;float:left;cursor:pointer;}
.headerTop .HeadArea .headinfo .headbtnArea .blinkEle {background:#1a4e95;border: 1px solid #0c3874;}
.headerTop .HeadArea .headinfo .headbtnArea .pointbtn {background:#1a4e95;border: 1px solid #0c3874;}
.headerTop .HeadArea .headinfo .headbtnArea .mypagebtn {background:#33a8db;border: 1px solid #1b83b1;}
.headerTop .HeadArea .headinfo .headbtnArea .logoutbtn {background:#e64b40;border: 1px solid #d54237;}
.headerTop .HeadArea .GNB {width:100%;height:43px;}
.headerTop .HeadArea .GNB ul {text-align:center;}
.headerTop .HeadArea .GNB ul li {display:inline-block;}
.headerTop .HeadArea .GNB .line {text-align:center;width:10px;line-height:43px;color:#000;font-weight:bold;}
.headerTop .HeadArea .GNB ul li a {display:block;padding:0 14px;line-height:43px;color:#000;font-weight:bold;font-size:16px;}
.headerTop .HeadArea .GNB ul li a:hover {color:#f6c045;}
.headerTop .HeadArea .Notice {width:1160px;margin:0 auto;text-align:center;border:1px solid #FF0000;border-radius:5px;}
.headerTop .HeadArea .Notice marquee {padding:5px;width:1100px;line-height:28px;}

.user_level { text-align:center;vertical-align:middle; margin-right:5px;display:inline-block;width:25px; height:30px;background-position:center center !important;background-repeat:no-repeat !important;background-size:100% !important;}
.level_1 { background:url(/assets/images/level/level_1.png); }
.level_2 { background:url(/assets/images/level/level_2.png); }
.level_3 { background:url(/assets/images/level/level_3.png); }
.level_4 { background:url(/assets/images/level/level_4.png); }
.level_5 { background:url(/assets/images/level/level_5.png); }
.level_6 { background:url(/assets/images/level/level_6.png); }
.level_7 { background:url(/assets/images/level/level_7.png); }
.level_8 { background:url(/assets/images/level/level_8.png); }
.level_9 { background:url(/assets/images/level/level_9.png); }
.level_10 { background:url(/assets/images/level/level_10.png); }
.level_11 { background:url(/assets/images/level/level_1.png); }
.level_12 { background:url(/assets/images/level/level_1.png); }
.level_13 { background:url(/assets/images/level/level_1.png); }
.level_adm {background-image:url(/assets/images/level/level_adm.png); }

/* footer */
.goLink { margin:0 auto; margin-top:30px; width:1400px; overflow:hidden; }
.goLink ul { width:100%; overflow:hidden; padding:10px 0; text-align:center; }
.goLink ul li { display:inline-block; margin:0 auto; }
.goLink ul li a {display:block;width:100px;height:50px;background-repeat:no-repeat;background-position:center;}
.goLink ul li>.naver {background-image:url(/styles/image/main/icon/naver.png);}
.goLink ul li>.espn {background-image:url(/styles/image/main/icon/espn.png);}
.goLink ul li>.flash {background-image:url(/styles/image/main/icon/flash.png);}
.goLink ul li>.champs {background-image:url(/styles/image/main/icon/champs.png);}
.goLink ul li>.mlb {background-image:url(/styles/image/main/icon/mlb.png);}
.goLink ul li>.kbo {background-image:url(/styles/image/main/icon/kbo.png);}
.goLink ul li>.nhl {background-image:url(/styles/image/main/icon/nhl.png);}
.goLink ul li>.nba {background-image:url(/styles/image/main/icon/nba.png);}
.goLink ul li>.kbl {background-image:url(/styles/image/main/icon/kbl.png);}
.goLink ul li>.wkbl {background-image:url(/styles/image/main/icon/wkbl.png);}
.goLink ul li>.kovo {background-image:url(/styles/image/main/icon/kovo.png);}

.footer_wrap {width:100%; margin:0 auto; display:inline-block; padding:30px 0 60px 0; }
.footer_wrap .FooterArea { width:100%; margin:0 auto; }
.footer_wrap .FooterArea p { text-align:center; color:#8e8e8f; font-family:"Tahoma"; font-size:16px; }
/* footer */

.whitefont { color:#CCC; !important; }
.yellowfont { color:#FFBB00 !important; }

/*.blinkEle { position:absolute;margin-top:-48px;margin-left:90px;font-size:11px;font-weight:normal;cursor:pointer; }*/

.title_star_L { display:inline-block; width:33px; height:33px; line-height:73px; background:url(/styles/img_kb/title_star_1.png) no-repeat; margin:0 10px 0 30px;  }
.title_star_R { display:inline-block; width:33px; height:33px; line-height:73px; background:url(/styles/img_kb/title_star_1.png) no-repeat; margin:0 0 0 10px; }