@charset "utf-8";
@import url(common.css);
html , body {height:100%;}
body {overflow:hidden; background-color:#393939}
#w-player {color:#fff}

.chat {width:100%; overflow-x:hidden; overflow-y:auto; background:#fff}
.chat div {margin:5px 5px 8px 5px; font-family:gulim; font-size:14px}
.chat div > ul {display:inline; margin-right:5px; font-family:gulim; font-size:13px; line-height:1.5em}
.chat .nick {color:#25c; padding-left:4px}
.chat .time {color:#777; font-family:gulim; font-size:12px}
.chat p {margin-bottom:8px}
.chat .ent {display:block; text-align:center; font-size:13px; color:#999; margin-bottom:5px}

.chat_box { height:90px; background:#9da2b5}
.chat_box .icon a{ display:block; float:left}
.chat_box .exp_menu {display:none}
.bn_top {position:absolute; top:0; right:0}
.bn_mid {height:80px; overflow:hidden; text-align:center; background:#aaa}
.live_info {position:relative; height:80px}
.live_info .btn {position:absolute; top:5px; right:5px; z-index:10}
.live_info .btn a:hover {background-color:#3ea2b9}
.live_info .mark {position:absolute; bottom:5px; left:8px; z-index:10; border:none; border-radius:10px; overflow:hidden}
.live_info .mark .live {float:left; width:50px; height:20px; text-indent:-9999px; background:url(../images/onair.gif) no-repeat}
.live_info .mark .vod {float:left; width:50px; height:20px; text-indent:-9999px; background:url(../images/vod.gif) no-repeat}
.live_info .pic {position:absolute; top:10px; left:8px; width:60px; height:60px; border:none; border-radius:30px; background-repeat:no-repeat; background-position:center; background-size:cover}
.live_info .info {min-width:180px; margin-left:80px; padding-top:15px; color:#fff}
.live_info .info h2 {font-size:16px; margin-bottom:5px;}
.live_info .info .txt {font-size:13px; padding-right:20px; height:30px; margin-bottom:5px; overflow:hidden}
.live_info .info .time {font-size:12px}
.live_info .info .time span {display:inline-block; height:20px; line-height:16px; border:1px solid #abd8e4; border-radius:10px; padding:0 24px 0 10px; cursor:pointer; text-align:center; 
background-color:#3ea2b9; background-image:url(../images/btn_schedule.png); background-repeat:no-repeat; background-position:right 5px top 3px}
.live_info .info .time .timeup {background-position:right 5px bottom 3px}
#schedule {position:absolute; top:100px; left:0; width:100%; border-bottom:1px solid #bbb; border-left:1px solid #bbb; background:#fff; z-index:100; display:none}
#schedule ul {padding:5px 10px}
#schedule li {height:30px; text-align:center; border-bottom:1px dashed #eee}
#schedule li.onair {background:#fff5a0}
#schedule span {display:block; float:left; font-size:13px; line-height:30px; overflow:hidden; white-space:nowrap}
#schedule .cast {width:30%; padding-left:5px}
#schedule .time {width:40%}
#schedule .name {width:30%; text-align:left}
#schedule ul:last-child {text-align:center; background-color:#eee}
#schedule ul:last-child a {font-size:14px}

#listbox {border-left:1px solid #bbb}
#listbox .list-hdr {line-height:30px; font-size:14px; border-bottom:1px solid #bbb; padding-left:10px; background-color:#f4f4f4}
#listbox .list-bdy {height:200px; font-size:13px; border-bottom:1px solid #bbb; padding:5px 10px; overflow-x:hidden; overflow-y:scroll; background-color:#fff;}

.control {position:absolute; bottom:20px; left:0; width:100%; z-index:100}
.control > ul {width:60%; height:44px; min-width:640px; margin:0 auto; padding-top:10px; border:none; border-radius:10px; text-align:center; background-color:rgba(0,0,0,0.7)}
.control > ul>li {display:inline-block; height:20px; line-height:20px; color:#ddd; padding-right:10px; margin-right:10px; border-right:1px solid #444; font-size:12px; overflow:hidden}
.control > ul>li:last-child {border:none; margin-right:0}
.control > ul .zoom div {display:inline-block; height:20px; line-height:20px; padding:0 5px 0 24px; border:1px solid #555; border-radius:5px; cursor:pointer; background-color:rgba(50,50,50,0.75); background-repeat:no-repeat}
.control .screen {background-image:url(../images/screen.png); background-position:3px center; background-size:18px 14px}
.control .origin {background-image:url(../images/original.png); background-position:3px center; background-size:18px 14px}
.control .zoomin {background-image:url(../images/zoomin.png); background-position:3px center; background-size:15px}
.control .zoomout {background-image:url(../images/zoomout.png); background-position:3px center; background-size:15px}
.control > ul .spk_box {position:relative; width:100px; height:17px; margin-top:1px; padding-top:6px}
.control > ul .spk_box .spk {position:absolute; top:0; left:0; width:17px; height:17px; overflow:hidden; background:url(../images/spk.png); background-repeat:no-repeat; background-position:0 0}
.control > ul .spk_box .vol {position:relative; width:70px; height:3px; margin-left:25px; background-color:rgba(255,255,255,0.7)}
.control > ul .spk_box .vol li {height:3px; background-color:#1296ff}
.control > ul .spk_box .vol .thumb {display:none}
.control > ul .spk_box:hover .vol .thumb {display:block; position:absolute; top:-4px; width:11px; height:11px; margin-left:-5px; border:none; border-radius:5px; background:#fff}
.control > ul li a {display:inline-block; line-height:18px; padding:0 5px; color:#fff; border:1px solid #dc0e00; border-radius:5px; cursor:pointer; background-color:#ed1b0d}
.control > ul .mute .spk {background-position:0 -17px}
.control > ul .mute .vol .thumb, .control > ul .mute .vol li {display:none}

.chat_box {height:100px; padding:10px 5px; border-bottom:1px solid #bbb; background:#ddd}
.chat_box .icon {height:25px; margin-bottom:5px}
.chat_box .icon a {display:block; float:left; width:25px; height:25px; margin-right:5px; line-height:25px; text-align:center; font-size:13px; overflow:hidden; background:url(../images/chat_btn.png) no-repeat}
.chat_box .icon a.off img { margin-top:-25px}
.chat_box .input_box {position:relative}
.chat_box .input_box li {margin-right:50px}
.chat_box .input_box li textarea[name=msg] {height:45px; border:1px solid #ccc; font-size:14px}
.chat_box .input_box input[type=button] {position:absolute; top:0; right:0; width:45px; height:45px; color:#985; border:1px solid #dccb30; background-color:#ffec42}

.vod-box {}
.vod-box .vod-control {position:relative; width:100%; height:30px; padding:0 8%; padding-top:14px; background:#f4f4f4; border-bottom:1px solid #bbb}
.vod-box .vod-control .play {position:absolute; top:7px; left:8%; width:17px; height:17px; overflow:hidden; background:url(../images/vod.png); background-repeat:no-repeat; background-position:0 0}
.vod-box .vod-control .run {position:relative; margin-left:25px; height:3px; border:none; border-radius:2px; margin-left:25px; background-color:rgba(180,180,180,0.8)}
.vod-box .vod-control .run li {height:3px; background-color:#1296ff}
.vod-box .vod-control .run .thumb {display:none}
.vod-box .vod-control:hover .run .thumb {display:block; position:absolute; top:-4px; width:11px; height:11px; margin-left:-5px; border:2px solid #1296ff; border-radius:5px; background:#fff}
.vod-box .vod-list {min-height:80px; border-bottom:1px solid #bbb; padding:5px 10px; overflow-x:hidden; overflow-y:scroll; background-color:#fff;}
.vod-box .vod-list>div {font-size:13px; padding:3px;cursor:arrow;}
.vod-box .vod-list .on {background-color:#114499; color:#ffffff;}
.audiojs {display:none;}
#_cwWin { border:1px solid #eeeeee; max-height: 85px; overflow-y:scroll; }
#_cwWin>div {font-size:13px; padding:3px; cursor:pointer;}
#_cwWin>div.on {background-color:#114499; color:#ffffff;}

.KK .ajs-dialog {position: relative; margin: 20% auto;  min-height: 180px; max-width: 500px; padding: 3px; outline: 0; background-color: #fff}
.KK .ajs-header {font-size:20px; font-weight:bold; padding:0 0 0 20px; margin:0; line-height:40px; color:#fff; background-color: #62b4c9}
.KK .ajs-body {min-height: 56px;}
.KK .ajs-body .ajs-content {padding:20px 0 10px 0; margin:0 20%}
.KK .ajs-body .ajs-content p {font-size:14px; color:#555; margin-bottom:5px}
.KK .ajs-body .ajs-content .ajs-input {width:100%; height:35px; font-size:18px; padding:1px 5px; border:none; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#f4f4f4}

.KK .ajs-footer {padding:0; margin:0}
.KK .ajs-footer .ajs-buttons.ajs-primary {text-align:center;}
.KK .ajs-footer .ajs-buttons.ajs-primary .ajs-button {margin: 3px;}
.KK .ajs-footer .ajs-buttons.ajs-auxiliary {clear: none; text-align: center;}
.KK .ajs-footer .ajs-buttons .ajs-auxiliary .ajs-button {margin: 3px;}
.KK .ajs-footer .ajs-buttons .ajs-button {min-width: 88px; min-height: 35px; border:1px solid #ccc}

.KK .ajs-commands {position:absolute; top:0px; right:0px; width:40px; height:40px; margin:3px}
.KK .ajs-commands button {margin:0}
.KK .ajs-commands button.ajs-close {width:40px; height:40px; background-image:url(../images/close.png); background-color:#50b2c8; background-position:center}

.grd-0 {line-height:24px; background:url(ico/grade_00.png) no-repeat}
.grd-1 {line-height:24px; background:url(ico/grade_01.png) no-repeat}
.grd-2 {line-height:24px; background:url(ico/grade_02.png) no-repeat}
.grd-3 {line-height:24px; background:url(ico/grade_03.png) no-repeat}
.grd-4 {line-height:24px; background:url(ico/grade_04.png) no-repeat}
.grd-5 {line-height:24px; background:url(ico/grade_05.png) no-repeat}
.grd-6 {line-height:24px; background:url(ico/grade_06.png) no-repeat}
.grd-7 {line-height:24px; background:url(ico/grade_07.png) no-repeat}
.grd-8 {line-height:24px; background:url(ico/grade_08.png) no-repeat}
.grd-9 {line-height:24px; background:url(ico/grade_09.png) no-repeat}
.grd-10 {line-height:24px; background:url(ico/grade_10.png) no-repeat}
.grd-11 {line-height:24px; background:url(ico/grade_11.png) no-repeat}
.grd-12 {line-height:24px; background:url(ico/grade_12.png) no-repeat}
.grd-13 {line-height:24px; background:url(ico/grade_13.png) no-repeat}
.grd-14 {line-height:24px; background:url(ico/grade_14.png) no-repeat}
.grd-15 {line-height:24px; background:url(ico/grade_15.png) no-repeat}

#w-main {background:#393939}
.ui-layout-pane {padding:0; border:none; }
.ui-layout-resizer {box-sizing:content-box}
.ui-layout-resizer-north {height:8px !important; border-top:1px solid #eee; border-left:1px solid #bbb; border-bottom:1px solid #aaa; background-image:url(../images/handle.png); background-color:#eee; background-repeat:no-repeat; background-position:center}
.ui-layout-resizer-south {height:8px !important; border-top:1px solid #eee; border-left:1px solid #bbb; border-bottom:1px solid #aaa; background-image:url(../images/handle.png); background-color:#eee; background-repeat:no-repeat; background-position:center}
.ui-layout-resizer-open-hover {background-color:#b4dbff}
.ui-layout-toggler-east {background-image:url(../images/chat_close.png); background-position:1px center; background-repeat:no-repeat}
.ui-layout-resizer-east div[title=Open] {background-position:-5px center}
.ui-layout-west {background-color:#444;}
.ui-layout-resizer-west {cursor:default !important; background-color:#393939}
.ui-layout-toggler-west {border-width:1px 1px 1px 0; border-color:#5f5f5f; background-image:url(../images/recom_close.png); background-position:-8px center; background-repeat:no-repeat; background-color:#444}
.ui-layout-resizer-west div[title=Open] {background-position:3px center}
#xptWnd, #mbrWnd {border-left:1px solid #bbb; border-top:1px solid #aaa; overflow-x:hidden; overflow-y:auto}
#xptWnd div {font-size:13px; margin-bottom:8px; padding:0 5px}
.banner {text-align:center; padding-top:4px; border-left:1px solid #bbb; background-color:#eee}
.banner li {margin-bottom:4px; padding:0 4px}
#evt01 { display:none}
.recom {position:absolute; top:0px; left:0; bottom:0; width:200px; overflow-x:hidden; overflow-y:scroll;
  scrollbar-face-color: #3a3c48;
	scrollbar-shadow-color: #3a3c48;
	scrollbar-highlight-color: #3a3c48;
	scrollbar-3dlight-color: #3a3c48;
	scrollbar-darkshadow-color: #3a3c48;
	scrollbar-track-color: #3a3c48;
	scrollbar-arrow-color: #3a3c48;
}
.recom.noti {margin-top:60px}
#contentFrame {position:absolute; top:0; left:0; bottom:0; height:1080px}
.recom input[type=button] {position:fixed; left:143px; bottom:5px; cursor:pointer; width:32px; height:32px; border:1px solid #ccc; background-image:url(../images/up.png); background-position:center 0; background-color:rgba(240, 240, 240, 0.8); z-index:100}
/*상담팝업*/
.consult {position:fixed; bottom:65px; right:280px; width:420px; height:280px; padding:2px; background:#3a3c48; box-sizing:border-box; z-index:1000}
.consult *{color:#fff; font-size:13px}
.consult input[type=text],.consult textarea {color:#222}
.consult ul {clear:both; height:20px; margin-bottom:5px}
.consult ul > li {float:left; font-family:Nanum Gothic; line-height:20px}

.sms {position:fixed; bottom:65px; right:280px; width:930px; height:520px; overflow:hidden; z-index:1000}
.listed {position:relative; float:left; width:650px; height:520px; background:url(/images/exp_body6.jpg) no-repeat}
.listed .phone {margin-bottom:5px}
.listed .phone input[type=text] { font:bold 20px/1.2 Arial; text-align:center; width:65px; height:26px }
.listed .phone select { font:bold 20px/1.2 Arial; text-align:center; width:65px; height:30px }
.listed .phone span {font-size:18px; padding:0 4px; color:#999}
.detail {float:left; width:270px; height:520px; border-left:2px solid #31436b; box-sizing:border-box}
.detail .title {background:url(http://www.winnerstock.co.kr/images/exp_tit_bg.png) repeat-x}
.detail .source {height:150px}

#order {top:10px; left:10px; width:380px; height:280px}
#order ul {padding:0 10px; margin-bottom:20px}
#order ul input, #order ul select {margin-bottom:5px}
#order .chat textarea {width:75%; height:40px}
#order .chat input {width:20%; height:40px; vertical-align:top}

#multi {top:10px; left:50%; width:380px; height:380px}
#multi .fl {float:left; width:220px; height:280px; padding-left:10px}
#multi .fl li {border:1px solid #ccc; width:100%; height:100%; overflow-y:auto; overflow-x:hidden}
#multi .fr { float:right; width:150px; padding-right:10px} 
#multi .fr li {margin-bottom:20px}
#multi .fr input, #multi .fr select {width:100%; margin-bottom:5px}
#multi .chat {clear:both; padding:10px 10px 0}
#multi .chat textarea {width:78%; height:40px}
#multi .chat input {width:20%; height:40px; vertical-align:top}

.admin {display:none; position:absolute; border:1px solid #999; font-size:13px; box-shadow:3px 3px 5px rbga(0,0,0,0.5); background:#fff; z-index:1000}
.admin h2 { height:30px; margin-bottom:10px; line-height:30px; font-size:15px; padding-left:10px; background:#ddd}
.admin h2 a {position:absolute; top:0; right:0; display:block; width:30px; height:30px; text-align:center; line-height:29px; font-size:24px; color:#555; background:#ccc}

.notice {position:fixed; top:5%; left:50%; width:900px; height:90%; margin-left:-450px; border:1px solid #304976; box-shadow:3px 3px 10px rgba(0,0,0,0.5); overflow:hidden; background:#fff; z-index:1000; display:none}
.notice dl {position:relative; width:100%; height:calc(100% - 50px); }
.notice dl dt {position:relative; height:50px;}
.notice dl dt h2 {width:100%; height:50px; line-height:50px; font-size:30px; text-align:center; color:#fff; font-weight:700; background-color:#2d4084}
.notice dl dt a {display:block; position:absolute; top:0; right:0; width:50px; height:50px; color:#fff; font-size:36px; text-align:center; line-height:50px; background:#3875c2}
.notice dl dd { height:100%; overflow-y:auto}

.earning_pop {display:block}
.earning_pop > ul {position:relative; height:inherit; width:inherit}
.earning_pop .ntTop {position:relative; width:100%; height:60px; margin-bottom:30px; color:#fff; background:#304976}
.earning_pop .ntTop h2 {font-size:30px; font-family:"Noto Sans KR"; font-weight:500; line-height:58px; text-align:center; margin-right:30px}
.earning_pop .ntTop h2 span {color:#ffec42; font-weight:500; line-height:inherit}
.earning_pop .ntTop a {position:absolute; top:0; right:0; display:block; width:59px; height:59px; line-height:59px; font-size:36px; text-align:center; background:#3875c2} 
.earning_pop .ntTop a:hover {background:#ff3254}
.earning_pop li {width:800px; margin:0 auto}
.earning_pop iframe {width:100%; height:500px; border:none; overflow:hidden}

.notice_open {position:absolute; top:0; left:0; width:180px; padding:5px; text-align:center; background:#304976}
.notice_open dt {color:#fff; margin-bottom:5px}
.notice_open dd input {}

.alpha_pop {background:#fff}
.alpha_pop > ul {text-align:center; font-family:"Noto Sans KR"}
.alpha_pop .h1 { font-size:30px; font-weight:700; margin-bottom:20px}
.alpha_pop .h2 { font-size:24px; font-weight:400; margin-bottom:30px}
.alpha_pop .h2 span {font-size:30px}
.alpha_pop .h2 li:last-child {font-size:18px}
.alpha_pop .tab { width:860px; height:34px; margin:0 auto; border-bottom:2px solid #ffc000; background:#555}
.alpha_pop .tab li {float:left; width:180px; height:34px; line-height:34px; color:#ccc; cursor:pointer}
.alpha_pop .tab li.on {font-weight:700; color:#111; background-color:#ffc000}
.alpha_pop .img {width:860px; min-height:300px; margin:0 auto; padding:10px 0; background:#222}
.alpha_pop .img li {display:none}
.alpha_pop .img p {color:#fff}
.alpha_pop .btn { position:relative; width:860px; height:80px; margin:0 auto 20px}
.alpha_pop .btn li {text-align:right; padding-top:10px;}
.alpha_pop .btn li:first-child { position:absolute; top:0; left:10px; padding-top:5px; text-align:left; font-size:30px; font-weight:700; color:#f12} 
.alpha_pop .btn a {display:inline-block; width:180px; color:#fff; line-height:30px; border-radius:15px; font-size:14px; font-weight:500; text-align:center; background-color:#F12}
.alpha_pop .btn a:last-child {background-color:#5b42bd}

.wndE1 {color:#d00; font-weight:bold}