@charset "utf-8";

@import "base.css";
@import "board.css";
@import "subLayout.css";
@import "player.css";

div#if_box {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 60;
	float: left;
}
div#if_box div.top {
	height: 15px;
	margin: 0 0 0 15px;
	background: url('/images/FUN/round_l_top.gif') right top;
}
div#if_box div.top div {
	position: relative;
	left: -15px;
	width: 30px;
	height: 15px;
	background: url('/images/FUN/round_l_top.gif') left top;
}
div#if_box div.bottom {
	height: 15px;
	margin: 0 0 0 15px;
	background: url('/images/FUN/round_l_bottom.gif') right bottom;
}
div#if_box div.bottom div {
	position: relative;
	left: -15px;
	width: 30px;
	height: 15px;
	background: url('/images/FUN/round_l_bottom.gif') left bottom;
}
div#if_box iframe {
	padding: 0 15px;
	_padding: 0 12px;
	border-left: 3px solid #bdbdbd;
	border-right: 3px solid #bdbdbd;
	background: #fff;
}
div#if_box a#l_close {
	position: absolute;
	right: 20px;
	top: -5px;
}

/*스마트 검색*/
div.sm_search {
	position: absolute;
	left: 50%;
	top: -650px;
	z-index: 3;
	width: 968px;
	margin-left: -488px;
}
div.sm_search div.wrap {
	background: url('/images/layout/search_bg_line.png') left bottom;
}
div.sm_search div.wrap2 {
	overflow: hidden;
	width: 914px;
	margin: 0 7px -5px;
	padding: 48px 20px 0;
	background: url('/images/layout/search_bg.gif') left bottom repeat-x;
}
div.sm_search div.bottom {
	height: 25px;
	background: url('/images/layout/search_bottom.png') no-repeat;
}
div.sm_search span.close {
	position: absolute;
	right: 15px;
	top: 530px;/**/
}
div.sm_search div.head {
	float: left;
	width: 125px;
}
div.sm_search div.head h2 {
	margin: 0 0 15px;
	padding: 3px 0 0;
}
div.sm_search div.head div.btn {
}
div.sm_search div.head div.btn a {
	display: block;
	width: 115px;
	height: 31px;
	background: no-repeat left top;
}
div.sm_search div.head div.btn a img {
	position: relative;
	width: 115px;
	height: 31px;
}
div.sm_search div.head div.btn a.btn_story_off {
	background-image: url('/images/layout/btn_stroy_off.png');
}
div.sm_search div.head div.btn a.btn_story_on {
	background-image: url('/images/layout/btn_stroy_on.png');
}
div.sm_search div.head div.btn a.btn_spec_off {
	background-image: url('/images/layout/btn_spec_off.png');
}
div.sm_search div.head div.btn a.btn_spec_on {
	background-image: url('/images/layout/btn_spec_on.png');
}
* html div.sm_search div.head div.btn a.btn_story_off {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/btn_stroy_off.png', sizingMethod='crop');
}
* html div.sm_search div.head div.btn a.btn_story_on {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/btn_stroy_on.png', sizingMethod='crop');
}
* html div.sm_search div.head div.btn a.btn_spec_off {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/btn_spec_off.png', sizingMethod='crop');
}
* html div.sm_search div.head div.btn a.btn_spec_on {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/btn_spec_on.png', sizingMethod='crop');
}
div.sm_search h3 {
	margin: 0 0 0 21px;
	padding: 9px 0 0 15px;
	background: url('/images/layout/bul_search_02.gif') no-repeat 0 11px;
}
div.sm_search div.content {
	position: relative;
	display: inline;
	float: right;
	width: 761px;
	margin: 0 0 14px 23px;
	padding: 11px 0 0;
	background: url('/images/layout/depth_bg_01.gif') no-repeat left top;
}
div.sm_search div.content div.bottom {
	clear: both;
	position: relative;
	bottom: -5px;
	width: 761px;
	height: 11px;
	background: url('/images/layout/depth_bg_01.gif') no-repeat left bottom;
}

* html div.sm_search div.content div.bottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
}
* html div.sm_search div.wrap {
	height: 1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/search_bg_line.png', sizingMethod='scale');
}
* html div.sm_search div.bottom {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/search_bottom.png', sizingMethod='crop');
}

