@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 400;
  src: local("../styles/font/a1"), /* computer */
    url("../styles/font/a1.eot"), /* IE9 Compat Modes */
    url("../styles/font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("../styles/font/a1.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 500;
  src: local("../styles/font/a2"), /* computer */
    url("../styles/font/a2.eot"), /* IE9 Compat Modes */
    url("../styles/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("../styles/font/a2.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 600;
  src: local("../styles/font/a3"), /* computer */
    url("../styles/font/a3.eot"), /* IE9 Compat Modes */
    url("../styles/font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a3.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 700;
  src: local("../styles/font/a4"), /* computer */
    url("../styles/font/a4.eot"), /* IE9 Compat Modes */
    url("../styles/font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a4.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 800;
  src: local("../styles/font/a5"), /* computer */
    url("../styles/font/a5.eot"), /* IE9 Compat Modes */
    url("../styles/font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a5.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}

	*{ margin:0; padding:0; box-sizing:border-box; }
	.mainbg { color: var(--white); background: #232626;margin: 0 auto;}
	.loginbg { color: var(--white); background:url(/assets/images/bg/main-bg3.png) no-repeat #131212; background-size:cover; background-position:50% 0; }
	.loginbgwrap { width:100%; height:100%; margin:0 auto; }

	body, table, tr, td, select, textarea, input, label, div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a{
		margin: 0px;
	    padding: 0px;
	    font-family: "aTitleGothic" , "Noto Sans KR" , "Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif;
		font-size: 12px;
	    word-break: break-all;
	}

/*
.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 100px 0; }
.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; }
/* 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) }
*/

/* button */
button{border:0;margin:0;padding:0;}
.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: #fff;
	text-align:left;
}

div, ul, li, ol, dl, dt, dd {
    list-style: none;
}
a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}

.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:36px; height:36px;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_vip.png); }
.level_adm { background: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: flex;justify-content: center;align-items: center;flex-direction: column;  }
.footer_wrap .FooterArea { width:100%; margin:0 auto; }
.footer_wrap .FooterArea p { text-align:center; color:#464646;font-size:12px; font-weight:bold;}
/* 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; }


.ql-video {
  display: block;
  max-width: 100%;
}

.ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-bg-black {
  background-color: #000;
}

.ql-bg-red {
  background-color: #e60000;
}

.ql-bg-orange {
  background-color: #f90;
}

.ql-bg-yellow {
  background-color: #ff0;
}

.ql-bg-green {
  background-color: #008a00;
}

.ql-bg-blue {
  background-color: #06c;
}

.ql-bg-purple {
  background-color: #93f;
}

.ql-color-white {
  color: #fff;
}

.ql-color-red {
  color: #e60000;
}

.ql-color-orange {
  color: #f90;
}

.ql-color-yellow {
  color: #ff0;
}

.ql-color-green {
  color: #008a00;
}

.ql-color-blue {
  color: #06c;
}

.ql-color-purple {
  color: #93f;
}

.ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-size-small {
  font-size: 0.75em;
}

.ql-size-large {
  font-size: 1.5em;
}

.ql-size-huge {
  font-size: 2.5em;
}

.ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-align-center {
  text-align: center;
}

.ql-align-justify {
  text-align: justify;
}

.ql-align-right {
  text-align: right;
}