@charset utf-8;
.mdFloat {float:left}
.mdModuleWrap {margin:0 auto;padding:0;font-weight:400;min-width:320px;color:#333}
.mdW100div {position:relative;float:left;width:100%}
.mdDefaultDiv {position:relative;float:left}
.mdLi {list-style:none;padding:0;margin:0}
.mdModuleWrap p,div,span,ul {margin:0;padding:0}
.mdTextOverflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdBlock {display:inline-block;zoom:1}
.mdFloatnone {float:none;vertical-align:middle;margin-bottom:2px}
.mdPointer {cursor:pointer}
.mdBoardTextInput {color:#333;padding:6px 10px;border:1px solid #d2d2d2;border-radius:3px;font-size:14px;vertical-align:middle;resize:none;}

.mdVodListTop {vertical-align:middle;font-size:13px}
.mdTopLeft {position:relative;float:left;width:100%; vertical-align:middle; padding-bottom: 10px;}


.mdTopRight {position:relative;float:right;width:100%; vertical-align:middle;text-align:right}
.mdTopRight .mdBoardTextInput {color:#333;padding:7px 10px 6px 10px;border:1px solid #d2d2d2;border-radius:3px;font-size:14px;vertical-align:middle;}

.mdFileBox {position:relative;width:18px;height:18px;line-height:18px;vertical-align:middle;text-align:center;cursor:pointer;margin:0 5px;border-radius:3px;font-size:14px}
.mdFileBox img {margin-top:1px}

p.mdFileBox02 {position:relative;height:27px;line-height:27px;vertical-align:middle;text-align:center;cursor:pointer;font-size:14px;padding:0 5px;border-radius:3px;margin:0 2px}
p.mdFileBox02 img {margin-right:5px}p.mdMfileBox {position:relative;height:27px;line-height:27px;vertical-align:middle;text-align:center;cursor:pointer;font-size:14px;padding:0 5px;border-radius:3px;margin:0 2px}

.mdMfileWrap {border-bottom:1px dashed #d2d2d2;height:40px;line-height:40px;vertical-align:middle}
.mdBasicSelect {padding:6px 5px;vertical-align:middle;height:31px;border:1px solid #d2d2d2;border-radius:3px;font-size:13px; }

.mdPagingWrap {margin-top:20px;height:36px;line-height:36px;text-align:center}
.mdDefault_W100_Div {position:relative;float:left;width:100%}
.mdThumbnailBox {width:75px;display:inline-block;zoom:1;vertical-align:middle;margin-bottom:5px;margin-top:5px;overflow:hidden}
.mdThumbnailBox a { display: block; vertical-align: top;}
.mdThumbnailBox img {width:100%;height:100%; vertical-align: top;}
.mdSearch {width:160px}p.mdFormBtn1 {border-radius:3px;font-size:14px;padding:4px 20px;line-height:1.5;vertical-align:middle;cursor:pointer}
.mdFormBtn3 {border-radius:3px;font-size:15px;width:100%;text-align:center;height:64px;line-height:64px}
.mdCateWrap {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin-top:10px;margin-bottom:10px}
.mdCate {color:#666;font-size:14px;text-decoration:none}
.mdCate:hover {text-decoration:underline}
.mdCateLine {padding:0 10px}
.noticeIcon {font-size:12px;vertical-align:middle;padding:2px;border-radius:3px;min-width:20px!important;display:inline-block}
.mdBoardTable {table-layout:fixed;font-size:14px}
.mdListWhiteTr td {background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdListWhiteTr td.textoverflownone {background:#fff;overflow:visible;text-overflow:none;white-space:normal;text-align:left}
.mdListWhiteTr td.mdSelect {background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f6f6f6;}
.mdListGrayTr td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md_PCverList th {display:table-cell}
.md_PCverList td {display:table-cell}
.md_MverList td {display:none}
.mdBoardTable th {height:50px;padding:0 2px}
.mdBoardTable td {height:70px;vertical-align:middle;text-align:center;padding:0 2px; font-size:14px;}
.mdBoardTable td.mdTal_td {text-align:left; }
.mdBoard_sbj {color:#666;text-decoration:none}
.mdBoard_sbj:hover {text-decoration:underline}
.mdBoardIcon {margin:0 1px}
p.mdPagingBox {width:32px;height:32px;line-height:32px;text-align:center;margin:0 1px;cursor:pointer;font-size:14px;display:inline-block;zoom:1}

.mdPagingArrow {height:32px;line-height:32px;vertical-align:middle}
.mdArrowIcon {height:7px}
.mdMovieWrap {padding:56.6% 0 6px}
.mdMovieWrap iframe {position:absolute;top:0;left:0;height:100%;width:100%}
.mdMovieInfoWrap {background:#fafafa;border:1px solid #d2d2d2}
.mdMovieInfoWrap ul {padding:0;margin:0}
.mdMovieInfoWrap ul li {list-style:none}
.mdMovieTitWrap {position:relative;border-bottom:1px solid #d2d2d2;color:#666;padding-bottom:10px}
.mdMovieTit {font-size:25px}
.mdMovieSubInfo {font-size:14px;margin-top:10px}
.mdViewCount {position:absolute;bottom:0;right:0;font-size:17px;padding-bottom:10px}
.mdSnsWrap {margin:10px 0}
.mdSnsBtn {position:relative;float:left;display:inline-block;zoom:1;font-size:14px;cursor:pointer;height:30px;line-height:30px;vertical-align:middle;margin-right:10px!important}
.mdMovieBox {background:#fafafa;border:1px solid #d2d2d2;margin-top:10px;padding:10px 0}
.mdMovieBox li {list-style:none}
.mdViewTabON {position:absolute;bottom:0;left:0;font-size:17px;padding-bottom:5px!important;cursor:pointer}
.mdViewTab {position:absolute;bottom:0;left:0;border-bottom:3px solid #fafafa;font-size:17px;padding-bottom:5px!important;cursor:pointer}
.mdDownWrap {position:relative;margin-top:10px;font-size:15px;color:#666;margin-top:20px}
.mdCloseBtn {position:absolute;right:0;top:0;cursor:pointer}
.mdDownList {position:relative;height:25px;line-height:25px;padding-left:10px!important;vertical-align:middle;margin:5px 0!important;cursor:pointer}
.mdDownList:hover {text-decoration:underline}
.mdMovieTxt {border:1px solid #d2d2d2;margin-top:10px;background:#fff;font-size:14px;color:#666}
.mdMovieTxt li {list-style:none}
.mdVodCon {border-bottom:1px solid #d2d2d2;padding-bottom:10px!important;line-height:1.6;font-size:14px}

.mdVodCmtWrap {margin-top:10px;font-size:14px;text-align:right}
.mdCmtWrap {position:relative;padding:5px 0 20px 10px;color:#666;margin-top:5px; border-bottom: 1px dashed #d2d2d2;}

span.mdSmallBtn {background:#fff;border:1px solid #d2d2d2;font-size:11px;border-radius:3px;cursor:pointer;padding:0 5px;line-height:1.6;margin-left:2px;float:right}
.mdCmtTop {position:relative;list-style:none;font-size:13px;height:30px;line-height:30px;vertical-align:middle;color:#666}
.mdCmtCon {position:relative;list-style:none;font-size:13px;margin-top:5px;color:#666}
.mdWriteCmt {width:100%;margin-top:20px;padding-top:20px;border-top:1px dashed #d2d2d2}
.mdCmtDvcLeft {position:relative;float:left;width:87.9%;height:65px}
.mdCmtDvcRight {position:relative;float:left;text-align:right;width:12%;height:65px}
.mdMdisplay {display:none}
.playZone iframe {padding:0;margin:0;vertical-align:top}

@media all and (max-width:700px) {
	.mdTopLeft {display:none}
	.mdTopRight {width:100%;text-align:left}
	.mdSearch {width:100px}
	.md_PCverList td {display:none}
	.md_PCverList th {display:none}
	.md_MverList td {display:table-cell}
	.md_mVer_Wrap {text-align:left;width:100%;padding:5px 0;width: 100%; align-items: center;}
	.md_mVer_Wrap > div { display: inline-block; vertical-align: middle;}
	.mdThumbnailBox {width:90px;height:60px;display:inline-block;zoom:1;vertical-align:middle;margin-right:10px;}	
	.md_mVerCon {}
	.md_mVer_sbj {list-style:none;}
	.md_mVer_sbj a {font-size:18px;text-decoration:none;color:#666}
	.md_mVer_info {list-style:none;color:#999;font-size:13px;margin-top:5px}
	
	p.mdPagingBox {width:20px;height:20px;line-height:20px;text-align:center;margin:0 1px;font-size:12px}
	.mdPagingArrow {height:20px;line-height:20px;vertical-align:middle;display:inline-block;zoom:1}
	.mdArrowIcon {height:7px}
	.mdMovieTit {font-size:20px}
	.mdViewCount {display:none}
	.mdDownList {height:20px;line-height:20px}
}

@media all and (max-width:480px) {
	.mdTopRight {width:100%}
	.mdTopRight select {width:80px}
	.mdMnoneDisplay {display:none}
	.mdMdisplay {display:block}
	.mdMfileBtn {float:right;margin-top:5px;cursor:pointer;border:1px solid #d2d2d2;font-size:13px;line-height:15px;height:15px;margin-top:8px;padding:3px 5px}
	.mdMsave {color:#000;margin-left:5px}

	.mdCmtTop {font-size:12px;}
	.mdCmtCon {font-size:12px;}
}


.reportWrap .reportLabel { display: inline-flex; align-items: center; white-space: nowrap; font-size: 13px; cursor: pointer;}
.reportWrap .reportLabel input[type="checkbox"],
.reportWrap .reportLabel input[type="radio"] { display: none;}
.reportWrap .reportLabel i {display: inline-block; vertical-align: middle; transition-duration: .3s; margin: 2px 5px 0 0 ;}
.reportWrap .reportLabel i.type1 { width: 17px; height: 17px; background: url(../images/reportCheck.png) center no-repeat; background-size: contain;}
.reportWrap .reportLabel i.type2 { width: 16px; height: 16px; background: url(../images/reportRadio.png) center no-repeat; background-size: contain;}
.reportWrap .reportLabel input[type="radio"]:checked + i.type1 { background: url(../images/reportCheck_on.png) center no-repeat;}
.reportWrap .reportLabel input[type="radio"]:checked + i.type2 { background: url(../images/reportRadio_on.png) center no-repeat;}
.reportWrap .reportLabel input[type="radio"] + i + span { color: #666;}
.reportWrap .reportLabel input[type="radio"] + i + span { color: #666;}
.reportWrap .reportLabel input[type="radio"]:checked + i + span { color: #000; font-weight: 600;}
.reportWrap .reportLabel input[type="radio"]:checked + i + span { color: #000; font-weight: 600;}

.reportWrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); z-index: 999;}
.reportWrap > div { background: #fff; border: 1px solid #666; border-radius: 20px; padding: 20px;}
.reportWrap > div > p { display: flex; align-items: center; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 15px;}
.reportWrap > div > p > span:nth-child(1) { font-size: 15px; font-weight: 600; flex-grow: 1 ;}
.reportWrap > div > p > span:nth-child(2) { display: inline-flex; align-items: center; cursor: pointer;}
.reportWrap > div > span { display: block; text-align: left; font-size: 13px; margin-bottom: 10px;}
.reportWrap > div > i { display: block; text-align: right; margin-bottom: 10px; color: #999; font-size: 11px; font-style: normal;}
.reportWrap > div > i > span { color: #f39700;}
.reportWrap .type { margin-bottom: 10px; text-align: left;}
.reportWrap .cate { margin-bottom: 10px;}
.reportWrap .cate > label { display: flex; width: 220px; box-sizing: border-box; padding: 5px 10px 7px 10px; border: 1px solid #d1d1d1; border-radius: 3px; margin-bottom: 3px;}
.reportWrap textarea { width: 100%; outline: none; border: 1px solid #d2d2d2; border-radius: 3px; height: 60px; padding: 5px; box-sizing: border-box; resize: none;}
.reportWrap .reportBtn .reportBtn1 {box-shadow:inset 0px 1px 0px 0px #f9eca0; background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%); background-color:#f0c911; border-radius:3px; border:1px solid #e65f44; cursor:pointer; color:#c92200; font-size:13px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ded17c; text-align: center;}

@media all and (max-width: 800px) {
	.reportWrap { background: #fff;}
	.reportWrap .cate > label { width: 320px;}

	.reportWrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; background: rgba(0,0,0,0.3); z-index: 999; text-align: center; overflow-y: auto;}
	.reportWrap > div { display: inline-block; margin: 20px; background: #fff; border: none; border-radius: 20px; padding: 20px; text-align: left;}
}


@media all and (max-width: 800px) {
	.reportWrap {display: flex; background: #fff;}
	.reportWrap > div { margin: 0; border: none;}
}