div.sm_search h3.story {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	width: 715px;
	margin: 0 auto 7px;
	padding: 9px 0 9px 25px;
	background: url('/images/layout/search_title_bg.gif') no-repeat;
}
div.sm_search h3.story img { vertical-align: middle; }
div.sm_search h3.story a { color: #fff; }

div.sm_search dl.list {
	display: inline;
	float: left;
	margin: 0 0 0 11px;
	background: url('/images/layout/depth_bg_02.gif') no-repeat left top;
}
div.sm_search dl.list dt {
	position: relative;
	font-weight: bold;
	margin: 0 0 0 11px;
	padding: 11px 11px 6px 0;
	background: url('/images/layout/depth_bg_02.gif') repeat-x right top;
}
div.sm_search dl.list dt span.title {
	padding: 0 0 0 14px;
	background: url('/images/layout/bul_search.gif') no-repeat 2px 50%;
}
div.sm_search dl.list dt span.more {
	display: block;
	position: absolute;
	right: 8px;
	top: 13px;
	width: 26px;
}
div.sm_search dl.list dt span.more img {
	margin: 0 -5px 0 0;
}
div.sm_search dl.list dd {
	background: url('/images/layout/depth_bg_02.gif') no-repeat left bottom;
}
div.sm_search dl.list dd ol {
	width: 143px;
	height: 110px;
	margin: 0 0 0 11px;
	padding: 0 11px 11px 0;
	background: url('/images/layout/depth_bg_02.gif') no-repeat right bottom;
}
div.sm_search dl.list dd ol li {
	font-size: .9em;
	line-height: 1;
	height: 20px;
}
div.sm_search dl.list dd ol li img {
	vertical-align: middle;
	padding: 0 5px 0 0;
}
div.sm_search dl.list dd ol li.first {
	padding-top: 10px;
	background: url('/images/layout/s_line_w.gif') repeat-x left top;
}
div.sm_search div.s_box {
	position: relative;
	display: inline;
	float: left;
	width: 387px;
	margin: 0 0 0 11px;
	padding: 0;
	background: url('/images/layout/depth_bg_02.gif') repeat-x right top;
}
div.sm_search div.s_box dl.list {
	width: 377px;
	margin: 0;
	padding: 0;
	background: url('/images/layout/depth_bg_02.gif') repeat-x left top;
}
div.sm_search div.s_box dl.list dt {
	position: static;
	_position: relative;
	margin: 0 0 10px 10px;
	padding: 10px 0;
	background: url('/images/layout/s_line_w.gif') repeat-x left bottom;
}
div.sm_search div.s_box dl.list dd {
	overflow: hidden;
	width: 377px;
	height: 108px;
}
div.sm_search div.s_box dl.list p.image {
	_position: relative;
	float: left;
	width: 110px;
	height: 100px;
	margin: 0 0 0 10px;
	padding: 4px 0 0 4px;
	background: url('/images/layout/thumb_110_100.gif') no-repeat;
}
div.sm_search div.s_box dl.list p.image img {
	width: 99px;
	height: 89px;
}
div.sm_search div.s_box dl.list ul {
	position: absolute;
	right: 0;
	_right: -1px;
	bottom: 0;
	font-size: .9em;
	width: 230px;
	height: 108px;
	margin: 0;
	padding: 0 11px 2px 0;
	background: url('/images/layout/depth_bg_02.gif') repeat-x right bottom;
}
div.sm_search div.s_box dl.list ul li {
	overflow: hidden;
	width: 229px;
	height: 20px;
	margin: 0;
	padding: 0 0 0 8px;
	background: url('/images/icon/bul_dot_01.gif') no-repeat 0 3px;
}

div.sm_search div.content iframe {
	width: 740px;
	height: 205px;
	margin: 0 10px;
	padding: 0;
}
div.sm_frame {
}
div.sm_frame ul.board_article_list {
	width: auto;
	margin: 0;
	padding: 10px 0 0;
	border: 0 none;
}
div.sm_frame ul.board_article_list li {
	margin-left: 25px;
	margin-bottom: 0;
}
div.sm_frame ul.board_article_list li.not {
	text-align: center;
	width: 710px;
	padding: 50px 0 0;
	background: none;
}
div.sm_frame ul.board_article_list li p.thumb {
	margin: 0 0 15px;
}
div.sm_frame ul.board_article_list li p.info span.title a {
	color: #797979;
	font-size: .9em;
}
div.sm_frame div.pagenum {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 740px;
	margin: 0;
	padding: 0;
}
div.sm_search div.s_title {
	margin: 5px 0 0 21px;
	padding: 0 0 0 15px;
	background: url('/images/layout/bul_search_02.gif') no-repeat 0 6px;
}
div.sm_search div.s_title input.inText {
	position: relative;
	width: 350px;
	height: 17px;
	margin: 0 0 0 5px;
	padding: 1px 0 0;
	border: 1px solid #dcdcdc;
}
div.sm_search div.s_title a img {
	vertical-align: middle;
	margin: 0 0 -4px;
}
div.sm_search div.search_box {
	_position: relative;
	width: 739px;
	height: 250px;
	margin: 0 auto;
	padding: 6px 0 0;
	background: url('/images/layout/depth_bg_02.gif') no-repeat left top;
}
div.sm_search div.search_box dl {
	overflow: hidden;
	font-size: .9em;
	width: 717px;
	margin: 0 auto;
	padding: 4px 0;
	background: url('/images/layout/s_line_w.gif') repeat-x;
}
div.sm_search div.search_box dl.first {
	background-image: none;
}
div.sm_search div.search_box dl dt {
	_position: relative;
	color: #525252;
	font-weight: bold;
	float: left;
	width: 57px;
	padding: 4px 0 0 13px;
	background: url('/images/layout/bul_search.gif') no-repeat 2px 6px;
}
div.sm_search div.search_box dl dd {
	_position: relative;
	float: left;
	width: 640px;
	_overflow: hidden;
	_height: 19px;
	padding: 0 0 0 7px;
	background: url('/images/icon/bul_line_02.gif') no-repeat 0 4px;
}
div.sm_search div.search_box dl dd#pixelsearch,
div.sm_search div.search_box dl dd#isosearch {
	height: 31px;
}

