@charset "UTF-8";html{color:#000;background:#FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
body.front {TEXT-ALIGN: center; background:url(/img/front/bg.gif) 0 110px repeat-x;}
body.front.classic {TEXT-ALIGN: center; background:none;}
fieldset,img{border:0;}
a           {COLOR: #787878; text-decoration:none;}
a:hover     {COLOR: #0066cc; text-decoration:underline;}
a:visited   {COLOR: #550099; text-decoration:none;}
li          {LIST-STYLE-TYPE: none;}
h1, h2, h3, h4, h5, h6  {FONT-WEIGHT: normal; FONT-SIZE: 100%;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit; vertical-align:middle;}
pre, code, kbd, samp, tt{font-family:monospace;font-size:108%;line-height:100%;}
p, blockquote   {PADDING:0px; MARGIN:0px;}
table	{BORDER-COLLAPSE:collapse; border-spacing:0; empty-cells: show; border: 0; }
td      {PADDING:0px; MARGIN:0px;}
th      {PADDING:0px; MARGIN:0px; TEXT-ALIGN: left; FONT-WEIGHT: normal; FONT-STYLE: normal;}
caption {TEXT-ALIGN: left; DISPLAY: none;}
address, caption, cite, code, dfn, strong, th, var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
abbr, acronym   {BORDER: 0px; FONT-VARIANT: normal;}
sup         {VERTICAL-ALIGN: text-top; }
sub         {VERTICAL-ALIGN: text-bottom; }
button{ cursor:pointer;}
em {color:#ccc; margin:0 5px;font-weight:bold; font-family:verdana;}

.left {float:left;}
.right {float:right;}
.clear {CLEAR:both; WIDTH:100%; POSITION:relative; TEXT-ALIGN:center; height:0px; margin:0; padding:0;}
.w980 {width:980px;}
.w760 {width:760px; position:relative}
.w500 {width:500px;}
.w300 {width:270px;}
.w240 {width:240px;}
.w200 {width:200px;}
.m_t5{ margin:5px 0 0 0;}
.m_t10{ margin:10px 0 0 0;}
.m_t15{ margin:15px 0 0 0;}
.hide {display:none;}

#container {POSITION:relative; MARGIN: 0px auto; WIDTH: 980px; text-align:left;}

/* 메인_classic
--------------------------------*/
.classic #branding{ padding:100px 0 10px 0;}	
.classic p.video_count{ position:relative; display:block; left:0; width:980px; padding:0 0 25px 0; text-align:center;}
.classic ul.menu {position:relative; display:block; margin:0 0 200px 0; text-align:center; }
.classic ul.menu li { display:inline-block; padding:0 15px; *zoom:1; *display:inline; }
.classic ul.menu li img { margin:0 2px -3px 0;}
.classic ul.menu a{ text-decoration:none; color:#787878;}
.classic ul.menu a:hover{ color:#000000;}

/* branding
--------------------------------*/	
#branding {width:980px; height:136px; text-align:center; /* Only IE6 */ height /**/:135px; /* IE7, FF */}
#branding h1 {POSITION:relative; TOP:0px; height:96px; text-align:center;}
#branding #search_container {position:relative; width:100%; margin:auto; height:36px;}
#branding #search_container form span {position:absolute;left:249px; bottom:0; height:20px; width:390px; margin:0; padding:8px 27px 8px 10px; background:url(/img/front/searchbox_bg.gif) no-repeat scroll 0 0 ; border:0 none;color:#773388;}
#branding #search_container .search_query{position:absolute; right:6px; WIDTH:407px; HEIGHT:18px; vertical-align:middle; border:0px; padding:4px 5px; margin:-4px 0 0 -6px; COLOR: #773388;}
#branding #search_container .search_button{position:absolute; left:682px; width:42px; height:38px; BORDER:0px; padding:0px; CURSOR: pointer;}
#branding .location img{ margin:0 0 2px 3px; vertical-align:middle;}	
#branding .location {POSITION: absolute; right:0px; TOP:15px; COLOR: #787878;}
#branding .front_option {POSITION: absolute; left:0px; TOP:15px; COLOR: #eeeeee;}
#branding .front_option a{ color:#787878}
#branding .front_option .selected {color:#550099;}

#contents_container{ text-align:left;}

#site_location{ position:relative; height:16px; border-bottom:1px solid #e5e5e5; padding:9px 0; z-index:0; /* For FF */ *z-index:-1; /* IE brothers */ }
#site_location img{ vertical-align: text-bottom; margin:0 7px 0 7px;}
#site_location .searchtxt{ color:#0066cc; font-weight:bold;}
#site_location .btn{vertical-align:middle; position:absolute; right:0px; top:7px; margin:0;}
#site_location .btn img{ margin:0 0 0 3px;}
ul#explore_option { position:absolute; right:0; bottom:-1px; height:22px;}
#explore_option li{float:left; width:60px; margin:0 0 0 1px; text-align:center; line-height:22px;}
#explore_option li a{ display:block; color:#999; background:url(/img/common/bg_explore_option.gif) 0 0; text-decoration:none; }
#explore_option li a.selected{font-weight:bold;  color:#787878; background-position:0 -22px; }

	/* 비디오
	--------------------------------*/	
	#video_container{position:relative;}
		p.video_count {text-align:center; color:#abaab8; font-size:10px; line-height:16px; height:32px;}
	#video_container_area{position:relative; padding:10px 0 0 0; height:195px;}	
		.video_list {height:195px; padding:0 30px;position:relative; overflow:hidden;}
		.video_list .btn{ position:absolute; right:45px;}
		.video_list a.prev{ display:block; position:absolute; width:27px; height:39px; background:url(/img/front/btn_video_prev.gif) 0 0 no-repeat; top:55px; left:0;}
		.video_list a.next{ display:block; position:absolute; width:27px; height:39px; background:url(/img/front/btn_video_next.gif) 0 0 no-repeat; top:55px; right:0;}
		.video_list a.prev:hover, .video_list a.next:hover { background-position:-27px 0;}
		.video_list a.prev:active, .video_list a.next:active { background-position:-54px 0;}
		.video_list .page_navi {margin:0 0 10px 0; height:7px; text-align:center; padding:0;}
		.video_list .page_navi a{ display:inline-block; width:7px; height:7px; margin:0 4px; background:url(/img/front/page_navi.gif) 0 0 no-repeat; }
		.video_list .page_navi a.selected{ background-position:-7px 0;}
		.video_list li{position:relative; display:inline-block; padding:0 14px; width:156px; margin:0; float:left;}
		.video_list dl{position:relative; display:inline-block; left:0; top:0; margin:0; padding:120px 0 0 0; width:156px;}
		.video_list dt a{ display:block; height:36px; overflow:hidden; font-weight:bold; padding:0 5px; color:#000; text-decoration:none; text-align:center; }
		.video_list dd .stats{padding:0 5px; color:#787878}
		.video_list dd.img { position:absolute; top:0; left:0; padding:0; margin:0;}
		.video_list dd.img img.thumb_img { border:1px solid #cdcdcd; padding:2px; width:150px; height:111px; margin:0;background:#fff; }


/* w200
----------------------------------------------------*/
.w200 h2, .w200 h5, .w200 h6{ position:relative; left:0; margin:0; background:url(/img/common/bg_left_tit.gif) no-repeat; height:30px; line-height:30px; font-weight:bold; padding:0 0 0 10px; }
.w200 h2{ background-position:0 0; height:32px;}
.w200 h5{ background-position:0 -92px;}
.w200 h6{ background: url(/img/common/bg_creat.gif) 0 0; height:33px;}
.w200 h6 .more { position:absolute; right:9px; top:9px; background:none; }
	
.w200 div{ background:url(/img/common/bg_left_bottom.gif) 0 bottom no-repeat; padding:0 0 5px 0;}
.w200 div.none{ background:none; padding:0;}
.w200 div ul{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;padding:0px 7px 5px 7px;}

	ul.signin form {position:relative; width:184px; color:#999; border:0;}
	ul.signin form .Field{ line-height:16px; display:block; padding:0; margin:0 56px 3px 0; border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
	ul.signin form .Field label{ display:inline-block; width:28px; height:16px; text-align:right; line-height:16px;}
	ul.signin form input.TextField { vertical-align:top; width:93px; height:14px; border:0;  padding:2px 0; *height:12px;}
	ul.signin form .FieldNoLabel .FieldError{ color:#e73269; text-align:left; display:none;}
	ul.signin form .btn { position:absolute; right:0; top:0; text-align:right; }
	ul.signin .forgot { display:block; text-decoration:none; text-align:center; color:#787878; border-top:1px solid #eee; margin:10px 0 0 0; padding:5px 0 0 0; font-size:10px; }
	
	.profile dl{background:url(/img/front/profile_bg.gif) repeat; height:58px; PADDING:7px 10px 0 65px;} 
	.profile dt { width:125px; line-height:14px; padding:7px 0 0 0;}
	.profile dt a.id {font: bold 18px/22px helvetica; display:inline-block; color:#000; text-decoration:none; margin:0 0 5px 0;}
	.profile dt img{ position:absolute; right:0; top:7px;}
	.profile dd { position:absolute; top:0; left:0; width:65px; height:60px;}
	.profile dd img{ width:40px; height:40px; padding:1px; margin:10px 0 0 10px; border:1px solid; border-color:#9898c4 #67678f #67678f #9898c4; background:#fff;}
	.profile ul h2{ background: none; padding:0 0 0 3px; background:url(/img/common/bg_dotline.gif) bottom repeat-x; font:bold 11px/30px verdana; width:179px; }
	.profile ol{ padding:5px 0 0 3px; width:173px;}
	.profile li{ background:url(/img/common/dot_purple.gif) no-repeat left center; padding:0 0 0 8px; color:#545454; line-height:19px; width:170px;}
	.profile li span{display:inline-block; width:105px;}
	.profile li span.number{ display:inline-block; font-weight:bold; color:#444499; text-align:right; width:60px; font:bold 10px/19px verdana;}

.w200 .menu { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin:33px 0 0 0; }
.w200 .menu a { display:block; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:17px; margin:-1px 0 0 0; color:#545454; text-decoration:none; padding:8px 0; font:bold 12px/17px helvetica;}
.w200 .menu a.selected{ background:#f2f2f2;}
.w200 .menu a:hover{ color:#000;}
.w200 .menu a img { margin:0 3px -3px 10px;}

.w200 ul.ranking{ padding:5px 5px 5px 11px; font-size:11px;}
.ranking li{PADDING:0 2px 0 18px;}
.ranking li a { display:block; width:160px;line-height:19px;  height:19px;  overflow:hidden; }
.ranking_pupple { background:url(/img/number/purple.gif) no-repeat; line-height:22px; height:22px; overflow:hidden; }
.ranking_gray { background:url(/img/number/gray.gif) no-repeat; margin:3px 0 0 0; }
.r1{ background-position:0 0px; }
.r2{ background-position:0 -22px;}
.r3{ background-position:0 -44px;}
.r4{ background-position:0 -66px;}
.r5{ background-position:0 -88px;}
.r6{ background-position:0 -110px;}
.r7{ background-position:0 -132px;}
.r8{ background-position:0 -154px;}
.r9{ background-position:0 -176px;}
.r10{ background-position:0 -198px;}
.ranking_n { background-position:0 -220px;}
.ranking_w { background-position:0 -242px;}

/* w500
----------------------------------------------------*/
.w500 h2, .w240 h2{ font:bold 18px/33px helvetica; height:33px; border-bottom:1px solid #cdcdcd; position:relative;}

.w500 .w200 dl { position:relative; display:block; width:200px; margin:8px 0 20px 2px; padding:160px 0 0 0; vertical-align:top; zoom:1; *display:inline;}
.w500 .w200 dt { padding:0; margin:0; }
.w500 .w200 dt a { color:#000; font-weight:bold; text-decoration:none; margin:0; display:block; font:bold 16px/20px helvetica;}
.w500 .w200 dd a{ font-weight:normal}
.w500 .w200 dd img{ margin:5px 0;}
.w500 .w200 dd.img {left:0px; top:0;}
.w500 .w200 dd.img img{ width:190px; height:145px; border:0; padding:0; margin:0;}

.w500 .w300 dl {padding:0 0 6px 0; margin:0;}
.w500 .w300 dt a{padding:6px 0 0 10px;text-decoration:none; }
.w500 .w300 dd {padding: 0 0 0 10px; margin:0 0 0 0px; font:10px/16px tahoma; color:#999;}
.w500 .w300 dd a{ display:inline-block; font-weight:normal; padding:0; margin:0; background:none;}
.w500 .w300 a{ display:block; line-height:17px; padding:6px 0 6px 10px; margin:0 0 0 0px; background:url(/img/common/dot_gray.gif) 0 13px no-repeat; font-weight:bold; color:#000;text-decoration:none; }


.w500 h2 .btn, .w240 h2 .btn{ position:absolute; right:0; bottom:4px;}
		
	.playlist dl{min-height:65px; _height:65px; padding:5px 2px 0 125px; margin:0 0 13px 0;}
	.playlist dt{ padding:0; margin:0;}
	.playlist dt a{display:inline-block; color:#000; text-decoration:none; font:bold 11px/17px verdana;}
	.playlist dd{ font:10px/16px tahoma;}
	.playlist dd.img { position:absolute; top:8px; padding:1px; background:#000; width:110px; left:2px;}
	.playlist dd.rating{ position:absolute; top:55px; width:112px; text-align:right;left:2px;}
	.playlist dd.img img.thumb_img {width:55px; height:41px; border:0;}
	
	.w540 dt a:hover{COLOR: #0066cc; }
		

	
/* 리스트 정의
----------------------------------------------------*/	
dl {position:relative; display:block; padding:5px 10px; margin:0;}
dt {position:relative; padding:1px 0; margin:0 0 3px 0; line-height:17px; }
dt a {color:#000; text-decoration:underline;}
dt span{ font:10px/16px tahoma; color:#999; margin:0 0 0 8px; }
dt img, dd img { vertical-align:middle;}
dd {position:relative; font:10px/15px verdana; color:#666; }
dd a{ color:#666; font-weight:bold; }
dd p.stats a{font-weight:bold;}
dd p.stats{font:10px/16px tahoma; color:#999;}
dd.img{ position:absolute; top:5px; left:10px;}
dd.img img.thumb_img { vertical-align:top; width:108px; height:81px; border:1px solid #ccc;}
dd.img img.highquality{position:absolute; top:1px; right:11px;}
	
.cluster_url, .cluster_id, .video_id, .video_start_time, .video_end_time, .cluster_seconds, .video_seconds, .video_start_seconds, .video_data_block { DISPLAY: none;}

/* dropdown popup - 지역/언어/공개여부설정
----------------------------------------------------*/
.dropdown {display:inline-block; width:12px; height:11px; background:url(/img/icon/icon_dropdown.gif) 0 0 no-repeat; margin:0 0 -2px 0;}
.dropdown.open{background-position: -12px 0;}

.box_dropdown { display:none; POSITION:absolute; border:3px solid #eeeeee; background:#fff; WIDTH: 190px; TEXT-ALIGN: left; margin:11px 0 0 0;  font-weight:normal; Z-INDEX:1000; }
.box_dropdown p{margin:5px 10px; line-height:20px;}
.box_dropdown input{vertical-align: middle; margin:0 0 3px 0;}
.box_dropdown .title {padding:2px 0px; margin:0 10px; FONT:bold 11px/24px Verdana; BORDER-BOTTOM:#dddddd 1px dashed; HEIGHT: 24px; color:#000;}
.box_dropdown A { display:block; COLOR:#999; TEXT-DECORATION: none; line-height:16px;  margin:3px 0; height:16px;}
.box_dropdown A:hover { color:#000; text-decoration:underline;}
.box_dropdown IMG{ VERTICAL-ALIGN: text-bottom; }
.box_dropdown .close {BACKGROUND:#eee; TEXT-ALIGN:right; width:100%; margin:0; padding:5px 0 2px 0;}

.open .box_dropdown, .box_dropdown.open{ display:inline-block;}

#branding #box_location, #branding #box_language {POSITION:absolute; right:0; TOP:21px;}


/* site_info
--------------------------------*/ 
#site_info { text-align:center; margin:20px 0 0 0; border-top:1px solid #e6e6e6; font:10px/25px verdana; color:#999; padding:0;}
#site_info .link{ background:#f5f5f5; height:30px; color:#cdcdcd;}
#site_info a{ font-weight:lighter; margin:0 7px; color:#787878;}
#site_info a:hover  {COLOR: #550099; text-decoration:underline;}
#site_info #search_container {position:relative; top:6px; margin: 0 313px 0 336px; padding:0; height:37px; width:331px;}	


samp {font:9px/16px Verdana; color:#666;}
.FieldError {font:9px/16px Verdana; color:#e73269;}
.Info { font:10px/14px Verdana; color:#8888aa; display:block; margin:0 0 5px 155px;}

div.growlUI h1, div.growlUI h2 {color: white; padding: 8px 5px 5px 70px; vertical-align:middle; text-align: left; background:url(/img/icon/icon_warning.png) 5px 5px no-repeat; min-height:46px;}
div.growlUI h1 a, div.growlUI h2 a{ color:#fff; text-decoration:underline; }

.ui-widget-overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity:.20; filter:Alpha(Opacity=20);}
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick  { display: none;}
.ui-dialog {padding:3px; background:#fff; border:3px solid #999; }
.ui-dialog .ui-dialog-titlebar {background: #88b; color:#fff; font-weight:bold; padding: 0 0 0 10px; text-align:left; line-height:35px; height:35px;} 
.ui-dialog .ui-dialog-title {margin:0; text-align:left; padding:0; } 
.ui-dialog .ui-dialog-titlebar-close { position:absolute; right:13px; top:13px; width:9px; height:9px; margin:auto; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; }
.ui-dialog .ui-dialog-buttonpane {}
.ui-dialog .ui-dialog-buttonpane button { }
.ui-dialog .ui-resizable-se {}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.popup p { margin:15px 0 0 0; color:#787878;}
.popup fieldset { margin:10px 0 5px 0;}
.popup p.info {text-align:left;background: url(/img/enswerme/BarDot01.gif) repeat-x bottom;padding:0 15px 15px 15px;  }
.popup .action{ margin:15px 3px; }
.popup label{ display:inline-block; width:100px; color:#000; font-weight:bold;  text-align:right;}
.popup label.goto {width:180px; }
.popup label.label_150 { width:150px}
.popup select, .popup input, .popup textarea{width:350px; margin:3px; vertical-align: middle; border:1px solid #cdcdcd; line-height:18px; padding:1px;}
.popup p a{ text-decoration:underline; color:#999; font-weight:bold;}
.popup p a.selected{ text-decoration:none; color:#444499; font-weight:bold;}
.popup label.goto{ float:right; color:#787878; margin:-33px 10px 0 0;}
p.btn { height:22px; border-top:1px solid #eeeeee; background:#f2f2f2; padding:3px 6px 6px 6px ; margin:15px 0 0 0;}
.btn_basic, .popup a.btn_basic { width:65px; height:22px; background:url(/img/btn/BtnBasicBg.gif); color:#545454; border:0; cursor:pointer;vertical-align:text-top; text-decoration:none; display:inline-block; }