@charset "utf-8";

@font-face {font-family:DINWeb-Bold; src:local(※),url(/font/DINWeb-Bold.eot);}
@font-face {font-family:DINWeb-Bold; src:local(※),url(/font/DINWeb-Bold.woff) format('woff');}


/*-------------------------------------------------------------------------------------*
 *  main
 *-------------------------------------------------------------------------------------*/
 /*body      {font-size: 13px; color: #fff; margin: 0 0 0 0; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; background-color:#000;background-size: 100% 100%; background-attachment:fixed;}*/
/*html,body{font-size: 13px; color: #fff; margin:0; height:100%; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; background:url('/img/img_bg2.jpg') center center no-repeat;background-size: 100% 100%;background-attachment:fixed;}*/
html,body{font-size: 13px; color: #fff; margin:0; height:100%; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif;}
.body_bg_main{background:url('/img/img_bg2.jpg') center center no-repeat;background-size: 100% 100%;background-attachment:fixed;}
.body_bg_login{background:url('/img/img_bg_login.jpg') center center no-repeat;background-size: 100% 100%;background-attachment:fixed;}
.body_bg_login1{background:url('/img/img_bg_login2.jpg') center center no-repeat;background-size: 100% 100%;background-attachment:fixed;}

td        {font-size: 13px; color: #000; margin: 0 0 0 0; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; }
div       {font-size: 13px; color: #000; margin: 0 0 0 0; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; }
select    {font-size: 13px; color: #000; margin: 0 0 0 0; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; }
textarea  {font-size: 13px; color: #000; margin: 0 0 0 0; font-family: Nanum Gothic, Dotum, Arial, Helvetica, sans-serif; }

/*-------------------------------------------------------------------------------------*
 *  aa                                                                    *
 *-------------------------------------------------------------------------------------*/ 
a:link,  a:hover, a:focus, a:active {color:#333; text-decoration:none}
a:visited {color:#333;}

A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;}
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}



img,fieldset,iframe{border:0 none}
img {/* max-width:100%; */vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

input[type="checkbox"]{width:20px;height:20px;}

/* font css */
.font_002_2{color:#ffa800;padding-bottom:7px;padding-left:10px;}
.font_002_3{padding-bottom: 7px;padding-left:17px;}

/* center box */
.centerbox_wrap{display:table;height:100%;margin:0 auto;}
.centerbox_wrap .centerbox{display:table-cell;vertical-align:middle;}

/*.loginbox{display:block;padding:10px;font-size:12px;color:#fff;background:rgba(255,255,255,0.8);border-radius:5px;width:300px;}*/
/*.loginbox{display:block;padding:10px;font-size:12px;color:#fff;width:300px;background-image:url('/img/login_bg.png');background-repeat:no-repeat;background-size:150% 150%;background-position:center center;padding:80px 100px;}*/
.loginbox{display:block;padding:10px;font-size:12px;color:#fff;background:rgba(255,255,255,0.8);width:300px;background-repeat:no-repeat;padding:50px;border-radius:10px;}
.joinbox{display:block;padding:10px;font-size:12px;color:#fff;background:rgba(255,255,255,0.8);width:400px;background-repeat:no-repeat;padding:50px;border-radius:10px;margin:50px 0}

.color_gray{color:#aeaeae; !important}
.color_red{color:#e93b3b; !important}
.color_blue{color:#007dfe; !important}
.color_orange{color:#FF6633; !important}
.color_yellow{color:#ffa800; !important}
.color_green{color:#00FF66 !important}
.color_lightblue{color:#2984ea !important}
.color_lightblue1{color:#00CCFF !important}
.color_lightred{color:#db2022 !important}
.color_lightgreen{color:#34912a !important}

.bg_red{background-color:#f00;color:#fff; !important}
.bg_gray{background-color:#333;color:#fff; !important}

.no_scroll{overflow-y: hidden; overflow-x: hidden;}

.common_btn{display:inline-block;padding:6px 8px;border-radius:5px;vertical-align:middle;cursor:pointer;}
.common_btn.gray{background-color:#50453F;color:#fff;}
.common_btn.yellow{background-color:#F7B516;color:#fff;}
.common_btn.green{background-color:#4CCEC4;color:#fff;}
.common_btn.red{background-color:#c00;color:#fff;}
.common_btn.blue{background-color:#00c;color:#fff;}


.login_infobox{display:block;}
.login_infobox .listinfo{display:inline-block;margin-right:5px;color:#fff;}
.login_infobox .listinfo .btxt{font-weight:bold;color:#6C86D8}


#wrap {width:1250px;margin:0 auto;}
#header_wrap {position:relative;}
#header_wrap .logo{display:inline-block;width:250px;height:60px;background:url('/img/logo5.png') no-repeat center center;background-size:100% 100%;}

#header_wrap .hdleft{display:inline-block;width:30%;vertical-align:middle}
#header_wrap .hdright{display:inline-block;width:70%;vertical-align:middle;text-align:right;}

#header_wrap .member_box{display:inline-block;vertical-align:middle;border:1px solid #333;border-radius:5px;padding:0 5px;}
#header_wrap .member_box .box1{color:#fff;font-size:15px;margin:3px 0;}
#header_wrap .member_box .box2{color:#fff;font-size:15px;margin:3px 0;padding:4px 0;border-top:1px solid #333;}
#header_wrap .member_box .color_orange{color:#f89520}
#header_wrap .member_box_btns{display:inline-block;vertical-align:middle;}
#header_wrap .member_box_btns .mb_btn{display:inline-block;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:bold;margin:2px;cursor:pointer;}
#header_wrap .member_box_btns .mb_btn.red{background-color:#be2230;color:#fff;}
#header_wrap .member_box_btns .mb_btn.blue{background-color:#1677d8;color:#fff;}
#header_wrap .member_box_btns .mb_btn.lblue{background-color:#25d9ce;color:#fff;}
#header_wrap .member_box_btns .mb_btn.purple{background-color:#5d4ac8;color:#fff;}

#header_wrap .member_box_list{display:block;}
#header_wrap .member_box_list ul li{display:inline-block;vertical-align:middle;}

#header_wrap .hdiconbox{display:block;font-size:0;margin:4px;padding:5px;background-color:#500;border-radius:5px;}
#header_wrap .hdiconbox .smico{display:inline-block;vertical-align:middle;width:25px;height:25px;border-radius:50%;background-color:#111;font-size:14px;color:#dca817;text-align:center;line-height:25px;}
#header_wrap .hdiconbox .smhd{display:inline-block;vertical-align:middle;font-size:12px;color:#dca817;text-align:center;}
#header_wrap .hdiconbox .smtxt{display:inline-block;vertical-align:middle;font-weight:bold;color:#fff;font-size:12px;text-align:left;padding-left:5px;}

/*
#header_wrap .top_menubox{display:block;vertical-align:middle;padding-left:300px;}
#header_wrap .top_menubox ul li{display:inline-block;vertical-align:middle;font-weight:bold;width:130px;height:82px;line-height:82px;text-align:center;font-size:18px;color:#fff;cursor:pointer;}
#header_wrap .top_menubox ul li:hover{background-color:#000;color:#fff;}
#header_wrap .top_menubox ul li.selected{background-color:#000;color:#fff;}
#header_wrap .rbox{display:inline-block;vertical-align:middle;position:absolute;right:0px;top:0px;text-align:right;}
*/


.main_banner{display:block;width:100%;height:600px;}
.main_banner .main_banner_txt{position:absolute;right:20px;top:250px;font-size:40px;font-weight:bold;text-shadow:#fff 1px 5px 10px;;font-family: 'Noto Sans KR', sans-serif !important;}


#main_menu_wrap{width:100%;display:block;text-align:center;}
#main_menu_wrap .menu_list{display:inline-block;width:12.5%;font-size:16px;cursor:pointer;}
/*#main_menu_wrap .menu_list .menu_name{display:inline-block;font-weight:bold;color:#fff;padding:18px 10px;font-size:14px;}*/

.iconbox{display:block;font-size:0;margin:5px;padding:5px;background-color:#333;border-radius:5px;}
.iconbox .smico{width:40%;display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50%;background-color:#111;font-size:25px;color:#dca817;text-align:center;line-height:50px;}
.iconbox .smtxt{width:60%;display:inline-block;vertical-align:middle;font-weight:bold;color:#fff;font-size:14px;}

#banner_menu_box{display:block;font-size:0;}
#banner_menu_box .list{display:inline-block;width:50%;vertical-align:middle;}
#banner_menu_box .list .bbox{display:block;position:absolute;bottom:0px;left:0px;font-size:0px;width:100%;}
#banner_menu_box .list .bbox .lbox{width:25%;display:inline-block;font-size:25px;color:#fff;font-weight:bold;vertical-align:middle;}
#banner_menu_box .list .bbox .rbox{width:75%;display:inline-block;color:#bbb;font-size:14px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}

#banner_menus{display:block;font-size:0;background-color:#2f2f37;padding:10px;border-radius:5px;}
#banner_menus .bnbox{display:inline-block;width:20%;cursor:pointer;}
/*#banner_menus .bnbox .pic{padding:5px 4px;background-image:url('/img/slot-bg.png');margin:10px 8px;border-radius:5px;}*/
#banner_menus .bnbox .pic{padding:5px 4px;background-color:#000;margin:10px 8px;border-radius:5px;}

/* background-image:linear-gradient(to left, #6ca2e1 , #566ecb); */
.grad_btn1{display:inline-block;vertical-align:middle;text-decoration:none;
background: #6ca2e1; /* Old browsers */
background: -moz-linear-gradient(to left, #6ca2e1 , #566ecb); /* FF3.6+ */
background: -webkit-gradient(to left, #6ca2e1 , #566ecb); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(to left, #6ca2e1 , #566ecb); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(to left, #6ca2e1 , #566ecb); /* Opera 11.10+ */
background: -ms-linear-gradient(to left, #6ca2e1 , #566ecb); /* IE10+ */
background: linear-gradient(to left, #6ca2e1 , #566ecb); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566ecb', endColorstr='#6ca2e1',GradientType=1 ); /* IE6-9 */
padding: 10px 20px;border-radius: 3px;color: #fff;line-height:normal;cursor:pointer;}
.grad_btn1:hover{background-image: none;background-color: #566ecb !important;	color:#fff !important;}
.grad_btn2{display:inline-block;vertical-align:middle;text-decoration:none;
background: #aeaeae; /* Old browsers */
background: -moz-linear-gradient(to left, #aeaeae , #333); /* FF3.6+ */
background: -webkit-gradient(to left, #aeaeae , #333); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(to left, #aeaeae , #333); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(to left, #aeaeae , #333); /* Opera 11.10+ */
background: -ms-linear-gradient(to left, #aeaeae , #333); /* IE10+ */
background: linear-gradient(to left, #aeaeae , #333); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#aeaeae',GradientType=1 ); /* IE6-9 */
padding: 10px 20px;border-radius: 3px;color: #fff;line-height:normal;cursor:pointer;}
.grad_btn2:hover{background-image: none;background-color: #333 !important;	color:#fff !important;}
.grad_btn3{display:inline-block;vertical-align:middle;text-decoration:none;
background: #aeaeae; /* Old browsers */
background: -moz-linear-gradient(to left, #f00 , #a00); /* FF3.6+ */
background: -webkit-gradient(to left, #f00 , #a00); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(to left, #f00 , #a00); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(to left, #f00 , #a00); /* Opera 11.10+ */
background: -ms-linear-gradient(to left, #f00 , #a00); /* IE10+ */
background: linear-gradient(to left, #f00 , #a00); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00', endColorstr='#f00',GradientType=1 ); /* IE6-9 */
padding: 10px 20px;border-radius: 3px;color: #fff;line-height:normal;cursor:pointer;}
.grad_btn3:hover{background-image: none;background-color: #a00 !important;	color:#fff !important;}

.bfx_btn1{display:block;background-color:#0082ff;cursor:pointer;border-radius:.3rem;adding:.5rem 1rem;font-size:1rem;line-height:1.5;}
.bfx_btn2{display:block;background-color:#a00;cursor:pointer;border-radius:.3rem;adding:.5rem 1rem;font-size:1rem;line-height:1.5;}
.bfx_btn3{display:block;background-color:#666;color:#fff;cursor:pointer;border-radius:.3rem;adding:.5rem 1rem;font-size:1rem;line-height:1.5;}
.bfx_btn4{display:block;background-color:#111;color:#f00;cursor:pointer;border-radius:.3rem;adding:.5rem 1rem;font-size:1rem;line-height:1.5;}
.bfx_btn5{display:block;background-color:#E8B647;cursor:pointer;border-radius:.3rem;adding:.5rem 1rem;font-size:1rem;line-height:1.5;font-weight:bold;}

.sfx_btn1{display:inline-block;background-color:#2167b3;cursor:pointer;border-radius:.3rem;padding:1.2rem 0;font-size:1.0rem;line-height:0.8;color:#fff;text-align:center;}
.sfx_btn2{display:inline-block;background-color:#666;cursor:pointer;border-radius:.3rem;padding:1.2rem 0;font-size:1.0rem;line-height:0.8;color:#fff;text-align:center;}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer_wrap {width:100%;}
.footer_box{display:block;background-color:#000;color:#aeaeae;padding:40px 20px;text-align:center;}
.footer_box span{display:inline-block;}

/* table */
#site_table1{width:100%;border-collapse:separate;border-spacing:0;}
#site_table1 thead {font-weight:bold;color:#fff;background:#73685d;}
#site_table1 th {background: #333;color:#fff;text-align:left;padding: 12px 15px;color:#fff;}
#site_table1 th.red{background:#ffb3b3;color:#333;border-bottom:1px solid #999;}
#site_table1 th.blue{background:#b3ecff;color:#333;border-bottom:1px solid #999;}
#site_table1 th.green{background:#c6ffb3;color:#333;border-bottom:1px solid #999;}
#site_table1 th.purple{background:#b3c6ff;color:#333;border-bottom:1px solid #999;}
#site_table1 th.pink{background:#ffb3ff;color:#333;border-bottom:1px solid #999;}
#site_table1 th.orange{background:#ffd9b3;color:#333;border-bottom:1px solid #999;}

#site_table1 td{ padding: 12px 15px; color:#fff; }
#site_table1 tr:first-child th:first-child { border-top-left-radius: 6px; }
#site_table1 tr:first-child th:last-child { border-top-right-radius: 6px; }
#site_table1 td { border-right: 1px solid #333; border-bottom: 1px solid #333; }
#site_table1 td:first-child { border-left: 1px solid #333; }
#site_table1 tr:nth-child(even) td {  }
#site_table1 tr:last-child td:first-child { border-bottom-left-radius: 6px; }
#site_table1 tr:last-child td:last-child { border-bottom-right-radius: 6px; }
#site_table1 .c{text-align:center;}
#site_table1 .l{text-align:left;}
#site_table1 .r{text-align:right;}
#site_table1 .b{font-weight:bold;}
#site_table1 .tcolor{font-weight:bold;background-color:#FFCC33 !important}
#site_table1 .mv{display:none;}

#site_table2{width:100%;border-collapse:separate;border-spacing:0;}
#site_table2 td{ padding: 12px 15px; }
#site_table2 th{ padding: 12px 15px; font-weight:bold;color:#fff; border-bottom: 1px solid #333;}
#site_table2 td { border-bottom: 1px solid #333;}
#site_table2 .c{text-align:center;}
#site_table2 .l{text-align:left;}
#site_table2 .r{text-align:right;}
#site_table2 .b{font-weight:bold;}
#site_table2 .tcolor{font-weight:bold;background-color:#FFCC33 !important}

.ico_btn{display:inline-block;width:50px;height:50px;border-radius:50%;background-color:##2f2f38;}
.ico_btn:hover{border-radius:50%;background-color:##2f2f38;color:black;}

.btn1{display:inline-block;padding:10px;color:#fff;border-radius:5px;font-family:'NanumL',sans-serif;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;}
.btn1.block{display:block;}
.btn1.red{background-color:#a00;}
.btn1.orange{background-color:#FF6633;}
.btn1.green{background-color:#009999;}
.btn1.blue{background-color:#3399FF;}
.btn1.black{background-color:#333;}
.btn1:hover{background-color:#FF33CC}

.btn2{display:inline-block;padding:4px 15px;height:40px;font-size:16px;line-height:40px;text-align: center;background:linear-gradient(to right, #b98808, #debf2b,#e2ca66,#c09628); border-radius:40px; overflow: hidden; vertical-align:middle;font-family:DINWeb-Bold;font-weight:bold;margin:0 5px;cursor:pointer;}
.btn2.orange{background:#ef5450  !important;}
.btn2.pink{color:#fff;background:#de0160; !important;}
.btn2.blue{color:#fff;background:#4261db; !important;}

.btn_box{display:inline-block;color:#333;font-size:12px;border:1px solid #333;padding:2px 5px;margin:0 5px;font-family:'NanumL',sans-serif;cursor:pointer;vertical-align:middle;text-align:center;}
.btn_box.red{border-color:#f00;color:#f00;}
.btn_box.orange{border-color:#FF6633;color:#FF6633;}
.btn_box.green{border-color:#0a0;color:#0a0;}
.btn_box.blue{border-color:#25d9ce;color:#25d9ce;}
.btn_box:hover{background-color:#000;border-color:#fff;color:#fff;}

.btn_common5{display:inline-block;color:#fff;border:1px solid #ddd;padding:4px 10px;background-color:#0e1623;font-family:'NanumL',sans-serif;cursor:pointer;vertical-align:middle;text-align:center;font-size:15px;}
.btn_common5:hover{background-color:#4e79bf;color:#fff;}

.btn_common6{display:inline-block;padding:10px 15px;border-radius:5px;font-size:15px;font-weight:bold;vertical-align:middle;cursor:pointer;}
.btn_common6.red{background-color:#ef5450;color:#fff;}
.btn_common6.blue{background-color:#1677d8;color:#fff;}
.btn_common6.lblue{background-color:#25d9ce;color:#fff;}
.btn_common6.purple{background-color:#5d4ac8;color:#fff;}


.btn_common7{display:inline-block;padding:10px 15px;border-radius:20px;font-size:15px;font-weight:bold;cursor:pointer;}
.btn_common7.red{background-color:#be2230;color:#fff;}
.btn_common7.blue{background-color:#1677d8;color:#fff;}
.btn_common7.lblue{background-color:#25d9ce;color:#fff;}
.btn_common7.purple{background-color:#5d4ac8;color:#fff;}

.albtn{display:inline-block;padding:12px;border-radius:5px;font-weight:bold;cursor:pointer;}
.albtn.green{background-color:#1e7e34;color:#fff;border:1px solid #1e7e34;}
.albtn.blue{background-color:#1972cc;color:#fff;border:1px solid #1972cc;}
.albtn.lblue{background-color:#26dad1;color:#333;border:1px solid #26dad1;}
.albtn.white{background-color:#fff;color:#333;border:1px solid #333;}
.albtn.red{background-color:#ef5450;color:#fff;border:1px solid #ef5450;}
.albtn.purple{background-color:#5d4ac8;color:#fff;border:1px solid #5d4ac8;}


.small_eidtbox_block {font-family :"굴림"; display:block;width:100%;font-size:12px; font-weight:bold; color:#fff; border:1px solid #ddd; background-color:#fff;padding:10px 10px 8px 10px;-webkit-appearance:none;-webkit-border-radius:5px;background:rgba(0,0,0,.5)}
.eidtbox_block {font-family :"굴림"; display:block;width:100%;font-size:13px; font-weight:bold; color:#999; border:1px solid #ddd; background-color:#fff;padding:12px 10px 11px 10px;-webkit-appearance:none;-webkit-border-radius:5px;background:rgba(0,0,0,.8)}
.eidtbox_block1 {font-family :"굴림"; display:block;width:100%;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:12px 4px 11px 4px;-webkit-appearance:none;-webkit-border-radius:1px;}
.eidtbox_block_sm {font-family :"굴림"; display:block;width:100%;font-size:13px; font-weight:normal; color:#aeaeae; border:1px solid #000; background-color:#273b56; letter-spacing:-0.3pt; padding:7px 4px 6px 4px;-webkit-appearance:none;-webkit-border-radius:1px;}
.eidtbox_block_sm1 {font-family :"굴림"; display:block;width:100%;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:7px 4px 6px 4px;-webkit-appearance:none;-webkit-border-radius:1px;}
.eidtbox_block_sm1.center{text-align:center;}
.eidtbox_block_sm2 {font-family :"굴림"; display:inline-block;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:7px 4px 6px 4px;-webkit-appearance:none;-webkit-border-radius:1px;vertical-align:middle}
.eidtbox_block_sm2.center{text-align:center;}
.eidtbox_block_sm3 {font-family :"굴림"; display:inline-block;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:5px 4px 4px 4px;-webkit-appearance:none;-webkit-border-radius:1px;vertical-align:middle}
.eidtbox_block_sm3.center{text-align:center;}
.selectbox_block_sm1 {font-family :"굴림"; display:inline-block;width:100%;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:7px 4px 6px 4px;-webkit-border-radius:1px;}
.selectbox_block_sm2 {font-family :"굴림"; display:inline-block;font-size:13px; font-weight:normal; color:#000; border:1px solid #aeaeae; background-color:#fff; letter-spacing:-0.3pt; padding:7px 4px 6px 4px;-webkit-border-radius:1px;vertical-align:middle}

/* input */
input { font-family: Nanum Gothic}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:focus {outline:none}
select:focus {outline:none}
.input_style01 {border:solid 1px #505455; background:none; height:32px; line-height:32px; padding:0 0 0 10px; color:#111;}
.input_style02 {width:100%; border:solid 1px #505455; background:none; height:40px; line-height:40px; padding:0 0 0 10px; color:#c1c3c4}
.input_style03 {width:100%; border:solid 1px #2e3032; background:none; background:#191a1b;height:32px; line-height:32px; padding:0 0 0 10px; color:#c1c3c4}
.input_style04 {width:80%; border:solid 1px #2e3032; background:none; background:#191a1b; height:40px; line-height:40px; padding:0 0 0 10px; color:#c1c3c4}
.input_style05 {width:212px; border:solid 1px #3d4344; background:none; background:#262a2b; height:28px; line-height:28px; padding:0 0 0 10px; color:#c1c3c4}
.input_style06 {width:100%; border:solid 1px #1c2021; background:none; background:#1c2021; height:20px; line-height:20px; padding:0 0 0 5px; color:#c1c3c4}
.input_blue:focus {border:solid 1px #00afed; outline:none}
.input_red:focus {border:solid 1px #d50000;  background:none; height:32px; line-height:32px; padding:0 0 0 10px; color:#c1c3c4; outline:none}


.input_style10 {width:100%; border:solid 1px #2e3032; background:none; background:#191a1b;height:40px; line-height:40px; padding:0 0 0 10px; color:#c1c3c4}
.input_style10:focus {border:solid 1px #00afed; outline:none}

.select_input_style1{width:100%; border:solid 1px #2e3032; background:none;height:40px;line-height:40px;padding-left:10px;color:#888}
.select_input_style1 option{background-color:#333;}

/* join btns */
.editbox1{width:100%;height:40px;line-height:40px;border:1px solid #f00;background-color:#666;padding-left:10px;color:#fff;border-radius:5px}
.editbox1:hover{border-color:#0082ff;}
.editbox1 option{background-color:#333;}

.editbox2_not{width:100%;height:40px;line-height:40px;border:1px solid #2e3032;background:#111;padding-left:10px;color:#c1c3c4;}
.editbox2{width:100%;height:40px;line-height:40px;border:1px solid #2e3032;background:#fff;padding-left:10px;color:#111;}
.editbox2:hover{border-color:#ffa800;}
.editbox2 option{background-color:#333;}

.editbox3{width:100%;height:23x;line-height:23px;border:1px solid #fff;background-color:#000;;padding-left:10px;color:#eee;}
.editbox3:hover{border-color:#FF6633; }
.editbox3 option{background-color:#fff;outline:none;}

.editbox5{display:inline-block;height:30px;line-height:30px;border:1px solid #2e3032;background:none;padding-left:10px;color:#c1c3c4;border:none;color:#000;}

.editbox8{width:100%;height:30px;line-height:30px;border:1px solid #3ABFAE;background-color:#fff;;padding-left:5px;color:#333;}
.editbox8:hover{border-color:#3ABFAE; }
.editbox8 option{background-color:#fff;outline:none;}

.alert_msg{position:absolute;left:0px;bottom:-7px;display:inline-block;color:#f00;}


/*--------------------------------------------------------------------------------------*
 *  contants																			*
 *-------------------------------------------------------------------------------------*/
#contents_wrap{width:1250px;padding:0 0 50px;margin:0 auto;background:rgba(0,0,0,.7);}
.contents {display:block;color:#aeaeae;margin:0 auto;}
.contents_box{padding:20px 300px}

.div_table{display:table;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;table-layout:fixed;}
.div_table .cell{display:table-cell;}

.bet_div_wrap{display:block;height:83px;overflow-y:auto;}
.bet_div_table{display:table;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;table-layout:fixed;}
.bet_div_table .row{display:table-row;background-color:#583D2D;border-bottom:1px dotted #666;}
.bet_div_table .cell{display:table-cell;color:#fff;text-align:center;padding:10px;}


/*.bet_div_wrap .bbox{display:block;border-radius:5px;background-color:#2D4F4C;margin:1px 0;padding:2px;}*/
.bet_div_wrap .bbox{display:block;border-radius:5px;background-color:#2D4F4C;margin:1px 0;padding:5px 10px;}
.table_div{width:100%;border-collapse:collapse;padding:0;border-spacing:0px;table-layout:fixed;}
/*.table_div tr td{color:#fff;padding:2px 4px;}*/
.table_div tr td{color:#fff;padding:5px 2px;vertical-align:middle;}
.table_div tr td .headbox{display:inline-block;padding:4px 5px;border-radius:5px;min-width:80px;}
.table_div tr td .headbox.black{background-color:#000;color:#fff;}
.table_div tr td .headbox.font_green{background:none;color:#0f0}
.table_div tr td .headbox.font_yellow{background:none;color:#ff0}

.table_div tr td .blockbox{display:inline-block;padding:2px 4px;border-radius:5px;}
.table_div tr td .blockbox.white{color:#fff}
.table_div tr td .blockbox.black{color:#000}
/*
.table_div tr td .blockbox .lbbox{display:inline-block;width:50%;border-radius:5px 0 0 5px;}
.table_div tr td .blockbox .rbbox{display:inline-block;width:50%;border-radius:0 5px 5px 0;}
*/

.table_div tr td.c{text-align:center;}
.table_div tr td.l{text-align:left;}
.table_div tr td.r{text-align:right;}

.bar_listbox{display:block;font-size:0;padding:6px 20px;margin:10px 0;border:1px solid #fff;background-color:#eee;}
.bar_listbox .info_table{display:table;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;table-layout:fixed;}
.bar_listbox .info_table .ico{display:table-cell;width:70px;height:70px;vertical-align:middle;}
.bar_listbox .info_table .id_txt{display:table-cell;padding-left:20px;vertical-align:middle;}
.bar_listbox .info_table .id_txt .box{display:block;height:70px;font-size:15px;font-weight:bold;line-height:30px;text-align:center;}

.bar_listbox .domain_table{display:table;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;table-layout:fixed;}
.bar_listbox .domain_table .dm_ico{display:table-cell;width:20px;height:20px;vertical-align:middle;}
.bar_listbox .domain_table .dm_url{display:table-cell;vertical-align:middle;}


/* h_tabs */
.h_tabs{border-bottom:1px solid #aeaeae;}
.h_tabs .list{display:inline-block;height:20px;line-height:20px;cursor:pointer;border:1px solid #aeaeae;border-bottom:none;padding:10px 25px;background-color:#fff;border-radius:5px 5px 0 0;background-color:#000;color:#aeaeae;font-weight:bold;font-size:14px;}
.h_tabs .list.on{background-color:#de0160;color:#fff;}
.h_tabs .list:hover{background-color:#de0160;color:#fff;}


/* notice_layer_popup_box */
.notice_layer_popup_box{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:600;overflow:auto}
.notice_layer_popup_box .bg{display:block;width:100%;height:100%;position:relative;z-index:101;text-align:center;padding-top:10px;}
/*.notice_layer_popup_box .bg .layer_box{display:inline-block;width:24%;vertical-align:top;margin:10px auto;text-align:left;}*/
.notice_layer_popup_box .bg .layer_box{display:inline-block;width:80%;vertical-align:top;margin:10px auto;text-align:left;}
.notice_layer_popup_box .bg .layer_box .comment{display:block;padding:10px;font-size:13px;overflow:auto;max-height:600px;}
.notice_layer_popup_box .bg .layer_box div{color:#fff;}
.notice_layer_popup_box .bg .blank{display:inline-block;width:0;height:95%;vertical-align:middle;}
.notice_layer_popup_box .layerclose1{background-color:#fff;color:#304981;border:1px solid #304981;padding:0px 6px;cursor:pointer;}
.notice_layer_popup_box .layerclose2{background-color:#fff;font-weight:bold;color:#304981;border:1px solid #304981;padding:2px 5px 4px;cursor:pointer;-webkit-border-radius:0;}
.notice_layer_popup_box .layerclose2:hover{color:#fff;background-color:#304981;border:1px solid #304981;}
.notice_layer_popup_box .layerok1{background-color:#fff;font-weight:bold;color:#fd745c;border:1px solid #bdbdbd;padding:2px 5px 4px;cursor:pointer;-webkit-border-radius:0;}
.notice_layer_popup_box .layerok1:hover{color:#fff;background-color:#fd745c;border:1px solid #fd745c;}


/* board css */
.board_notice_box{display:inline-block;width:60px;padding:4px;border-radius:5px;background-color:#50453F;color:#fff;}
.board_notice_box.eventbg{background-color:#FF6633;}
.board_notice_box.mustbg{background-color:#0792c4;}

.board_bet_ico{border:1px solid #33FF66;color:#33FF66;padding:2px 4px;}

.jump_prev_btn {padding: 8px 12px 8px 12px!important;
    font-size: 12px!important;
    border-radius: 3px!important;
    display: inline-block!important;
    background: #444!important;
    color: white!important;
    margin: 2px!important;
    cursor: pointer;}
.jump_next_btn {padding: 8px 12px 8px 12px!important;
    font-size: 12px!important;
    border-radius: 3px!important;
    display: inline-block!important;
    background: #444!important;
    color: white!important;
    margin: 2px!important;
    cursor: pointer;}
.jump_btn_normal {padding: 8px 12px 8px 12px!important;
    font-size: 12px!important;
    border-radius: 3px!important;
    display: inline-block!important;
    background: #444!important;
    color: white!important;
    margin: 2px!important;
    cursor: pointer;}
.jump_btn_select {padding: 8px 12px 8px 12px!important;
    font-size: 12px!important;
    border-radius: 3px!important;
    display: inline-block!important;
    background: #a00!important;
    color: white!important;
    margin: 2px!important;
    cursor: pointer;}

.mobile_jump_prev_btn {display:inline-block;background:url('/img/board/m_prev.png') no-repeat center center;border:1px solid #bcbcbc;font-weight:bold;color:#1c52ac;cursor:pointer;border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; -o-border-top-left-radius:4px;border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; -o-border-bottom-left-radius:4px;position:absolute;left:5px;top:5px;width:25px;height:25px;cursor:pointer;}
.mobile_jump_next_btn {display:inline-block;background:url('/img/board/m_next.png') no-repeat center center;border:1px solid #bcbcbc;margin-bottom:1px;font-weight:bold;color:#1c52ac;cursor:pointer;border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -o-border-top-right-radius:4px;border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; -o-border-bottom-right-radius:4px;position:absolute;right:5px;top:5px;width:25px;height:25px;cursor:pointer;}

.QuickBtn{display:inline-block;background-color:#3ABFAE; color:#fff; font-size:20px; font-weight:700; border-radius:50px; padding:15px 20px 12px 18px; cursor:pointer; position:fixed; bottom:30px; right:15px;}


/* game_box */
.game_box_list{display:inline-block;width:20%;text-align:center;vertical-align:top;font-weight:bold;cursor:pointer;position:relative;font-size:0;}
.game_box_list .gm_frame{display:block;padding:10px;}
.game_box_list .gm_frame .gm_title{}
.game_box_list .gm_frame .gm_pic{margin:5px 0;}
.game_box_list .gm_frame .gm_name{color:#fff;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;}

.price_box{display:block;margin:10px;}
.price_box .popbtn{margin:4px;background:linear-gradient(to bottom, #6a1303, #6a1303);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    width:60px;
    line-height:30px;
    text-align: center;
    border: 1px solid #a4230c;
    border-top: 0;
    border-bottom: 2px solid #a4230c;
    border-radius: 8px;}
.price_box .popbtn.blue{background:linear-gradient(to bottom, #4c68d2, #6c136b)}

.mob_login{display:none;font-size:0;border-top:1px dotted #666;border-bottom:1px solid #999;padding:5px;margin:4px 0;background-color:#000;}
.mob_login .ml_box{display:inline-block;width:50%;font-size:12px;color:#fff}
.mob_login .mr_box{display:inline-block;width:50%;text-align:right;font-size:12px;color:#fff}

.customer_box{display:block;font-size:0;}
.customer_box .cbox{display:inline-block;width:50%;vertical-align:top;}

@media screen and (max-width:1250px){
	#wrap{width:100%;}
	#contents_wrap{width:100%;}
	.notice_layer_popup_box .bg .layer_box{width:48%;}
	
	#banner_menu_box .list .bbox .lbox{font-size:18px;}
	#banner_menu_box .list .bbox .rbox{font-size:14px;}
	
	#banner_menus .bnbox{width:25%}
	
	
	.contents_box{padding:20px 100px;}
}

@media screen and (max-width:800px){

	#header_wrap .logo{width:150px;height:42px;}
	
	#header_wrap .hdleft{width:50%;}
	#header_wrap .hdright{width:50%;}

	#main_menu_wrap .menu_list{width:25%;}
	#main_menu_wrap .menu_list .menu_name{border:1px solid #111;background-color:#222;padding:10px 5px;margin:1px; }

	#banner_menu_box .list{width:100%;}
	#banner_menu_box .list .bbox .lbox{font-size:22px;}
	#banner_menu_box .list .bbox .rbox{font-size:12px;}
	
	
	.game_box_list{width:25%}

	
	.contents_box{padding:20px 0;}
	
}

@media screen and (max-width:640px){

	.centerbox_wrap{width:90%;padding:0 6% 0 0;}
	.loginbox{width:100%;padding:10px;}
	.joinbox{width:100%;padding:10px;}
	
	#main_menu_wrap .menu_list{width:50%;}
	#header_wrap .hdleft{width:100%;text-align:center;}
	#header_wrap .hdright{display:none;}

	.notice_layer_popup_box .bg .layer_box{width:96%;}

	#header_wrap .member_box{display:none;}
	.mob_login{display:block}

	#banner_menus .bnbox{width:50%}
	.game_box_list{width:50%}
	
	.main_banner{height:200px;}
	
	#site_table1 .tv{display:none;}
	#site_table1 .mv{display:table-cell;}
	
	.price_box .popbtn{padding:5px;}

}