@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900&display=swap');

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%;}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;font-family:'Noto Sans KR',sans-serif; color:#131313; font-size:12px; -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
a { text-decoration:none; color:#131313}
em { font-style:normal }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] ,
textarea { font-family:'Roboto','Noto Sans KR', sans-serif; }
select { font-family:'Roboto','Noto Sans KR', sans-serif; }

input:focus { outline: none; }
input::placeholder { color: #d2d2d2; }
input:focus { border-bottom: 2px solid #434650; }
input:disabled { background: #fff; }

select:focus { border-color: #d2d2d2; }
textarea:focus { border-bottom: 2px solid #434650; }
textarea::placeholder { color: #d2d2d2; }

a:hover { text-decoration: none;}


.smartphoto { z-index: 10000 !important; }

.scrollbar-x { overflow-x: auto; }
.scrollbar-x::-webkit-scrollbar { display: block; width: 3px !important; }
.scrollbar-x::-webkit-scrollbar-thumb { background: #a9a9a9 !important; }

.max-txt-height { max-height: 4rem; }

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important; }
.mbt10 {margin:10px 0 !important; }
.mb0 { margin-bottom:0 !important; }
.mb2 { margin-bottom:2px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important; }
.mb36 { margin-bottom:36px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }

.mt2 { margin-top:2px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt18 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important;}

.mb-20 { margin-bottom:-20px !important; }
.mb-30 { margin-bottom:-30px !important; }

.pd0 { padding:0 !important; }
.pd2 { padding:2px !important; }
.pd20 { padding:20px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb20 { padding-bottom:20px !important; }
.mbr10 { margin-right:10px }
.pdl5 { padding-left:5px !important; }
.pdl10 { padding-left:10px !important; }
.pdl50 { padding-left:50px !important; }
.pdtop10 { padding-top:10px !important; }
.pdtop30 { padding-top:30px !important; }
.pdtop90 { padding-top:90px; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.none_bor { border:0 !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f-08 { font-size:0.8em !important; }
.f-09 { font-size:0.9em !important; }
.f-1 { font-size:1em !important; }
.f-11 { font-size:1.1em !important; }
.f-12 { font-size:1.2em !important; }
.f-13 { font-size:1.3em !important; }
.f-15 { font-size:1.5em !important; }
.f-16 { font-size:1.6em !important; }
.f-18 { font-size:1.8em !important; }
.f-20 { font-size:2em !important; }
.f-25 { font-size:2.5em !important; }
.f-30 { font-size:3em !important; }

.txt-under { text-decoration:underline !important; }
.blue { color:#3069be !important; }
.blue2 { color:#00bef2 !important; }
.org { color:#fb6827 !important; }
.bold { font-weight:bold !important; }
.red { color:#ff0000 !important; }
.red2 { color:#d00000 !important; }
.gray { color:#8d8d8d !important; }
.dgray { color:#444 !important; }
.white { color:#fff !important; }
.pink { color: #ff00ba !important; }
.sky { color: #7eff00 !important; }
.green { color: #4aac02 !important; }
.black { color: #000 !important; }
.navy { color: #0c478f !important;}
.inline { display:inline-block; }
.normal { font-weight:normal !important; }
html body { height: 100%; }
body { word-break:keep-all; letter-spacing: -0.5px;}
.fl { float:left;}
.fr { float:right; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
/**************************************************************************************************************
	Common
**************************************************************************************************************/
.w100 { width:100%; }
.gray-box { background:#f1f1f1; padding-bottom: 20px; height: 100%;}
.white-box { background:#fff; }
.blue-box { background:#d9edf6; }
.num-font { font-family: 'Roboto', sans-serif; }

.hr {display:block; content:''; clear:both;  height: 2px; background: #cbcbcb; margin: 10px 0;}
.hr0 {display:block; content:''; clear:both;  height: 1px; background: #cbcbcb; margin: 10px 20px 5px;}
.hr1 {display:block; content:''; clear:both;  height: 1px; background: #707070; margin: 0 0 10px;}
.hr2 {display:block; content:''; clear:both;  height: 1px; background: #e9e9e9; margin: 10px 0;}
.hr22 {display:block; content:''; clear:both;  height: 1px; background: #b9b9b9; margin: 15px 0;}
.hr3 {display:block; content:''; clear:both;  height: 2px; background: #b9b9b9; margin: 10px 0;}
.hr4 { display:block; content:''; clear:both;  height: 1px; background: #00c1da; margin: 5px 0; }
.hr5 {display:block; content:''; clear:both;  height: 2px; background: #fff; margin: 10px 0; width: 70%;}
.hr6 {display:block; content:''; clear:both;  height: 1px; background: #aaa; margin: 15px 0;}
.hr7 {display:block; content:''; clear:both;  height: 1px; background: #aaa; margin: 20px 0 15px;}
.hr8 {display:block; content:''; clear:both;  height: 1px; background: #aaa; margin: 5px 0;}
.hr9 {display:block; height: 1px; background: #aaa; margin: 10px 0;}
.hr10 {display:block; height: 1px; background: #d5d5d5; margin: 15px 0;}
.sline { margin: 0 auto; width: 50px; height: 4px; background: #1f396a; }

.verti {display: inline-block; vertical-align: top;}
.verti2 {display: inline-block; vertical-align: bottom;}
.verti3 {display: inline-block; vertical-align: middle;}

.primary { background: #6fe9ff !important; }
.bg-1 { background: #00bef2 !important; }
.bg-2 { background: #209546 !important; }
.bg-list { background: #fff !important; }
.bg-list2 { background: #fff !important; }
.bg-skyblue { background: #d5f1f4 !important; }
.bg-blue { background: #45b8c7 !important; }
.bg-orange { background: #ff5a00 !important; }
.bg-green { background: #5aaf1c !important; }
.bg-pink { background: #ff2371 !important; }

.bg-gray { background: #7c7c7c !important; }
.bg-light-gray { background: #e9e9e9 !important; }
.bg-light-gray2 { background: #f8f8f8 !important; }
.bg-dark-gray { background: #404040 !important; }
.bg-gra1 { background: linear-gradient( 45deg, #2ddf52, #1bc8e8 );}
.bg-serve { background: #ffe400; }
.bg-serve1 { background: #ff00e4; }
.bg-serve2 { background: #24ff00; }
.bg-black { background: #000; }
.bg-h-team { background: #0094e9 !important; }
.bg-g-team { background: #5aaf1c !important; }

.font-w-400 { font-weight: 400 !important; }
.font-w-500 { font-weight: 500 !important; }
.font-w-600 { font-weight: 600 !important; }
.font-w-700 { font-weight: 700 !important; }

.link-underline {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #fdb43c;
    text-decoration-thickness: 2px;
}

#header { height:70px; background:#1f396a; overflow: hidden; padding: 10px 20px; width: 100%; position: relative; border-bottom: 1px solid #cecece;}
#header .btn-nav { float: left; width: 40px; display: inline-block; padding-top: 8px; z-index: 999; }
#header .logo { position:absolute; left: 62px; margin:8px auto 0; z-index: 99; }
#header .logo-m { position:absolute; left: 20px; margin:14px auto 0; z-index: 99; }
#header .search { position:absolute; right: 40px; padding-top: 10px;}
#header .set { float: right; margin-right: 0; padding-top: 12px;}
#header .sc { position:absolute; right: 78px; padding-top: 8px;}
#header .tm { float: right; margin-right: 0; padding-top: 15px; font-size: 1.2em; color: #1b1b1b; font-weight: 500; letter-spacing: -1px;}
#header .tm span { display: inline-block; font-size: 1.1em; color: #1b1b1b; font-weight: 500; letter-spacing: -1px; margin-left: 18px;}
#header .srch { padding:12px 80px 0 95px;}
#header .srch div { position:relative; }
#header .srch input[type=text] { width:100%; height:28px; line-height:26px;  border:0; padding:0 10px;  -webkit-appearance:none; background:#fff;  font-size:12px; color:#666; border-radius:0; }
#header .srch .btn-srch { position:absolute; right:0; top:1px;  -webkit-appearance:none; border:0; background:none; padding:5px; }
#header .btn-my { position:absolute; right:40px; top:10px; padding:5px; }
#header .btn-cart { position:absolute; right:5px; top:13px; padding:5px; }
#header .btn-cart span { position:absolute; left:0; top:0; width:14px; height:14px; border-radius:100%; background:#ff1200; text-align:center; line-height:14px; color:#fff; font-size:11px; }

#top-nav:after { display:block; content:''; clear:both; }
#top-nav { width: 100%; border-top:1px solid #dbdbdb; padding: 0 5px;  }
#top-nav a:before { width: 20px; height: 3px; background: #787878; margin: 0 auto; }
#top-nav a { float:left; height:44px; line-height:43px; text-align:center;  font-size:1.2em; color:#131313; font-weight: 600; letter-spacing:-1px; white-space:nowrap; position:relative;  }
#top-nav a:nth-child(1) span { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-13%; width: 24px; border-top: 3px solid #a5a5a5; }
#top-nav a:nth-child(2) span { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-14%; width: 24px; border-top: 3px solid #a5a5a5; }
#top-nav a:nth-child(3) span { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-16%; width: 24px; border-top: 3px solid #a5a5a5; }
#top-nav a:nth-child(4) span { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-15%; width: 24px; border-top: 3px solid #a5a5a5; }
#top-nav a:nth-child(5) span { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-16%; width: 24px; border-top: 3px solid #a5a5a5; }
#top-nav a:nth-child(1) span.active { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-16%; width: 24px; border-top: 3px solid #00c1da; }
#top-nav a:nth-child(2) span.active { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-14%; width: 24px; border-top: 3px solid #00c1da; }
#top-nav a:nth-child(3) span.active { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-16%; width: 24px; border-top: 3px solid #00c1da; }
#top-nav a:nth-child(4) span.active { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-15%; width: 24px; border-top: 3px solid #00c1da; }
#top-nav a:nth-child(5) span.active { position:absolute; display: inline-block; top:0; left: 50%; margin-left:-16%; width: 24px; border-top: 3px solid #00c1da; }
#top-nav a:nth-child(1) { width:25%;}
#top-nav a:nth-child(2) { width:19%;}
#top-nav a:nth-child(3) { width:17%;}
#top-nav a:nth-child(4) { width:19%;}
#top-nav a:nth-child(5) { width:20%;}
#top-nav a.active { background: #18afc2;}
#top-nav a.point { font-weight:600; color:#00c1da; line-height:43px;}

.title-a:after { display:block; content:''; clear:both; }
.title-a { padding: 20px 20px 0 20px; margin-bottom: 6px; }
.title-a p:before { display: inline-block; content:'◎'; clear: both; font-size: 1.6em; font-weight: 500;}
.title-a p span { display: inline-block; font-size: 1.5em; color:#1b1b1b; font-weight: 600; letter-spacing:-1px; text-align: left; padding-left: 4px; }

.title-b:after { display:block; content:''; clear:both; }
.title-b { padding: 20px 0 0 20px; margin-bottom: 4px; }
.title-b p { width: 50px; height: 24px; line-height: 23px; text-align: center; border-radius: 5px; background: #ff3000; font-size: 1.2em; color: #fff; font-weight: 500;}

.title-c:after { display:block; content:''; clear:both; }
.title-c { padding: 0 20px; margin-bottom: 12px; position: relative;}
.title-c p:before { display: inline-block; content:'●'; clear: both; font-size: 1.6em; font-weight: 500; color:#00bef2;}
.title-c p span { display: inline-block; font-size: 1.5em; color:#1b1b1b; font-weight: 600; letter-spacing:-1px; text-align: left; padding-left: 4px; }
.title-c .rbtn { position: absolute; right: 20px; top: -3px;}


.title-nor:after { display:block; content:''; clear:both; }
.title-nor { padding: 10px 20px 20px 20px;}
.title-nor p { font-size: 2.2em; color: #1b1b1b; font-weight: 700; letter-spacing: -2px; text-align: center; }
.title-nor p span { font-size: 0.75em; color: #444; font-weight: 400; }

.title-nor2:after { display:block; content:''; clear:both; }
.title-nor2 { padding: 20px 20px 10px 20px; }
.title-nor2 p { font-size: 1.5em; color: #1b1b1b; font-weight: 500; letter-spacing:-1px; text-align: center; line-height: 180%;}
.title-nor2 p span { font-size: 0.85em; color: #444; font-weight: 400; }

.join:after { display:block; content:''; clear:both; }
.join { padding: 0 20px; margin-bottom: 20px; }
.join .j-how { border: 1px solid #dadada; border-radius: 5px; width: 100%; height: 60px; line-height: 58px; text-align: left; padding-left: 20px; font-size: 1.3em; color: #333; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px; }
.join .j-how img { display: inline-block; margin: -4px 10px 0 0; width: 30px; }
.join .j-how:hover { border: 1px solid #0e3483; }
.join .j-how2 { background: #00bef2; border-radius: 4px; width: 100%; height: 58px; line-height: 56px; text-align: center; font-size: 1.6em; color: #fff; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px; outline: 0;}
.join .j-how2:hover { background: #0e3483; }

.mymodi:after { display:block; content:''; clear:both; }
.mymodi { width: 100%; padding: 0 20px; margin-bottom: 30px; }
.mymodi .table-m { margin-bottom: 20px; }
.mymodi .table-m table { width:100%; height: auto; border-collapse: collapse;}
.mymodi .table-m table tbody th { height: auto; padding: 8px 10px; font-size: 1.2em; font-weight: 600; color: #2d2d2d; text-align: left; line-height: 140%; padding-left: 10px; border: 0;}
.mymodi .table-m table tbody th em { font-size: 0.9em; font-weight: 500; }
.mymodi .table-m table tbody td { height: auto; padding: 4px 0; text-align: left; font-size: 1.3em; color: #111; font-weight: 700; letter-spacing: -1px;}
.mymodi .table-m table tbody .tbox { padding: 10px 20px; width:100%; margin:0 auto; border-radius: 4px; border: 1px solid #cdcdcd; overflow-y: auto; height: 100px; color:#9c9c9c; font-size:1em; font-weight: 300; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 10px;}
.mymodi .table-m table tbody .tbox strong { color:#595959; font-size: 1.2em; font-weight: 600;}

.ask-add:after { display:block; content:''; clear:both; }
.ask-add { padding: 20px; }
.ask-add ul { margin: 5px auto 30px; }
.ask-add ul li { display: block; overflow:hidden; font-size:1.2em; color:#5d5d5d; font-weight: 500; line-height: 130%; letter-spacing: -1px; padding: 5px; position:relative; margin: 10px auto; }
.ask-add ul li .date { display: block; width: 100%; height: 22px; padding-left: 6px; text-align: left; font-size:1.1em; font-family: 'Roboto', sans-serif; color: #222; font-weight: 400; line-height: 21px; margin-bottom: 2px; }
.ask-add ul li .left-check { float: left; width: 9%; margin-right: 1%; text-align: left; padding-top: 32px; }
.ask-add ul li .team-left { float: left; width: 44%; margin-right: 2%; padding: 10px 0 5px; border: 1px solid #00aff0; background: #fff; border-radius: 4px;}
.ask-add ul li .team-left p { text-align: center; font-size: 1.1em; color: #2e2e2e; font-weight: 500; letter-spacing: -1px; margin-bottom: 5px;}
.ask-add ul li .team-left p em { font-size: 1.1em; color: #000; font-weight: 600; }
.ask-add ul li .team-left .t-score { margin: 4px 6px 2px; background: #f3f7fa; border-radius: 2px; height: 30px; text-align: center; font-size: 1.2em; color: #0092ff; font-weight: 600; letter-spacing: -1px; line-height: 30px; font-family: 'Roboto', sans-serif; }
.ask-add ul li .team-right { float: left; width: 44%; margin-right: 0; padding: 10px 0 5px; border: 1px solid #00aff0; background: #fff; border-radius: 4px;}
.ask-add ul li .team-right p { text-align: center; font-size: 1.1em; color: #2e2e2e; font-weight: 500; letter-spacing: -1px; margin-bottom: 5px;}
.ask-add ul li .team-right p em { font-size: 1.1em; color: #000; font-weight: 600; }
.ask-add ul li .team-right .t-score { margin: 4px 6px 2px; background: #f3f7fa; border-radius: 2px; height: 30px; text-align: center; font-size: 1.2em; color: #0092ff; font-weight: 600; letter-spacing: -1px; line-height: 30px; font-family: 'Roboto', sans-serif; }
.ask-add ul li .vs-circle { position: absolute; left: 55%; transform:translateX(-50%); top: 22px; width: 30px; height: 30px; border-radius: 50%; line-height: 26px; background: #0094e9; text-align: center; font-size:1.2em; color:#fff; font-weight: 600; }
.ask-add ul li .vs-circle2 { position: absolute; left: 45%; transform:translateX(-50%); top: 52px; width: 30px; height: 30px; border-radius: 50%; line-height: 26px; background: #0094e9; text-align: center; font-size:1.2em; color:#fff; font-weight: 600; }
.ask-add ul li .right-check { float: right; width: 10%; padding-top: 32px; }
.ask-add ul li .right-check button { display: inline-block; vertical-align: middle; margin-left: 2px; width: 30px; height: 30px; line-height: 26px; border: 1px solid #606060; background: #757575; border-radius: 50%; text-align: center; font-size: 0.8em; font-weight: 600; color: #fff; letter-spacing: -2px; outline: 0; }

.disabled { background: #ccc; color: #555; opacity: 0.5; }

.graph-box:after { display:block; content:''; clear:both; }
.graph-box { padding: 10px 20px; margin: 0 auto; }

.board:after { display:block; content:''; clear:both; }
.board { width: 100%; height: 100%; padding: 0; }
.board-top { background: #f7f7f7; height: 50px; }
.board-top ul { overflow: hidden; padding: 10px; }
.board-top ul li { display: inline-block; float: left; height: 30px; padding: 2px 0 0 4px; font-size: 1.4em; color: #000; font-weight: 600; letter-spacing: -1px; box-sizing: border-box;}
.board-top ul li .show-on { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid #e3e000; border-radius: 50px; background: #fdfa00; margin-right: 3px; }
.board-top ul li .show-off { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50px; background: #393939; margin-right: 3px; }
.board-top ul li img { display: inline-block; vertical-align: middle; }
.board-top ul li:nth-child(1) { width: 28%; margin-right: 2%;}
.board-top ul li:nth-child(2) { width: 23%; margin-right: 2%;}
.board-top ul li:nth-child(3) { width: 23%; margin-right: 10%; }
.board-top ul li:nth-child(4) { width: 12%; margin-right: 0; text-align: right; }

.regi-list:after { display:block; content:''; clear:both; }
.regi-list { padding: 20px 10px; }
.regi-list .box1 { width: 100%; margin-top: 25px; padding: 5px 15px 15px 15px; border-radius: 5px; border: 2px solid #94c4ff; box-shadow: 1px 2px #e7f2ff;}
.regi-list .box1 p { margin: 5px 0; text-align: center;}
.regi-list .box2 { width: 100%; padding: 5px 15px 15px 15px; border-radius: 5px; border: 2px solid #9fe45b; box-shadow: 1px 2px #e3ffc7;}
.regi-list .box2 p { margin: 5px 0; text-align: center;}
.regi-list .vs { padding: 10px; position: relative;}
.regi-list .vs p { font-size: 1.8em; color: #000; font-weight: 600; letter-spacing: -1px; text-align: center; }
.regi-list .vs .list { position: absolute; top: 0; right: 0;}

.regi-list .vs-sel { width: 100%; padding: 10px 8px 12px 8px; border: 1px solid #878787; border-radius: 5px; box-shadow: 1px 2px #e9e9e9; margin: 10px 0;}
.regi-list .vs-sel table { width:100%; height: auto; border-collapse: collapse; }
.regi-list .vs-sel table td { height: auto; padding: 6px; font-size: 1.3em; font-weight: 500; color: #1b1b1b; text-align: center; letter-spacing: -1px; }
.regi-list .body { padding:15px 10px; width: 100%; height: 60%;  background: #fff; overflow:auto; }
.regi-list .body table { width:100%; height: auto; border-collapse: collapse; }
.regi-list .body table th { height: auto; padding: 8px 6px; background: #fff; font-size: 1.6em; font-weight: 600; color: #1b1b1b; background: #fff; text-align: center; line-height: 130%; letter-spacing: -1px; }
.regi-list .body table td { height: auto; padding: 8px 6px; font-size: 1.3em; font-weight: 500; color: #1b1b1b; text-align: center; letter-spacing: -1px; }

.table-regi { margin: 20px auto; padding: 0 20px; }
.table-regi table { width:100%; height: auto; border-collapse: collapse;}
.table-regi table tbody td { height: auto; padding: 4px 0; font-size: 1.1em; text-align: left; color: #3a3a3a; border: 0; background: #fff; text-align: center; }
.table-regi table tbody .tbox { padding: 10px 20px; width:100%; margin:0 auto; border-radius: 4px; border: 1px solid #cdcdcd; overflow-y: auto; height: 100px; color:#9c9c9c; font-size:1em; font-weight: 300; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 10px;}
.table-regi table tbody .tbox strong { color:#595959; font-size: 1.2em; font-weight: 600;}

.table-tm { margin: 0 auto; padding: 0 20px; }
.table-tm table { width:100%; height: auto; border-collapse: collapse; border: 0;}
.table-tm table thead th { height: auto; padding: 2px; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; line-height: 120%; }
.table-tm table thead td { height: auto; padding: 2px; text-align: center; font-size: 1.2em; font-weight: 400; color: #494949; letter-spacing: -1px; }
.table-tm table tbody th { height: auto; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; line-height: 120%; padding: 2px;}
.table-tm table tbody td { height: auto; text-align: center; padding: 2px;}

.table-sregi { margin: 0 auto 30px; padding: 0; }
.table-sregi table { width:100%; height: auto; border-collapse: collapse; border: 0;}
.table-sregi table thead th { height: auto; background: #f9fcfe; padding: 8px 2px; text-align: center; font-size: 1.5em; font-weight: 600; color: #111; letter-spacing: -1px; }
.table-sregi table tbody th { height: auto; padding: 6px 2px; text-align: left; font-size: 1.2em; font-weight: 500; color: #7d7d7d; letter-spacing: -1px; }
.table-sregi table tbody td { height: auto; padding: 6px 2px; text-align: left; }

.table-aregi { margin: 20px auto 30px; padding: 0; }
.table-aregi table { width:100%; height: auto; border-collapse: collapse; border: 0;}
.table-aregi table tbody th { height: auto; padding: 8px 2px; text-align: center; font-size: 1.2em; font-weight: 500; color: #3d3d3d; letter-spacing: -1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table-aregi table tbody td { height: auto; padding: 8px 2px; text-align: left; font-size: 1.5em; font-weight: 500; color: #3d3d3d; letter-spacing: -1px; line-height: 120%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-aregi table tbody td em { font-size: 0.9em; font-weight: 500; color: #9d9d9d; font-family: 'Roboto', sans-serif; }

.sel-two:after { display:block; content:''; clear:both; }
.sel-two { padding: 20px 20px 10px 20px; }
.sel-two p:before { display: inline-block; content:'●'; clear: both; font-size: 1.6em; font-weight: 500; margin-bottom: 10px; color:#00bef2;}
.sel-two p span { display: inline-block; font-size: 1.5em; color:#1b1b1b; font-weight: 600; letter-spacing:-1px; text-align: left; padding-left: 4px; }
.sel-two ul { overflow: hidden; width: 100%; }
.sel-two ul li { float: left; width: 49.5%; margin-right: 1%;}
.sel-two ul li:last-child { margin-right: 0; }

.day-c { padding: 0 20px; margin-bottom: 15px; overflow: hidden;}
.day-c a { float: left; width: 16.2%; height: 30px; line-height: 29px; border: 0; border-radius: 2px; text-align: center; font-size: 1.2em; font-weight: 500; color: #555; letter-spacing: -1px; background: #e4e4e4; margin-right: 0.56%; }
.day-c a:last-child { margin-right:0; }
.day-c a.active { background: #343434; color:#fff; border: 0; font-weight: 600; line-height: 29px;}

.day2-c { padding: 0 20px; margin-bottom: 15px; overflow: hidden;}
.day2-c a { float: left; width: 32%; height: 40px; line-height: 39px; border: 0; border-radius: 2px; text-align: center; font-size: 1.4em; font-weight: 500; color: #555; letter-spacing: -1px; background: #e4e4e4; margin-right: 2%; }
.day2-c a:last-child { margin-right:0; }
.day2-c a.active { background: #00bef2; color:#fff; border: 0; font-weight: 600; }

.day3-c { padding: 10px 0 5px; margin-bottom: 15px; overflow: hidden;}
.day3-c a { float: left; width: 24%; height: 36px; line-height: 35px; border: 0; border-radius: 2px; text-align: center; font-size: 1.2em; font-weight: 500; color: #555; letter-spacing: -1px; background: #e4e4e4; margin-right: 1%; }
.day3-c a:last-child { margin-right:0; }
.day3-c a.active { background: #00bef2; color:#fff; border: 0; font-weight: 600; }

.btn-rank { padding: 5px 0; margin-bottom: 10px; overflow: hidden;}
.btn-rank button { display: inline-block; float: left; width: 24%; height: 32px; line-height: 30px; border: 1px solid #d7d7d7; border-radius: 4px; text-align: center; font-size: 1.1em; font-weight: 500; color: #626262; letter-spacing: -1px; background: #fff; margin-right: 1%; outline: 0; }
.btn-rank button:last-child { margin-right:0; }

.m-set:after { display:block; content:''; clear:both; }
.m-set { padding: 0 10px; }
.m-set ul { overflow: hidden; }
.m-set ul li { float: left; width: 25%; text-align: center; padding-bottom: 10px; margin-bottom: 5px; font-size: 1em; font-weight: 500; color: #222; letter-spacing: -1px; line-height: 110%; word-break: keep-all;}
.m-set ul li img { display: block; margin: 0 auto 4px; }
.m-set ul li { display: block; }
.m-set ul li:hover { color: #1f396a; }


.anal:after { display:block; content:''; clear:both; }
.anal { padding: 10px 20px; }
.anal .stitle { text-align: left; font-size: 1.1em; font-weight: 600; color: #222; letter-spacing: -1px; margin-bottom: 2px; }
.anal .info { width: 100%; height: 48px; text-align: center; border: 1px solid #1b1b1b; background: #fff; border-radius: 4px; box-shadow: 0 3px 0 #dcdcdc; margin-bottom: 20px;}
.anal .info p { font-size: 1.3em; font-weight: 500; color: #000; letter-spacing: -1px; line-height: 43px; }
.anal .info p em { font-weight: 600; color: #ff2400; }
.anal .record { width: 100%; padding: 10px; text-align: center; border: 1px solid #cacaca; background: #fff; border-radius: 4px; box-shadow: 0 2px 0 #eaeaea; margin-bottom: 30px; box-sizing: border-box;}
.anal .record p { font-size: 1.3em; font-weight: 500; color: #555; letter-spacing: -1px; line-height: 120%; }
.anal .record p em { font-weight: 600; color: #ff2400; }
.anal .d-circle { display: inline-block; width: 24%; height: 40px; line-height: 39px; background: #f2f2f2; border-radius: 4px; text-align: center; font-size: 1.1em; font-weight: 600; color: #383838; letter-spacing: -1px;}
.anal .d-circle2 { display: inline-block; width: 25%; height: 40px; line-height: 39px; background: #00bef2; border-radius: 4px; text-align: center; font-size: 1.1em; font-weight: 600; color: #fff; letter-spacing: -1px;}
.anal .d-circle3 { display: inline-block; width: 24%; height: 90px; padding-top: 10px; line-height: 160%; background: #f2f2f2; border-radius: 4px; text-align: center; font-size: 0.9em; font-weight: 500; color: #383838; letter-spacing: -1px; box-sizing: border-box;}
.anal .d-circle3 span { font-size: 1.3em; font-weight: 600; color: #ff3600; font-family: 'Roboto', sans-serif; }
.anal .d-circle4 { display: inline-block; width: 32%; height: 100px; padding-top: 10px; line-height: 160%; background: #e7f2f9; border-radius: 4px; text-align: center; font-size: 0.9em; font-weight: 500; color: #0f5f9c; letter-spacing: -1px; box-sizing: border-box;}
.anal .d-circle4 p { height: 36px; line-height: 110%; font-size: 1.3em; font-weight: 600; color: #ff3600; font-family: 'Roboto', sans-serif; margin-bottom: 0; word-break: keep-all; }
.anal .d-circle5 { display: inline-block; width: 49%; height: 90px; padding-top: 10px; line-height: 140%; background: #fff7df; border-radius: 4px; text-align: center; font-size: 0.9em; font-weight: 500; color: #453a0d; letter-spacing: -1px; box-sizing: border-box;}
.anal .d-circle5 p { line-height: 110%; font-size: 1.5em; font-weight: 600; color: #ff3600; font-family: 'Roboto', sans-serif; margin-bottom: 8px; word-break: keep-all; }

.matching:after { display:block; content:''; clear:both; }
.matching { padding: 0 20px; }
.matching .d-circle6 { display: inline-block; width: 49%; height: 90px; padding-top: 10px; line-height: 140%; background: #eff7ff; border-radius: 10px; text-align: center; font-size: 1em; font-weight: 500; color: #1c7dd0; letter-spacing: -1px; box-sizing: border-box;}
.matching .d-circle6 p { line-height: 110%; font-size: 1.5em; font-weight: 700; color: #ff3600; font-family:'Roboto','Noto Sans KR', sans-serif; margin-bottom: 4px; word-break: keep-all; }
.matching .d-circle7 { display: inline-block; width: 32%; height: 90px; padding-top: 10px; line-height: 140%; background: #eff7ff; border-radius: 10px; text-align: center; font-size: 1em; font-weight: 500; color: #1c7dd0; letter-spacing: -1px; box-sizing: border-box;}
.matching .d-circle7 p { line-height: 110%; font-size: 1.5em; font-weight: 700; color: #ff3600; font-family:'Roboto','Noto Sans KR', sans-serif; margin-bottom: 4px; word-break: keep-all; }

.anal ul { margin: 0 auto; }
.anal ul li { display: block; overflow:hidden; font-size:1.2em; color:#5d5d5d; font-weight: 500; line-height: 130%; letter-spacing: -1px; padding: 5px; position:relative; margin: 0 auto; }
.anal ul li .team-left { float: left; width: 49%; margin-right: 2%; padding: 10px 0 5px; border: 1px solid #00aff0; background: #fff; border-radius: 4px;}
.anal ul li .team-left p { text-align: center; font-size: 1.1em; color: #2e2e2e; font-weight: 400; letter-spacing: -1px; margin-bottom: 5px;}
.anal ul li .team-left p em { font-size: 1.1em; color: #000; font-weight: 700; }
.anal ul li .team-left .t-score { margin: 4px 6px 2px; background: #f3f7fa; border-radius: 2px; height: 36px; text-align: center; font-size: 1.8em; color: #0092ff; font-weight: 700; letter-spacing: -1px; line-height: 35px; font-family: 'Roboto', sans-serif;}
.anal ul li .team-right { float: left; width: 49%; margin-right: 0; padding: 10px 0 5px; border: 1px solid #00aff0; background: #fff; border-radius: 4px;}
.anal ul li .team-right p { text-align: center; font-size: 1.1em; color: #2e2e2e; font-weight: 400; letter-spacing: -1px; margin-bottom: 5px;}
.anal ul li .team-right p em { font-size: 1.1em; color: #000; font-weight: 700; }
.anal ul li .team-right .t-score { margin: 4px 6px 2px; background: #f3f7fa; border-radius: 2px; height: 36px; text-align: center; font-size: 1.8em; color: #0092ff; font-weight: 700; letter-spacing: -1px; line-height: 35px; font-family: 'Roboto', sans-serif;}
.anal ul li .vs-circle { position: absolute; left: 50%; transform:translateX(-50%); top: 22px; width: 30px; height: 30px; border-radius: 50%; line-height: 26px; background: #0094e9; text-align: center; font-size:1.2em; color:#fff; font-weight: 600; }

.anal .record .info-my { width: 100%; height: 74px; text-align: left; padding-left: 8px;  border: 1px solid #cdcdcd; background: #fff; border-radius: 4px; box-shadow: 0 2px 0 #dcdcdc; margin-bottom: 20px;}
.anal .record .info-my p { font-size: 1.2em; font-weight: 500; color: #000;  text-align: left;  letter-spacing: -1px; line-height: 120%; }
.anal .record .info-my p em { font-weight: 600; color: #ff2400; }
.anal .record .info-my p span { font-weight: 600; color: #0078ff; }

.data:after { display:block; content:''; clear:both; }
.data { padding: 10px 20px; }
.data .stitle { text-align: left; font-size: 1.1em; font-weight: 600; color: #222; letter-spacing: -1px; margin-bottom: 2px; }
.data .box { position:relative; width: 100%; padding: 10px; text-align: center; border: 1px solid #cacaca; background: #fff; border-radius: 4px; box-shadow: 0 2px 0 #eaeaea; margin-bottom: 20px; box-sizing: border-box;}
.data .box .btn-add { position: absolute; top: -28px; right: 0; width: 100px; height: 26px; line-height: 26px; border-radius: 4px; background: #53bb0d; text-align: center; font-size: 0.9em; font-weight: 600; color: #fff; letter-spacing: -1px;}
.data .box .btn-add img { display: inline-block; margin-top: -3px; }
.data .box .d-list { overflow: hidden; margin-bottom: 6px; }
.data .box .d-list .d-name { float: left; width: 69%; margin-right: 2%; height: 40px; background: #fff; border-bottom: 1px solid #eee; border-radius: 4px; }
.data .box .d-list .d-name p { text-align: left; padding-left: 15px; font-size: 1.3em; font-weight: 600; color: #222; letter-spacing: -1px; line-height: 39px; }
.data .box .d-list .d-num { float: left; width: 14%; margin-right: 1%; margin-right: 0; text-align: center; }
.data .box .d-list .d-num p { width: 40px; height: 40px; line-height: 37px; border: 1px solid #00bef2; background: #0dcbff; border-radius: 50%; text-align: center; font-size: 1.3em; font-weight: 600; color: #fff; letter-spacing: -1px; box-sizing: border-box;}
.data .box .d-list .d-add { float: left; width: 14%; margin-right: 0; text-align: center;}
.data .box .d-list .d-add p { width: 40px; height: 40px; padding-top: 8px; line-height: 100%; border: 1px solid #00bef2; background: #fff; border-radius: 50%; text-align: center; font-size: 0.9em; font-weight: 600; color: #00bef2; letter-spacing: -1px; box-sizing: border-box;}

.board-score3 { width: 100%; height: 100%; padding: 0; overflow: hidden; }
.board-score3 .s-etc { float: left; width: 6%; height: 100%; background: #f7f7f7; padding-top: 20px; }
.board-score3 .s-etc p { text-align: center; font-size: 0.9em; color: #000; font-weight: 500; letter-spacing: -1px; margin-bottom: 3px; line-height: 110%; word-break: break-all; }
.board-score3 .s-etc .s-on { display: block; margin:0 auto; width: 80%; height: 20px; border: 1px solid #007ee9; border-radius: 4px; background: #0094e9; font-size: 0.9em; color: #fff600; font-weight: 500; font-weight: 600; text-align: center;}
.board-score3 .s-etc .s-off { display: block; margin:0 auto; width: 80%; height: 20px; border: 1px solid #000; border-radius: 4px; background: #393939; font-size: 0.9em; color: #8a8a8a; font-weight: 500; font-weight: 600; text-align: center;}

.board-score3 .s-con { float: left; width: 94%; height: 100%; background: #000; padding: 0;  }
.board-score3 .s-con .s-sbox { overflow: hidden; width: 100%; height: 100%; position: relative; margin: 0 auto; background: #3e3e3e; }
.board-score3 .s-con .s-sbox .at-change { position: absolute; left: 50%; bottom: 25px; transform:translateX(-50%); }
.board-score3 .s-con .s-sbox .at-serve { position: absolute; left: 0; bottom: 0; width: 20%; height: 20px; background: #ffe400; }
.board-score3 .s-con .s-sbox .at-serve1 { position: absolute; left: 30%; bottom: 0; width: 20%; height: 20px; background: #ffe400; }
.board-score3 .s-con .s-sbox .at-serve2 { position: absolute; right: 30%; bottom: 0; width: 20%; height: 20px; background: #ff00d8; }
.board-score3 .s-con .s-sbox .at-serve3 { position: absolute; right:0; bottom: 0; width: 20%; height: 20px; background: #ff00d8; }


.board-score3 .s-con .s-sbox .s-bottom { position: fixed; left: 6%; bottom: 0; width: 94%; height: 50px; background-color: rgba(255, 255, 255, 0.2); overflow: hidden; }
.board-score3 .s-con .s-sbox .s-bottom .sa-left { float: left; width: 49.9%; position: relative; height: 50px; }
.board-score3 .s-con .s-sbox .s-bottom .sa-left table { width:100%; height: auto; border-collapse: collapse; }
.board-score3 .s-con .s-sbox .s-bottom .sa-left table tbody td { height: 30px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.board-score3 .s-con .s-sbox .s-bottom .sa-left table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50px; background: #ff00ba; margin-left: 5px; }
.board-score3 .s-con .s-sbox .s-bottom .sa-left table tbody td .serve { height: 18px; padding: 0; border: 0; }

.board-score3 .s-con .s-sbox .s-bottom .sa-right { float: right; width: 49.9%; position: relative; height: 50px;}
.board-score3 .s-con .s-sbox .s-bottom .sa-right table { width:100%; height: auto; border-collapse: collapse; z-index: 99999;}
.board-score3 .s-con .s-sbox .s-bottom .sa-right table tbody td { height: 30px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.board-score3 .s-con .s-sbox .s-bottom .sa-right table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50px; background: #7eff00; margin-left: 5px; }
.board-score3 .s-con .s-sbox .s-bottom .sa-right table tbody td .serve { height: 18px; padding: 0; border: 0; }

.board-score3 .s-con .s-sbox .s-left { float: left; width: 49.9%; height: 100%; background: #000; text-align: center; margin-top: -5px; position: relative; }
.board-score3 .s-con .s-sbox .s-left p { font-size: 85vh; color: #fff; font-weight: 500; letter-spacing: -16px; text-align: center; font-family: 'Roboto', sans-serif; line-height: 100%; }
/* 2019-12-28 추가 S  */
.board-score3 .s-con .s-sbox .s-left .sc { position: absolute; left: 50%; top: 5%; transform:translateX(-50%); width: 100%;}
.board-score3 .s-con .s-sbox .s-left .sc table { width:98%; height: auto; border-collapse: collapse; }
.board-score3 .s-con .s-sbox .s-left .sc table tbody td { padding: 0; text-align: center; border: 0; }
/* 2019-12-28 추가 E  */
.board-score3 .s-con .s-sbox .s-left .sa { position: absolute; left: 50%; bottom: 20%; transform:translateX(-50%); width: 100%;}
.board-score3 .s-con .s-sbox .s-left .sa table { width:100%; height: auto; border-collapse: collapse; }
.board-score3 .s-con .s-sbox .s-left .sa table tbody td { height: 24px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.board-score3 .s-con .s-sbox .s-left .sa table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50px; background: #ff00e4; margin-left: 5px; }

.board-score3 .s-con .s-sbox .s-center { float: left; width: 0.2%; height: 100%;}

.board-score3 .s-con .s-sbox .s-right { float: left; width: 49.9%; height: 100%; background: #000; text-align: center; margin-top: -5px;  position: relative; }
.board-score3 .s-con .s-sbox .s-right p { font-size: 85vh;  color: #fff; font-weight: 500; letter-spacing: -16px; text-align: center; font-family: 'Roboto', sans-serif; line-height: 100%; }
/* 2019-12-28 추가 S  */
.board-score3 .s-con .s-sbox .s-right .sc { position: absolute; left: 50%; top: 5%; transform:translateX(-50%); width: 100%;}
.board-score3 .s-con .s-sbox .s-right .sc table { width:98%; height: auto; border-collapse: collapse; }
.board-score3 .s-con .s-sbox .s-right .sc table tbody td { padding: 0; text-align: center; border: 0; }
/* 2019-12-28 추가 E  */
.board-score3 .s-con .s-sbox .s-right .sa { position: absolute; left: 50%; bottom: 20%; transform:translateX(-50%); width: 100%; }
.board-score3 .s-con .s-sbox .s-right .sa table { width:100%; height: auto; border-collapse: collapse; }
.board-score3 .s-con .s-sbox .s-right .sa table tbody td { height: 24px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.board-score3 .s-con .s-sbox .s-right .sa table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50px; background: #24ff00; margin-left: 5px; }

.board-score3 .s-con .s-sbox .hidden-bottom { position: absolute; left: 50%; bottom: 0; transform:translateX(-50%); z-index: 999999; }


.s-foot:after { display:block; content:''; clear:both; }
.s-foot { position: fixed; left: 6%; bottom: 0; background: #fff; opacity: 0.5; width: 100%; height: 80px; z-index: 99999; overflow: hidden;}
.s-foot .sf-left { position: relative;  float: left; width: 49.6%; text-align: center;  z-index: 999999;}
.s-foot .sf-left .sa table { width:100%; height: auto; border-collapse: collapse; }
.s-foot .sf-left .sa table tbody td { height: 30px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.s-foot .sf-left .sa table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50px; background: #ff00e4; margin-left: 5px; }
.s-foot .sf-left .sa table tbody td .team-serve { width: 100%; height: 10px; }

.s-foot .sf-right { position: relative; float: right; width: 49.6%; text-align: center;  z-index: 999999;}
.s-foot .sf-right .sa table { width:100%; height: auto; border-collapse: collapse; }
.s-foot .sf-right .sa table tbody td { height: 30px; padding: 0; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; border: 0; }
.s-foot .sf-right .sa table tbody td .show-serve { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50px; background: #24ff00; margin-left: 5px; }

.top-title:after { display:block; content:''; clear:both; }
.top-title { position: relative; width: 100%; height: 60px; padding: 10px 20px; background: #1f396a; border-bottom: 1px solid #12274f; margin-bottom: 30px; box-sizing: border-box;}
.top-title .mtitle { text-align: left; font-size: 1.7em; color: #fff; font-weight: 700; letter-spacing: -1px; padding-left: 40px; padding-top: 4px; }
.top-title .back { position: absolute; left: 20px; top: 17px; }
.top-title .back-del { position: absolute; right: 20px; top: 15px; }

.subt-btn:after { display:block; content:''; clear:both; }
.subt-btn { position: relative; width: 100%; padding: 15px 20px; background: #fff; }
.subt-btn ul { overflow: hidden; }
.subt-btn ul li { float: left; width: 25%; padding: 0 2px; text-align: center; box-sizing: border-box;}
.subt-btn ul li button { vertical-align: middle; width: 100%; height: 42px; padding: 0 2px; background: #00bef2; border-radius: 5px; text-align: center; font-size: 1.1em; color: #fff; font-weight: 600; letter-spacing: -1px; line-height: 120%; outline: 0; }
.subt-btn ul li .stitle { width: 100%; height: 44px; line-height: 43px; text-align: left; font-size: 1.8em; color: #333; font-weight: 600; letter-spacing: -1px; }
.subt-btn ul li:nth-child(1) { width: 34%; }
.subt-btn ul li:nth-child(2) { width: 22%; }
.subt-btn ul li:nth-child(3) { width: 22%; }
.subt-btn ul li:nth-child(4) { width: 22%; }


.s-tab:after { display:block; content:''; clear:both; }
.s-tab { padding: 0 20px; margin: 10px auto 30px; }
.s-tab ul { overflow: hidden; border-bottom: 1px solid #e3e3e3; background: #fff; }
.s-tab ul li { float: left; width: 25%; text-align: center; height: 40px; line-height: 38px; font-size: 1.1em; color: #2d2d2d; font-weight: 500; letter-spacing: -1px;}
.s-tab ul li.active { font-size: 1.3em; color: #000; font-weight: 600; border-bottom: 3px solid #000; }
.s-tab .listup { background:#f4f4f4; display: inline-block; width: 100%; height: 48px; text-align: center;}
.s-tab .listup p { display: inline-block; font-size: 1em; color: #5f5f5f; font-weight: 500; letter-spacing: -1px; line-height: 47px; margin-right: 10px;}
.s-tab .listup p.active { color: #000; font-weight: 600; }
.s-tab .listup2 { background:#f4f4f4; display: inline-block; width: 100%; height: 48px; text-align: center;}
.s-tab .listup2 p { display: inline-block; font-size: 1.3em; color: #5f5f5f; font-weight: 500; letter-spacing: -1px; line-height: 47px; margin-right: 20px;}
.s-tab .listup2 p.active { color: #000; font-weight: 600; }

.s-list:after { display:block; content:''; clear:both; }
.s-list { padding: 0 20px; margin: 30px auto; }


.s-tab2:after { display:block; content:''; clear:both; }
.s-tab2 { padding: 0 20px; margin: 10px auto; }
.s-tab2 ul { overflow: hidden; border-bottom: 1px solid #e3e3e3; background: #fff; }
.s-tab2 ul li { float: left; width: 33.3333%; text-align: center; height: 40px; line-height: 38px; font-size: 1.3em; color: #2d2d2d; font-weight: 500; letter-spacing: -1px;}
.s-tab2 ul li.active { font-size: 1.5em; color: #000; font-weight: 600; border-bottom: 3px solid #000; }

.table-list:after { display:block; content:''; clear:both; }
.table-list { padding: 0 20px; margin-bottom: 30px; }
.table-list table { width:100%; height: auto; border-collapse: collapse;}
.table-list table tbody tr { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;}
.table-list table tbody th { height: auto; padding: 8px 4px; background: #fff; font-size: 1.4em; font-weight: 600; color: #1b1b1b; text-align: left; line-height: 130%; letter-spacing: -1px; }
.table-list table tbody td { height: auto; padding: 8px 4px; font-size: 1.2em; text-align: center; color: #3a3a3a; letter-spacing: -1px;}

.table-list2:after { display:block; content:''; clear:both; }
.table-list2 { padding: 0 20px; margin-bottom: 30px; }
.table-list2 table { width:100%; height: auto; border-collapse: collapse;}
.table-list2 table tbody tr { border-top: 1px solid #707070; border-bottom: 1px solid #dedede;}
.table-list2 table tbody td { height: auto; padding: 10px 4px; font-size: 1.3em; text-align: center; color: #111; font-weight: 500; letter-spacing: -1px;}
.table-list2 table tbody td span { font-size: 1.2em; color: #333; font-weight: 500; letter-spacing: -1px; font-family: 'Roboto', sans-serif;}

.table-list3 { margin-bottom: 10px; }
.table-list3 table { width:100%; height: auto; border-collapse: collapse;}
.table-list3 table tbody th { height: auto; padding: 8px 10px; font-size: 1.2em; font-weight: 600; color: #2d2d2d; text-align: left; line-height: 140%; padding-left: 10px; border: 0;}
.table-list3 table tbody th em { font-size: 0.9em; font-weight: 500; }
.table-list3 table tbody td { height: auto; padding: 4px 0; font-size: 1.1em; text-align: left; color: #3a3a3a; border: 0; background: #fff; }
.table-list3 table tbody .tbox { padding: 10px 20px; width:100%; margin:0 auto; border-radius: 4px; border: 1px solid #cdcdcd; overflow-y: auto; height: 100px; color:#9c9c9c; font-size:1em; font-weight: 300; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 10px;}
.table-list3 table tbody .tbox strong { color:#595959; font-size: 1.2em; font-weight: 600;}

.table-list4:after { display:block; content:''; clear:both; }
.table-list4 { padding: 0; margin-bottom: 30px; }
.table-list4 table { width:100%; height: auto; border-collapse: collapse;}
.table-list4 table thead th { height: auto; padding: 10px 0; background: #f9fcfe; font-size: 1.2em; font-weight: 600; color: #1b1b1b; text-align: center; line-height: 130%; letter-spacing: -1px; border-top: 2px solid #4a4a4a; border-bottom: 1px solid #868686;}
.table-list4 table tbody tr { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;}
.table-list4 table tbody td { height: auto; padding: 6px 2px 8px; font-size: 1.1em; text-align: center; color: #3a3a3a; letter-spacing: -1px;}
.table-list4 table tbody td em { font-size: 1.2em; color: #111; font-weight: 600; letter-spacing: -1px;}


.input-1 { height: 36px; background: #fff; padding:0 10px; font-size: 1.4em; font-weight: 400; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -1px; vertical-align: middle; }
.input-2 { height: 44px; background: #fff; background: #f6f6f6; padding:0 10px; border-radius: 5px; font-size: 1.5em; font-weight: 400; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -1px; vertical-align: middle; }
.input-3 { height: 40px; background: #fff; padding:0 10px; font-size: 1.5em; font-weight: 400; border-radius: 4px; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -1px; vertical-align: middle; }
.input-4 { height: 48px; background: #fff; padding:0 10px; font-size: 1.5em; font-weight: 500; border-radius: 5px; border: 0; border-bottom: 1px solid #bbb; color: #111; letter-spacing: -0.5px; vertical-align: middle; }
.input-5 { height: 40px; background: #fff; padding:0 10px; font-size: 1.2em; font-weight: 500; border-radius: 4px; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -0.5px; vertical-align: middle; }
.input-regi { height: 48px; background: #fff; padding:0 10px; font-size: 1.4em; font-weight: 500; border: 0; border-bottom:1px solid #e3e3e3; color: #161616; letter-spacing: -1px; vertical-align: middle; }
.input-regi2 { height: 48px; background: #fff; text-align: center; padding:0 2px; font-size: 1.2em; font-weight: 500; border: 0; border-bottom:1px solid #e3e3e3; color: #161616; letter-spacing: -1px; vertical-align: middle; }

.input-num { width: 36px; height: 30px; line-height: 28px; background: #fff; font-size: 1.2em; font-weight: 500; text-align: center; border-radius: 4px; border:1px solid #787878; color: #000; letter-spacing: -0.5px; vertical-align: middle; }

.select-1 { height: 40px; background: #fff; padding:0 10px; font-size: 1.2em; font-weight: 500; border-radius: 4px; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -0.5px; vertical-align: middle; outline: none;}
.select-2 { height: 58px; background: #f7f8fb; padding:0 20px; font-size: 1.8em; font-weight: 700; border-radius: 30px; border: 0; color: #47587f; letter-spacing: -2px; vertical-align: middle; outline: none;}
.select-3 { height: 48px; background: #fff; padding:0 10px; font-size: 1.5em; font-weight: 500; border-radius: 5px; border: 0; border-bottom: 1px solid #bbb; color: #777; letter-spacing: -0.5px; vertical-align: middle; outline: none;}
.select-4 { height: 32px; background: #fff; padding:0 10px; font-size: 1.2em; font-weight: 500; border-radius: 4px; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -0.5px; vertical-align: middle; }
.select-5 { display: inline-block; height: 24px; background: #838383; padding:0 4px; font-size: 0.8em; font-weight: 500; border-radius: 4px; border: 0; color: #fff; letter-spacing: -0.5px; vertical-align: middle; margin: 10px 0 8px 0 ; }

.textarea { display: block; width: 100%; background: #fff; padding: 8px; font-size:1.2em; border-radius: 4px; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -0.5px; font-weight: 500; vertical-align: middle; line-height: 130%;}
.textarea-1 { display: block; width: 100%; background: #fff; padding: 10px; font-size: 1.5em; font-weight: 500; border-radius: 5px; border: 0; border-bottom: 1px solid #bbb; color: #111; letter-spacing: -0.5px; vertical-align: middle; line-height: 130%; outline: none;}


.checkbox { position: absolute;left:-9999px;}
.checkbox + label { height: 24px;  line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 26px; font-size:1.4em; color: #282828; font-weight: 500; letter-spacing: -1px; margin-right: 12px; }
.checkbox:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0; color: #0f7b32; font-weight: 600;}
.checkbox[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox1 { position: absolute;left:-9999px;}
.checkbox1 + label { height: 20px;  line-height: 19px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox1_off.png) no-repeat 0 0; padding-left: 24px; font-size:1.1em; color: #5a5a5a; letter-spacing: -1px; margin-right:12px;}
.checkbox1:checked + label { background: url(../img/common/checkbox1_on.png) no-repeat 0 0; color: #333; font-weight: 500;}
.checkbox1[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox2 { position: absolute;left:-9999px;}
.checkbox2 + label { height: 20px;  line-height: 120%; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 22px; font-size:1.2em; color: #999; letter-spacing: -1px; font-weight: 400; }
.checkbox2:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0; font-size:1.2em; color: #00c1da; font-weight: 600; letter-spacing: -1px;}

.checkbox3 { position: absolute;left:-9999px;}
.checkbox3 + label { height: 24px;  line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 26px; font-size:1.4em; color: #282828; font-weight: 500; letter-spacing: -1px; margin: 0 15px 10px 0; }
.checkbox3:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0; color: #0f7b32; font-weight: 600;}
.checkbox3[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox4 { position: absolute;left:-9999px; }
.checkbox4 + label { height: 24px; line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox4_off.png) no-repeat 0 0; padding-left: 32px; font-size:1.5em; color: #282828; font-weight: 500; letter-spacing: -1px; margin: 0 15px 0 0; }
.checkbox4:checked + label { background: url(../img/common/checkbox4_on.png) no-repeat 0 0; color: #000; font-weight: 600;}
.checkbox4[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox5 { position: absolute;left:-9999px; }
.checkbox5 + label { height: 24px; line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox5_off.png) no-repeat 0 0; padding-left: 24px; font-size:1.5em; color: #282828; font-weight: 500; letter-spacing: -1px; margin: 0 1px 0 0; }
.checkbox5:checked + label { background: url(../img/common/checkbox5_on.png) no-repeat 0 0; color: #000; font-weight: 600;}
.checkbox5[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox6 { position: absolute;left:-9999px; }
.checkbox6 + label { height: 24px; line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox6_off.png) no-repeat 0 0; padding-left: 24px; font-size:1.5em; color: #282828; font-weight: 500; letter-spacing: -1px; margin: 0 1px 0 0; }
.checkbox6:checked + label { background: url(../img/common/checkbox6_on.png) no-repeat 0 0; color: #000; font-weight: 600;}
.checkbox6[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox7 { position: absolute;left:-9999px; }
.checkbox7 + label { height: 24px; line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox5_off.png) no-repeat 0 0; padding-left: 30px; font-size:1.4em; color: #282828; font-weight: 500; letter-spacing: -1px; margin: 0 15px 0 0; }
.checkbox7:checked + label { background: url(../img/common/checkbox5_on.png) no-repeat 0 0; color: #000; font-weight: 600;}
.checkbox7[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.btn-square { display:inline-block; vertical-align:middle; font-size: 1em; color: #fff; text-align: center; font-weight: 600; background: #00c1da; height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px;}
.btn-white { display:inline-block; vertical-align:middle; padding:8px 15px; border:1px solid #0096ff; font-size:15px; font-weight:600; background:#fff; color:#0096ff; }
.btn-blue { display:inline-block; vertical-align:middle; padding:8px 15px; border:1px solid #0096ff; font-size:15px; font-weight:600; background:#0096ff; color:#fff; }
.btn-mint { display:inline-block; vertical-align:middle; text-align: center; width: 86px; height: 24px; line-height: 23px; border-radius: 30px; background: #00c1da; font-size:1.1em; font-weight:400; background:#00c1da; color:#fff; margin: -2px 10px 2px 0; }
.btn-mint2 { display:inline-block; vertical-align:middle; text-align: center; width: 52px; height: 22px; line-height: 21px; border-radius: 50px; font-size:1em; font-weight:400; background:#00c1da; color:#fff; margin: 0 4px 4px 0; }
.btn-mint3 { display:inline-block; vertical-align:middle; width:34px; height:28px; line-height:27px; border: 1px solid #00c1da; border-radius: 5px; text-align:center; font-size:1em; font-weight:500; color:#00c1da; letter-spacing: -1px; background:#fff; }
.btn-mint4 { display:inline-block; vertical-align:middle; text-align: center; width: 86px; height: 24px; line-height: 23px; border-radius: 30px; background: #00c1da; font-size:0.8em; font-weight:400; background:#00c1da; color:#fff; margin: -2px 10px 2px 0; }
.btn-mint5 { display:inline-block; vertical-align:middle; text-align: center; width: 52px; height: 24px; line-height: 23px; border-radius: 50px; font-size:1.2em; font-weight:500; background:#00c1da; color:#fff; margin: 0 4px 4px 0; }
.btn-cal { display: inline-block; vertical-align: middle; height: 24px; line-height: 22px; padding: 0 6px; border: 1px solid #5d5d5d; border-radius:8px; text-align: center; background: #fff; font-size:1.1em; color: #5d5d5d; letter-spacing: -1px; font-weight: 500;}
.btn-cal1 { display: inline-block; vertical-align: middle; width: 40px; height: 23px; line-height: 22px; border-radius:8px; text-align: center; background: #00c1da; font-size:1.1em; color: #fff; font-weight: 500; margin-right: 2px;}
.btn-cal2 { display: inline-block; vertical-align: middle; width: 40px; height: 25px; line-height: 23px; border-radius:8px; border: 1px solid #d2d2d2;  text-align: center; background: #fff; font-size:1.1em; color: #646464; font-weight: 500; margin-right: 2px;}
.btn-m01 { display: inline-block; vertical-align: middle; height: 50px; padding: 0 50px; line-height: 49px; border-radius: 30px; background: #00bef2; text-align: center; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0;}
.btn-m011 { display: inline-block; vertical-align: middle; height: 40px; padding: 0 50px; line-height: 39px; border-radius: 30px; background: #8e8e8e; text-align: center; font-size: 1.4em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0;}
.btn-login { display: inline-block; vertical-align: middle; height: 50px; width: 100%; line-height: 49px; border-radius: 5px; background: #009afa; text-align: center; font-size: 1.6em; color: #fff; font-weight: 700; letter-spacing: -1px; outline: none; }
.btn-join { display: inline-block; vertical-align: middle; height: 50px; width: 100%; line-height: 47px; border: 1px solid #009afa; border-radius: 5px; background: #fff; text-align: center; font-size: 1.6em; color: #009afa; font-weight: 700; letter-spacing: -1px; outline: none; box-sizing: border-box; }
.btn-pw { display: inline-block; vertical-align: middle; height: 34px; padding: 0 10px; line-height: 32px; border-radius: 5px; border: 1px solid #009afa; background: #fff; text-align: center; font-size: 1em; color: #009afa; font-weight: 500; letter-spacing: -1px; outline: none; box-sizing: border-box; }
.btn-rule { display: inline-block; vertical-align: middle; height: 34px; padding: 0 10px; line-height: 32px; border-radius: 5px; border: 1px solid #cdcdcd; background: #fff; text-align: center; font-size: 1em; color: #333; font-weight: 500; letter-spacing: -1px; outline: none; box-sizing: border-box; }
.btn-list { display: inline-block; vertical-align: middle; border: 1px solid #555; height: 32px; padding: 0 30px; line-height: 31px; border-radius: 30px; background: #fff; text-align: center; font-size: 1.1em; color: #111; font-weight: 500; letter-spacing: -1px; outline: none; box-sizing: border-box; }

.btn-pop1 { display: inline-block; vertical-align: middle; width: 100px; height: 40px; line-height: 39px; border-radius: 30px; background: #787878; text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0;}
.btn-pop2 { display: inline-block; vertical-align: middle; width: 100px; height: 40px; line-height: 39px; border-radius: 30px; background: #8c8c8c; text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0;}
.btn-s01 { display: inline-block; vertical-align: middle; width: 40px; height: 28px; line-height: 27px; border: 1px solid #5c5c5c; border-radius: 5px; text-align: center; background: #7a7a7a; font-size:0.9em; color: #fff; letter-spacing: -1px; font-weight: 600;}
.btn-s02 { display: inline-block; vertical-align: middle; width: 40px; height: 28px; line-height: 27px; border: 1px solid #209546; border-radius: 5px; text-align: center; background: #fff; font-size:0.9em; color: #209546; letter-spacing: -1px; font-weight: 600;}
.btn-sdel { display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 25px; border: 1px solid #717171; border-radius: 50%; text-align: center; background: #fff; font-size:0.9em; color: #717171; letter-spacing: -1px; font-weight: 600; outline: 0;}
.btn-srate { display: inline-block; vertical-align: middle; width: 48px; height: 22px; line-height: 20px; border: 1px solid #00bef2; border-radius: 5px; text-align: center; background: #fff; font-size:1em; color: #00bef2; font-weight: 600; font-family: 'Roboto', sans-serif; letter-spacing: -1px; font-weight: 600; margin-top: 3px;}
.btn-regi { display: inline-block; vertical-align: middle; height: 36px; padding: 0 16px; line-height: 35px; border-radius: 30px; background: #00bef2; text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0; }
.btn-regi2 { display: inline-block; vertical-align: middle; height: 36px; padding: 0 16px; line-height: 35px; border-radius: 30px; background: #528fff; text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0; }

.btn-add-s { display: inline-block; vertical-align: middle; padding: 0 20px; height: 30px; background: #767b87; border-radius: 2px; border: 1px solid #696f7b; font-size: 14px; color: #fff; text-align: left; font-weight: 500; letter-spacing: -0.7px; outline: none;}
.btn-add-s:hover { border: 1px solid #404551; background: #4e535f; }

.btn-bsearch { display: inline-block; vertical-align: middle; width: 99%; height: 40px; line-height: 39px; border-radius: 4px; background: #333; text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; }
.btn-bday { display: inline-block; vertical-align: middle; width: 99%; height: 40px; line-height: 39px; border: 1px solid #9c9c9c; border-radius: 4px; background: #fff; text-align: center; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; }
.btn-all { display:inline-block; vertical-align:middle; width: 100%; height: 30px; font-size: 1em; color: #222; text-align: center; font-weight: 500; background: #e9e9e9; border-radius: 2px; line-height: 29px; letter-spacing:-1px; margin: 10px auto;}

.btn-t01 { display: inline-block; vertical-align: middle; width: 100%; height: 40px; line-height: 39px; border-radius: 5px; background: #00bef2; text-align: center; font-size: 1.5em; color: #fff; font-weight: 600; letter-spacing: -1px; outline: 0;}
.btn-m02 { display: inline-block; vertical-align: middle; height: 34px; padding: 0 10px; line-height: 32px; border-radius: 30px; border: 1px solid #00bef2; background: #fff; text-align: center; font-size: 1em; color: #00bef2; font-weight: 500; letter-spacing: -1px; outline: 0; }
.btn-m022 { display: inline-block; vertical-align: middle; height: 74px; padding-top: 6px; line-height: 160%; border-radius: 4px; border: 2px solid #d4d4d4; background: #fff; text-align: center; font-size: 1.2em; color: #2f2f2f; font-weight: 500; letter-spacing: -1px; margin-right: 3px; outline: 0; }
.btn-m03 { display: inline-block; vertical-align: middle; height: 36px; padding: 0 30px; line-height: 32px; border-radius: 5px; text-align: center; border: 2px solid #530f86; background: #fff; font-size: 1.2em; color: #530f86; letter-spacing: -1px; font-weight: 500;}
.btn-m04 { display: inline-block; vertical-align: middle; height: 30px; padding: 0 20px; line-height: 28px; border-radius: 5px; text-align: center; border: 1px solid #9b9b9b; background: #fff; font-size: 1.2em; color: #333; letter-spacing: -1px; font-weight: 500;}
.btn-m05 { display: inline-block; vertical-align: middle; height: 28px; padding: 0 10px; line-height: 27px; border: 1px solid #b9b9b9; border-radius: 30px; background: #fff; text-align: center; font-size: 1.1em; color: #a5a5a5; font-weight: 400; letter-spacing: -1px; margin-top: -15px; }
.btn-m055 { display: inline-block; vertical-align: middle; height: 28px; padding: 0 5px; line-height: 27px; border: 0; border-radius: 30px; background: #fff; text-align: center; font-size: 1.1em; color: #a5a5a5; font-weight: 400; letter-spacing: -1px; margin-top: -15px; }
.btn-m06 { display: inline-block; vertical-align: middle; height: 22px; padding: 0 6px; line-height: 19px; border: 1px solid #b9b9b9; border-radius: 5px; background: #fff; text-align: center; font-size: 13px; color: #a5a5a5; font-weight: 400; letter-spacing: -1px; margin-left: 5px; margin-top: -3px; }
.btn-dl { display: inline-block; vertical-align: middle; height: 30px; padding: 0 10px; line-height: 28px; border-radius: 5px; text-align: center; border: 1px solid #9b9b9b; background: #fff; font-size: 1.2em; color: #333; letter-spacing: -1px; font-weight: 500;}
.btn-can { display: inline-block; vertical-align: middle; height: 26px; padding: 0 10px; line-height: 24px; border-radius: 4px; text-align: center; background: #909090; font-size: 1em; color: #fff; letter-spacing: -1px; font-weight: 500; margin-left: 10px;}
.btn-mon { display: inline-block; vertical-align: middle; height: 30px; padding: 0 20px; line-height: 25px; border-radius: 30px; text-align: center; border: 2px solid #530f86; background: #fff; font-size: 14px; color: #530f86; letter-spacing: -1px; font-weight: 500;}
.btn-ming { display: inline-block; vertical-align: middle; height: 30px; padding: 0 20px; line-height: 25px; border-radius: 30px; text-align: center; border: 2px solid #8d8d8d; background: #fff; font-size: 14px; color: #626262; letter-spacing: -1px; font-weight: 500;}
.btn-line { display: inline-block; vertical-align: middle; width: 120px; height: 48px;line-height: 46px; border: 1px solid #7f7f7f; border-radius: 5px; text-align: center; background: #fff; font-size: 20px; color: #474747; letter-spacing: -1px; font-weight: 600;}
.btn-normal1 { display: inline-block; vertical-align: middle; height: 50px; line-height: 48px; border-radius: 5px; padding: 0 40px; text-align: center; background: #333; font-size: 20px; color: #fff; letter-spacing: -1px; font-weight: 600;}
.btn-normal2 { display: inline-block; vertical-align: middle; width: 120px;  height: 48px; line-height: 46px; border-radius: 5px; text-align: center; background: #530f86; font-size: 20px; color: #fff; letter-spacing: -1px; font-weight: 600;}
.btn-prev { display: inline-block; vertical-align: middle; width: 100%; height: 48px; line-height: 47px; border: 1px solid #530f86; border-radius: 5px; background: #fff; text-align: center; font-size: 1.8em; color: #530f86; font-weight: 600; letter-spacing: -1px; }
.btn-cment {display: inline-block; vertical-align: middle; background: #7d8182; width: 60px; height: 30px; text-align: center; font-size:1.2em; color:#fff; line-height: 29px; letter-spacing: -1px; border-radius: 4px; font-weight: 500; }
.btn-cancel-v { display: inline-block; vertical-align: middle; width: 100%; height: 50px; line-height: 49px; border-radius: 5px; background: #333; text-align: center; font-size: 1.3em; color: #fff; font-weight: 500; letter-spacing: -1px; }
.btn-effect:active { background: #0e3483; }
.btn-effect2:active { background: #373737; }
.btn-effect3:active { background: #0e3483; color: #fff; border: 0;}

.main-onair:after { display:block; content:''; clear:both; }
.main-onair { padding: 16px 20px 10px; background: #f8f8f8; }
.main-onair ul { padding: 0; }
.main-onair ul li { float: left; width: 40%; height: 40px; margin-right: 1%; margin-bottom: 6px; border-radius: 2px; padding: 0; text-align: center; }
.main-onair ul li .name { display: inline-block; font-size: 1.3em; color: #1d2022; font-weight: 600; letter-spacing:-1px; line-height: 39px; }
.main-onair ul li:nth-child(4n) { width: 7%; margin-right: 0; padding-top: 6px; text-align: right;}
.main-onair ul li:nth-child(2) { width: 9%; margin-right: 1%; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-onair ul li:nth-child(6) { width: 9%; margin-right: 1%; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-onair ul li:nth-child(10) { width: 9%; margin-right: 1%; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-onair ul li:nth-child(14) { width: 9%; margin-right: 1%; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-onair ul li:nth-child(18) { width: 9%; margin-right: 1%; font-size: 1em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}

.main-on:after { display:block; content:''; clear:both; }
.main-on { padding: 0 20px; }
.main-on .box { width: 100%; }
.main-on .box ul { padding: 0; overflow: hidden; margin-bottom: 8px; padding: 2px 6px; background: #00b1f2; border-radius: 5px; box-shadow: 1px 2px #e2e2e2; }
.main-on .box ul li { float: left; width: 40%; height: 38px; margin-right: 1%; border-radius: 2px; padding: 0; text-align: center; font-size: 19px; font-weight: 600; color: #ffe400;}
.main-on .box ul li .name { display: inline-block; border: 0; font-size: 1em; color: #fff; font-weight: 600; letter-spacing:-2px; line-height: 36px; }
.main-on .box ul li:nth-child(4n) { width: 7%; margin-right: 0; padding-top: 2px; text-align: right;}
.main-on .box ul li:nth-child(2) { width: 10%; margin-right: 1%; font-size: 1em; font-weight: 600; letter-spacing: -1px; line-height: 36px; text-align: center;}
.main-on .box ul li:nth-child(6) { width: 3%; margin-right: 1%; font-size: 1em; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-on .box ul li:nth-child(10) { width: 3%; margin-right: 1%; font-size: 1em; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-on .box ul li:nth-child(14) { width: 3%; margin-right: 1%; font-size: 1em; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}
.main-on .box ul li:nth-child(18) { width: 3%; margin-right: 1%; font-size: 1em; font-weight: 600; letter-spacing: -1px; line-height: 39px; text-align: center;}

.blinking {
	-webkit-animation:blink 0.4s ease-in-out infinite alternate;
    -moz-animation:blink 0.4s ease-in-out infinite alternate;
    animation:blink 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.main-stat:after { display:block; content:''; clear:both; }
.main-stat { padding: 0 20px; }
.main-stat table { width:100%; height: auto; border-collapse: collapse; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b;}
.main-stat table thead th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; background: #f8f8f8; line-height: 120%; }
.main-stat table thead td { height: auto; padding: 6px 2px; text-align: center; font-size: 1.2em; font-weight: 400; color: #494949; letter-spacing: -1px; }
.main-stat table tbody th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 500; color: #1b1b1b; letter-spacing: -1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.main-stat table tbody td { height: auto; padding: 6px 2px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.4em; font-weight: 400; color: #0f0f0f; letter-spacing: -1px; border-top: 1px solid #eee; border-bottom: 1px solid #eeee;}

.main-stat2:after { display:block; content:''; clear:both; }
.main-stat2 { padding: 0 20px; }
.main-stat2 table { width:100%; height: auto; border-collapse: collapse; border: 0; }
.main-stat2 table thead th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; background: #f8f8f8; line-height: 120%; }
.main-stat2 table thead td { height: auto; padding: 6px 2px; text-align: center; font-size: 1.2em; font-weight: 400; color: #494949; letter-spacing: -1px; }
.main-stat2 table tbody th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 500; color: #1b1b1b; letter-spacing: -1px; border: 0; }
.main-stat2 table tbody td { height: auto; padding: 6px 2px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.4em; font-weight: 400; color: #0f0f0f; letter-spacing: -1px; border: 0;}


.main1-stat:after { display:block; content:''; clear:both; }
.main1-stat { padding: 0 20px; }
.main1-stat table { width:100%; height: auto; border-collapse: collapse; border: 0;}
.main1-stat table thead th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; line-height: 120%; }
.main1-stat table thead td { height: auto; padding: 6px 2px; text-align: center; font-size: 1.2em; font-weight: 400; color: #494949; letter-spacing: -1px; }
.main1-stat table tbody th { height: auto; text-align: center; padding: 4px;}
.main1-stat table tbody td { height: auto; text-align: center; padding: 4px;}

.main2-stat:after { display:block; content:''; clear:both; }
.main2-stat { padding: 0 20px; }
.main2-stat table { width:100%; height: auto; border-collapse: collapse; border: 0; }
.main2-stat table thead th { height: auto; padding: 6px 2px; text-align: center; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; line-height: 120%; }
.main2-stat table thead td { height: auto; padding: 6px 2px; text-align: center; font-size: 1.2em; font-weight: 400; color: #494949; letter-spacing: -1px; }
.main2-stat table tbody th { height: auto; text-align: center; padding: 4px; }
.main2-stat table tbody td { height: auto; text-align: center; padding: 4px;}

.circle { display: inline-block; vertical-align: middle; width: 76px; height: 76px; border: 1px solid #d8d8d8; border-radius: 50%; line-height: 74px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.4em; font-weight: 400; color: #0f0f0f; letter-spacing: -1px; }
.circle2 { display: inline-block; vertical-align: middle; width: 76px; height: 76px; border: 1px solid #242424; border-radius: 50%; line-height: 74px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.4em; font-weight: 600; color: #0f0f0f; letter-spacing: -1px; }
.circle3 { display: inline-block; vertical-align: middle; width: 76px; height: 76px; border: 1px solid #00b1f2; background: #00bef2; border-radius: 50%; line-height: 74px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.4em; font-weight: 600; color: #fff; letter-spacing: -1px; }
.circle4 { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: #fff; border-radius: 50%; line-height: 21px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight: 600; color: #00a5f2; letter-spacing: -1px; }
.circle5 { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: #165890; border-radius: 50%; line-height: 38px; text-align: center; font-size: 1em; font-weight: 500; color: #fff; letter-spacing: -1px; }

.square { display: inline-block; vertical-align: middle; width: 50px; height: 28px; background: #bcbcbc; border-radius: 4px; line-height: 27px; text-align: center; font-size: 1.1em; font-weight: 500; color: #fff; letter-spacing: -1px; }
.square2 { display: inline-block; vertical-align: middle; width: 50px; height: 28px; background: #2a2a2a; border-radius: 4px; line-height: 27px; text-align: center; font-size: 1.1em; font-weight: 600; color: #fff; letter-spacing: -1px; }
.square22 { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #2a2a2a; border-radius: 4px; padding-top: 10px; line-height: 110%; text-align: center; font-size: 1.1em; font-weight: 600; color: #fff; letter-spacing: -1px;}
.square3 { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #00bef2; border-radius: 4px; padding-top: 10px; line-height: 110%; text-align: center; font-size: 1.1em; font-weight: 600; color: #fff; letter-spacing: -1px; word-break: keep-all;}
.square-h { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #bcbcbc; border-radius: 4px; line-height: 48px; text-align: center; font-size: 1.1em; font-weight: 500; color: #fff; letter-spacing: -1px; }

.bor-r { border-right: 1px solid #dedede; }
.bor-l { border-left: 1px solid #dedede; }
.bor-t { border-top: 1px solid #dedede; }
.bor-b { border-bottom: 1px solid #dedede; }
.bor-circle { border-radius: 50px 50px 0 0; }
.bor-bg { background-image: url("../img/common/bor_bg.png"); background-size: contain 0 0; background-position: center; background-repeat: no-repeat;}

.bor-ellipse:after { display:block; content:''; clear:both; }
.bor-ellipse { height: 181px; padding: 8px 0 0 0; text-align: center; background-image: url("../img/common/bor_bg.png"); background-size: contain 0 0; background-position: center; background-repeat: no-repeat;}

.square4 { display: inline-block; width: 100%; height: 52px; border: 1px solid #cdcdcd; background: #f8f8f8; padding:6px 10px; font-size: 1.1em; font-weight: 500; line-height: 130%; border-radius: 4px; color: #222; letter-spacing: -0.5px;  }
.square4 em { font-size: 1.4em; font-weight: 600; color: #199fdd; letter-spacing: -0.5px;  }
.square5 { display: inline-block; width: 100%; border: 1px solid #00bef2; background: #eefbff; padding:10px; font-size: 1.2em; font-weight: 500; line-height: 130%; border-radius: 4px; color: #000; letter-spacing: -0.5px;  }
.square5 em { font-size: 1.5em; font-weight: 600; color: #115db2; letter-spacing: -0.5px;  }


.mid-vs { padding: 5px 20px; }
.mid-vs .c-vs { padding-left: 10%; margin: 0 auto; text-align: center;}
.mid-vs .c-vs p { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #5aaf1c; border-radius: 50%; text-align: center; line-height: 45px; font-size: 2.4em; font-weight: 600; color: #fff; letter-spacing: -1px;}


/* FAQ */
.faq { padding: 0 20px; margin-bottom: 50px; }
.faq .sub-ft { padding: 0 0 0 5px; margin-bottom: 5px; }
.faq .sub-ft p { font-size: 1.2em; color: #00c1da; font-weight: 600; letter-spacing: -1px; line-height: 150%; text-align: left; }
.faq ul {  }
.faq ul li { border: 1px solid #d8d8d8; margin: 12px 0; background: #fff; border-radius: 5px; box-shadow: 0 2px 0 #e5e6e6;}
.faq ul li.active { border: 1px solid #00bef2; border-radius: 5px; box-shadow: 0 2px 0 #e5e6e6;}

.faq ul li a { display:block; overflow:hidden; font-size:1.2em; color:#5d5d5d; font-weight: 500; line-height: 130%; letter-spacing: -1px; padding:10px 30px 10px 10px; position:relative; background:#fff url(../img/common/list_down.png) no-repeat 98% 50%; background-size: 20px 12px;}
.faq ul li a em { display: inline-block; height: 22px; padding: 0 6px; border-radius: 4px; background: #00bef2; line-height: 21px; font-size:0.8em; color:#fff; font-weight: 600; margin-left: 6px; }
.faq ul li a .title { display: inline-block; font-size:1.1em; color:#000; font-weight: 600; margin-right: 6px; }

.faq ul li a strong { position:absolute; left:31px; top:18px; font-size:1.2em; color:#0096ff; }
.faq ul li a + .a { display:none; padding:10px; background:#fff; position:relative;  }
.faq ul li a + .a .txt { text-align: left; font-size:1.5em; letter-spacing: -1px; font-weight: 500; line-height: 150%; color:#5d5d5d; margin-bottom: 5px; }
.faq ul li a + .a .txt img { display: inline-block; margin: -2px 2px 0 0; }

.faq ul li.active a + .a { display:block; }
.faq ul li.active a {  color: #5d5d5d; background: #f4fcfe url(../img/common/list_up.png) no-repeat 98% 50%; background-size: 20px 12px; }
.faq ul li.active a em { height: 22px; padding: 0 6px; border-radius: 4px; border: 1px solid #fff; line-height: 20px; font-size:0.8em; color:#fff; }
.faq ul li.active a .title { color:#000; }

.faq2 { padding:0 20px; background:#fff; margin: 0 auto 20px; }
.faq2 ul { padding: 10px 0 0; }
.faq2 ul li { }
.faq2 ul li a { display:block; padding: 14px 0 14px 6px; font-size: 1.3em; line-height: 130%; color:#181818; letter-spacing:-1px; font-weight: 500; position:relative; border-bottom: 1px solid #e3e3e3;  }
.faq2 ul li:first-child a { border-top: 1px solid #e3e3e3; }

.faq2 ul li a strong { font-family:'Roboto','Noto Sans KR', sans-serif; color:#1f396a;}
.faq2 ul li .a { display:none; padding:10px; position:relative; border-bottom: 1px solid #e3e3e3; }

.faq2 ul li .a p {  padding: 5px 10px; font-size: 1.2em; line-height: 180%; color:#181818; font-weight: 400; word-break: break-all;}
.faq2 ul li .a strong { font-family:'Roboto','Noto Sans KR', sans-serif; color:#383838; }
.faq2 ul li a:before { content:''; position:absolute; right:10px; top:50%; margin-top:-6px; width:8px; height:8px; border-left:1px solid #1f396a; border-bottom:1px solid #1f396a; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);  }
.faq2 ul li.active .a { display:block; }
.faq2 ul li.active a:before { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:-3px; }


.notice:after { display:block; content:''; clear:both; }
.notice { padding: 0px 20px; margin: 0 auto 10px; border-top: 3px solid #e1e1e1;}
.notice .n-title { position:relative; border-bottom: 1px solid #e0e0e0; text-align: left; font-size: 1.7em; color: #000; font-weight: 700; letter-spacing: -2px; padding: 15px 0 5px; margin-bottom: 5px;}
.notice .n-title .n-more { position:absolute; right: 2px; top: 12px; }
.notice .active { background: #fff;}
.notice .article { padding: 6px; }
.notice .active { background: #fff;}
.notice .article .subj { font-size: 1.2em; color: #181818; font-weight: 400; letter-spacing: -1px; text-align: left; margin-bottom: 5px; word-break: break-all;}
.notice .article .subj a { color: #181818; }
.notice .article .txt { height: 26px; word-break: break-all;}
.notice .article .txt p { display: inline-block; font-size: 1.1em; color: #b9b9b9; margin-right: 4px; padding-top: 6px; word-break: break-all;}
.notice .article .txt span { display: inline-block; font-size: 1.1em; margin-right: 15px; color: #7d7d7d; font-family: 'Roboto', sans-serif; }

.notice .article-view { padding: 10px; margin-bottom: 10px; }
.notice .article-view p { font-size: 1.2em; color: #333; line-height: 150%; word-break: break-all;}
.notice .etc { padding: 0 10px; overflow: hidden; margin-top: 20px; }
.notice .etc .pre { float: left; font-size: 1.5em; color: #333; font-weight: 500; }
.notice .etc .nex { float: right; font-size: 1.5em; color: #333; font-weight: 500; }

.table-n { padding: 20px; margin-bottom: 20px; }
.table-n table { width:100%; border-collapse: collapse;}
.table-n table thead th { padding: 14px 0; font-size: 1.2em; font-weight: 500; color: #fff; text-align: center; background: #4c4c4c; }
.table-n table tbody td { padding: 10px 0; font-size: 1em; text-align: center; color: #3a3a3a; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; letter-spacing: -1px; }
.table-n table tbody td p { text-align: left; font-size: 1.2em; padding-left: 6px; font-weight: 400; color: #262626; letter-spacing: -1px; }
.table-n table tbody td a { font-size: 1em; color: #530f86; letter-spacing: -0.5px; }

.notice-list { padding: 0 20px; margin-bottom: 20px; }
.notice-list .st-title { padding-left: 8px; text-align: left; font-family:'Roboto', sans-serif; font-size: 18px; color: #1f1f1f; font-weight: 500; line-height: 150%; letter-spacing: -1px; }
.notice-list table { width:100%; border-collapse: collapse; border-top: 1px solid #aeaeae; }
.notice-list table thead th { font-family:'Roboto','Noto Sans KR', sans-serif; padding: 16px 0; background: #f6f7f8; border-bottom: 1px solid #aeaeae; text-align: center; font-size: 1.5em; color: #111; font-weight: 500; line-height: 120%; letter-spacing: -1px; word-break: break-all;}
.notice-list table tbody td { font-family:'Roboto','Noto Sans KR', sans-serif; padding: 12px 8px; font-size: 1.3em; color: #383636; line-height: 120%; text-align: left; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-weight: 500; letter-spacing: -1px; word-break: break-all;}
.notice-list tbody tr:hover td, .table-list tbody tr:hover th { background: #edfcfe; }

.allim:after { display:block; content:''; clear:both; }
.allim { padding: 0 10px; margin: 0 auto 30px; }
.allim .a-log { border-bottom: 1px solid #dcdcdc; padding: 10px; }
.allim .a-log .a-title { text-align: left; padding-left: 30px; font-size: 1.5em; color: #111; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 5px; background: #fff url(../img/common/ico_cock_b.png) no-repeat 2px center; background-size: 24px; word-break: break-all; }
.allim .a-log .a-st { text-align: left; font-size: 1.3em; color: #009afa; font-weight: 500; letter-spacing: -1px; line-height: 130%; margin-bottom: 5px; word-break: break-all; }
.allim .a-log .a-st em { font-weight: 700; }
.allim .a-log .a-stxt { text-align: left; font-size: 1.3em; color: #111; font-weight: 400; letter-spacing: -1px; line-height: 130%; margin-bottom: 5px; word-break: break-all; }
.allim .a-log .a-time { font-family:'Roboto','Noto Sans KR', sans-serif; text-align: right; font-size: 1.1em; color: #777; font-weight: 400; letter-spacing: -1px; word-break: break-all; }

.my-game:after { display:block; content:''; clear:both; }
.my-game { padding: 0 20px; margin: 0 auto 40px; }
.my-game .g-top { position:relative; width: 100%; padding: 10px 20px 15px; border-radius: 20px; border-top: 2px solid #1f396a; background: #fff; margin-bottom: 20px; box-sizing: border-box; box-shadow: 0 20px 20px -20px #999;}
.my-game .g-top .g-title { text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 2em; color: #1f396a; font-weight: 700; letter-spacing: -1.5px; word-break: break-all;}
.my-game .g-top .g-name { text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.2em; color: #1f396a; font-weight: 500; letter-spacing: -1px; margin-bottom: 5px; word-break: break-all;}
.my-game .g-top .g-name2 { margin: 5px auto;  vertical-align: middle; background: #1f396a; border-radius: 5px; width: 120px; height: 24px; text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.2em; color: #fff; font-weight: 500; line-height: 24px; letter-spacing: -1px; }
.my-game .g-top .g-time { text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.2em; color: #555; font-weight: 400; letter-spacing: -0.5px; word-break: break-all;}
.my-game .g-top .g-plate-main { position: absolute; left: 15px; top: 34px; width: 30px; height: 30px; border-radius: 50px; background: #ff0000; text-align: center; }
.my-game .g-top .g-plate-main p { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 29px; }
.my-game .g-top .g-plate-side { position: absolute; left: 15px; top: 34px; width: 30px; height: 30px; border-radius: 50px; background: #285ea1; text-align: center; }
.my-game .g-top .g-plate-side p { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 29px; }
.my-game .g-top .g-plate-set { position: absolute; left: 20px; top: 38px; width: 40px; height: 40px; border-radius: 50px; background: #1f396a; text-align: center; }
.my-game .g-top .g-plate-set p { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 39px; }
.my-game .g-top .g-live { position: absolute; top: -14px; left: 16px; }
.my-game .etc-title { text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.8em; color: #111; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; word-break: break-all;}

.title-set:after { display:block; content:''; clear:both; }
.title-set { padding: 0 20px; margin: 0 auto; text-align: center; }
.title-set p { display: inline-block; vertical-align: middle; width: 100%; height: 40px; line-height: 37px; border-radius: 5px; background: #1f396a; text-align: center; font-size: 1.5em; color: #fff; font-weight: 500; letter-spacing: -1px; box-sizing: border-box; }

.title-etc:after { display:block; content:''; clear:both; }
.title-etc { padding: 0 20px; margin: 0 auto; text-align: center; }
.title-etc p { display: inline-block; vertical-align: middle; width: 100%; height: 40px; line-height: 37px; border-radius: 10px; border-top: 2px solid #1f396a; background: #fff; text-align: center; font-size: 1.5em; color: #111; font-weight: 500; letter-spacing: -1px; box-sizing: border-box; }

.anal-box:after { display:block; content:''; clear:both; }
.anal-box { padding: 0 20px; margin: 0 auto 20px; }

.my-game .g-top .set-score { margin: 0 auto; width: 42%; padding-top: 10px;}
.my-game .g-top .set-score span { display: inline-block; font-family:'Roboto','Noto Sans KR', sans-serif; text-align: center; font-size: 4em; color: #222; font-weight: 700; letter-spacing: -5px; margin-right: 24px;}
.my-game .g-top .set-score span:last-child { margin-right: 0;}
.my-game .g-top .set-title { display: inline-block; vertical-align: middle; text-align: center; width: 100px; height: 30px; line-height: 28px; font-family:'Roboto','Noto Sans KR', sans-serif; border-radius: 25px; border: 1px solid #1f396a; font-size: 1.2em; color: #1f396a; font-weight: 500; letter-spacing: -1px; word-break: break-all;}

.my-game .g-set { position:relative; width: 100%; padding: 10px 10px 15px; border-radius: 20px; border: 1px solid #eaeaea; background: #fff; margin-bottom: 15px; box-sizing: border-box; box-shadow: 0 20px 15px -20px #d2d2d2;}
.my-game .g-set .gs-end { position:absolute; top: 0; left: 50%; transform:translateX(-50%); width: 120px; height: 40px; line-height: 39px; border-radius: 0 0 10px 10px; background: #3069be; text-align: center; font-size: 1.5em; color: #fff; font-weight: 700; letter-spacing: -2px; }
.my-game .g-set .gs-ing { position:absolute; top: 0; left: 50%; transform:translateX(-50%); width: 120px; height: 40px; line-height: 39px; border-radius: 0 0 10px 10px; background: #ff0000; text-align: center; font-size: 1.5em; color: #fff; font-weight: 700; letter-spacing: -2px; }
.my-game .g-set .gs-before { position:absolute; top: 0; left: 50%; transform:translateX(-50%); width: 120px; height: 40px; line-height: 39px; border-radius: 0 0 10px 10px; background: #555; text-align: center; font-size: 1.5em; color: #fff; font-weight: 700; letter-spacing: -2px; }
.my-game .g-set .g-plate-main { position: absolute; left: 24px; top: 55px; width: 30px; height: 30px; border-radius: 50px; background: #ff0000; text-align: center; }
.my-game .g-set .g-plate-main p { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 29px; }
.my-game .g-set .g-plate-side { position: absolute; left: 24px; top: 55px; width: 30px; height: 30px; border-radius: 50px; background: #285ea1; text-align: center; }
.my-game .g-set .g-plate-side p { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 29px; }

.my-game .g-set .gs-time { position:absolute; top: 12px; left: 25px; font-family:'Roboto','Noto Sans KR', sans-serif; text-align: left; font-size: 1.2em; color: #000; font-weight: 500; letter-spacing: -1px; border-bottom: 1px solid #111; }
.my-game .g-set .gs-date { position:absolute; top: 12px; right: 25px; font-family:'Roboto','Noto Sans KR', sans-serif; text-align: right; font-size: 1.2em; color: #000; font-weight: 500; letter-spacing: -1px; border-bottom: 1px solid #111; }
.my-game .g-set .gs-forfeit-r { position: absolute;top: 35px;right: 25px;text-align: right;font-size: 1.0em;color: #fff;font-weight: 500;letter-spacing: -1px;padding: 2px 6px;background-color: red;border-radius: 5px; }
.my-game .g-set .gs-forfeit-l { position: absolute;top: 35px;left: 25px;text-align: right;font-size: 1.0em;color: #fff;font-weight: 500;letter-spacing: -1px;padding: 2px 6px;background-color: red;border-radius: 5px; }
.my-game .g-set .gs-court { position:absolute; top: 12px; left: 15px; font-family:'Roboto','Noto Sans KR', sans-serif; padding: 0 10px; border-radius: 25px; text-align: center; font-size: 1.2em; color: #000; font-weight: 500; letter-spacing: -1px; border: 1px solid #111; }
.my-game .g-set .gs-title { padding-top: 40px; text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.3em; color: #333; font-weight: 500; letter-spacing: -1px; word-break: break-all; }
.my-game .g-set .gs-title2 { padding-top: 40px; text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.7em; color: #000; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; word-break: break-all; }
.my-game .g-set .gs-st { text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.7em; color: #000; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; word-break: break-all; }
.my-game .g-set .gs-score { width: 100%; padding: 0; overflow: hidden; }
.my-game .g-set .gs-score .gs-left { float: left; width: 29%; text-align: center; }
.my-game .g-set .gs-score .gs-left p { text-align: center; font-size: 1.4em; color: #555; font-weight: 400; letter-spacing: -1px; }

.my-game .g-set .gs-score .gs-center { float: left; width: 42%; text-align: center; padding-top: 15px; }
.my-game .g-set .gs-score .gs-center span { display: inline-block; font-family:'Roboto','Noto Sans KR', sans-serif; text-align: center; font-size: 4em; color: #222; font-weight: 700; letter-spacing: -5px; margin-right: 24px;}
.my-game .g-set .gs-score .gs-center span:last-child { margin-right: 0;}

.my-game .g-set .gs-score .gs-right { float: left; width: 29%; text-align: center; }
.my-game .g-set .gs-score .gs-right p { text-align: center; font-size: 1.4em; color: #555; font-weight: 400; letter-spacing: -1px; }

.my-game .g-set-loc { text-align: right; padding-bottom: .3rem; }
.my-game .g-set-loc span { color: #000; background-color: #dfdfd9; border-color: #d5d5cf; border-radius: .4rem; padding: .1rem .5rem; }

.matching-detail:after { display:block; content:''; clear:both; }
.matching-detail { padding: 0 25px; margin-bottom: 30px; }
.matching-detail .d-box { position:relative; width: 100%; padding: 10px 15px 15px; border-radius: 10px; border: 1px solid #eaeaea; background: #fff; margin-bottom: 10px; box-sizing: border-box; box-shadow: 0 5px 10px -5px #d2d2d2; }
.matching-detail .d-box p { text-align: left; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.2em; color: #111; font-weight: 500; letter-spacing: -1px; }
.matching-detail .d-box p span { display: inline-block; color: #3069be; font-weight: 700; }

.bt-live { border-top: 2px solid #fa6041 !important;}
.bt-live2 { border-top: 1px solid #1f396a !important;}
.bb-live { border-bottom: 1px solid #ababab !important;}

.live-main:after { display:block; content:''; clear:both; }
.live-main { padding: 0 20px; margin: 0 auto 50px; }
.live-main .live-top { position:relative; width: 100%; padding: 25px 20px 50px; border-radius: 20px; border-top: 3px solid #1f396a; border-bottom: 1px solid #1f396a; background: #fff; margin-bottom: 20px; box-sizing: border-box; box-shadow: 0 20px 20px -20px #999; }
.live-main .live-top .live-title { text-align: center; font-size: 1.4em; color: #7382a6; font-weight: 500; letter-spacing: -1.5px; margin-bottom: 20px; word-break: break-all; }

.game-list:after { display:block; content:''; clear:both; }
.game-list { padding: 0 20px; margin: 0 auto 50px; }
.game-list .gm-top { display:block; position:relative; width: 100%; padding: 10px 20px 20px; border-radius: 20px; border: 1px solid #ebeef5; background: #fff; margin-bottom: 15px; box-sizing: border-box; box-shadow: 0 15px 20px -15px #999;}
.game-list .gm-top .gm-title { text-align: left; font-size: 1.8em; color: #1f396a; font-weight: 700; letter-spacing: -1.5px; word-break: break-all;}
.game-list .gm-top .gm-name { text-align: left; font-size: 1.3em; color: #333; font-weight: 400; letter-spacing: -1px; word-break: break-all; padding-bottom: 5px; line-height: 1.6; }
.game-list .gm-top .gm-name span { font-weight: 500; }
.game-list .gm-top .gm-time { text-align: right; font-size: 1.1em; color: #777; font-weight: 400; letter-spacing: -0.5px; word-break: break-all; }

.game-list .gm-stem { display:block; position:relative; width: 100%; padding: 10px 20px 20px; border-radius: 10px; border: 1px solid #ebeef5; background: #fff; margin-bottom: 10px; box-sizing: border-box; box-shadow: 0 5px 5px -5px #999;}
.game-list .gm-stem .gm-item { text-align: left; padding: 8px 0 8px 10px; font-size: 1.2em; color: #1d64c5; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 10px; border-bottom: 1px solid #dfe6f0; word-break: break-all;}
.game-list .gm-stem .gm-text { text-align: left; padding-left: 10px; font-size: 1.3em; color: #333; font-weight: 500; letter-spacing: -1px; line-height: 150%; word-break: break-all;}
.game-list .gm-stem .gm-text2 {
    text-align: left;
    padding: 8px 0 8px 10px;
    font-size: 1.2em;
    color: #000;
    letter-spacing: -1.5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfe6f0;
    word-break: break-all;
}

.game-tab:after { display:block; content:''; clear:both; }
.game-tab {  position: relative; padding: 0 20px; margin: 0 auto 20px; overflow: hidden;}
.game-tab a { float:left; width: 20%; height: 40px; line-height: 38px; margin-right: 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align:center; font-size: 1.2em; font-weight: 500; color: #474747; letter-spacing: -1px; background: #fff; box-sizing: border-box;}
.game-tab a.active { border-bottom: 3px solid #1d64c5; height: 40px; line-height: 36px; font-weight: 700; color: #1d64c5; }

.game-tab2:after { display:block; content:''; clear:both; }
.game-tab2 { position: relative; padding: 0 20px; margin: 0 auto 10px; overflow: hidden; }
.game-tab2 a { float: left; width: 50%; height: 34px; line-height: 33px; margin-right: 0; background: #eee; border-radius: 5px 0 0 5px; text-align: center; font-size: 1.3em; font-weight: 500; color: #222; letter-spacing: -1px; box-sizing: border-box;}
.game-tab2 a.active { background: #1d64c5; height: 34px; line-height: 33px; font-weight: 700; color: #fff; }
.game-tab2 a:last-child { border-radius: 0 5px 5px 0; }

.game-tab3:after { display:block; content:''; clear:both; }
.game-tab3 { position: relative; padding: 0 20px; margin: 0 auto 10px; overflow: hidden; }
.game-tab3 a { float: left; width: 50%; height: 34px; line-height: 33px; margin-right: 0; background: #eee; border-radius: 5px 0 0 5px; text-align: center; font-size: 1.3em; font-weight: 500; color: #222; letter-spacing: -1px; box-sizing: border-box;}
.game-tab3 a.active { background: #5cad26; height: 34px; line-height: 33px; font-weight: 700; color: #fff; }
.game-tab3 a:last-child { border-radius: 0 5px 5px 0; }

.game-court:after { display:block; content:''; clear:both; }
.game-court { position: relative; padding: 0 20px; margin: 0 auto 20px; }
.game-court ul { border-bottom: 1px solid #777; border-radius: 10px; overflow: hidden; white-space: nowrap;}
.game-court ul li { display:block; float: left; width: 60px; height: 30px; font-family:'Roboto','Noto Sans KR', sans-serif; text-align: center; font-size: 1.2em; color: #666; font-weight: 500; letter-spacing: -1px; line-height: 24px; }
/*.game-court ul li.active { color: #1d64c5; font-weight: 700; }*/
.game-court ul li.active { border: none; border-radius: 1rem; background-color: #1d64c5; color: #fff; font-weight: 700; height: 25px; margin-bottom: 5px; }
.game-court ul li.active2 { color: #5cad26; font-weight: 700; }

.game-time { padding: 0 20px; }
/*.game-time span { display: inline-block; vertical-align: middle; padding: 5px 20px; text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.4em; color: #1d64c5; font-weight: 500; letter-spacing: -1px; background: #f7f7f4; border-radius: 30px; border: 1px solid #1d64c5; }*/
.game-time span { display: inline-block; vertical-align: middle; padding: 5px 20px; text-align: center; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.4em; color: #fff; font-weight: 500; letter-spacing: -1px; background: #1d64c5; border-radius: 30px; border: 1px solid #1d64c5; }

.match-list:after { display:block; content:''; clear:both; }
.match-list { padding: 5px 20px; margin: 0 auto 30px; }
.match-list ul {  }
.match-list ul li { width: 100%; height: 50px; line-height: 49px; border-bottom: 1px solid #ddd; text-align: left; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 1.3em; color: #333; font-weight: 500; letter-spacing: -1px;  }
.match-list ul li { display:block; }

.match-view:after { display:block; content:''; clear:both; }
.match-view { position: relative; padding: 0 20px; margin: 0 auto 20px; }
.match-view .mv-title { font-family:'Roboto','Noto Sans KR', sans-serif; text-align: center; font-size: 1.5em; color: #111; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; }
.match-view table { width: 100%; border: 1px solid #dcdcdc; border-collapse:collapse; }
.match-view table th { font-family:'Roboto','Noto Sans KR', sans-serif; padding: 5px 5px; text-align: center; font-size: 1.3em; color: #111; font-weight: 500; letter-spacing: -1px; border: 1px solid #dcdcdc;}
.match-view table td { font-family:'Roboto','Noto Sans KR', sans-serif; padding: 5px 5px; text-align: center; font-size: 1.2em; color: #333; font-weight: 400; letter-spacing: -1px; border: 1px solid #dcdcdc;}


.table-g { padding: 0;}
.table-g table { width: 100%; border: 0; border-collapse:collapse; }
.table-g table th { padding: 5px 0; text-align: center; font-size: 1.5em; color: #111; font-weight: 500; letter-spacing: -1px; border-bottom: 1px solid #dcdcdc;}
.table-g table td { padding: 5px 0; text-align: left; font-size: 1.3em; color: #333; font-weight: 400; letter-spacing: -1px;}

.page { font-family:'Roboto','Noto Sans KR', sans-serif; text-align: center; margin: 30px 0; }
.page a { display: inline-block; vertical-align: middle; margin:0 3px; width:36px; height: 36px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 35px; font-size: 1.2em; font-weight: 500; color: #6b6b6b; }
.page a.active { background: #373737; color: #fff; }
.page a.first { background: url(../img/common/ico2_first.png) no-repeat 50% 50%; }
.page a.prev { background: url(../img/common/ico2_prev.png) no-repeat 50% 50%; }
.page a.next { background: url(../img/common/ico2_next.png) no-repeat 50% 50%; }
.page a.last { background: url(../img/common/ico2_last.png) no-repeat 50% 50%; }

.h_graph:after { display:block; content:''; clear:both; }
.h_graph { padding: 20px 20px 30px;}
.h_graph ul { margin: 0 50px 0 0; padding: 1px 0 0 0; border: 0; font-size: 1em; list-style:none; }
.h_graph li { position:relative; margin:10px 0; background: #f6f6f6; height: 30px; margin-bottom: 38px; box-sizing:border-box; white-space: nowrap; }
.h_graph li .name { position: absolute; top: -24px; left: 6px; font-size: 1.3em; color: #333; font-weight: 600; letter-spacing: -1px;}
.h_graph .g_bar{ display:inline-block; position:relative; height: 30px; background:#0094e9; transition: all 0.5s ease;}
.h_graph .g_bar span{ position: absolute; top:0; right:-46px; width: 40px; font-size:1.2em; color:#000; font-weight: 500; line-height:29px;}


.rec-graph:after { display:block; content:''; clear:both; }
.rec-graph { padding: 0 20px; }

.zt-skill-bar { position:relative; font-size: 1.2em; color: #fff; font-weight: 600; letter-spacing: -1px; line-height: 39px; height: 40px; margin-bottom: 15px; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.zt-skill-bar * { webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zt-skill-bar div { background-color: #00bef2; position: relative; padding-left: 10px; width: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms- border-radius: 2px; border-radius: 2px;}
.zt-skill-bar span { display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0 5px 0 10px; background-color: #01588b; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.zt-skill-bar span:before { content: ""; position: absolute; width: 6px; height: 6px; top: 50%; left: -3px; margin-top: -3px; background-color: #01588b; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.p-onair { padding: 0 20px; margin-bottom: 50px; }
.p-onair .sub-ft { padding: 0 0 0 5px; margin-bottom: 5px; }
.p-onair .sub-ft p { font-size: 1.2em; color: #00c1da; font-weight: 600; letter-spacing: -1px; line-height: 150%; text-align: left; }
.p-onair ul {  }
.p-onair ul li { margin: 10px 0 2px; }
.p-onair ul li.active { border-top: 1px solid #0094e9; border-bottom: 1px solid #0094e9;}

.p-onair ul li a { display:block; overflow:hidden; font-size:1.2em; color:#5d5d5d; font-weight: 500; line-height: 130%; letter-spacing: -1px; padding: 5px; position:relative; background:#fff; }
.p-onair ul li a .team-left { float: left; width: 42%; margin-right: 1%; padding: 10px 0 5px; background: #eee; border-radius: 4px;}
.p-onair ul li a .team-left p { text-align: center; font-size: 0.9em; color: #2e2e2e; font-weight: 400; margin-bottom: 5px;}
.p-onair ul li a .team-left p em { font-size: 1.2em; color: #000; font-weight: 600; }

.p-onair ul li a .team-right { float: left; width: 42%; padding: 10px 0 5px; background: #eee; border-radius: 4px; }
.p-onair ul li a .team-right p { text-align: center; font-size: 0.9em; color: #2e2e2e; font-weight: 400; margin-bottom: 5px; }
.p-onair ul li a .team-right p em { font-size: 1.2em; color: #000; font-weight: 600; }

.p-onair ul li a + .a .team-left { float: left; width: 42%; margin-right: 1%; padding: 10px 0 5px; background: #0094e9; border-radius: 4px;}
.p-onair ul li a .team-left p { text-align: center; font-size: 0.9em; color: #2e2e2e; font-weight: 400; margin-bottom: 5px;}
.p-onair ul li a .team-left p em { font-size: 1.2em; color: #000; font-weight: 600; }

.p-onair ul li a .team-right { float: left; width: 42%; padding: 10px 0 5px; background: #eee; border-radius: 4px; }
.p-onair ul li a .team-right p { text-align: center; font-size: 0.9em; color: #2e2e2e; font-weight: 400; margin-bottom: 5px; }
.p-onair ul li a .team-right p em { font-size: 1.2em; color: #000; font-weight: 600; }


.p-onair ul li a .view-eye { float: left; width: 15%; background: #fff; border-radius: 4px; padding-top: 10px;}
.p-onair ul li a .view-eye p { text-align: center; font-size: 1.2em; color: #fd1c80; font-weight: 600; letter-spacing: -1px; font-family: 'Roboto', sans-serif; }
.p-onair ul li a .view-eye p img { text-align: center; margin-bottom: 5px; }

.p-onair ul li a .vs-circle { position: absolute; left: 38.5%; top: 22px; width: 30px; height: 30px; border-radius: 50%; line-height: 26px; background: #0094e9; text-align: center; font-size:1.2em; color:#fff; font-weight: 600; }


.p-onair ul li a strong { position:absolute; left:31px; top:18px; font-size:14px; color:#0096ff; }
.p-onair ul li a + .a { display:none; padding:5px; background:#fff; position:relative; font-size:1.2em; letter-spacing: -0.5px; font-weight: 400; line-height: 130%; color:#5d5d5d; }
.p-onair ul li a + .a .score-left { display: inline-block; width: 42%; height: 100px; background: #000; border-radius: 4px;}
.p-onair ul li a + .a .score-left p { text-align: center; line-height: 99px; font-size: 24vw; color: #fff; letter-spacing: -2px; font-weight: 600; font-family: 'Roboto', sans-serif;}
.p-onair ul li a + .a .score-right { display: inline-block; width: 42%; height: 100px; background: #000; border-radius: 4px;}
.p-onair ul li a + .a .score-right p { text-align: center; line-height: 99px; font-size: 24vw; color: #fff; letter-spacing: -2px; font-weight: 600; font-family: 'Roboto', sans-serif;}
.p-onair ul li a + .a p .tit { font-size:1.2em; color:#383838; font-weight: 400; letter-spacing: -1px; line-height: 150%;}

.p-onair ul li.active a + .a { display:block; }
.p-onair ul li.active a {  color: #5d5d5d; background: #fff; }
.p-onair ul li.active a .title { color:#000; }


.rank { padding: 20px; margin-bottom: 30px; }
.rank ul {  }
.rank ul li { padding: 10px 0; border-bottom: 1px solid #e9e9e9;}
.rank ul li:first-child{ border-top: 1px solid #e9e9e9;}
.rank ul li .r-view { margin: 5px auto 0; padding: 5px; background: #f0f5f9; border-radius: 4px;}
.rank ul li .r-view .r-content { padding: 0 5px; margin-bottom: 10px;}
.rank ul li .r-view .r-content p { font-size: 1.2em; color: #2e2e2e; font-weight: 500; letter-spacing: -1px; line-height: 180%;}
.rank ul li .r-view .r-content p em { font-size: 1.1em; color: #000; font-weight: 600; }


.search-box:after { display:block; content:''; clear:both; }
.search-box { position:relative; padding: 10px 20px; background: #ebebeb; border-top: 1px solid #b5b5b5; margin: 0 auto; text-align: center; }
.search-box .srh { margin: 0 auto; width: 100%; border-radius: 10px; background: #fff; height: 34px; }
.search-box .srh input[type="text"] { position:absolute; left: 34px; top: 12px; width:70%; height:30px; padding-left:6px; font-size:1.2em; color:#545454; border:0; line-height:28px; }
.search-box .srh img { position:absolute; right: 17px; top: 8px; }

.s-search:after { display:block; content:''; clear:both; }
.s-search { position:relative; width: 100%; background: #00bef2; height: 50px; padding: 0; margin-bottom: 30px; }
.s-search input[type="text"] { width: 100%; height: 50px; background: transparent; padding-left: 20px; font-size: 1.5em; color: #fff; font-weight: 500; letter-spacing: -1px; border:0; line-height: 49px; z-index: 9999; }
.s-search input[type="text"]::placeholder { color: #fff; font-weight: 400; letter-spacing: -1px; }
.s-search img { position:absolute; right: 16px; top: 10px; z-index: 99999;}

.d-search:after { display:block; content:''; clear:both; }
.d-search { position:relative; width: 100%; padding: 20px 20px 0; margin-bottom: 10px; }
.d-search input[type="text"] { width: 100%; height: 50px; border: 1px solid #919191; border-radius: 2px; background: #fff; padding-left: 20px; font-size: 1.5em; color: #000; font-weight: 600; letter-spacing: -1px; line-height: 47px; z-index: 9999; }
.d-search input[type="text"]::placeholder { color: #b8b8b8; font-weight: 400; letter-spacing: -1px; }
.d-search img { position:absolute; right: 36px; top: 30px; z-index: 99999;}

.s-tab:after { display:block; content:''; clear:both; }
.s-tab { padding: 0 20px; margin: 10px auto 30px; }
.s-tab ul { overflow: hidden; border-bottom: 1px solid #e3e3e3; background: #fff; }
.s-tab ul li { float: left; width: 25%; text-align: center; height: 40px; line-height: 38px; font-size: 1.1em; color: #2d2d2d; font-weight: 500; letter-spacing: -1px;}
.s-tab ul li.active { font-size: 1.3em; color: #000; font-weight: 600; border-bottom: 3px solid #000; }
.s-tab .listup { background:#f4f4f4; display: inline-block; width: 100%; height: 48px; text-align: center;}
.s-tab .listup p { display: inline-block; font-size: 1em; color: #5f5f5f; font-weight: 500; letter-spacing: -1px; line-height: 47px; margin-right: 10px;}
.s-tab .listup p.active { color: #000; font-weight: 600; }
.s-tab .listup2 { background:#f4f4f4; display: inline-block; width: 100%; height: 48px; text-align: center;}
.s-tab .listup2 p { display: inline-block; font-size: 1.3em; color: #5f5f5f; font-weight: 500; letter-spacing: -1px; line-height: 47px; margin-right: 20px;}
.s-tab .listup2 p.active { color: #000; font-weight: 600; }

.s-list:after { display:block; content:''; clear:both; }
.s-list { padding: 0 20px; margin: 30px auto; }


.table1 { padding: 0;}
.table1 table { width: 100%; border-top: 1px solid #5d5d5d; border-collapse:collapse; }
.table1 table th { border-bottom: 1px solid #b9b9b9; height: 36px; text-align: center; font-size: 1.2em;  color: #7d7d7d; font-weight: 500; letter-spacing: -1px;}
.table1 table td { border-bottom: 1px solid #b9b9b9; padding: 10px 0; text-align: left; font-size: 1.1em;  color: #7d7d7d; font-weight: 400; letter-spacing: -1px;}
.table1 table td a { color:#7d7d7d; display: block; width: 100%; height: 100%;}
.table1 table td em { font-size: 1.2em;  color: #5d5d5d; font-weight: 500; letter-spacing: -1px;}
.table1 table td span { font-size: 1.1em;  color: #5d5d5d; font-weight: 400; letter-spacing: -1px;}
.table1 table td .vp { display:inline-block; width: 65px; height:24px; border-radius: 25px; font-size: 1.1em; font-weight:400; text-align: center; color: #fff; letter-spacing:-1px; background: #7d7d7d; line-height: 23px; }
.table1 table td .vp2 { display:inline-block; width: 65px; height:24px; border-radius: 25px; font-size: 1.1em; font-weight:400; text-align: center; color: #fff; letter-spacing:-1px; background: #00c1da; line-height: 23px; }


.sub-title:after { display:block; content:''; clear:both; }
.sub-title { background: #00c1da; height: 40px; border-bottom: 1px solid #7d7d7d; line-height: 39px;  }
.sub-title p {text-align: center; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px; }

.sub-title2:after { display:block; content:''; clear:both; }
.sub-title2 { width: 100%; background: #fff; height: 40px; border-bottom: 2px solid #d2d2d2; line-height: 39px; margin-top: 10px; }
.sub-title2 p {text-align: left; font-size: 1.5em; color: #333; font-weight: 600; letter-spacing: -1px; padding-left: 30px; }

.sub-title3:after { display:block; content:''; clear:both; }
.sub-title3 { position: relative; height: 40px; border-bottom: 1px solid #7d7d7d; line-height: 40px; overflow: hidden; }
.sub-title3 .st { float: left; display:inline-block; text-align: left; padding-left: 60px; font-size: 1.3em; color: #fff; font-weight: 600; letter-spacing: -1px;  background: #00c1da; width: 72%; height: 40px; line-height: 40px;}
.sub-title3 .list:before { content:''; position:absolute; left:14px; top:50%; margin-top:-6px; width:8px; height:8px; border-left:1px solid #00c1da; border-bottom:1px solid #00c1da; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.sub-title3 .list { float: left; display:inline-block; border: 1px solid #d5d5d5; padding-left: 32px; width: 28%; height: 39px; line-height: 39px; font-size: 1.4em; color: #00c1da; font-weight: 500; letter-spacing: -1px;  z-index: 99999;}
.sub-title3 .list .active a { display:block;}
.sub-title3 .list .active:before { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:-3px; }
.sub-title3 .active .menu { display:block; }


.layer_bg { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000 }

body.active_layer { overflow:hidden; }
body.active_layer .lang-menu,
body.active_layer .layer_bg { display:block;  }



.sub-top:after { display:block; content:''; clear:both; }
.sub-top { margin-bottom: 10px; }
.sub-top img { width: 100%; text-align: center;}

.sub-top .play { width: 100%; height: 220px; position: relative; overflow: hidden;}
.sub-top .play img { width: 100%; }
.sub-top .play .pre { position: absolute; width: 100%; height: 220px; background-color: rgba(0, 0, 0, 0.6); z-index: 999; }
.sub-top .play .pre img { position: absolute; left: 40%; top: 30%; z-index: 9999; }

.more { display:block; margin: 20px auto; height: 30px; text-align: center; background: url(../img/common/more_bg.png) repeat 50% 50%; }

.inp { display: inline-block; height: 30px; background: #fff; padding:2px 6px; font-size:1.2em; border:1px solid #cdcdcd; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; }
.inp2 { display: inline-block; width: 100%; height: 55px; background: #fff; padding:0 8px; font-size:1.4em; border:1px solid #b5b5b5; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; line-height: 54px;  }
.inp3 { display: inline-block; width: 100%; height: 58px; background: #fff; padding:0 6px; font-size:1.3em; border:2px solid #b9b9b9; color: #7d7d7d; letter-spacing: 0; font-weight: 400; vertical-align: middle; line-height: 56px;}
.inp4 { display: inline-block; width: 36px; height: 26px; background: #fff; padding: 4px; font-size:1.2em; line-height: 24px; text-align: center; border-radius: 2px; border:1px solid #b9b9b9; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; }
.inp5 { display: inline-block; width: 100%; height: 44px; background: #fff; padding:0 6px; font-size:1.3em; border:2px solid #b9b9b9; color: #7d7d7d; letter-spacing: 0; font-weight: 400; vertical-align: middle; line-height: 42px;}
.inp6 { display: inline-block; width: 100%; height: 30px; background: #fff; padding: 4px; font-size:1.2em; line-height: 28px; text-align: left; border-radius: 2px; border:1px solid #b9b9b9; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; }
.inp7 { display: inline-block; vertical-align: middle; width: 60px; height: 22px; background: #fff; padding:0 2px; line-height: 21px; font-size:1.1em; border:1px solid #d1d1d1; color: #434343; font-weight: 500; letter-spacing: -0.5px; text-align: center; margin-right: 3px;}
.inp8 { display: inline-block; width: 60px; height: 24px; background: #fff; padding: 4px 8px 4px 4px; font-size:1.1em; line-height: 23px; text-align: right; border-radius: 2px; border:1px solid #b9b9b9; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; }
.inp9 { display: inline-block; width: 44px; height: 24px; background: #fff; font-size:1em; line-height: 23px; text-align: center; border-radius: 2px; background: #373737; color: #fff; letter-spacing: -1px; font-weight: 500; vertical-align: middle; }

.select { display: inline-block; height: 30px; background: #fff; padding:0 0 0 4px; font-size:1.2em; font-weight: 500; border:1px solid #cdcdcd; color: #727272; vertical-align: middle; }
.select2 { display: block; width: 100%; height: 40px; background: #fff; padding:0 6px; font-size:1.2em; font-weight: 400; border:1px solid #aaa; color: #aaa; vertical-align: middle; box-shadow:none; }
.btn-search { display: inline-block; vertical-align: middle; width:50px; height: 30px; line-height: 28px; border: 1px solid #18afc2;  text-align: center; background: #fff; font-size:1.2em; color: #18afc2; font-weight: 500; letter-spacing: -1px; margin-left: 2px;}
.btn-side { display: inline-block;  height: 58px; background: #fff; padding:0 7px; text-align: center; font-size:1.3em; border:2px solid #b9b9b9; color: #00c1da; letter-spacing: -1px; font-weight: 500; vertical-align: middle; line-height: 56px;}

.bn { display:block; height: 80px; width: 100%; }


/* MOBILE */
.btn-m-nav { display:none; position:absolute; left:0; top:0; width:50px; height:45px; background:url(../img/common/btn_m_nav.png) no-repeat 50% 50%; }
#m-nav { position:fixed; left:-70%; top:0; height:100%; width: 70%; background:#fff; z-index: 200; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; overflow-y:auto; overflow-x:hidden; z-index: 99999;}
#m-nav .top { height:70px; background:#1f396a; text-align: center; line-height:68px;  letter-spacing:-1px; border-bottom: 1px solid #cecece;}
#m-nav .top .before a { display:inline-block; vertical-align:middle; font-size:13px; color:#fff; position:relative; }
#m-nav .top .before a:first-child { padding-right:8px; margin-right:8px; }
#m-nav .top .before a:first-child:before { content:''; width:1px; position:absolute; right:-2px; top:13px; bottom:13px; background:#fff; }
#m-nav .top .after { font-size:1.1em; color:#fff; margin-left: -20px;}
#m-nav .top .after strong { display:inline-block; font-size:1.4em; font-weight: 600; padding-left: 4px; }
#m-nav .top .after .btn-logout { display:inline-block; vertical-align:middle; padding:3px 5px; background:#000; font-size:11px; line-height:1em; border-radius:3px; color:#fff; }

#m-nav .snav-tab2:after { display:block; content:''; clear:both; }
#m-nav .snav-tab2 { width: 100%; background: #e5e5e5;}
#m-nav .snav-tab2 a { display:block; height: 50px; text-align: left; font-size: 1.3em; color: #1b1b1b; font-weight: 500; line-height: 49px; letter-spacing:-1px; padding-left: 30px; margin-bottom: 1px; background: #fff; }
#m-nav .snav-tab2 a img { display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
#m-nav .snav-tab2 .my-info { display: block; width: 100%; height: 70px; background: #f7f7f7; text-align: center; padding-top: 14px; }
#m-nav .snav-tab2 .my-info p { font-size: 1.4em; color: #000; font-weight: 600; letter-spacing:-1px; line-height: 120%;}
#m-nav .snav-tab2 .my-info p span { font-size: 0.8em; color: #222; font-weight: 500; }

#m-nav .btn-close { position:absolute; left:10px; top:17px; padding:5px; line-height:1em; }

.bg-gnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:150;}
.bg-gnb2 { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:150;}
#m-nav .btn-dep1 { display:block; font-size:14px;  color:#242424; font-weight:600; padding:12px 0 12px 10px; border-bottom:1px solid #808080; position:relative; background:#f3f3f3;  }
#m-nav .btn-dep1:before { content:''; display:block; width:6px; height:6px; border-left:1px solid #535353; border-bottom:1px solid #535353; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); position:absolute; right:16px; top:17px; }


/* Mobile Active */

body.fixed #wrap  { overflow:hidden !important; }
body.fixed #m-nav { left:0;  }

body.fixed .bg-gnb { display:block; }
body.fixed #m-cart { bottom: 0; }

body.fixed .bg-gnb2 { display:block; }

body.left,
body.left #lang-list { left:0;  }
body.left .bg-gnb2 { display:block;   }


/**************************************************************************************************************
	Main
**************************************************************************************************************/
.main-slider { position:relative; margin-bottom: 30px; padding: 10px 10px 20px 10px; }
.main-slider .slider { text-align: center; }
.main-slider .slider img { width:100%; }
.main-slider .bx-pager { position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; height:16px; text-align:center; padding-top: 2px; }
.main-slider .bx-pager-item { display:inline-block; vertical-align:middle; }
.main-slider .bx-pager-item a { display:block; width:12px; height:12px; border-radius:100%; background:#e8e8e8; text-indent:-9999px; text-align:center; margin:0 4px; }
.main-slider .bx-pager-item a.active { background:#4055a7; }
.main-banner { padding:0 10px; }
.main-banner p { margin-bottom:10px; }
.main-banner p img { width:100%; }

.main-cate:after { display:block; content:''; clear:both;}
.main-cate { padding: 20px 15px 20px 20px; margin-bottom: 20px; }
.main-cate ul { overflow: hidden; width: 100%; }
.main-cate ul li a { float: left; width: 32%; margin-right: 1%; margin-bottom: 15px; text-align: center;}
.main-cate ul li a .item { width: 98px; height: 98px; border: 1px solid #6fe9ff; border-radius: 50px; margin: 0 auto;}
.main-cate ul li a .item img { display: block; margin: 10px auto 0; }
.main-cate ul li a .item p { text-align: center; font-size: 1.3em; color: #333; font-weight: 600; letter-spacing: -1px; }
.main-cate ul li a:nth-child(3n) { margin-right: 0; }

.btn-area { padding:10px 10px 20px; }
.btn-area .btn1 { text-align:center; font-size:14px; color:#fff; background:#0096ff; display:block; line-height:30px; }
.btn-area .btn2 { text-align:center; font-size:14px; color:#fff; background:#757575; display:block; line-height:30px; }

.btn-desc { text-align:center; font-size:10px; color:#7a7a7a; padding-top:8px; }

.faq-list { padding:0 15px; background:#fff; border-bottom:10px solid #f1f1f1; }
.faq-list ul { padding:10px 0 30px; }
.faq-list ul li { }
.faq-list ul li a { display:block; padding: 14px 0 14px 16px; font-size:17px; line-height:1.3em; color:#181818; letter-spacing:-1px; font-weight: 600; position:relative; border-bottom:1px solid #e3e3e3;}
.faq-list ul li a strong { color:#128d56;}
.faq-list ul li .a { display:none; padding:16px; position:relative; border-bottom:1px solid #e3e3e3; }
.faq-list ul li .a strong { color:#383838; }
.faq-list ul li a:before { content:''; position:absolute; right:10px; top:50%; margin-top:-6px; width:8px; height:8px; border-left:1px solid #128d56; border-bottom:1px solid #128d56; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);  }
.faq-list ul li.active .a { display:block; }
.faq-list ul li.active a:before { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:-3px; }

.col-box:after { display:block; content:''; clear:both; }
.col-box .col-left { float:left; }
.col-box .col-right { float:right; }

.check { position:relative; display:inline-block; vertical-align:middle;  }
.check label { padding-left:24px; line-height:20px; font-size:1.2em; letter-spacing:-1px; color:#5c5c5c; }
.check label:before { content:''; width:20px; height:20px; border:1px solid #afafaf; border-radius: 4px; position:absolute; left:0; }
.check input { position:absolute; left:-9999px; }
.check input:checked + label:after { content:''; width:16px; height:16px; background:url(../img/common/ico_check.png); background-size:16px; position:absolute; left:3px; top:3px; }
.check input:checked + label:before { border-color:#00c1d9; }

.check2 { position:relative; display:inline-block; vertical-align:middle;  }
.check2 label { padding-left:23px; line-height:18px; font-size:1.1em; letter-spacing:-1px; color:#808080; }
.check2 label:before { content:''; width:18px; height:18px; border:1px solid #afafaf; border-radius: 4px; position:absolute; left:0; }
.check2 input { position:absolute; left:-9999px; }
.check2 input:checked + label:after { content:''; width:14px; height:14px; background:url(../img/common/ico_check.png); background-size:14px; position:absolute; left:3px; top:3px; }
.check2 input:checked + label:before { border-color:#00c1d9; }


.check3 { position:relative; display:inline-block; vertical-align:middle;  }
.check3 label { padding-left:22px; line-height:16px; font-size:1em; letter-spacing:-1px; color:#808080; }
.check3 label:before { content:''; margin-top: 2px; width:18px; height:18px; border:1px solid #afafaf; border-radius: 4px; position:absolute; left:0; }
.check3 input { position:absolute; left:-9999px; }
.check3 input:checked + label:after { content:''; width:13px; height:13px; background:url(../img/common/ico_check.png); background-size:14px; position:absolute; left:3px; top:5px; }
.check3 input:checked + label:before { border-color:#00c1d9; }

.radio { position:relative; display:inline-block; vertical-align:middle; margin-right:10px;  }
.radio label { padding-left:20px; line-height:18px; font-size:12px; letter-spacing:-1px; color:#5c5c5c; font-weight:600; }
.radio label:before { content:''; width:16px; height:16px; border:1px solid #afafaf; position:absolute; left:0; border-radius:100%; }
.radio input { position:absolute; left:-9999px; }
.radio input:checked + label:after { content:''; width:8px; height:8px; background:#ff1e00;  position:absolute; left:5px; top:5px; border-radius:100%; }
.radio input:checked + label:before { border-color:#ff1e00; }

.radio2 { position: absolute;left:-9999px;}
.radio2 + label { line-height: 150%; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0; background-size: 30px; padding-left: 38px; font-size:1.5em; color: #313131; letter-spacing: -1px; font-weight: 500; margin-right: 14px; }
.radio2:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; background-size: 30px; font-size:1.5em; color: #000; letter-spacing: -1px; font-weight: 600;}

.radio3 { position: absolute;left:-9999px;}
.radio3 + label { line-height: 120%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio3_off.png) no-repeat 0 0;  padding-left: 24px; font-size:1.3em; color: #808080; letter-spacing: -1px; font-weight: 400;  }
.radio3:checked + label { background: url(../img/common/radio3_on.png) no-repeat 0 0; font-weight: 500;}

.radio4 { position: absolute;left:-9999px;}
.radio4 + label { line-height: 150%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0; background-size: 20px; padding-left: 25px; font-size:1.3em; color: #666; letter-spacing: -1px; font-weight: 400;  }
.radio4:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; background-size: 20px; font-size:1.3em; color: #00c1d9; letter-spacing: -1px; font-weight: 600;}


.clear { clear:both; }
.btn-round { display:inline-block; vertical-align:middle; font-size: 1.2em; color: #fff; text-align: center; font-weight: 600; border-radius: 30px; background: #00bef2; height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px; outline: 0;}
.btn-round2 { display:inline-block; vertical-align:middle; font-size: 1.5em; color: #fff; text-align: center; font-weight: 600; border-radius: 30px; background: #00c1da; height: 40px; line-height: 39px; padding: 0 20px; letter-spacing:-1px;}
.btn-round3 { display:inline-block; vertical-align:middle; font-size: 1.5em; color: #00c1da; border: 1px solid #00c1da; text-align: center; font-weight: 600; border-radius: 30px; background: #fff; height: 40px; line-height: 38px; padding: 0 20px; letter-spacing:-1px;}
.btn-round4 { display:inline-block; vertical-align:middle; font-size: 1.4em; color: #fff; text-align: center; font-weight: 600; border-radius: 30px; background: #00c1da; height: 36px; line-height: 34px; padding: 0 30px; letter-spacing:-1px;}
.btn-round5 { display:inline-block; vertical-align:middle; font-size: 1.4em; color: #b9b9b9; border: 1px solid #b9b9b9; text-align: center; font-weight: 600; border-radius: 30px; background: #fff; height: 34px; line-height: 32px; padding: 0 30px; letter-spacing:-1px;}

#footer:after { display:block; content:''; clear:both; }
#footer { position: fixed; left: 0; bottom: 0; padding: 10px 15px 10px 5px; border-top: 1px solid #b6b6b6; background: #f7f7f7; width: 100%; height: 80px; z-index: 999999;}
#footer ul { display:block; content:''; clear:both; }
#footer ul li { float:left; width:25%; text-align:center; }
#footer ul a li img { width: 36px; }
#footer ul li a { text-align:center; color:#233567; font-size: 1.1em; color:#666; font-weight: 500; text-align:center; letter-spacing: -1px;}

#bm:after { display:block; content:''; clear:both; }
#bm { width: 100%; height: 100px; }

.btn-01 { display:inline-block; vertical-align: middle; width: 70%; height: 50px; text-align: center; background: #00c1da; border-radius: 30px; line-height: 49px; font-size: 1.7em; color: #fff; font-weight: 600;  letter-spacing: -1px;}
.btn-02 { display:inline-block; vertical-align: middle; width: 70%; height: 48px; text-align: center; border: 2px solid #00c1da; background: #fff; border-radius: 30px; line-height: 45px; font-size: 1.7em; color: #00c1da; font-weight: 600;  letter-spacing: -1px;}
.btn-03 { display:inline-block; vertical-align: middle; width: 70%; height: 40px; text-align: center; background: #7d8182; border-radius: 30px; line-height: 38px; font-size: 1.7em; color: #fff; font-weight: 600;  letter-spacing: -1px;}
.btn-04 { display:inline-block; vertical-align: middle; width: 70%; height: 48px; text-align: center; background: #7d8182; border-radius: 30px; line-height: 46px; font-size: 1.7em; color: #fff; font-weight: 600;  letter-spacing: -1px;}


/* MODAL2 */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal { display: none; position:fixed; top:10%; right:0; bottom:0; left:50%; margin-left: -50%; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal-dialog {position:relative; width:auto; margin:0 auto; width: 90%; }
.modal-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.modal .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal-body { padding: 20px; line-height: 150%; font-size: 1.2em; color: #1f1f1f; letter-spacing: -1px;}
.modal-content {position:relative; color:#555; background-color:#fff; outline: 0; border: 1px solid #aaa; border-radius: 30px;  overflow:hidden; padding:15px;}
.modal-content .title { margin: 0 auto; padding:0 10px; font-size:2em; color: #1f1f1f; height: 40px; background: #fff; position: relative;}
.modal-content .title p { text-align: center; line-height: 38px; font-weight: 600; }
.modal-content .title .btn-close { position: absolute; right:0; top:0; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal-content .body { padding: 15px 10px; background: #fff; font-size: 1.2em; color: #1f1f1f; letter-spacing: -1px; text-align: center; }
.modal-content .body .res { text-align: center;  font-size:1.5em; line-height: 140%; color: #7d8182; letter-spacing: -0.5px; margin: 10px 0 30px;}
.modal-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.modal-content .body .ment2 { text-align: left; font-size:1.2em; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 20px; padding: 0;}


/* MODAL2 */
.modal2-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal2 {display:none; position:fixed; top: 0; right:0; bottom:0; left:50%; margin-left: -50%; margin-top: 0; z-index:8000; overflow:scroll; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal2-dialog { position:relative; margin:0 auto; width: 95%; }
.modal2-body { padding: 20px; line-height: 150%; font-size: 1.2em; color: #1f1f1f; letter-spacing: -1px; }
.modal2-content {position:relative; width: 100%; color:#313131; background-color:#fff; outline: 0; border: 1px solid #111; border-radius: 5px;  overflow: hidden; padding: 10px;}
.modal2-content .title { margin: 0 auto; padding:0 10px; font-size:1.5em; color: #222; height: 35px; background: #fff; position: relative; }
.modal2-content .title p { text-align: center; line-height: 140%; font-weight: 500; padding-top: 10px;}

.modal2-content .vs-sel { width: 100%; padding: 10px 8px 12px 8px; border: 1px solid #878787; border-radius: 5px; box-shadow: 1px 2px #e9e9e9; margin: 10px 0;}
.modal2-content .vs-sel table { width:100%; height: auto; border-collapse: collapse; }
.modal2-content .vs-sel table td { height: auto; padding: 6px; font-size: 1.3em; font-weight: 500; color: #1b1b1b; text-align: center; letter-spacing: -1px; }

.modal2-content .title .btn-close { position: absolute; right:0; top:0; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal2-content .body { padding:15px 10px; width: 100%; height: 60%;  background: #fff; overflow:auto; }
.modal2-content .body .res { text-align: center;  font-size: 1em; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 10px 0;}
.modal2-content .body .stx { text-align: left;  font-size: 1.1em; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 10px 0;}
.modal2-content .body .info { text-align: center;  font-size: 1.3em; line-height: 150%; color: #353535; letter-spacing: -0.5px; margin: 0;}
.modal2-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.modal2-content .body .ment2 { text-align: left; font-size:1.2em; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 20px; padding: 0;}
.modal2-content .body table { width:100%; height: auto; border-collapse: collapse; }
.modal2-content .body table th { height: auto; padding: 10px 8px; background: #fff; font-size: 1.6em; font-weight: 600; color: #1b1b1b; background: #fff; text-align: center; line-height: 130%; letter-spacing: -1px; }
.modal2-content .body table td { height: auto; padding: 10px 8px; font-size: 1.3em; font-weight: 500; color: #1b1b1b; text-align: left; letter-spacing: -1px; }

.btn-gray { display: inline-block; vertical-align: middle; height: 24px; line-height: 23px; padding: 0 4px; text-align: center; background: #707070; font-size:13px; color: #fff; letter-spacing: -1px; font-weight: 500; margin-left: 2px;}

.table-test { margin: 0 auto; padding: 0 20px; }
.table-test .title { margin: 20px 0 10px; text-align: left; font-size: 1.2em; font-weight: 500; color: #1b1b1b; letter-spacing: -1px; line-height: 140%;  }
.table-test table { width:100%; height: auto; border-collapse: collapse; border: 1px solid #adadad;}
.table-test table tbody th {  border: 1px solid #e1e1e1; height: auto; background: #ccf4ff; text-align: center; padding: 8px 2px; font-size: 1.1em; font-weight: 600; color: #1b1b1b; letter-spacing: -1px; line-height: 120%;}
.table-test table tbody td {  border: 1px solid #e1e1e1; height: auto; text-align: center; padding: 6px 2px; font-size: 1em; font-weight: 500; color: #1b1b1b; letter-spacing: -1px; line-height: 120%;}
.table-test table tbody td a { color: #1b1b1b;}



.color-nomal {
	color: #666 !important;
	border: 1px solid #666;
	background: #fff !important;
	font-weight: 400 !important;
}



/* sub menu */
.tab-board-list { position: relative; padding: 0 10px; margin: 0 auto 20px; }
.tab-scroll-category {position:relative;margin-bottom:30px}
.tab-scroll-category #tab-category {position:relative;overflow:hidden;height:40px;line-height:30px;z-index:1}
.tab-scroll-category #tab-category .category-list span {color:#858585;text-align:center;cursor:pointer;display:inline-block}
.tab-scroll-category #tab-category .category-list span.fake-span {width:50px}
.tab-scroll-category #tab-category .category-list span a {
	display:inline-block;
	padding: 0 1.3rem;
	height: 40px; line-height: 38px; margin-right: 0;
	/*border-bottom: 1px solid #dcdcdc;*/
	text-align:center; font-size: 1.2em; font-weight: 500; color: #474747; letter-spacing: -1px; background: #fff;
}
.tab-scroll-category #tab-category .category-list span.active a {
	/*color:#000;font-weight:bold;height:40px;border-bottom:1px solid #000;z-index:1*/
	border-bottom: 4px solid #1d64c5; height: 40px; line-height: 36px; font-weight: 700; color: #1d64c5;
}
.tab-scroll-category .scrollbar {position:relative;height:1px;background:#eceee3;line-height:0;margin-bottom:10px;border-radius:2px !important}
.tab-scroll-category .scrollbar .handle {width:100px;height:100%;background:#d3d3cb;cursor:pointer;border-radius:2px !important}
.tab-scroll-category .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category .controls .btn {position:absolute;top:0;width:20px;height:30px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-category .controls {display:none}
.tab-scroll-category .controls .btn.disabled {display:none}
.tab-scroll-category .controls .btn.prev {left:0}
.tab-scroll-category .controls .btn.next {right:0}
/*.tab-scroll-category .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#eaeaea}*/


/* mfb floating */
.mfb-component__child-icon,
.mfb-component__icon,
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
	line-height: 52px !important;
	width:100%;
}
.find-player-input {
	height: 40px;
	background: #fff;
	padding: 0 10px;
	font-size: 1.5em;
	font-weight: 400;
	border-radius: 10px 0 0 10px;
	border: 1px solid #cdcdcd;
	color: #2d2d2d;
	letter-spacing: -1px;
	vertical-align: middle;
}
.find-player-submit {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid #00bef2;
	background: #fff;
	text-align: center;
	font-size: 1em;
	color: #00bef2;
	font-weight: 500;
	letter-spacing: -1px;
	outline: 0;
}



/* talk */
#talk-top:after { display:block; content:''; clear:both; }
#talk-top { /*position: fixed; left: 0; top: 0;*/ padding: 0; text-align:center; background: #15169c; width: 100%; height: 50px; z-index: 9999;}
#talk-top p a { text-align:center; line-height: 50px; font-size: 1.1em; color: #fff; font-weight: 500; letter-spacing: -1px; }
#talk-top p a { display: block; }

#talk-bottom:after { display:block; content:''; clear:both; }
#talk-bottom { position: fixed; left: 0; bottom: 0; right: 0; display: flex; padding: 0; padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #aec5ef; width: 100%; height: 60px; z-index: 9999; box-sizing: border-box;}
#talk-bottom textarea { height: auto; border: 0; line-height: 120%; background: #fff; padding: 14px 16px 16px 20px; font-size: 1.2em; color: #111; font-weight: 500; letter-spacing: -0.5px; outline: none; }

.talk-send { display: inline-block; vertical-align: middle; 0 10px; height: 60px; text-align: center; background: linear-gradient(45deg, #0f159c, #bf26ee); line-height: 59px; font-size: 1.3em; color: #fff; font-weight: 700; letter-spacing: -1px; margin-left: -1px;}
.talk-send-s { display: inline-block; vertical-align: middle; 0 10px; height: 48px; text-align: center; background: #5b5b79; line-height: 49px; font-size: 1em; color: #fff; font-weight: 500; letter-spacing: -1px; margin-left: -1px;}

.message-item { position: relative; display: flex; align-items: flex-end; justify-content: flex-start; padding: 10px 10px 4px; margin-left: 10px; margin-right: 6px; }
.message-item.user { justify-content: flex-end; margin-right: 0; margin-left: 4px; }

.message-item.user .bubble { background: #648edc; color: #fff; border-radius: 16px 16px 0 16px; }
.message-item .bubble { display: inline-block; padding: 14px 16px;  background: #fff;  border-radius: 16px 16px 16px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08); color: #141515; margin-top: 4px; line-height: 1.4em; }
.message-item .footer { font-size: 0.8em; padding: 0 10px; text-align: right; line-height: 1em; margin-top: 5px; color: #141515; opacity: .4; height: 14px; }
.message-item .avatar { position: absolute; top: 4px; left: 16px;  width: 32px; height: auto; border-radius: 100%; }

.message-item .title { font-size: 0.9em; font-weight: 500; color: #4F5050; line-height: 1.2em; padding: 0 0 0 44px; }
.message-item .title .name { font-size: 1.2em; font-weight: bold; color: #4F5050;}


.talk-del {
	position: absolute;
	top: 3px;
	right: 10px;
	background-color: red;
	border-radius: 50%;
	width: 1.4rem;
	height: 1.4rem;
	color: #fff;
	text-align: center;
	line-height: 1.2rem;
}
.talk-del i {
	font-size: 10px;
}

.talk-img {
	max-width: 200px;
	max-height: 200px;
	min-width: 80px;
	min-height: 80px;
}

.profile--box {
	position: absolute;
	display: none;
	background-color: #15169c;
	border-radius: 6px;
	padding: 8px 12px;
	box-sizing: border-box;
	z-index: 9999999;
}
.profile--box.action {
	display: block;
}
.profile--box ul li {
	font-size: 14px;
	color: #d3faff;
	font-weight: 700;
	letter-spacing: -1px;
	line-height:1.7;
}





/* affiliation_list */
.affiliation-list {
	position: relative;
	width: 100%;
	padding: 10px 10px 15px;
	border-radius: 20px;
	border: 1px solid #eaeaea;
	background: #fff;
	margin-bottom: 15px;
	box-sizing: border-box;
	box-shadow: 0 20px 15px -20px #d2d2d2;
}
/*
.affiliation-list .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 34px;
	border-radius: 20px 20px 0 0;
	background: #3069be;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	font-weight: 700;
	letter-spacing: -2px;
	box-shadow: 0 10px 13px -7px #d2d2d2;
}
*/
.affiliation-list .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 34px;
	border-radius: 20px 20px 0 0;
	background: linear-gradient(45deg, #282883, #dc169d);
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	font-weight: 700;
	letter-spacing: -2px;
	box-shadow: 0 10px 13px -7px #d2d2d2;
}
.affiliation-list .ranking {
	position: absolute;
	top: 5px;
	left: 25px;
	font-family: 'Roboto','Noto Sans KR', sans-serif;
	text-align: left;
	font-size: 0.9rem;
	color: #fff;
	font-weight: 500;
	letter-spacing: -1px;
	border-bottom: 1px solid #fff;
}
.affiliation-list .table {
	margin-top: 35px;
	width: 100%;
}
/*
.affiliation-list .table td:nth-child(1) {
	padding: 0 5px;
	font-size: 1rem;
	line-height: 1.8;
}
.affiliation-list .table td:nth-child(1) span {
	color: #fff;
	font-size: 0.9rem;
	background-color: #5BAD26;
	padding: 1px 5px;
	border-radius: 3px;
}
*/
.affiliation-list .table td:nth-child(1) {
	padding: 0 5px;
	font-size: 1rem;
	line-height: 1.8;
}
.affiliation-list .table td:nth-child(1) span {
	font-size: 1.05rem;
	color: #104398; letter-spacing: -1px; font-weight: 500;
}
.affiliation-list .table td:nth-child(2) {
	width: 90px;
	text-align: center;
}
.affiliation-list .table td .heart-btn {
	padding: 0.5rem 0.6rem;
	background-color: #151B9C;
	border-radius: 0.7rem;
	color: #fff;
	font-size: 0.95rem;
	cursor: pointer;
}
.affiliation-list .table td .like-btn {
	padding: 0.5rem 0.6rem;
	background-color: #151B9C;
	border-radius: 0.7rem;
	color: #fff;
	font-size: 0.95rem;
	cursor: pointer;
}








/* affiliation_detail */
.affiliation-detail {
	width: 100%;
	background-color: #fff;
}
.affiliation-detail .info {
	padding: 15px 10px 0 10px;
	font-size: 1rem;
	line-height: 1.8;
}
/*
.affiliation-detail .info span {
	color: #fff;
	font-size: 0.9rem;
	background-color: #5BAD26;
	padding: 1px 5px;
	border-radius: 3px;
}
*/
.affiliation-detail .info span {
	font-size: 1.05rem;
	color: #104398; letter-spacing: -1px; font-weight: 500;
}
.affiliation-detail .line1 {
	margin: 5px 0;
	border-top: 1px solid #cccccc;
}
.affiliation-detail .line2 {
	margin: 15px 0;
	border-top: 1px solid #cccccc;
}

.affiliation-detail .gallery-area {
	position: relative;
	padding: 0 10px;
	height: 63px;
	overflow: hidden;
}
.affiliation-detail .gallery-area span img {
	height: 2rem;
	border-radius: 5px;
}
.affiliation-detail .gallery-area .gallery-more {
	position: absolute;
	top: 31px;
	right: 5px;
	background-color: #151B9C;
	border: 1px solid #02065F;
	color: #fff;
	opacity: 0.8;
	height: 2rem;
	border-radius: 0 5px 5px 0;
	padding: 0 20px;
	line-height: 2rem;
}
.affiliation-detail .match-affiliation {
	padding: 0 10px 10px;
}

.affiliation-detail .match-affiliation .table {
	width: 100%;
}
.affiliation-detail .match-affiliation .table th {
	font-size: 0.9rem;
	text-align: center;
	padding-bottom: 4px;
	border-bottom: 2px solid #7727CC;
}
.affiliation-detail .match-affiliation .table th:nth-child(2) {
	width: 60px;
}
.affiliation-detail .match-affiliation .table th:nth-child(3) {
	width: 90px;
}
.affiliation-detail .match-affiliation .table td {
	padding: 7px 0;
	border-bottom: 1px solid #eeeeee;
	line-height: 1.5rem;
}
.affiliation-detail .match-affiliation .table td:nth-child(1) {
	color: #02065F;
	font-size: 0.9rem;
	font-weight: bold;
}
.affiliation-detail .match-affiliation .table td:nth-child(1) img {
	height: 1.1rem;
	vertical-align: middle;
}
.affiliation-detail .match-affiliation .table td:nth-child(2) {
	text-align: center;
	font-size: 0.9rem;
}
.affiliation-detail .match-affiliation .table td:nth-child(3) {
	text-align: center;
	font-size: 0.9rem;
}




/* contest_list contest */
.gm-bbox {
	display: block; content: ''; clear: both; padding-bottom: 5px;
}
.gm-bbox .gm-bbox-left {
	float: left;
}
.gm-bbox .gm-bbox-right {
	float: right;
}
.gm-state {
	font-weight: bold;
}
.gm-color1 {
	color: #FA3E44;
}
.gm-color2 {
	color: #007ECA;
}
.gm-color3 {
	color: #001E35;
}



/* player */
.cbtn {
	display: inline-block;
	vertical-align: middle;
	padding:2px;
	width: 100%;
	border-radius: 5px;
	background: #009afa;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	letter-spacing: -1px;
	outline: none;
}
.cbtn-c1 {
	background: #E3E3E3;
	color: #343434;
}
.cbtn-c2 {
	background: #E54C4C;
	color: #fff;
}

::-ms-clear {
	display: none;
}
.form-control-clear {
	top:3px;
	right:8px;
	position: absolute;
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
	font-weight:800;
	font-size:20px;
}


/* match_detail */
.match-detail {
	padding:15px 10px;background-color: #fff;
}
.match-detail .box {
	margin-bottom:10px;padding:10px;position:relative;border-radius:10px;
}
.match-detail .state {
	border-radius:0 10px 0 10px;position:absolute;right:0;top:0;padding:5px;text-align:center;width:90px;font-size:1.2em;
}
.match-detail .info {
	padding-bottom: 5px;font-size: 1.1rem;
}
.match-detail .info span {
	color: #F93D2A;font-size: 1.2rem;
}
.match-detail .box .table {
	width:100%;
}
.match-detail .box .table .td1 {
	text-align:left;padding:5px 0;width:30%;font-size:1.1rem;line-height:1.4;
}
.match-detail .box .table .td1 span {
	font-size:1.3rem;font-weight:600;
}
.match-detail .box .table .td2 {
	text-align:center;padding:5px 0;width:20%;font-weight:bold;font-size:2.9rem;
}
.match-detail .box .table .td3 {
	text-align:right !important;
}

.match-detail .game-analyze {
	margin-bottom:10px;padding:10px 10px 5px;border:1px solid #cccccc;border-radius:10px;
}
.match-detail .game-analyze .set {
	font-size:1.1rem;padding-bottom:5px;
}
.match-detail .game-analyze .table {
	width:100%;
}
.match-detail .game-analyze .table .td1 {
	width:30%;
}
.match-detail .game-analyze .table .td2 {
	width:20%;text-align:center;font-weight:bold;font-size:2.5rem;
}
.match-detail .time-info {
	padding:5px 0;border-top:1px solid #cccccc;font-size:1.1rem;
}

.match-detail .prediction-btn {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	background: linear-gradient(45deg, #0f159c, #bf26ee);
	font-size: 1.0em;
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0.4rem 1rem;
	border-radius: 1.3rem;
}




/* winner_type winner_affiliation */
.winner-btd1 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	font-weight: bold;
	width: 20%;
}
.winner-btd2 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	width: 35%;
}
.winner-btd3 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
}


.winner-btda1 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	font-weight: bold;
	width: 15%;
}
.winner-btda2 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	width: 30%;
}
.winner-btda3 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	width: 40%;
}
.winner-btda4 {
	padding: 7px 0 !important;
	font-size: 1.25em !important;
	text-align: right !important;
}



.ranking-point-area {
	width: 100%;
	padding: 10px 10px 15px;
	border-radius: 10px;
	border: 1px solid #eaeaea;
	background: #fff;
	margin: 15px 0 10px;
	box-sizing: border-box;
	box-shadow: 0 20px 15px -20px #d2d2d2;
	font-size: 1.0rem;
}
.ranking-point-area span {
	color: #302AF9;
}
.win-title-area {
	font-size: 0.9rem;
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}


/* contest_gallery */
.gallery-container:after {
	display:block;
	content:'';
	clear:both;
}
.gallery-container {
	margin: 0 auto 10px;
	padding: 10px 0 50px 0;
	width: 100%;
	background: none;
	border: none;
}
.gallery-container .co-box:after {
	display:block;
	content:'';
	clear:both;
}
.gallery-container .co-box { position: relative; width: 100%; padding: 0 10px 10px; margin-bottom: 20px; }

.gallery-avatar {
	width: 22px;
	height: auto;
	border-radius: 100%;
	margin-right: 2px;
}

.gallery-container .co-box div.gallery-no {
	padding: 20px;
	text-align: center;
	font-size: 1.4rem;
}
.gallery-container .co-box div.gallery {
	position: relative;
	margin: 5px;
	border: 1px solid #ccc;
	float: left;
	width: 30%;
}

.gallery-container .co-box div.gallery:hover {
	border: 1px solid #777;
}

.gallery-container .co-box div.gallery .img {
	width: 100%;
	height: auto;
}
.gallery-container .co-box div.gallery .del {
	position: absolute;
	top: -13px;
	right: -10px;
	background-color: red;
	border-radius: 50%;
	width: 1.7rem;
	height: 1.7rem;
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
}
.gallery-container .co-box div.gallery .del i {
	font-size: 0.8rem;
}

.gallery-container .co-box div.desc {
	padding: 15px;
	text-align: center;
}

.gallery-floating {
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 29;
}
.gallery-btn-write {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	height: 40px;
	border-radius: 30px;
	line-height: 40px;
	background: linear-gradient(45deg, #0f159c, #bf26ee);
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	box-shadow: 0 10px 15px -10px #2e328b;
	outline: none;
	cursor: pointer;
}
.uploadbox-text {
	text-align: center;
	font-size: 16px;
	font-weight:600;
	padding:10px 0;
}





/* affiliation_like_member */
.affiliation_like_member {
	padding: 0 20px;
	margin: 0 auto 40px;
}
.affiliation_like_member .title {
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
.affiliation_like_member .title span {
	color: #2A68F9;
	font-size: 1.0rem;
	font-weight: normal;
}
.affiliation_like_member .list {
	border-top: 1px solid #cccccc;
	margin-top: 0.5rem;
}
.affiliation_like_member .list .item {
	border-bottom: 1px solid #eeeeee;
	padding: 0.4rem 0;
	font-weight: bold;
	font-size: 0.9rem;
}
.affiliation_like_member .list .item img {
	width: 32px;
	height: auto;
	border-radius: 100%;
}
.affiliation_like_member .list .no-item {
	border-bottom: 1px solid #eeeeee;
	padding: 1.4rem 0;
	font-weight: bold;
	font-size: 0.9rem;
	text-align: center;
}





/* 승부예측 Box */
.prediction-area {
    max-height: 95%;
    max-width: 340px;
    position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;z-index: 2001;background-color: #fff;border: 1px solid #444;border-radius: 10px;padding: 15px 10px 20px;font-size: 12px;
}
.prediction-area > .clsoe {
    position: absolute;right: 15px;top: 10px;cursor: pointer;
}
.prediction-area > .clsoe i {
    font-size: 1.7em;color: #444;
}
.prediction-area > .title {
    text-align: center;font-weight: bold;font-size: 1.6em;
}
.prediction-area > .memo {
    padding-top: 10px;text-align: center;font-size: 1.2em;
}
.prediction-area > .memo > .box {
    max-height: 400px;
    overflow-y: auto;
}
.prediction-table {
    width: 100%;
    margin: 0 auto;
}
.prediction-table .td1 {
    width: 45%;text-align: center;padding-bottom: 20px;
}
.prediction-table .td1 .round1 {
    margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;background-color: red;border: 6px solid #ccc;color: #fff;font-size: 1.6rem;line-height: 80px;
}
.prediction-table .td1 .round2 {
    margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;background-color: blue;border: 6px solid #ccc;color: #fff;font-size: 1.6rem;line-height: 80px;
}
.prediction-table .td2 {
    width: 45%;text-align: center;
}
.prediction-table .td3 {
    width: 10%;font-size: 1.5rem;font-weight: bold;
}
.prediction-table .td4 {
    width: 45%;padding-top: 20px;text-align: center;font-size: 1.1rem;font-weight: bold;line-height: 1.4;
}
.prediction-bottom {
    margin-top: 30px;display: grid;grid-template-columns: 50px 1fr 50px;
}
.prediction-bottom .button {
    margin: 0 20px;
    background: #5cad26;
    border-radius: 7px;
    height: 34px;
    line-height: 33px;
    font-weight: 700;
    color: #fff;
}
.prediction-bottom i {
    font-size: 1.5rem;
}





.prediction-area > .memo > span {
    font-size: 1.0em;
}
@media (max-width: 576px) {
    .prediction-area {
        padding: 15px 10px 20px;
        /*font-size: 11px;*/
    }
}

.prediction-question-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    z-index: 2002;
    border: 1px solid blue;
    border-radius: 10px;
    padding: 35px 20px 20px;
}
.prediction-question-area .close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.prediction-question-area .close i {
    font-size: 1.7em;
    color: #444;
}
.prediction-question-area .box {
    text-align: left;
    font-size: 1.2rem;
    height: 100%;
    overflow-y: auto;
}



/* 게임 리스트 승부예측 */
.prediction-list {
    position: absolute;
    width: 55px;
    height: 80px;
    background-image: url(/resources/app/common/prediction_round.png);
    background-size: 55px 80px;
    text-align: center;
    padding-top: 50px;
    font-weight: bold;
    font-size: 0.90rem;
    color: #000;
    cursor: pointer;
}
.prediction-list span {
    color: #444;
    font-size: 0.7rem;
}
.prediction-list-left {
    top: 30px;
    left: 15px;
}
.prediction-list-right {
    top: 30px;
    right: 15px;
}

.contest-share {
    border-radius: 10px;
    position: absolute;
    right: 10px;
    top: 12px;
    padding: 4px 10px;
    font-size: 1.0em;
    font-weight: bold;
    background-color: red;
    color: #fff;
}
.court-info-box {
    font-size: 0.8rem;background-color: #fb445b;border-radius: 5px;color: #fff;padding: 3px 5px;
}

/* _contest_badminton_list_nav */
.contest-nav-sub {
    margin: 0.2rem 0.5rem 0;
}
.contest-nav-sub > table {
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.contest-nav-sub-button {
    width: 100%;
    padding: 0.5rem 0;
    color: #000;
    font-weight: bold;
    background-color: #fbfbfb;
    border: 1px solid #ccc;
}
.contest-nav-sub-button.first{
    border-radius: 8px 0 0 8px;
}
.contest-nav-sub-button.end{
    border-radius: 0 8px 8px 0;
}
.contest-nav-sub .active {
    color: #fff;
    /*background-color: #008000;*/
    background: linear-gradient(45deg, #2ea42e, #008000);
}
.contest-nav-sub .active-hidden {
    color: #fff;
    /*background-color: #808080;*/
    background: linear-gradient(45deg, #acacacff, #808080);
}

.contest-nav {
    margin: 0 0.5rem;
}
.contest-nav table {
    width: 100%;
    border-bottom: 1px solid #eceee3;
}
.contest-nav table td {
    text-align: center;
}
.contest-nav table td div {
    /*border: 1px solid #eee;*/
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.6rem 0;
    height: 100%;
}
.contest-nav table td .active {
    border-bottom: 2px solid #1d64c5;
    font-weight: 700;
    color: #1d64c5;
}

.matchboard-x {
    color: blue;font-size: 1.6rem;position: absolute;right: 0;top: -18px;z-index: 2000;
}
.matchboard-area {
    padding: 2px 6px;border-radius: 6px;color: #fff;background-color: #dc3545;opacity: 0.8;font-size: 0.7rem;text-align: center;width: 80px;position: absolute;left: 0;top: -10px;
}
.levelup-area {
    padding: 2px 6px;border-radius: 6px;color: #fff;background-color: #007bff;opacity: 0.8;font-size: 0.7rem;text-align: center;width: 80px;position: absolute;left: 0;top: -10px;
}
.apply-app-area {
    padding: 2px 6px;border-radius: 6px;color: #fff;background-color: #6c757d;opacity: 0.8;font-size: 0.7rem;text-align: center;width: 80px;position: absolute;left: 0;top: -10px;
}
.game-list .gm-top {
    margin-bottom: 25px;
}
.contest-list-img-td {
    text-align: right;
    padding-left: 5px;
}
.contest-list-img-td img {
	max-width: 65px;
    height: 100px;
    border: 1px solid #eee;
    display: inline;
}

.contest-nav-top-btn {
    display: none;
    font-size: 1.4rem;
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 100;
    padding: 5px 13px;
    background-color: #ce9178;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}