@charset "euc-kr";

body,p,table,input,select,button,textarea { color:#d8d8d8; font:12px/20px Verdana,Dotum; }
select { height:20px; border:1px solid #000; background:#222; color:#ccc; font-size:11px; }
select.select1 { width:100%; height:30px; border:0; background:#222; color:#ccc; font-weight:bold; }
/* °øÅë */
a { color:#d8d8d8; }
a:hover { color:#d8d8d8;}/* 2016-11-09 */


/* °øÅë */
#layLms { float:left; position:relative; width:276px; height:100%; /*height:535px;*/ border:1px solid #0f0f0f; border-left:0; background:#373943; z-index:3; }
#layLms .head { height:21px; padding:4px 10px; border-bottom:1px solid #0f0f0f; background:#373943; text-align:right; }
#layLms .tab0 { margin-right:-1px; }
#layLms .tabtext { padding:15px 20px; border-bottom:1px solid #181818; background:#222; font:11px/18px Dotum; }
#layLms .tabtext .tab21 li a { color:#8c8c95; }
#layLms .tabtext .tab21 li:before { color:#383838; }
#layLms .tabtext .tab21 li.on a { font-weight:bold; letter-spacing:-1px; }
#layLms .foot { position:absolute; left:0; bottom:0; width:245px; padding:15px 15px 16px 15px; border-top:1px solid #0f0f0f; text-align:right; }
#layLms .mark1 { color:#31aaf0 !important; }
#layLms .mark8 { color:#bdbdbd !important; }
#layLms .mark9 { color:#fff !important; }
#layLms .paging { font-family:Dotum; text-align:center; }
#layLms .paging > span { padding:0 .66em; }
#layLms .paging > span a + a:before { content:'|'; margin:0 .4em 0 0; color:#1c1d22; font-weight:normal; font-family:Dotum; }
#layLms .tchome { width:95px; height:25px; padding-left:7px; background:url('//img.megamd.co.kr/ls1/player/btn3.home.png') no-repeat; font-size:11px; line-height:24px; text-align:left; vertical-align:middle; display:inline-block; }
#layLms .bltRbar > i.ie7after,
#layLms .bltRbar:after { content:'|'; margin:0 .2em 0 .5em; color:#ccc; font-weight:normal; font-family:Dotum; }
#layLms .dotline1 { background-image:url('//img.megamd.co.kr/ls1/player/dotline1.png'); }
#layLms .mt8 { margin-top:8px; }
#layLms #oConfig { left:0; top:-1px; width:275px; height:100%; }

/* ¹«·á */
#layLms.type1 { background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png'); }
#layLms.type1 .sub1 { padding:10px; background:#222; *zoom:1; }
#layLms.type1 .sub1 .tcPhoto1 { float:left; margin-right:10px; }
#layLms.type1 .sub1 blockquote { margin-top:5px; }
#layLms.type1 .sub1 blockquote strong { margin-bottom:10px; color:#fff; font-size:14px; font-family:'Nanum Gothic'; display:block; }
#layLms.type1 .sub1:after { content:" "; display:block; clear:both; }
#layLms.type1 .sub2 { padding:15px; background:#1a1a1a; font-weight:bold; font-size:12px; }
#layLms.type1 .sub3 { background:#1a1a1a; font-size:11px; height: auto; overflow: auto;} /* ¼öÁ¤ 161110 */
#layLms.type1 .sub3 li { padding:0 15px; border-top:1px solid #000; color:#31aaf0; line-height:35px; }/* ¼öÁ¤ 16111 */
#layLms.type1 .sub3 li span { width:2em; display:inline-block; }/* ¼öÁ¤ 16114 */
#layLms.type1 .sub3 li em { width:10em; display:inline-block; text-align:right; }/* ¼öÁ¤ 16114 */
#layLms.type1 .sub3 li label { width:7em; color:#bdbdbd; display:inline-block; }
#layLms.type1 .sub4 li { position:relative; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#layLms.type1 .sub4 li img { position:absolute; right:0; top:2px; }

/* ¸ðÀÇ°í»ç */
#layLms.type3 { width:355px; }
#layLms.type3 .sub1 { border-top:1px solid #3f4045; border-bottom:1px solid #000; background:url('//img.megamd.co.kr/ls1/player/lms.bg2.png'); }
#layLms.type3 .foot { position:absolute; bottom:0; width:335px; padding:15px 10px; background:#222; line-height:25px; }
#layLms.type3 #oConfig { width:355px; }

/* È¯°æ¼³Á¤ */
#layLms #oConfig { position:absolute; border:1px solid #0f0f0f; border-left:0; background:#373943; }
#layLms #oConfig h5 { color:#31aaf0; font-size:14px; }
#layLms #oConfig dl { padding:10px 0 10px 10px; }
#layLms #oConfig dl dt { padding:0 0 5px; color:#fff; font-weight:bold; word-spacing:-1px; }
#layLms #oConfig dl dd { margin:0 0 10px -10px; padding:0 0 10px 10px; background:url('//img.megamd.co.kr/ls1/player/dotline1.png') left bottom repeat-x; }
#layLms #oConfig dl dd label { margin-right:2em; white-space:nowrap; }
#layLms #oConfig dl dd label input[type=radio] { vertical-align:-3px; }
#layLms #oConfig .head { height:21px; padding:4px 10px; border-bottom:1px solid #0f0f0f; background:#373943; text-align:right; }
#layLms #oConfig .head + .lms_box1 { height:23px; padding:12px 20px 8px; }
#layLms #oConfig .foot { position:absolute; left:0; bottom:0; width:100%; padding:15px 0 16px; border-top:1px solid #0f0f0f; background:#373943; text-align:center; }
#layLms #oConfig .sub11 { background--:#222; }
#layLms #oConfig .sub12 { margin-top:10px; }
#layLms #oConfig .sub12 em { position:relative; width:105px; height:6px; margin:0 0 0 5px; background:url('//img.megamd.co.kr/ls1/player/cage.png') repeat; font:0/0 Dotum; display:inline-block; }
#layLms #oConfig .sub12 em span { position:absolute; left:0; top:0; width:0; height:6px; background:url('//img.megamd.co.kr/ls1/player/cage.png') left bottom repeat; font:0/0 Dotum; display:inline-block; }
#layLms #oConfig .sub12 em span i { position:absolute; right:-10px; top:-4px; width:16px; height:16px; background:url('//img.megamd.co.kr/ls1/player/cage.bar.png') no-repeat; }
#layLms #oConfig .tab21 li a { color:#fff; }
#layLms #oConfig .tab21 li.on a { color:#31aaf0; font-size--:14px; font-weight:bold; letter-spacing:-1px; }
#layLms #oConfig .tab21 li:before { color:#666; }
#layLms #oConfig .scroll { background:#222328; }

/*
.lms_lst1 { font:12px/20px Dotum; }
.lms_lst1 li { height:42px; padding:13px 15px; border-top:1px solid #3a3b3f; border-bottom:1px solid #1d1d20; background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png'); }
.lms_lst1 li i { color:#a0cef8; }
.lms_lst1 li em { width:41px; display:inline-block; }
.lms_lst1 li sup { margin-top:-20px; text-align:right; display:block; }
.lms_lst1 li input[type=text] { height:17px; padding:0; font:11px/19px Verdana,Dotum; }
.lms_lst1 li.on { border-top:1px solid #000; color:#fff; background:#1a1a1a; }
.lms_lst1 li.on i { color:#31aaf0; }
.lms_lst1 li:last-child { border-bottom:0; }
.lms_box1 { padding:15px; border-top:1px solid #3a3b3f; background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png'); }
.lms_box1.type1 { border-bottom:1px solid #1c1c1f; }
*/

/* 2016-11-09 */
.lms_lst1 { font:12px/20px Dotum; }
.lms_lst1 li { height:42px; padding:13px 15px; border-top:1px solid #3a3b3f; border-bottom:1px solid #1d1d20; background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png'); }
.lms_lst1 li i { color:#a0cef8; }
.lms_lst1 li em { width:41px; display:inline-block; }
.lms_lst1 li sup { margin-top:-20px; text-align:right; display:block; }
.lms_lst1 li input[type=text] { height:17px; padding:0; font:11px/19px Verdana,Dotum; }
.lms_lst1 li.on { border-top:1px solid #000; color:#fff; background:#1a1a1a; }
.lms_lst1 li.on a { color:#fff !important; }
.lms_lst1 li.on i { color:#31aaf0; }
.lms_lst1 li.out { color:#fff; }
.lms_lst1 li.out a { color:#fff !important; }
.lms_lst1 li.out i { color:#31aaf0; }
.lms_lst1 li.off { color:#d8d8d8 !important;} 
.lms_lst1 li:last-child { border-bottom:0; }
.lms_box1 { padding:15px; border-top:1px solid #3a3b3f; background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png'); }
.lms_box1.type1 { border-bottom:1px solid #1c1c1f; }

/* 2016-11-09 */

.scroll_p { position:relative; overflow:auto; overflow-x:hidden; } /* Ãß°¡ 161110 */
.scroll_p::-webkit-scrollbar { width:15px; height:10px; }
.scroll_p::-webkit-scrollbar-button:start:decrement,
.scroll_p::-webkit-scrollbar-button:end:increment { display:none; }
.scroll_p::-webkit-scrollbar-track { border-left:1px solid black; background:#222328; }
.scroll_p::-webkit-scrollbar-thumb { border-left:1px solid black; height:50px; width:50px; background:#41414d; }
.scroll_p {
	resize:none; background:url('//img.megamd.co.kr/ls1/player/lms.bg1.png');
	scrollbar-face-color:#41414d;
	scrollbar-track-color:#222328;
	scrollbar-arrow-color:#222328 !important;
	scrollbar-3dlight-color:#41414d;
	scrollbar-highlight-color:#41414d;
	scrollbar-shadow-color:#41414d;
	scrollbar-darkshadow-color:#41414d;
}

/* Layout v2016-10-17 */
.mlawyers_vod { position:relative; width:100%; height:100%; background:#0C0C0C; overflow:hidden; }
.mlawyers_vod.lms_off #layLms { right:-277px }
.mlawyers_vod.lms_off #layLms .switch a { background-position:-11px 0; }
.mlawyers_vod.lms_off .vodContainer { width:calc(100% - 12px); }

/* ÁÂÃø ÀüÃ¼ */
.vodContainer { position:relative; width:calc(100% - 277px - 12px); height:100%; background:#24262a; transition:width 0.2s ease; }

/* ¹Ì¸®º¸±â */
#preview { position:absolute; left:0; top:0; width:100%; height:100%; background:#0c0c0c; cursor:pointer; }
#preview .info1 { position:absolute; top:40px; left:50px; color:white; }
#preview .info2 { position:absolute; bottom:0; right:30px; color:white; }

/* »ó´Ü ¹Ù */
.top_area { position:relative; height:32px; background:#373943; }
.top_area .bi { position:absolute; top:5px; left:10px; }
.top_area .btn { position:absolute; top:6px; right:0; }
.top_area .btn li { float:left; padding-left:2px; }

/* µ¿¿µ»ó */
.vodBox	{ height:calc(100% - 32px); border-bottom:1px solid #000; }
.vodBox .vodArea { position:relative; height:100%; background:#24262a;}

/* ÄÁÆ®·Ñ */
.vodInfo { height:85px; }
.vodInfo .vodInfoBox { position:relative; bottom:0; height:100%; background-color:#6a6b6f;}

/* ¿ìÃø ÆÐ³Î */
#layLms { position:absolute; right:0; top:-1px; height:100%; min-height:300px; transition:right 0.2s ease; }
#layLms .switch { position:absolute; left:-12px; width:11px; height:100%; border-right:1px solid #121216; background:#373943; }
#layLms .switch a { position:absolute; left:0; top:50%; width:11px; height:96px; background:url('//img.megamd.co.kr/ls1/player/switch.png') no-repeat; margin-top:-48px; display:block; }
#layLms .foot { background:#373943; }

/* 2023.02.16 ÀÎµ¦½Ì Ãß°¡ */
.tab_type3 { overflow:hidden; }
.tab_type3 li { float:left; width:92px; height:41px; }
#layLms .tabCont2 .tableStyle1	{ border-top:1px solid #222; font-size:12px; color:#fff; width:100%; }
#layLms .tabCont2 .tableStyle1 th	{text-align:center; height:40px; border-right:1px solid #404143; color:#fff; padding:0 0 2px; background:#222; border-bottom:1px solid #404143; font-weight:normal;}
#layLms .tabCont2 .tableStyle1 td	{ padding:5px; border-right:1px solid #404143; border-bottom:1px solid #404143; color:#999;}
#layLms .tabCont2 .tableStyle1 td input	{ vertical-align:middle; }
#layLms .tabCont2 .tableStyle1 input {color:#fff; border:1px solid #aaa; box-sizing:border-box; height:19px; font-size:12px; vertical-align:middle; }
#layLms .tabCont2 .tableStyle1 .tdAlignF	{ text-align:center;}
#layLms .tabCont2 .tableStyle1 .tdAlignC	{ text-align:center; }
#layLms .tabCont2 .tableStyle1 .tdAlignL	{ padding:5px;}
#layLms .tabCont2 .tableStyle1 td .icoPlay	{ margin-right:3px;}
#layLms .tabCont2 .tableStyle1 td .icoPlay img	{ vertical-align:middle;}
#layLms .tabCont2 .tableStyle1 .myPlay	{ background:#000; color:#fff;}
#layLms .tabCont2 .tableStyle1 .tdHidden	{ position:relative; height:30px; line-height:30px; overflow:hidden; display:block}
#layLms .tabCont2 .tableStyle2	{ border-top:1px solid #222; font-size:11px; color:#b3b6b9; width:100%; margin-bottom:13px; margin-bottom:52px;}
#layLms .tabCont2 .tableStyle2 th	{ text-align:left;}
#layLms .tabCont2 .tableStyle2 td	{ padding:5px 0 5px; vertical-align:middle;}
#layLms .tabCont2 .tableStyle2 td input	{ vertical-align:middle}
#layLms .tabCont2 .tableStyle2 td select	{ width:100%; height:22px; padding:1px 0 3px; background:#292a2d; color:#fff; vertical-align:middle; border:1px solid #aaa;}
#layLms .tabCont2 .tableStyle2 td .tableInput {background:#333537; box-sizing:border-box; color:#fff; width:100%; border:1px solid #aaa; height:21px; vertical-align:top;}
#layLms .tabCont2 .tableStyle2 td textarea	{ margin-bottom:0; vertical-align:top; width:100%; box-sizing:border-box; height:120px; border:1px solid #aaa; background:#333537; color:#fff;}
#layLms .tabCont2 .tableStyle2 td label	{ margin-left:10px; vertical-align:middle}
#layLms .tabCont2 .btn_in {position:absolute; left:0; bottom:61px; right:0; padding:10px 0 20px; text-align:center; background:#373943;}
#layLms .btn_bottom01{display:inline-block; text-align:center; color:#fff; line-height:24px; border:1px solid #aaaaaa; padding:0 10px;}
#layLms .btns{display:inline-block; text-align:center;line-height:19px; font-size:12px; min-width:60px; padding:0 10px; box-sizing:border-box;}
#layLms .btns.p0{padding:0;}
#layLms .btns.btn_01{color:#000; border:1px solid #aaaaaa; background:#aaaaaa;}
#layLms .btns.btn_02{color:#fff; border:1px solid #000; background:#000;}
#layLms .btns.btn_03{color:#000; border:1px solid #ffffff; background:#ffffff;}
#layLms .btns.btn_04{color:#fff; border:1px solid #aaaaaa; background:#292a2d;}
#layLms .btns.btn_05{color:#fff; border:1px solid #0082ff; background:#0082ff;}

#layLms .index_regi input{background:#333537; color:#fff; width:100%; border:1px solid #aaa; height:19px; vertical-align:top;}