/* light box */

/*이미지 메타 보기*/
div#img_meta_view {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 60;
	width: 417px;
	height: 207px;
	margin: 0 0 -103px -208px;
}
div#img_meta_view div.wrap {
	width: 100%;
	height: 100%;
	background: url('/images/FUN/bg_img_meta.png');
}
* html div#img_meta_view div.wrap {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/FUN/bg_img_meta.png', sizingMethod='scale');
}
div#img_meta_view a#l_close {
	position: absolute;
	right: 20px;
	top: -5px;
}
div#img_meta_view div.wrap table {
	width: 369px;
	margin: 20px auto 0;
	border-top: 2px solid #e3e3e3;
	border-bottom: 2px solid #e3e3e3;
}
div#img_meta_view div.wrap table th,
div#img_meta_view div.wrap table td {
	line-height: 1;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #e3e3e3;
}
div#img_meta_view div.wrap table th {
	width: 100px;
	background: #f0f0f0;
}
div#img_meta_view div.wrap table td {
	border-left: 1px solid #e3e3e3;
}

/*CCL*/
div#ccl_view {
	display: none;/**/
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 60;
	width: 477px;
	height: 440px;
	margin: -220px 0 0 -238px;
}
div#ccl_view div.wrap {
	width: 100%;
	height: 100%;
	background: url('/images/FUN/bg_img_ccl.png');
}
* html div#ccl_view div.wrap {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/FUN/bg_img_ccl.png', sizingMethod='scale');
}
div#ccl_view a#l_close {
	position: absolute;
	right: 20px;
	top: -5px;
}
div#ccl_view h3 {
	margin: 0 0 20px 23px;
	padding: 17px 0 0;
}
div#ccl_view h4 {
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	background: url('/images/icon/bul_dot_violet_b.gif') no-repeat 0 50%;
}
div#ccl_view .ccl_box_01 {
	position: relative;
	width: 417px;
	margin: 0 28px;
	padding: 0 0 10px;
}
div#ccl_view .ccl_box_01 p {
	margin: 0 0 10px;
}
div#ccl_view .ccl_box_01 span.ccl {
	position: absolute;
	right: 10px;
	bottom: 0;
}
div#ccl_view .ccl_box_01 div.select {
	margin: 0 0 -6px;
	padding: 8px 10px;
	* padding: 5px 10px;
	background: url('/images/FUN/ccl_select_bg.gif') no-repeat;
}
div#ccl_view .ccl_box_02 {
	height: 163px;
	margin: 17px 28px 0;
	padding: 15px 0 0;
	background: url('/images/FUN/ccl_select_bg2.gif') no-repeat;
}
div#ccl_view .ccl_box_02 dl {
	position: relative;
	font-size: .9em;
	padding: 0 18px 0 27px;
}
div#ccl_view .ccl_box_02 dl.rel {
	width: 330px;
	padding-right: 60px;
}
div#ccl_view .ccl_box_02 dl dt,
div#ccl_view .ccl_box_02 dl dd {
	margin: 0 0 5px;
}
div#ccl_view .ccl_box_02 dl dt {
	color: #444;
	font-weight: bold;
	text-indent: -20px;
}
div#ccl_view .ccl_box_02 dl.rel dd span.ccl {
	position: absolute;
	right: 20px;
	top: 7px;
}
div#ccl_view div.btn {
	position: relative;
	text-align: right;
	width: 417px;
	margin: 0 28px;
	padding: 4px 0 0;
}

