@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
* {-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
body, html {font-family:"Wanted Sans Variable", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;   margin: 0; padding: 0; color:#111; font-size:16px; background-color: #f4f4f4; min-height: 100vh
 }
 
::-webkit-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:1rem;
color:#bfbfbf
}
:-ms-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:1rem;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:1rem;
color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:1rem;
color:#bfbfbf;
opacity:1
}
input {} 
div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { vertical-align: top; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .form-control {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .form-control {
    font-size: 1rem;
  }
}
/* for layout */ 
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #0066cc !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_gray { color: #cccccc !important; }
.txt_gray2 { color: #999 !important; }
.txt_gray3 { color: #666 !important; }
.txt_black { color: #000000 !important; }
.cursor { cursor: pointer; }
.bg_gray { background:#f0f0f0}
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
.font_16 { font-size:16px !important;}
.font_14 { font-size:14px !important;}
.font_12 { font-size:12px !important;}
.font_18 { font-size:18px;} 
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display:block; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid40p { width:40%;}
.wid45p { width:45%;}
.wid30p { width:30%;}
.wid7p { width:7%; display:inline-block; text-align:center}
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70, .wid50p, .wid40p, .wid45p, .wid30p  {display:inline  !important;}
.pdrl_6 { padding-left:6px !important; padding-right:6px !important;}
.pdl_6 {  padding-right:6px !important;}
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px;font-size: 0; }
.gap_7 { height: 7px;font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor:pointer; vertical-align: middle;}
.mute { color:#999; }
.inline_block { display:inline-block !important;}

.txt_sm { font-size: 12px; color: #999;}
.txt_xs { font-size: 11px;   }


 
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }
 
input:-webkit-autofill {    -webkit-box-shadow: 0 0 0px 1000px white inset;}
textarea:focus, input:focus{ outline: 0; }

input[type="radio"],
input[type="checkbox"] {
  margin: 0;   
  line-height: normal; vertical-align:middle;
}
label { cursor: pointer; font-weight:normal; margin-bottom:0; } 
a { text-decoration: none; color:#000;}
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }
.sch_wrap { margin:10px 0;}
.input_cal { background: url("/image/icon_calendar.gif") center right no-repeat; padding-right: 12px;}
.input_dash:before { content:"-"; display:block; width:10px; text-align:center; position: absolute; left:-5px; color:#999; height:14px; line-height:14px; top:8px; }
.mgt_10 { margin-top:10px;}
.mgt_5 { margin-top:5px;}
.no_data { text-align:center; background: url("/image/icon_warning.png") center 10px no-repeat; padding-top: 70px; color:#999; background-size: 50px;}
.hidden { display: none; }
.pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li.arrow > a { font-family: Arial, Helvetica, sans-serif; color: #999; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #222; border-color: #333; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
 

.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label{ color: #333; cursor:pointer;margin-bottom:0; }
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span  { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span  { background-position: -96px 0; }

.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label{ color: #333;cursor:pointer; }
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span  { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span  { background-position: -214px 0; }

.checkbox_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; } 
.checkbox_sm + label span { background-position: 0 0; } 
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span  { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span  { background-position: -72px 0; }


.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; } 
.radio_sm + label span { background-position: -90px 0; } 
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span  { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span  { background-position: -162px 0; }


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}
/* Rounded sliders */ 
.wh_switch { position: relative; display: inline-block; width: 60px; height: 33px; margin-top: 2px; }
.wh_switch input { display: none; }
.wh_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e9e9e9; -webkit-transition: .4s; transition: .4s; }
.wh_slider:before { position: absolute; content: " "; height: 29px; width: 29px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: all .4s; transition: all .4s; }
input:checked + .wh_slider { background-color: #DA304F; }
input:focus + .wh_slider { box-shadow: 0 0 1px #DA304F; }
.wh_slider { -webkit-transition: .4s; transition: .4s; }
input + .wh_slider:before { content: "OFF"; -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
input:checked + .wh_slider:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); content: "ON"; }
.wh_slider.wh_round { border-radius: 29px; text-align: center; line-height: 29px; font-size: 11px; }
.wh_slider.wh_round:before { border-radius: 50%; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 1em; right: 1em; }
.scroll-up a {background:rgba(0,0,0,.3); display: block; width: 33px; height: 33px; text-align: center; color: #da304f; font-size: 15px; line-height: 30px; cursor:pointer}
.scroll-up a:hover, .scroll-up a:active { background:rgba(0,0,0,.8);   color: #da304f;  }

/* Preloader */
#preloader { background-color: rgba( 255, 255, 255, 1 ); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display:none}
#status { background-image: url(/image/loader.gif); background-position: center; background-repeat: no-repeat; height: 200px; width: 200px; left: 50%; margin: -100px 0 0 -100px; position: absolute; top: 50%; }
.form-control { vertical-align:middle;} 
 .filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.filebox label {
  display: inline-block;
  padding:4px 10px;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #666;
  cursor: pointer;
  border: 1px solid #666; 
  border-radius: 3px;
}

/* named upload */
.filebox .upload-name {  
  display: inline-block;
  padding:4px 10px;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ccc; 
  border-radius: 3px;
  color:#666;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
}
#showmenu { margin-left: 100%; position: absolute; top: 9px; right:10px; padding: 5px; font-size: 1.3em; color: #FFFFFF;width: 31px;  }

#showmenu .btn_top_menu {overflow: hidden;z-index:9;position: relative;width: 21px;height: 21px;right: 20px;top: 0;margin-top: 0; cursor:pointer; left:0; display: block;}
#showmenu .btn_top_menu span {position: absolute;right: 0;width: 100%;height: 3px;background-color: #fff;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
#showmenu .btn_top_menu span.barTop{top: 2px;}
#showmenu .btn_top_menu span.barMid{top: 9px; }
#showmenu .btn_top_menu span.barBot{width: 100%;top: 16px; }
#showmenu .btn_top_menu:hover span.barTop {width: 100%;}
#showmenu .btn_top_menu:hover span.barMid {width: 100%;}
#showmenu .btn_top_menu:hover span.barBot {width: 100%;}

#showmenu.top_btn_open .btn_top_menu span {background-color: #fff;width: 100%;} 
#showmenu.top_btn_open .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px;}
#showmenu.top_btn_open .btn_top_menu span.barMid{width: 0; height:0;}
#showmenu.top_btn_open .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;}
.doc_wrap { width:100%; height:100%; position:fixed; background-color:transparent; display:none; top:0; left:0;z-index: 9; }
.menu_title {background:#08305f;border-bottom:1px solid #000; color: #fff; padding: 10px 0; }
.menu_title span { display: block;}
.menu_title .title1 { font-size: 19px;color: #fff; font-weight: normal; text-align: center}
.menu_title .title2 { font-size: 14px;color: #ddd;font-weight: bold; text-align: center}
.menu_mystate { padding:10px 10px 0 14px; height:65px; line-height:1.4; position:relative; background:#222; border-bottom: 1px solid #2a2a2a; text-align: right}
.menu_mystate_txt { display:block; }
.menu_mystate_txt1 { font-size:12px;}
.menu_mystate_txt2 { font-size:14px; cursor: pointer; margin-top: 13px;}
.menu_mystate_txt2 strong { font-size:16px;}
.menu_mystate .menu_top_btn {display: inline-block;    margin: 5px 2px; color: #fff; font-size: 14px; height: 32px; padding: 0 0; border-radius: 5px;  border: 1px solid #333; background-color: #000; line-height: 30px; cursor: pointer; width: 100px; text-align: center}
.menu_btn_log { display:block; width:70px; height:30px; position:absolute; right:10px; top:15px;}
.menu_btn_log a { display:block; width:70px;height:30px; color:#0c407d; font-size:14px; background:#ffffff; border-radius:3px; line-height:30px; text-align:center; cursor:pointer; }
.btn_back { position: absolute; top:4px; left:1px; padding: 6px 10px 7px 10px; font-size: 1.3em; color: #fff;  }
.btn_back, #showmenu { cursor:pointer;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn_back:hover, #showmenu:hover {color: #fff;} 

#menu { position: fixed; background-color: #222; height: 100%; overflow:auto;overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: 10; width: 250px; color: #eee; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1;  }
#menu ul { list-style: none; margin-top: 0; padding: 0 }
#menu ul li { border-bottom: 1px solid #2a2a2a; }
#menu>ul>li>a { border-left: 4px solid #222; }
#menu ul li a { color: inherit; font-size: 16px; display: block; padding: 15px 0 15px 10px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:400; }
#menu ul a i { margin-right: 10px; font-size: 18px; margin-top: 3px; width: 20px; }
#menu ul a i[class*='fa-caret'] { float: right; }
#menu ul a:hover, #menu ul a.active { background-color: #111; border-left-color: #4fa7ce; color: #4fa7ce; }
#menu ul a:hover i:first-child { color: #0C4CA3; }
/* Submenu */

#menu ul li a.active+ul { display: block }
#menu ul li ul { margin-top: 0; display: none; }
#menu ul li ul li { border-bottom: none; }
#menu ul li ul li a { padding-left: 30px; }
#menu ul li ul li a:hover { background-color: #1A1A1A; }
/* /Submenu */
 

.left { left: -250px; }
.show { left: 0; }

.container { }
.container img { max-width:100%; height:auto}
.container-xs { max-width: 100% }
@media (min-width: 1400px) {
.container-xs { max-width: 1200px }
}
.header { height:50px; position:relative;background:#000000;display: flex;flex-wrap: wrap;align-items: center; width: 100%; z-index: 8; }
.header.float_on { background-color: #000000; position: fixed; top: 0;transition: 0.3s; z-index: 8;}
.header h1 { color:#fff; font-size:19px; flex: 0 0 100%; text-align:center;  cursor:pointer; }
 
.header h1 a, .header h1 a:visited { color:#fff;vertical-align:middle}
.header h1.main_h1 { color:#fff; font-size:19px; flex: 0 0 100%; text-align:center;  padding-left:0;  }
 
.header h1 img {width:100px; height:32px;}
.header h1 a img { vertical-align:-5px}

.menu_btn_group { display: block;}
.menu_btn_group a { display: inline-block; width: 50%; text-align: center; color: #ddd; font-size: 13px; padding: 10px 0; box-sizing: border-box;border-bottom: 1px solid #2a2a2a}
.menu_btn_group a + a { border-left: 1px solid #2a2a2a}
.footer { display:block; text-align:center; padding:10px; border-top: 1px solid #eee; margin-top: 20px;}
.footer address { font-size:11px; color:#999; font-style:normal}
 
.table_th th { background-color: #f4f4f4;}
.table_th {border-bottom: 1px solid #ddd;}
 
	.btn_pic_open { cursor: pointer}
	.layer_pic { width: 300px; height: 400px; position: fixed; left: 50%; top: 50%; margin-left:-150px;  margin-top:-200px; background: #fff; border-radius: 10px; border: 1px solid #ccc; box-shadow: 0 0 10px 0 gray; display: none}
	.layer_header { position: relative; padding: 20px 15px; font-size: 20px; text-align: left;}
	.layer_close { position: absolute; width: 25px; height: 25px; right: 15px; top: 20px;}
	.layer_close a { display: inline-block; color: #fff; width: 25px; height: 25px; border-radius: 50%; background-color: #666;text-align: center; letter-spacing: -1px;}
	.layer_close a i { font-size: 20px;  line-height:1; margin: 0; padding: 0;vertical-align: 2px;}
	.layer_body { padding: 20px; text-align: center; width: 100%; height: 280px; display: flex;}
	.layer_body img { margin:auto; max-width: 260px; max-height: 240px; }
	.layer_footer { border-top: 1px solid #eee; padding: 10px 0 0 0; text-align: center}

 
	.list_04 .li_flat {background:#fff; background-color: none; padding: 10px 10px 7px 10px;}
	.list_wrap { padding: 5px 0 0 0;}
	.list_wrap .label { font-size: 14px; padding-top: 2px;  padding-bottom: 2px; }
	.label {vertical-align:2px; padding: 0.2em 0.6em 0.2em}
	.list_wrap .txt_point { font-size: 18px; font-weight: bold; display: inline-block; margin-top: -2px;}
	.list_wrap .txt_point.blue { color: #337ab7}
	.list_wrap .txt_point.red { color: #d9534f}
	.list_wrap .txt_point.green { color: #5cb85c}
	.list_wrap .txt_point.black { color: #333333}
	.li_txt1 { display: inline-block; margin-top: 2px;}
	.txt_label i { color: #666; font-size: 12px; font-style: normal}
 .table-borderless th, .table-borderless td  { padding:6px;}
.table-borderless .active {background-color:#f4f4f4; border-bottom:1px solid #ddd;}


/*.input_cal, .input_date { padding-right: 10px; background:#fff url(/image/icon_calendar.gif) right center no-repeat; -webkit-appearance: none; padding-left: 5px !important }
select, select.input, select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/image/bullet_down.png) no-repeat right center; text-align: left; display: inline-block; padding-right: 17px; box-sizing: border-box; }
select::-ms-expand, select.input::-ms-expand { display: none;}
.ui-datepicker-title select, .ui-datepicker-title select.input::-ms-expand {display:  auto; }
select[multiple], select.input[multiple] { background-image: none; padding-right: 10px; }
.ui-widget-header select { color:#333;} */

.main_mn_wrap .main_mn_box { height: 100px; background-color: #fff; box-shadow: 0 0 4px #ddd; border-radius: 10px; margin: 5px 0; padding: 10px; cursor: pointer}
.main_mn_box span { font-size: 18px; font-weight: 500; display: inline-block; padding-left: 10px;}
.main_mn_box.main_item1 { background:#fff url("../image/icon_club.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item2 { background:#fff url("../image/icon_member2.png") right 10px bottom 10px no-repeat; background-size: 56px;}
.main_mn_box.main_item3 { background:#fff url("../image/icon_team.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item4 { background:#fff url("../image/icon_bracket.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item5 { background:#fff url("../image/icon_league.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item6 { background:#fff url("../image/icon_rank.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item7 { background:#fff url("../image/icon_score.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item8 { background:#fff url("../image/icon_member3.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item9 { background:#fff url("../image/icon_config.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item10 { background:#fff url("../image/icon_notice.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item11 { background:#fff url("../image/icon_warn.png") right 10px bottom 10px no-repeat; background-size: 50px;}
.main_mn_box.main_item12 { background:#fff url("../image/icon_upload.png") right 10px bottom 10px no-repeat; background-size: 70px;}
.main_mn_box.main_item13 { background:#fff url("../image/icon_medal.png") right 10px bottom 10px no-repeat; background-size: 50px;}

.card_title {border-bottom: 1px solid #ddd; font-size: 16px;}
.table th[align="center"] { text-align: center !important}

.check_group .checkbox_sm + label {  margin: 4px 10px; font-size: 16px;}

/* For more specific control, especially on mobile browsers or specific browser engines */
        input[type="date"]::-webkit-date-and-time-value {
            text-align: left;
        }
        input[type="date"] {
            text-align: left; /* General rule */
        }
.name_list { padding-top: 10px;}
.name_list span { display: inline-block; font-size: 16px; color: #2B75CD}
.name_list span + span { margin-left: 10px;}
.name_list:before { content:'\F132'; font-family: bootstrap-icons !important;    font-weight: 400 !important;display: inline-block; color: #ccc; margin-right: 5px; }
.name_list2 { padding-top: 5px;}
.name_list2 span { display: inline-block; }
.name_list2 span + span { margin-left: 5px;}
.name_list:before { content:'\F132'; font-family: bootstrap-icons !important;    font-weight: 400 !important;display: inline-block; color: #ccc; margin-right: 5px; }
.brd_l { border-left: 1px solid #ddd;}
.brd_r { border-right: 1px solid #ddd;}
.brd_t { border-top: 1px solid #ddd;}
.score_point { width: 100%; height: 80px; text-align: center; display: flex; align-items: center}
.score_point span { display: block; width: 100%;font-size: 32px; font-weight: bold; cursor: pointer}
.btn_clear { padding: 10px; font-size: 11px; display: inline-block; color: #333;  cursor: pointer; background-color: #f4f4f4}
.btn_clear:hover  { cursor: pointer; background-color: #fff} 
.btn_clear2 { padding: 0 6px; font-size: 16px; display: inline-block; color: #fff; font-weight:bold;  cursor: pointer; background-color: #6c757d; width:100%; height: 100%; line-height: 37px;}


.container-full { width: 100%; height: 100vh; max-width: 1024px; margin: 0 auto}
	.score_section { width: 100%; height: 100%; background: #3B3B3B;
background: linear-gradient(0deg,rgba(59, 59, 59, 1) 0%, rgba(85, 85, 85, 1) 75%, rgba(22, 22, 22, 1) 100%);color: #fff; }
	.score_head { color: #fff; height: 60px; text-align: center; font-size: 18px; font-weight: bold; line-height: 59px; background-color: #285aa7; border-bottom: 1px solid #222}
	.score_head .score_minus { width: 10%; background: #294588}
	.score_head .score_minus a { font-size: 30px; cursor: pointer}
	.score_head .score_minus.l { border-right: 1px solid #4971ac; box-sizing: border-box}
	.score_head .score_minus.r { border-left: 1px solid #4971ac;  box-sizing: border-box}
	.score_head .score_team { width: 40%; height: 59px; overflow: hidden}
	.score_head .score_team span { font-size: 26px; font-weight: normal; width: 100%; height: 60px; overflow: hidden; word-break: break-all; display: inline-block; }
	.l_team_name span { padding-right: 100px;}
	.r_team_name span {padding-left: 100px; }
	.score_head .score_count { width: 100px;height: 59px;border-left: 1px solid #111;border-right: 1px solid #4971ac; background: #424242;position: absolute; left: 50%;}
	.score_count .btn_count { display: block; height: 59px; line-height: 59px; color: #fff; font-size: 30px;}
	.score_head .score_set { width: 100px; height: 59px;border-left: 1px solid #4971ac; background: #424242; position: absolute; left: 50%; margin-left: -100px }
	.score_set .btn_set { display: block; height: 59px; line-height: 59px; color: #fff; font-size: 30px;}
	.score_minus a { display: block; width: 100%; text-align: center; height: 59px; color: #fff}
	.score_body { position: relative; height: calc( 100vh - 60px);  width: 100%;}
	.score_body .score_number { height: 100%; width: 50%; float: left;text-align: center}
	.score_number a { display: flex; align-items: center; align-content: center; width: 100%; height: 90%; color: #fff; font-size: 30px; text-align: center}
	.score_number span { font-size:20vw; font-family:"Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" ;text-align: center; display: block;  width: 100%; line-height: 1;font-weight: 600;}
	.score_number #l_jumsu_show {text-indent: -40px}
	.score_number #r_jumsu_show {text-indent: 40px}
	.score_body .score_number.l {border-right: 1px solid #222}
	.score_body .score_fin { position: absolute; bottom: 0; left: 50%; width: 100px; height: 70px; background: #424242;
background: linear-gradient(0deg,rgba(66, 66, 66, 1) 0%, rgba(43, 43, 43, 1) 60%, rgba(0, 0, 0, 1) 100%); margin-left: -50px; z-index: 9; }
	.score_fin a {color: #fff; font-size: 30px; text-align: center; line-height: 70px; display: block; width: 100%; height: 100%; }
	
	.score_body .score_ex { position: absolute; bottom: 50%; left: 50%; width: 120px; height: 70px; background: #222; margin-left: -60px; margin-top: -35px;z-index: 9; }
	.score_ex a {color: #fff; font-size: 30px; text-align: center; line-height: 70px; display: block; width: 100%; height: 100%; }

.form_box {  padding: 0.375rem 0.75rem;  border:1px solid #dee2e6; border-radius: 0.375em;  }
.thumb_150 { width: 150px; height: 150px; padding: 0.375rem 0.75rem;  border:1px solid #dee2e6; border-radius: 0.375em;  }
.thumb_150 img { width: 100%; height: 100%; object-fit: contain}
.thumb_80 { width: 80px; height: 80px;  border-radius: 0.375em; overflow: hidden; background-color: #f3f3f3 }
.thumb_80 img { width: 100%; height: 100%; object-fit: contain;border-radius: 0.375em;}

.bracket_area { padding: 5px; border-bottom: 1px solid #ddd; width: 100%;box-sizing: border-box}
	.bracket_item1 { float: left; margin-top: 7px; margin-right: 5px; margin-left: 5px;}
	.bracket_item2 { float: right;}
	.bracket_list { clear: both; padding: 5px 7px; width: 100%;  height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box}
	.bracket_list span { word-break: break-all}
	.bracket_win { font-weight: bold; font-size: 16px; color:#DA304F; margin-right: 10px;display: inline;}
	.bracket_loss { font-weight: bold; font-size: 16px; color:#369; margin-right: 10px;display: inline;}
	.bracket_player { color: #666; display: inline; margin-left: 10px; }
	.btn_top_login { margin-left: 100%; position: absolute; top: 9px; right:10px; padding: 5px; font-size: 16px; color: #111;width: 100px; text-align: right; cursor: pointer}

.ul_board_list {}
.ul_board_list li { display: block; padding: 15px; text-align: left;}
.ul_board_list li a.link { display: block; color: #111; font-size: 18px; word-break: break-all; font-weight: bold}
.ul_board_list li a span { display: inline-block;  font-weight: normal;    margin-right: 5px; font-size: 16px;}
.ul_board_list li a.link:visited { color: #666}
.ul_board_list li .board_date { padding: 5px 0 0 0; font-size: 14px; color: #999;}
.ul_board_list li + li { border-top: 1px solid #ddd}
.board_view { min-height: 200px;}
.board_view img { max-width: 100%; height: auto}

.live_head { padding: 10px; border-bottom: 1px solid #ddd}
.live_set { font-size: 16px; display: inline-block; padding: 2px; font-weight: bold; border: 1px solid #ccc; color: #999; background-color: #fff; border-radius: 3px; width: 27px; text-align: center}
.live_point { display: block; text-align: center; width: 100%; font-size: 20px; font-weight: bold; color: #222}
.live_member { padding: 10px 0 10px 0; text-align: center}
.live_member:after { clear: both; content: ''; display: table}
.live_team, .live_name { display: block;  overflow: hidden; word-break: break-all; text-overflow: ellipsis}
.live_team { font-size: 18px; color: #111; width: 100%;}
.live_name { margin-top: 5px; font-size: 16px; width: 50%; float: left}

.border-success .live_head { padding: 10px; border-bottom: 1px solid #198754}
/*.border-success .live_set { font-size: 16px; display: inline-block; padding: 2px; font-weight: bold; border: 1px solid #198754; color: #fff; background-color: #198754; border-radius: 3px; width: 27px; text-align: center}*/
.border-success .live_point { display: block; text-align: center; width: 100%; font-size: 20px; font-weight: bold; color: #198754}

.bg_dark { background-color: #3a3a3c}
.keypad_wrap { width: 100%; background-color: #3a3a3c}
.keypad_wrap a { display: block; width: 31.333%; margin: 1%; background-color: #757577; float: left; color: #fff; text-align: center; padding: 10px 0; height:55px; font-size: 20px; line-height: 30px; font-weight: bold;font-family:"Arial", "sans-serif" ; border-radius: 5px; cursor: pointer}
.keypad_wrap a:nth-child(10) { margin-left: 34.333%}
.keypad_wrap a:hover, .keypad_wrap a:visited {color: #fff; }
.keypad_wrap a:active {position:relative;	top:1px;}
.keypad_wrap a:last-child { background-color: transparent}
.score_member { text-align: left; padding: 10px;}
.scr_team { font-size: 20px;margin: 0 5px;}
.scr_name { font-size: 16px; margin: 0 5px;}
.btn_scr { font-size: 20px; padding: 7px 20px; background-color: #fff; border-radius: 4px; color: #222;family:"Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" ; cursor: pointer} 
.btn_scr_visited { font-size: 20px; padding: 7px 20px; background-color: #0d6efd; border-radius: 4px; color: #fff;family:"Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" ;  cursor: pointer}
.btn_fin { color: #fff; padding: 7px 0; font-size: 16px; background-color: #222; border:1px solid #111; border-radius: 6px; width: 45%; display: inline-block} 
.agree_box { height: 200px; overflow-y: auto; border: 1px solid #dee2e6; border-radius: 4px; padding: 10px; text-align: left; width: 100%; box-sizing: border-box}
.agree_box p { padding: 5px 0;}

.team_member_box { display: block; text-align: left}
.team_member_box .btn_name { display: inline-block; width: 23%; font-size: 16px; text-align: center; padding: 5px 0; border: 1px solid #ddd; border-radius: 3px; margin: 5px 3px; background-color: #f4f4f4; overflow: hidden; word-break: break-all}

 
.line_wrap {background-color: #000; height: 50px; padding:15px 0;  color: #fff; text-align: left; box-sizing: border-box; border-bottom: 1px solid #333;}
.line_wrap .line_container { height: 20px; margin: 0 auto; padding-left: 35px; padding-right: 40px;position: relative; width: 100%; z-index: 1;}
.line_container .line_link { display: inline-block; height: 20px; font-size: 14px; color: #fff; width: 100%; overflow: hidden; text-align: center;z-index: 1; text-align: left;   }
.slick-slide  { margin: 0 15px;}
.line_link a {font-size: 14px; cursor: pointer; color: #fff; line-height: 20px;  width: 100%; display:block;overflow: hidden;text-align: left;}
.line_link a:hover {color: #ddd;}
.line_container .line_btn  { position: absolute; right: 0; top:0px;color: #999; font-size: 20px;cursor: pointer; display:block; width: 35px;  height: 30px; z-index: 2; background-color: #000}
.line_container .line_btn:hover { color: #fff;}
.line_container .line_btns { position: absolute; left: 15px; top:-7px; z-index: 2}
.line_btns a { color: #999; font-size: 16px;cursor: pointer; display: block; width: 30px; height: 15px; position: absolute;z-index: 2}
.line_btns a.line_prev { top: 0;}
.line_btns a.line_next { top: 15px;}
.line_btns a:hover { color: #fff;}