@charset "utf-8";

.mo { display:none !important; }
.hide { display:none !important; }
.test { border:1px solid #0084d5; }

::placeholder { color:#aaa; }
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
:-moz-placeholder { color:#aaa; }

/* checkbox */
.checkbox-bg { display:inline-block; position:relative; width:20px; height:20px; margin-top:-2px; vertical-align:top; }
.checkbox-bg input[type=checkbox] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; z-index:1; }
.checkbox-bg input[type=checkbox] + span { display:inline-block; position:relative; width:20px; height:20px; background:url(/images/common/ico_checkbox.png) no-repeat 0 -20px; }
.checkbox-bg input[type=checkbox]:checked + span { background-position:0 0; }

/* radio */
.radio-bg { display:inline-block; position:relative; width:20px; height:20px; margin-top:-2px; vertical-align:top; }
.radio-bg input[type=radio] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; z-index:1; }
.radio-bg input[type=radio] + span { display:inline-block; position:relative; width:20px; height:20px; background:url(/images/common/ico_radio.png) no-repeat 0 -20px; }
.radio-bg input[type=radio]:checked + span { background-position:0 0; }

/* header */
header { position:relative; width:100%; min-width:1000px; background:#f5f5f5; margin-bottom:45px; }

header .header { position:relative; width:1000px; height:60px; margin:0 auto; }
header .header h1 { padding-top:5px; text-align:left; font-size:0; line-height:0; }
header .header h1 a { display:inline-block; width:150px; height:50px; background:url(/images/common/logo_top.png) no-repeat 0 0; text-indent:-9999em; }

header .header .util { position:absolute; right:0; top:10px; }
header .header .util ul { overflow:hidden; }
header .header .util ul li { float:left; margin-left:20px; }
header .header .util ul li a { color:#666; font-size:14px; }
header .header .util ul li.youtube_ico { background:url(/images/common/ico_youtube_upload.png) 95% 50% no-repeat; background-size:20px; padding-right:25px; }

header .gnb { position:absolute; width:100%; min-width:1000px; text-align:center; background:#0084d5; border-top:1px solid #015f9a; border-bottom:1px solid #015f9a; z-index:10; }
header .gnb.fixed { position:fixed; top:0; }
header .gnb nav { display:inline-block; height:42px; }
header .gnb nav>ul { width:1000px; }
header .gnb nav>ul:after { content:''; display:block; clear:both; }
header .gnb nav>ul>li { position:relative; float:left; width:25%; height:30px; padding-top:13px; text-align:center; }
header .gnb nav>ul>li .depth1 { position:relative; font-size:16px; font-weight:300; letter-spacing:-0.5px; color:#fff; z-index:2; }
header .gnb nav>ul>li:hover { background:#fff; }
header .gnb nav>ul>li ul { display:none; position:absolute; left:0; top:0; width:100%; padding:35px 0; background:#fff; border:1px solid #015f9a; border-top:0; z-index:2; box-sizing:border-box; }
header .gnb nav>ul>li ul li { height:auto; padding-top:20px; font-size:14px; }
header .gnb nav>ul>li ul li a { color:#0084d5; }

header .gnb nav>ul>li.on .depth1 { color:#fff; }
header .gnb nav>ul>li:hover .depth1 { color:#0084d5; z-index:3; }
header .gnb nav>ul>li ul li a:hover { color:#0084d5; }

/* footer */
footer { width:100%; min-width:1000px; background:#444; }
footer .footer { position:relative; width:1000px; height:100px; margin:0 auto; }
footer .footer:after { content:''; display:block; clear:both; }
footer .footer .logo { float:left; margin:24px 46px 0 0; }
footer .footer .footer-in { float:left; padding-top:30px; }
footer .footer .footer-menu { float:left; }
footer .footer .footer-menu li { position:relative; float:left; margin-left:14px; padding-left:14px; }
footer .footer .footer-menu li:first-child { margin-left:0; padding-left:0; }
footer .footer .footer-menu li:after { content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#3e3e3e; border-radius:3px; }
footer .footer .footer-menu li:first-child:after { display:none; }
footer .footer .footer-menu li a { font-size:16px; color:#9f9f9f; }
footer .footer .family-site { position:absolute; right:0; top:33px; }
footer .footer .family-site .site-link { float:left; }
footer .footer .family-site div { position:relative; float:left; width:157px; margin-left:29px; }
footer .footer .family-site div button { display:block; position:relative; width:157px; height:32px; padding-left:12px; font-size:14px; color:#adb0b6; line-height:32px; text-align:left; background:#404040; }
footer .footer .family-site div button:after { content:''; position:absolute; right:9px; top:13px; width:11px; height:7px; background:url(/images/common/ico_select_arrow.png) no-repeat 0 0; }
footer .footer .family-site div button.open { background:#2d3039; }
footer .footer .family-site div button.open:after { background-position:0 -7px; }
footer .footer .family-site div ul { display:none; position:absolute; left:0; top:-102px; width:100%; background:#1b1d22; }
footer .footer .family-site div ul li { height:34px; padding-left:12px; line-height:34px; font-size:14px; }
footer .footer .family-site div ul li a { color:#9f9f9f; }
footer .footer .family-site div ul li a:hover { color:#fff; }
footer .footer .copyright { clear:left; float:left; padding-top:11px; font-size:12px; color:#9f9f9f; }
footer .footer .go-page-top { position:fixed; bottom:120px; left:50%; margin-left:615px; width:38px; height:28px; padding-top:18px; border-bottom:2px solid rgba(255, 255, 255, 0.2); background:url(/images/common/ico_page_top_arrow.png) no-repeat 50% 9px; font-size:14px; line-height:24px; color:#fff; text-align:center; z-index:3; cursor:pointer; }

.dimmed { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:900; }

/* content wrap */
.wrap { text-align:center; padding:20px 0; }
.wrap .container { width:1000px; display:inline-block; margin:0 auto; }

/* content wrap */
.content { float:left; position:relative; width:1000px; }

.content .banner-box { display:inline-block; width:100%; height:auto; }
.content .banner-box ul li { float:left; margin:0 20px 10px 0; }
.content .banner-box ul li:nth-child(even) { margin-right:0; }
.content .banner-box ul li img { width:428px; height:90px; border:1px solid #444; }

.content .banner-box2 { display:inline-block; height:auto; border:2px solid #0084d5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.content .banner-box2:nth-child(even) { margin-left:10px; }
.content .banner-box2 ul li { margin:14px; }
.content .banner-box2 ul li img { width:400px; height:100px; }

.content .banner-box-wing { position:absolute; top:0; width:110px; z-index:2; }
.content .banner-box-wing.left { left:-125px; }
.content .banner-box-wing.right { right:-445px; }
.content .banner-box-wing ul li { margin-bottom:15px; text-align:center; vertical-align:middle; background-color:#000; }
.content .banner-box-wing ul li img { width:110px; }

.content .partner-box { display:inline-block; width:100%; height:auto; }
.content .partner-box ul li { float:left; position:relative; display:inline-block; width:188px; height:280px; margin:0 16px 16px 0; padding:9px; border:1px solid #444; text-align:center; font-size:13px; line-height:18px; background:#111; overflow:hidden; }
.content .partner-box ul li .label { position:absolute; top:0; left:0; width:40px; height:40px; }
.content .partner-box ul li .label.auth1 { background:url(/images/common/ico_label_auth1.png) no-repeat 0 0; }
.content .partner-box ul li .label.auth2 { background:url(/images/common/ico_label_auth2.png) no-repeat 0 0; }
.content .partner-box ul li .label.auth3 { background:url(/images/common/ico_label_auth3.png) no-repeat 0 0; }
.content .partner-box ul li .label.auth4 { background:url(/images/common/ico_label_auth4.png) no-repeat 0 0; }
.content .partner-box ul li .label.toto { background:url(/images/common/ico_label_toto.png) no-repeat 0 0; }
.content .partner-box ul li .label.casino { background:url(/images/common/ico_label_casino.png) no-repeat 0 0; }
.content .partner-box ul li .tit { font-size:14px; padding:7px 0; margin:0 auto; margin-bottom:10px; color:#ccc; border-bottom:1px solid #444; }
.content .partner-box ul li:nth-child(4n) { margin-right:0; }
.content .partner-box ul li img { width:190px; height:100px; }
.content .partner-box ul li.on { border:1px solid #fff; }

.content .list-box { border:1px solid #0084d5; height:100px; }


.sub-tit { position:relative; margin:30px 0; padding-top:10px; font-size:20px; line-height:20px; color:#222; text-align:center; display: inline-block; }
.sub-tit:after { content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:60%; height:2px; background:#0084d5; }
.sub-tit span { color:#015f9a; }

.scrolling { overflow-y:auto; margin-top:16px; height:200px; background:#ccc; color:#444; }
.scrolling .cont { text-align:left; padding:20px; font-size:14px; line-height:32px; letter-spacing:-0.5px; }

.btn-box { width:100%; text-align:center; padding:30px 0; }
.btn-box input[type=submit] { border:0px; padding:0 30px; margin:0 10px; display:inline-block; border-radius:3px; background-color:#0084d5; color:#fff; font-size:18px; line-height:50px; text-align:center; }
.btn-box a { padding:0 30px; margin:0 10px; display:inline-block; border-radius:3px; background-color:#0084d5; color:#fff; font-size:18px; line-height:50px; text-align:center; }
.btn-box a.good { padding-left:60px; background:#0084d5 url(/images/common/ico_good.png) no-repeat 20% 50%; }
.btn-box a.bad { padding-right:60px; background:#0084d5 url(/images/common/ico_bad.png) no-repeat 80% 50%; }

.nick { position:relative; padding-left:23px; height:14px; line-height:14px; font-size:13px; background:no-repeat left 50%; background-size:20px; }
.nick a { color:#222 !important; }
.nick.lv0, .nick.none { padding-left:0; }
.nick.lv1 { background-image:url(/images/common/ico_lv1.png); }
.nick.lv2 { background-image:url(/images/common/ico_lv2.png); }
.nick.lv3 { background-image:url(/images/common/ico_lv3.png); }
.nick.lv4 { background-image:url(/images/common/ico_lv4.png); }
.nick.lv5 { background-image:url(/images/common/ico_lv5.png); }
.nick.lv6 { background-image:url(/images/common/ico_lv6.png); }
.nick.lv7 { background-image:url(/images/common/ico_lv7.png); }
.nick.lv8 { background-image:url(/images/common/ico_lv8.png); }
.nick.lv9 { background-image:url(/images/common/ico_lv9.png); }
.nick.lv10 { background-image:url(/images/common/ico_lv10.png); }
.nick.lv11 { background-image:url(/images/common/ico_lv11.png); }
.nick.lv12 { background-image:url(/images/common/ico_lv12.png); }
.nick.lv13 { background-image:url(/images/common/ico_lv13.png); }
.nick.lv14 { background-image:url(/images/common/ico_lv14.png); }
.nick.lv15 { background-image:url(/images/common/ico_lv15.png); }
.nick.lv16 { background-image:url(/images/common/ico_lv16.png); }
.nick.lv17 { background-image:url(/images/common/ico_lv17.png); }
.nick.lv18 { background-image:url(/images/common/ico_lv18.png); }
.nick .menu { position:absolute; top:15px; left:50%; box-sizing:border-box; width:100px; margin-left:-45px; background-color:#f5f5f5; border:1px solid #ccc; display:none; color:#222; font-size:11px; font-weight:300; text-align:center; padding:8px 0 6px 0; border-radius:5px; line-height:16px; z-index:950; }
.info-face { width:34px; height:34px; margin-right:5px; }
.file-box.face { position:absolute; }


.data-view { width:100%; margin-top:40px; }
.data-view .tit { padding:13px; color:#fff; line-height:20px; text-align:center; font-size:14px; font-weight:300; background:#444; }
.data-view .info { padding:15px 20px; color:#999; text-align:left; font-size:12px; }
.data-view .info a.btn_mini { display:inline-block; height:19px; padding:1px 5px 0 5px; margin:0 2px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:11px; line-height:17px; vertical-align:middle; }
.data-view .info span.reg_info { position:absolute; right:15px; }
.data-view .txt { padding:20px; color:#444; line-height:30px; text-align:left; font-size:14px; font-weight:300; border-top:1px solid #ddd; border-bottom:0; }
.data-view .txt img { max-width:100%; }
.data-view .tag { margin-top:30px; display:inline-block; width:100%; }
.data-view .tag li { float:left; margin-right:10px; }
.data-view .tag li a { border-radius:20px; padding:2px 10px 3px 8px; color:#015f9a; font-size:12px; background-color:#fff; border:1px solid #015f9a; }

.data-reply { width:100%; margin-bottom:50px; }
.data-reply li { position:relative; padding:10px 20px 10px 70px; color:#999; text-align:left; font-size:13px; border-top:1px solid #ddd; min-height:50px; line-height:1.5em; word-break:break-all; word-wrap:break-word; }
.data-reply li:nth-child(odd) { background:#efefef; }
.data-reply li img.face { position:absolute; top:10px; left:10px; width:50px; height:50px; border-radius:50%; }
.data-reply li img.del { position:absolute; top:10px; right:10px; cursor:pointer; }
.data-reply li div { margin-bottom:10px; color:#666; font-size:12px; }
.data-reply .write { padding:0 10px 10px 10px; background:#ddd; text-align:left; line-height:30px; border-top:1px solid #ccc; font-size:13px; color:#666; box-sizing:border-box; }
.data-reply input[type=text] { width:980px; height:32px; font-size:14px; background:#fff; border:none; color:#333; vertical-align:middle; padding:0 10px; margin-bottom:10px; box-sizing:border-box; }
.data-reply textarea { width:915px; height:56px; background:#fff; border:none; color:#444; font-size:13px; box-sizing:border-box; }
.data-reply a.btn_mini { display:inline-block; height:17px; padding:1px 5px 0 5px; margin:0 2px; border:0; border-radius:2px; background:#999; color:#fff; font-size:11px; line-height:17px; vertical-align:middle; }
.data-reply a.btn { float:right; display:inline-block; height:56px; padding:0 15px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:14px; line-height:56px; vertical-align:middle; }

.data-edit { width:100%; }
.data-edit li { position:relative; width:100%; padding:10px 30px 10px 200px; border-bottom:1px solid #ddd; text-align:left; min-height:55px; vertical-align:middle; box-sizing:border-box; }
.data-edit li div.item { margin-top:5px; }
.data-edit li.full { padding:10px; box-sizing:border-box; }
.data-edit li:first-child { border-top:2px solid #0084d5;}
.data-edit label.tit { position:absolute; left:0px; display:inline-block; width:200px; padding-left:20px; margin-top:8px; box-sizing:border-box; color:#666; vertical-align:top; }
.data-edit label.tit span { position: absolute; margin-top:4px; margin-left:5px; color:#0084d5; }
.data-edit label.tit .btn { position:absolute; top:-5px; right:5px; display:inline-block; height:28px; padding:0 10px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:12px; line-height:28px; margin:0; }
.data-edit li span.txt { display:inline-block; padding:10px 0; color:#000; }

.data-edit a.btn { display:inline-block; height:34px; padding:0 15px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:14px; line-height:34px; vertical-align:middle; text-align:center; }
.data-edit .help { position:absolute; top:10px; right:10px; letter-spacing:-0.5px; color:#666; font-size:12px; font-weight:200; }
.data-edit .help::before {content:'*'; position:absolute; top:3px; left:-10px; font-size:18px; color:#000; }
.data-edit .file-info { display:inline-block; line-height:36px; margin-top:-5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.data-edit .file-box { line-height:36px; margin-top:-5px; cursor:pointer; }
.data-edit .file-box input[type=file] { position:absolute; opacity:0; width:0; cursor:pointer; }
.data-edit .file-box .file { margin-right:4px; }
.data-edit .file-box .btn { display:inline-block; height:34px; padding:0 15px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:14px; line-height:34px; vertical-align:middle; }
.data-edit .file-box.face { margin-top:-39px; margin-left:42px; }
.data-edit input#yt_url { width:500px; }
.data-edit textarea { height:200px; }

.data-table { margin-top:40px; }
.data-table table { width:100%; border-collapse:collapse; table-layout:fixed; }
.data-table table thead th { height:40px; color:#ddd; text-align:center; font-size:14px; font-weight:300; background:#444; }
.data-table table tbody td { height:40px; color:#666; text-align:center; font-size:14px; font-weight:300; border-bottom:1px solid #ddd; }
.data-table table tbody tr.on td { background-color:#efefef; }
.data-table table tbody td a { color:#666; }
.data-table table tbody td a.cat { font-size:12px; color:#015f9a; }
.data-table table tbody td.point-minus { color:#0084d5; }
.data-table .write { padding:10px; background:#ddd; text-align:left; line-height:30px; }
.data-table .write input { width:770px; margin-right:5px; }
.data-table .write a.btn { float:right; display:inline-block; height:34px; padding:0 15px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:14px; line-height:34px; vertical-align:middle; }

.data-photo { margin-top:40px; display:inline-block; width:100%; height:auto; }
.data-photo ul li { float:left; position:relative; display:inline-block; width:188px; height:290px; margin:0 15px 10px 0; text-align:center; font-size:14px; line-height:18px; color:#999; }
.data-photo ul li:nth-child(5n) { margin-right:0; }
.data-photo ul li img { width:180px; height:180px; border:4px solid #efefef; }
.data-photo ul li a { color:#666; }
.data-photo ul li a.cat { display:inline-block; height:17px; padding:0 6px 0 5px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:11px; line-height:17px; vertical-align:middle; }
.data-photo ul li .sub { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0; }
.data-photo ul li .date { margin:0 5px; color:#999; font-weight:300; font-size:12px; }
.data-photo ul li.on img { border:4px solid #0084d5; }

.data-photo ul li .old { margin:0 5px; color:#999; font-weight:300; font-size:12px; }
.data-photo ul li .rate { margin:0 5px; color:#999; font-weight:300; font-size:12px; }

.data-youtube { margin-top:40px; display:inline-block; width:100%; height:auto; }
.data-youtube ul li { float:left; position:relative; display:inline-block; width:188px; height:160px; margin:0 15px 15px 0; text-align:center; font-size:14px; line-height:18px; color:#999; box-sizing:border-box; border:1px solid #ddd; padding:5px; font-size:12px; background-color:#fff; }
.data-youtube ul li:nth-child(5n) { margin-right:0; }
.data-youtube ul li .sub { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0; }
.data-youtube ul li .cat { position:absolute; bottom:2px; left:5px; font-size:11px; color:#666; }
.data-youtube ul li .info { position:absolute; bottom:2px; right:6px; font-size:10px; }
.data-youtube ul li .info span { display:inline-block; padding-left:13px; margin-left:5px; background-repeat:no-repeat; background-position:0 50%; background-size:11px 11px; }
.data-youtube ul li .info .view { background-image:url(/images/common/ico_view.png); }
.data-youtube ul li .info .like { background-image:url(/images/common/ico_like.png); cursor:pointer; }
.data-youtube ul li .info .reply { background-image:url(/images/common/ico_reply.png); }
.data-youtube ul li.page { display:none; }
.data-youtube ul.ch li { margin-bottom:40px; }
.data-youtube ul.ch li .btn { position:absolute; margin-top:25px; margin-left:-6px; width:100%; }
.data-youtube ul.ch li .btn a { display:inline-block; height:18px; padding:0 5px 0 5px; margin:0 2px; border:1px solid #0084d5; border-radius:2px; background:#fff; color:#0084d5; font-size:12px; line-height:17px; vertical-align:middle; }

.data-table a.btn_round,
.data-edit a.btn_round,
.data-view a.btn_round { display:inline-block; height:18px; padding:0 5px 0 5px; margin:0 2px; border:1px solid #0084d5; border-radius:2px; background:#fff; color:#0084d5; font-size:12px; line-height:17px; vertical-align:middle; }

.data-table a.btn_round.on,
.data-edit a.btn_round.on,
.data-view a.btn_round.on { background:#0084d5; color:#fff; }


/*
.data-table table tbody td a.cat { display:inline-block; height:20px; padding:0 5px; margin:0 2px; border:0; border-radius:2px; background:#0084d5; color:#000; font-size:11px; line-height:20px; vertical-align:middle; }
*/
.data-table table tbody td.subject { text-align:left; padding-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.list-info-wrap { position:relative; height:50px; margin-top:10px; }
.list-info-wrap a { display:inline-block; height:34px; padding:0 15px; border:0; border-radius:2px; background:#0084d5; color:#fff; font-size:14px; line-height:34px; vertical-align:middle; }
.list-info-wrap .list-search { position:absolute; top:0; left:0; display:inline-block; }
.list-info-wrap .list-btn { position:absolute; top:0; right:0; display:inline-block; }
.list-info-wrap input.date { text-align:center; width:80px; padding-right:20px; background:#f7f7f7 url(/admin/images/icon_calendar.png) 90px no-repeat; }

.agree-box { text-align:right; padding:10px; margin-bottom:40px; }
.msg-box { text-align:left; padding:20px; font-size:16px; color:#fff; line-height:25px; letter-spacing:-0.5px; border:5px solid #999; margin-bottom:20px; }



/* paging */
.paging { margin:10px 0 30px 0; text-align:center; }
.paging > a { display:inline-block; width:10px; height:10px; text-indent:-9999px; vertical-align:-3px; }
.paging .prev, .paging .next { width:28px; }
.paging .first { background:url(/images/common/ico_first.png) no-repeat; }
.paging .prev { margin-right:8px; background:url(/images/common/ico_prev.png) no-repeat right; }
.paging .next { margin-left:8px; background:url(/images/common/ico_next.png) no-repeat left; }
.paging .last { background:url(/images/common/ico_last.png) no-repeat; }
.paging .num a { display:inline-block; position:relative; top:-2px; width:40px; font-size:14px; color:#adb0b6; }
.paging .num a:before { display:inline-block; position:absolute; top:-4px; left:0; height:22px; border-left:1px solid #ccc; content: ''; }
.paging .num a:first-child:before { border:none; }
.paging .num a strong { color:#0084d5; }


/* sns_login */
ul.sns_login { margin:20px; }
ul.sns_login li { position:relative; list-style:none; margin-bottom:5px; text-align:left; }
ul.sns_login li a { font-size:16px; text-decoration:none; color:#fff; display:inline-block; box-sizing:border-box; width:100%; height:50px; padding:17px 0 0 60px; }
ul.sns_login li.facebook a { background:url(/oauth/images/facebook.png) #2d4983 0 50% no-repeat; }
ul.sns_login li.google a { background:url(/oauth/images/google.png) #c14130 0 50% no-repeat; }
ul.sns_login li.twitter a { background:url(/oauth/images/twitter.png) #1696bf 0 50% no-repeat; }
ul.sns_login li.kakao a { background:url(/oauth/images/kakao.png) #f0d61d 0 50% no-repeat; }
ul.sns_login li.naver a { background:url(/oauth/images/naver.png) #21a10d 0 50% no-repeat; }


/* fix size */
.w500 { width:500px !important; }
.w600 { width:600px !important; }
.w700 { width:700px !important; }
.wfull { width:100% !important; }

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt50 { margin-top:50px !important; }
.mt100 { margin-top:100px !important; }

.mb50 { margin-bottom:50px !important; }
.mb100 { margin-bottom:100px !important; }

.pb0 { padding-bottom:0 !important; }


.data-table table tbody td ul { }
.data-table table tbody td ul li { }
.data-table table tbody td a.btn {
	display:inline-block;
	height:22px;
	padding:0 10px;
	border-radius:5px;
	background:#015f9a;
	color:#fff;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
	margin-top:5px;
}

.tab-box { margin-bottom:20px; }
.tab-box ul { border:2px solid #0084d5; border-radius:5px; position:relative; display:inline-block; width:100%; box-sizing:border-box; }
.tab-box ul li { float:left; text-align:center; }
.tab-box ul li a { display:inline-block; width:100%; height:30px; padding-top:13px; text-align:center; }
.tab-box ul li.on, .tab-box li:hover { color:#fff; background:#0084d5; }
.tab-box.x2 ul li { width:50%; }
.tab-box.x4 ul li { width:25%; }


.youtube-box { position:relative; text-align:center; display:inline-block; width:100%; height:0; padding-bottom:56.25%; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; cursor:pointer; }
.youtube-box:hover::after { content:''; display:inline-block; position:absolute; top:50%; left:50%; margin-top:-15%; margin-left:-15%; width:30%; padding-bottom:30%; border-radius:100%; opacity:0.7; background:url(/images/common/ico_youtube.png) no-repeat 50% 50%; }
.youtube-slide { position:relative; text-align:center; display:inline-block; width:100%; height:0; padding-bottom:56.25%; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer; }
.youtube_popup { position:fixed; left:50%; top:50%; display:inline-block; width:720px; margin-left:-370px; margin-top:-250px; background-color:#fff; border:10px solid #fff; z-index:970; }
.youtube_popup #youtube_player { z-index:980; }
.youtube_view { position:relative; width:100%; height:0; padding-bottom:56.25%; }
.youtube_view iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.youtube_info { padding:10px 0; }
.youtube_preview { margin-top:10px; display:inline-block; position:relative; width:320px; min-height:180px; background:url(/images/common/noimg_youtube.png) no-repeat 50% 50%; background-size:cover; }


.main_visual { display:inline-block; background:#eee; width:100%; }
.main_visual .slide { float:left; width:640px; height:0; padding-bottom:36%; opacity:0; position:relative; }
.main_visual .slide .main-slide .item a { position:absolute; display:inline-block; width:40px; height:40px; background:#015f9a; z-index:10; bottom:10px; right:10px; border-radius:100%; box-sizing:border-box; color:#fff; padding-top:5px; border:3px solid #fff; }
.main_visual .rank { float:right; width:360px; height:360px; overflow:hidden; }
.main_visual .rank li { position:relative; text-align:left; padding:6px 6px 0 6px; width:100%; overflow:hidden; }
.main_visual .rank li .img { float:left; display:inline-block; width:50px; }
.main_visual .rank li .subject { position:absolute; padding-left:6px; font-size:12px; line-height:14px; width:290px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.youtube-banner { width:100%; }

.youtube_upload { position:absolute; bottom:120px; left:50%; margin-left:510px; }
.youtube_upload.fixed { position:fixed; bottom:20px; }
.youtube_upload div {
	display:inline-block; width:30px; height:22px; cursor:pointer; background:url(/images/common/ico_youtube_upload.png) 50% 50% no-repeat; background-size:contain;
	-webkit-animation: youtube_upload 0.5s linear 0s infinite alternate;
	-moz-animation: youtube_upload 0.5s linear 0s infinite alternate;
	-o-animation: youtube_upload 0.5s linear 0s infinite alternate;
	animation: youtube_upload_ani 0.5s linear 0s infinite alternate;
}
.youtube_upload span { width:50px; position:absolute; top:27px; left:-10px; font-size:11px; text-align:center; color:#666; }
@-webkit-keyframes youtube_upload_ani {
	from { -webkit-transform: scale3d(1, 1, 1); }
	to { -webkit-transform: scale3d(1.1, 1.1, 1.1); }
}
@-moz-keyframes youtube_upload_ani {
	from { -moz-transform: scale3d(1, 1, 1); }
	to { -moz-transform: scale3d(1.1, 1.1, 1.1); }
}
@keyframes youtube_upload_ani {
	from { transform: scale3d(1, 1, 1); }
	to { transform: scale3d(1.1, 1.1, 1.1); }
}


/* money book */
.price_type_I { color:#33f !important; }
.price_type_O { color:#f33 !important; }
.price_type_I:before { content:'+'; position:relative; padding-left:10px; left:-5px; font-weight:700; }
.price_type_O:before { content:'-'; position:relative; padding-left:10px; left:-5px; font-weight:700; }

/* lotto  */
.lotto span { float:left; position:relative; display:block; width:30px; height:30px; color:#fff; margin:3px; }
.lotto span:after { display:inline-block; position:relative; width:100%; height:100%; border-radius:100%; vertical-align:middle; box-sizing:border-box; text-align:center; padding-top:7px; font-size:14px; }
.lotto span.num1:after { content:'1'; background:#fbaf29; }
.lotto span.num2:after { content:'2'; background:#fbaf29; }
.lotto span.num3:after { content:'3'; background:#fbaf29; }
.lotto span.num4:after { content:'4'; background:#fbaf29; }
.lotto span.num5:after { content:'5'; background:#fbaf29; }
.lotto span.num6:after { content:'6'; background:#fbaf29; }
.lotto span.num7:after { content:'7'; background:#fbaf29; }
.lotto span.num8:after { content:'8'; background:#fbaf29; }
.lotto span.num9:after { content:'9'; background:#fbaf29; }
.lotto span.num10:after { content:'10'; background:#fbaf29; }
.lotto span.num11:after { content:'11'; background:#6db1de; }
.lotto span.num12:after { content:'12'; background:#6db1de; }
.lotto span.num13:after { content:'13'; background:#6db1de; }
.lotto span.num14:after { content:'14'; background:#6db1de; }
.lotto span.num15:after { content:'15'; background:#6db1de; }
.lotto span.num16:after { content:'16'; background:#6db1de; }
.lotto span.num17:after { content:'17'; background:#6db1de; }
.lotto span.num18:after { content:'18'; background:#6db1de; }
.lotto span.num19:after { content:'19'; background:#6db1de; }
.lotto span.num20:after { content:'20'; background:#6db1de; }
.lotto span.num21:after { content:'21'; background:#ec6e61; }
.lotto span.num22:after { content:'22'; background:#ec6e61; }
.lotto span.num23:after { content:'23'; background:#ec6e61; }
.lotto span.num24:after { content:'24'; background:#ec6e61; }
.lotto span.num25:after { content:'25'; background:#ec6e61; }
.lotto span.num26:after { content:'26'; background:#ec6e61; }
.lotto span.num27:after { content:'27'; background:#ec6e61; }
.lotto span.num28:after { content:'28'; background:#ec6e61; }
.lotto span.num29:after { content:'29'; background:#ec6e61; }
.lotto span.num30:after { content:'30'; background:#ec6e61; }
.lotto span.num31:after { content:'31'; background:#8b85d1; }
.lotto span.num32:after { content:'32'; background:#8b85d1; }
.lotto span.num33:after { content:'33'; background:#8b85d1; }
.lotto span.num34:after { content:'34'; background:#8b85d1; }
.lotto span.num35:after { content:'35'; background:#8b85d1; }
.lotto span.num36:after { content:'36'; background:#8b85d1; }
.lotto span.num37:after { content:'37'; background:#8b85d1; }
.lotto span.num38:after { content:'38'; background:#8b85d1; }
.lotto span.num39:after { content:'39'; background:#8b85d1; }
.lotto span.num40:after { content:'40'; background:#8b85d1; }
.lotto span.num41:after { content:'41'; background:#4dbc80; }
.lotto span.num42:after { content:'42'; background:#4dbc80; }
.lotto span.num43:after { content:'43'; background:#4dbc80; }
.lotto span.num44:after { content:'44'; background:#4dbc80; }
.lotto span.num45:after { content:'45'; background:#4dbc80; }
.lotto span.bonus { display:inline-block; box-sizing:border-box; color:#333; padding-top:4px; font-size:20px; }

#youtube_player iframe { max-width:720px; width:100%; max-height:480px; height:480px; }
@media screen and (max-width:720px) {
	#youtube_player iframe { height:inherit; }
}

/* test */
/*
.data-table table tbody td a {
	display: inline-block;
}
.data-table table tbody td a:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: #f9004d;
	opacity: .75;
}
.data-table table tbody td a:hover:after{
	width:100%
}
.data-table table tbody td a:after {
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)
}
*/


/* instargram */
.square_box { position:relative; width:100%; }
.square_box:after { content:""; display:block; padding-bottom: 100%; }
.square_data { position:absolute; width:100%; height:100%; background-size:cover; }
.sns-box .sns-list { margin-top:20px; }
.sns-box .sns-list li { float:left; width:20%; }
.sns-box .sns-list li img { width:100%; height:100%; }