/*내용 보기 - 라이트 박스*/
div#class_content_view {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 60;
	width: 697px;
	height: 411px;
	margin: -205px 0 0 -348px;
}
 div#class_content_view div.wrap {
	width: 100%;
	height: 411px;
	padding: 20px 0 0;
	background: url('/images/FUN/bg_img_view2.png') no-repeat;
}
* html div#class_content_view div.wrap {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/FUN/bg_img_view2.png', sizingMethod='scale');
}
div#class_content_view a#l_close {
	position: absolute;
	right: 20px;
	top: -5px;
}
div#class_content_view dl {
	width: 689px;
	margin: 0 auto;
}
div#class_content_view dl dt {
	color: #444;
	font-weight: bold;
	height: 22px;
	margin: 0 19px 15px;
	padding: 9px 15px 0;
	background: url('/images/FUN/bg_view_title2.gif') no-repeat;
}
div#class_content_view dl dd {
	position: relative;
	width: 250px;
	margin: 0 20px;
	padding: 10px 0 0 400px;
}
div#class_content_view dl dd p.image {
	position: absolute;
	left: 0;
	top: 0;
	padding: 7px;
	background: url('/images/board/thumb_374_315.gif') no-repeat;
}
div#class_content_view dl dd p.image img {
	width: 360px;
	height: 301px;
}
div#class_content_view dl dd div.content {
	line-height: 150%;
}

/*이미지 크게 보기*/
div#big_img {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 60;
	margin:  -257px 0 0 -364px;
	/**/
	width: 728px;
	height: 515px;
}
div#big_img div.wrap {
	width: 100%;
	height: 495px;
	padding: 20px 0 0;
	background: url('/images/FUN/bg_big_img.png') no-repeat;
}
* html div#big_img div.wrap {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/FUN/bg_big_img.png', sizingMethod='scale');
}
div#big_img a#l_close {
	position: absolute;
	right: 20px;
	top: -5px;
}
div#big_img h3 {
	width: 659px;
	margin: 0 0 5px 20px;
	padding: 2px 0 11px 22px;
	border-bottom: 2px solid #e3e3e3;
	background: url('/images/icon/bul_violet_h3.gif') no-repeat;
}
div#big_img p#lImage {
	text-align: center;
	overflow: auto;
	max-height: 391px;
}
div#big_img div.img {
	width: 668px;
	margin: 0 auto;
	padding: 7px;
	background: url('/images/FUN/thumb_681_405.gif') no-repeat;
}
div#big_img p#lImage img {
	display: inline;
	line-height: 100%;
}
div#big_img div.img table {
	width: 100%;
	height: 391px;
}

/*
div#big_img p#lImage img {
	width: 700px;
	height: 391px;
}
*/
div#big_img p.word {
	margin: 0 20px 5px;
}
div#big_img p.word img { vertical-align: middle; }