@charset "utf-8";

.quvic .playerBox { }
.quvic .playerOpt { margin-top:20px; text-align:center; }

.quvic .searchBox { margin:20px 0px 10px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; }
.quvic .searchForm { float:left; }
.quvic .searchBtn { float:right; }
.quvic .searchIcon { display: inline-block; line-height:20px; padding:4px 10px; font-size: 12px; font-family:dotum; color:#000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; background-color: #fff; }
.quvic .searchPage { display: inline-block; line-height:20px; padding:4px 12px; font-size: 12px; font-family:dotum; color:#333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; background-color: #fff; }

.quvic form { padding:0px; margin:0px; overflow:hidden; display:inline !important; }
.quvic select { display: inline-block; padding: 4px 6px; font-size: 12px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 30px; *margin-top: 4px; line-height: 30px; border: 1px solid #cccccc; background-color: #ffffff; }
.quvic select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.quvic input[type="text"], .quvic input[type="input"] { 
	display: inline-block; height: 20px; padding: 4px 6px; font-size: 12px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 20px; *margin-top: 4px; border: 1px solid #cccccc; background-color: #ffffff; 
	background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s;  -moz-transition: border linear .2s, box-shadow linear .2s;  -o-transition: border linear .2s, box-shadow linear .2s;  transition: border linear .2s, box-shadow linear .2s; 
}
.quvic input[type="text"]:focus, .quvic input[type="input"]:focus { 
	border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); 
}
.quvic input.searchKeyword { width:140px; }
.quvic button { font-weight:normal; display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin: 0; font-size: 12px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }
.quvic button:hover, .quvic input:focus, .quvic input:active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; }
.quvic button.active { background-color: #cccccc \9; }
.quvic button:hover, .quvic input:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.quvic button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.quvic button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); }
.quvic button.submit-ok { }

.quvic #videolist { margin:0px -10px; padding:0px; overflow:hidden;}

.quvic dl.videos { padding:0px; margin:0px; overflow:hidden; }
.quvic dl.videos dt { float:left; margin:0px; padding:0px; font-size: 11px; font-family: Verdana, Arial; overflow:hidden; }
.quvic dl.videos dt img { border: 0px; cursor: pointer; }
.quvic .videoItem { margin:10px; position: relative; }
.quvic .videoThumb { position: relative; display:block; padding:4px; border:1px solid #ddd; }
.quvic .videoThumb:hover { border:1px solid crimson; background:orangered; }
.quvic .videoImg { position: relative; display:block; height: 0; padding-bottom: 75%; overflow: hidden; }
.quvic .videoImg img { position: absolute;top: 0; left: 0; width: 100%; height:auto; }
.quvic .videoTitle { display:inline-block; height:50px; overflow:hidden; margin-top:8px; line-height:1.5; }
.quvic .duration { 
	border-bottom-left-radius: 2px 2px;	border-bottom-right-radius: 2px 2px; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px;	opacity: 0.75;zoom: 1;
	background-color: #222;	color: white !important; display: inline-block;	font-size: 11px; font-weight: normal; height: 15px; line-height: 15px; vertical-align: top;	position: absolute;	border: 0px; padding: 0px 6px; right: 8px; bottom: 10px;
}
.quvic .quvic-copyright { text-align:center; margin:10px 0px 20px; font:normal 11px verdana; line-height:1.5; }

/* Mobile */
.quvic-m .searchBox { margin:10px 0px 5px; }
.quvic-m .searchForm { float:none; margin:20px 0px 10px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; text-align:center; }
.quvic-m .searchBtn { float:none; margin:0px 0px 20px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; text-align:center; }
.quvic-m .searchPage i { display:none; }
.quvic-m input.searchKeyword { width:120px; }
.quvic-m #videolist { margin:0px -5px; }
.quvic-m .videoItem { margin:5px 5px 10px; }
.quvic-m .videoTitle { height:34px; margin-top:6px; }
