@charset "utf-8";
/* RESET
------------------------------------------ */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div{margin:0; padding:0}
img,fieldset{border:0}
ul,ol{list-style:none}
img,input,select{vertical-align:middle}
em,address{font-style:normal}
table{border-collapse:collapse; border-spacing:0px; empty-cells:show; table-layout:fixed}
legend,caption{visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0}

/* BASIC
------------------------------------------ */
html {}
html, body{width:100%; background-color:#151615;}
body, input, select, textarea, button{font-family:'돋움', 'Dotum','Arial','Tahoma','AppleGothic','sans-serif'; font-size:12px; color:#444}
body{line-height:normal;height:100%;}

button{border:0; cursor:pointer; text-align:left; vertical-align:middle; background:transparent;text-transform: none;}
button::-moz-focus-inner{padding:0; border:0}
button:focus{outline:1px dotted}
a {display:block; text-decoration:none;}
a:hover {text-decoration:underline;}
.blind{position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}
.clearfix{clear: both}
.clearfix:after{content:""; display:block; clear:both}
.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:9px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;}
.mask {display: block;border: 1px solid #000;filter:alpha(opacity=20); opacity:0.2;background: url("http://img.sbs.co.kr/sw11/tv/common/blank.gif") repeat scroll left top transparent;position: absolute;top: 0px;left: 0px;z-index: 240;}

/* Skip Navigation */
#skip_nav {z-index:-1; position:absolute; top:0; left:0; width:100%;}
#skip_nav a {position:absolute; top:-99999px; left:-99999px; display:block; width:100%; height:60px; font-weight:bold; font-size:17px; text-align:center; color:#fff; line-height:60px; border-bottom:1px solid #fcfcfc; background-color:#015293}

/* 기본 구조 */
#header {}
#wrap {position:relative;*overflow-x:hidden;z-index:2;width:100%;min-height:1283px; .min-height:2000px; background-color:#151615;}
#container {width:100%; margin:0 auto; .padding-top:443px;}
#footer {text-align:center; padding-top:30px; height:115px;}
.icn {position:relative;display:inline-block;.display:inline;.zoom:1; overflow:hidden; vertical-align:middle; background-repeat:no-repeat; background-color:transparent; background-image:url('http://image.sbs.co.kr/sbs/4n/yookryong/set_iconyr.png');}
.custom_header_w {position:relative; z-index:2; margin:0 auto; width:1100px; height:42px; }
.yrlogo {display:block; position:relative; top:-67px; z-index:5; width:575px; height:247px; background-position:0 -190px; margin:0 auto;}
/* 배경이미지 */
[class^="bg_bigimg0"] {position:absolute; left:50%; top:0; z-index:-1; margin-left:-1271px; width:2542px; height:100%; background-repeat:no-repeat;}
/* gnb */
.gnb_w {position:absolute; left:50%; top:162px; z-index:7; margin-left:-333px; width:666px;}
	.gnb_inner {}
		.gnb_list {margin:0 auto; overflow:hidden; width:666px;}
			[class^="gnb0"] {float:left; margin-left:46px; padding:10px 24px; height:22px;}
			[class^="gnb0"]:first-child {margin-left:0;}
			[class^="gnb0"] .icn {display:block; height:100%;}
			.gnb01 .icn {width:72px; background-position:-575px 0;}
			.gnb02 .icn {width:72px; background-position:-575px -25px;}
			.gnb03 .icn {width:76px; background-position:-575px -50px;}
			.gnb04 .icn {width:115px; background-position:-575px -75px;}

/* 메인 비주얼 슬라이드 */
.visual_w {position:absolute; left:50%; top:0px; margin-left:-1271px; overflow:hidden; width:2542px; height:784px;}
	.visual_inner {width:2542px; overflow:hidden;}
		.visual_list {overflow:hidden; width:10168px; height:784px; }
			.vsl_cont {float:left; width:2542px;}
		/* 인디케이트 버튼 영역 */
		.indicate_w {position:absolute; left:50%; bottom:60px; width:245px; height:40px; margin-left:-123px;background-color:rgba(38,38,38,0.5);}
			.indicate_inner {margin-top:12px; position:relative; z-index:3;}
				.indi_list {overflow:hidden; width:184px;.width:204px; margin:0 auto; }
					.idl_cont {float:left; margin-left:25px;.margin-left:23px; padding-top:3px;}
						.idl_link {display:block; width:11px; height:11px; background-position:-775px -235px;}
						.idl_cont.current .idl_link {background-position:-760px -235px;}
				.indi_arrow {}
					.ida_btn {display:block; float:left; margin-left:20px; padding-bottom:3px; }
					.ida_btn:first-child {margin-left:0;}
						[class^="icn idab_"] {width:10px; height:18px;}
						.idab_prev {background-position:-595px -190px; }
						.idab_next {background-position:-605px -190px; }
						.ida_btn:hover .idab_prev {background-position:-575px -190px; }
						.ida_btn:hover .idab_next {background-position:-585px -190px;}
			.bg_opagray {display:block; position:absolute; left:0; top:0; z-index:1; background-color:#262626; opacity:0.5; width:100%; height:100%;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */
			}
/* 콘텐츠 : PD노트 */
.dramainfo_w {width:1100px; margin:443px auto 0; padding-bottom:19px;}
	.di_produce_w {overflow:hidden;}
		[class^="dip_inner_"] {float:left; position:relative; margin-top:52px; height:435px;}
		.dip_inner_pdnote { margin-top:0; height:487px; }
			.dip_cont {display:block; width:360px; height:100%; position:relative; z-index:1; }
			.dip_cont:hover {text-decoration:none;}
				.dip_mask {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('http://image.sbs.co.kr/sbs/4n/yookryong/mask_dramainfo.png') left top no-repeat;}
				.dip_text {display:block; padding-top:340px; position:relative; z-index:3;}
					[class^="icn dip_title0"] {display:block; position:absolute; left:50%; z-index:3; }
					.dip_title01 {margin-left:-47px; bottom:45px; width:93px; height:63px; background-position:-290px -60px;}/* 개발적용되면 제거.2015-10-29 */
					.dip_title02 {margin-left:-113px; top:147px; width:227px; height:58px; background-position:0 -120px; }/* 개발적용되면 제거.2015-10-29 */
					.dip_title02+.dip_txt {margin-top:93px;}/* 개발적용되면 제거.2015-10-29 */
					[class^="dip_tit_system"] {display:block; margin:0 10px; text-align:center; color:#fff; font-size:20px; font-family:'바탕'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
					.dip_tit_system01 {}
						[class^="dip_tit_system"] .icn {display:block; margin:0 auto 15px; width:22px; height:23px;}
						.dip_tit_system01 .icn {background-position:-695px -25px;}
					.dip_tit_system02 {color:#a6a6a6; }
						.dip_tit_system02 .icn {background-position:-695px 0;}
					.dip_title03 {left:24px; top:60px; width:123px; height:35px; background-position:-435px -60px;}
					.dip_txt {display:block; margin:30px 10px 0;text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#fff;}
					.dip_cont:hover .dip_txt {text-decoration:underline;}
				.dip_img {position:absolute; left:0; top:36px;}
		.dip_inner_mindnote {}
			.dip_inner_mindnote .dip_cont {background:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_mindnote.jpg') left top no-repeat;}
				.dip_inner_mindnote .dip_text {padding-top:146px;}
		.dip_inner_yrmessage {}
			.dip_yrmsg_cont {position:relative; padding-top:60px; width:379px; height:191px; background-color:#2a2a30;}
				.dip_yrmsg_list {margin:54px auto 0;.margin:95px auto 0; width:317px;}
					.dip_yl_cont {}
						.dip_yl_link {display:block; position:relative; margin-top:17px; padding-left:11px; width:295px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
							.dip_yll_txt {font-size:14px;}
								.list_dott {position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background-position:-680px -190px;}
				.bnt_more {position:absolute; right:0; top:60px; padding-right:14px; }
					.bm_icon {width:21px; height:21px; background-position:-645px -190px; }
			.dip_dramainfo_bnt {padding:53px 0 0 153px; height:131px; background:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_yrmessage.jpg') left top no-repeat;}
				[class^="icn dip_dbtn_"] {display:block;width:205px; height:42px; margin-top:8px;}
				[class^="icn dip_dbtn_"]:first-child {margin-top:0;}
				.dip_dbtn_info {background-position:-575px -100px;}
				.dip_dbtn_intro {background-position:-575px -145px;}

/* 콘텐츠 : 캐릭터 설명 */
.character_w {position:relative; padding:44px 0 46px; width:100%; background:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_bigimg02.jpg') no-repeat 50% 0 #2A2A30;}
	.character_inner {position:relative; width:1100px; margin:0 auto;}
		.crt_list {.zoom:1;}
		.crt_list:after {display:block; content:''; clear:both;}
			.crt_cont {float:left; width:262px; height:277px; margin-left:17px;}
			.crt_cont:first-child {margin-left:0;}
				.crt_link {display:block; position:relative; padding-top:206px; max-height:277px; overflow:hidden; color:#2d2d2e; font-weight:bold; background-color:#fff;}
					.crt_title {display:block; min-height:40px; padding:15px 36px;; line-height:20px; font-size:14px; color:#2d2d2e; }
						.crt_tinner {display:block; max-height:40px; overflow:hidden;}
					.crt_img {position:absolute; left:0; top:0; }
					.crt_icon {position:absolute; left:11px; top:8px; width:23px; height:23px; background-position:-620px -190px; }
					.hover_line {display:none; position:absolute; left:0; top:0; width:260px; height:274px; border:1px solid #ff4633;}
				.crt_link:hover .hover_line {display:block;}
					.character_w .bnt_more {top:-32px;}

/* VOD 영역 */
.preview_w {position:relative; width:100%; height:604px; background:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_bigimg03.jpg') no-repeat 50% 0 #222626;}
	.preview_inner_w {width:1100px; margin:0 auto; height:604px; overflow:hidden;}
		.preview_inner {height:604px; overflow-y:scroll; overflow-x:hidden; position:relative;}
			.pv_vod_list {.zoom:1; padding:0 30px 70px; background:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_vod_line.png') repeat-y center top;}
			.pv_vod_list:after {display:block; content:''; clear:both;}
				[class^="pvvl_cont_"] {position:relative; float:left; margin-top:80px; width:472px; height:160px;}
				[class^="pvvl_cont_"]:first-child {margin-top:42px;}
				.pvvl_cont_l {}
					.pvvl_link {position:relative; z-index:1; padding:0 0 0 287px; font-size:14px; color:#2c2d2e; font-weight:bold;}
						.pvvl_text {display:block; position:relative; padding:20px; height:120px; background-color:#fff;}
							.pvvl_title {display:block; margin-top:15px; max-height:65px; overflow:hidden; line-height:21px;}
							.pvvl_txt {display:block; position:absolute; left:20px; bottom:20px; font-size:12px; color:#8e9194; font-weight:normal;}
						.pvvl_img_w {position:absolute; left:0; top:0; width:287px; height:160px; overflow:hidden;}
							.pvvl_img {}
							.pvvl_play_icon {position:absolute; left:50%; top:50%; margin:-16px -20px; width:32px; height:40px; background-position:-695px -235px;}
						.pvvl_link .hover_line {display:none; width:470px; height:158px;}
						.pvvl_link:hover .hover_line {display:block;}
					[class^="icn picker_"] {position:absolute; top:50%; z-index:5; margin-top:-6px; width:6px; height:13px; }
					.picker_l {right:-5px; background-position:-670px -195px;}
					.picker_r {left:-5px; background-position:-680px -195px;}
					.pvvl_link:hover .picker_l {background-position:-755px -210px;}
					.pvvl_link:hover .picker_r {background-position:-765px -210px;}
				.pvvl_cont_r {float:right !important;}
					.pvvl_cont_r .pvvl_link {padding:0 287px 0 0;}
						.pvvl_cont_r .pvvl_img_w {right:0; left:auto;}
					[class^="icn pccl_bg_num"] {position:absolute; top:50%; margin-top:-11px;}
					.pccl_bg_num_dott {width:22px; height:22px; background-position:-760px -250px;}
						.pvvl_cont_l .pccl_bg_num_dott {right:-60px;}
						.pvvl_cont_r .pccl_bg_num_dott {left:-58px;}
					.pccl_bg_num {margin-top:-28px; width:56px; height:56px; background-position:-635px -215px;}
					.pccl_bg_num.current {background-position:-575px -215px;}
					.pvvl_cont_l .pccl_bg_num {right:-76px; }
					.pvvl_cont_r .pccl_bg_num {left:-76px;}
						.pccl_num_w {overflow:hidden; display:block; margin:18px 0 0 15px;}
							[class^="icn pnum"] {float:left; margin-left:2px; width:11px; height:18px;}
							[class^="icn pnum"]:first-child {margin-left:0;}
							.pnum00 {width:13px; background-position:-695px -190px;}
							.pnum01 {width:9px; background-position:-710px -190px;}
							.pnum02 {background-position:-725px -190px;}
							.pnum03 {background-position:-740px -190px;}
							.pnum04 {width:12px; background-position:-755px -190px;}
							.pnum05 {background-position:-770px -190px;}
							.pnum06 {background-position:-695px -210px;}
							.pnum07 {background-position:-710px -210px;}
							.pnum08 {width:12px; background-position:-725px -210px;}
							.pnum09 {width:12px; background-position:-740px -210px;}
			.btn_vod_more {display:block; position:absolute; left:50%; top:-15px; z-index:11; margin-left:-15px; width:30px; height:30px; background-position:-730px -235px; }
	[class^="bg_gra_"] {position:absolute; left:0; z-index:9; width:100%;}
	.bg_gra_top {top:0; height:50px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.63+0,0+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.63) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.63)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.bg_gra_bottom {bottom:0; height:70px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

	}
/* 육룡이 소개 */
.actorpart_w {position:relative; padding-top:20px; margin:0 auto; width:1100px;}
	.atp_inner {margin-top:9px; height:334px; background-image:url('http://image.sbs.co.kr/sbs/4n/yookryong/bg_actorpart.jpg'); background-repeat:no-repeat;}
		.atp_title {width:116px; height:28px; background-position:-435px -95px;}
		.atp_inner {.zoom:1;}
		.atp_inner:after {display:block; content:''; clear:both;}
			.atp_cont {float:left; display:block; position:relative; width:183px; height:100%;}
			.atp_cont:hover {text-decoration:none;}
				.atp_cont:hover [class^="icn atp_name_"] {display:none;}
				.atp_cont:hover .atp_link {display:block;}
					.atp_cont:hover .atp_link [class^="icn atp_name_"] {display:block;}
				[class^="icn atp_name_"] { margin:232px 0 0 21px; position:relative; z-index:3; width:140px; height:55px; }
				.atp_name_yoo {background-position:0 0;}
				.atp_name_kim {background-position:-145px 0;}
				.atp_name_sin {background-position:-290px 0;}
				.atp_name_byon {background-position:-435px 0;}
				.atp_name_yoon {background-position:0 -60px;}
				.atp_name_cheon {background-position:-145px -60px;}
					.atp_link {display:none; position:absolute; left:0; top:0; padding:57px 20px 0; color:#c3b8b6; font-size:14px; line-height:22px; letter-spacing:-1px;}
						.atp_txt {position:relative; display:block; z-index:3; margin-top:39px; max-height:135px; overflow:hidden;}
						.atp_link [class^="icn atp_name_"] {margin:0;}
						.dim_bg_red {display:block; position:absolute; left:0; top:0; z-index:1; width:183px; height:334px;
									background-color:#7d1000;
									-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
									filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */
									opacity: .7;
									}
	.actorpart_w .bnt_more {top:18px;}
.hd_copyright {display:block;}
	.hd_copy_from {display:block; margin-top:10px;}

/* VOD 스크롤 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */


/* HTML5 display definitions
   ========================================================================== */


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* General
   ========================================================================== */
.wrapper {
    height: 100%;
    overflow: auto;
    width: 100%;
}
.wrapper.scrollbar-dynamic {
    max-height: none;
}
.page-content {
    margin: 0 auto;
    max-width: 1600px;
    padding: 25px;
}

/** Custom page styles **/
.content .demo .inner-content {
    border: 1px solid #CCC;
    max-height: 170px;
    width: 600px;
}

.content .demo > div {
    height: 604px;
    overflow: auto;
	overflow-x:hidden;
}
.content .demo .permanent {
    min-width: 800px;
}
.controls {
    padding: 0 0 10px;
}
.controls span {
    cursor: pointer; padding: 2px 8px;
}
.controls span.active {
    background: #4698CE;
    color: #fff;
    cursor: default;
}
.prettyprint ol.linenums > li {
    list-style-type: decimal;
}
#lorem-ipsum {
    display: none;
}

/* 스크롤 커스텀 */
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div{border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar-inner > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;display:none;}
.scrollbar-inner > .scroll-element.scroll-y {height: 100%;right: 7px;top: 0;width: 4px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #494a4d; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #6e6f73; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #6e6f73; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }