@charset "utf-8";
/************************************************************************
 * filename     : library.css
 * description  : D LIBRARY CSS
 * date         : 2015-06-01
************************************************************************/
@font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url(/front/css/font/NanumSquareB.eot);
	src: url(/front/css/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		 url(/front/css/font/NanumSquareB.woff) format('woff'),
		 url(/front/css/font/NanumSquareB.ttf) format('truetype');
   }

/* STORY */
	/* banner */
.banner_wrap	{overflow:hidden; position:relative; height:370px;}
.banner_wrap .btn_wrap	{position:absolute; z-index:25; top:17px; left:770px;}
.banner_wrap .btn_wrap	.btn	{height:12px; background:url(/front/images/common/btn_common.png) no-repeat 0 0; text-indent:-9999em;}
.banner_wrap .btn_wrap	.btn.play	{width:9px; background-position:-110px -30px;}
.banner_wrap .btn_wrap	.btn.stop	{width:6px; background-position:-126px -30px;}
.banner_wrap .banner_list	{position:relative; height:125px;}
.banner_wrap .banner_list.list03	{height:120px;}
.banner_wrap .banner_list .btn_list	{position:absolute; z-index:20; display:block; width:185px; height:79px; padding:45px 0 0 15px; background:#909090; border-bottom:1px solid #a6a6a6; color:#ccc; font-size:16px;}
.banner_wrap .banner_list.active .btn_list	{background:#000; border-color:#000; color:#fff;}
.banner_wrap .banner_list.active .btn_list:after	{position:absolute; top:50%; right:-12px; width:12px; height:22px; margin-top:-11px; background:url(/front/images/library/ico_banner.png) no-repeat 0 0; content:"";}
.banner_wrap .banner_list.list03 .btn_list	{height:75px; border-bottom:0;}
.banner_wrap .banner_list .box	{display:none; position:absolute; z-index:10; top:0px; left:200px; width:984px; height:370px;}
.banner_wrap .banner_list.list02 .box	{top:-125px;}
.banner_wrap .banner_list.list03 .box	{top:-250px;}
.banner_wrap .banner_list.active .box	{display:block;}
.banner_wrap .banner_list .box	{background:#f4f4f4 url(/front/images/sample/img_592x370.jpg) no-repeat top left;}
.banner_wrap .banner_list .box .visual, .banner_wrap .banner_list .box .info	{float:left;}
.banner_wrap .banner_list .box .visual img	{width:592px; height:370px;}
.banner_wrap .banner_list .box .info	{width:344px; height:290px; padding:40px 24px;}
.banner_wrap .banner_list .box .info .place	{color:#595959; font-size:14px;}
.banner_wrap .banner_list .box .info .tit	{padding-top:14px; color:#151515; font-size:30px; line-height:35px; word-break:break-all; word-wrap:break-word;}
.banner_wrap .banner_list .box .info .txt	{height:148px; padding-top:19px; color:#595959; font-size:14px; word-break:break-all; word-wrap:break-word;}

	/* title */
.title01.type02 h1	{overflow:hidden; float:none; width:177px; height:34px; margin:0 auto; background:url("/front/images/library/text_library.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;}
.title01.type02.story h1	{width:177px; background-position:0 0;}
.title01.type02.moment h1	{width:223px; background-position:0 -340px;}
.title01.type02.wallpaper	{margin-bottom:-31px;}
.title01.type02.wallpaper h1	{width:288px; background-position:0 -272px;}
.title01.type02 .text_sub	{float:none; height:17px; margin:13px auto 0; padding-top:0; background:url("/front/images/library/text_sub_library.png") no-repeat 0 0; color:transparent; font-size:16px; white-space:nowrap; text-indent:100%;}
.title01.type02 .text_sub:before	{content:none;}
.title01.type02.story .text_sub	{width:269px; background-position:0 0;}
.title01.type02.moment .text_sub	{width:191px; background-position:0 -19px;}
.title01.type02.wallpaper .text_sub	{width:207px; background-position:0 -38px;}

	/* tab */
.tab_wrap.type02	{position:relative; margin-top:35px;}
.tab_wrap.type02	ul	li.tab_list.on	.tab_cont	{display:block; width:1184px;}
.tab_wrap.type02	ul	li.tab_list	a.btn_tab	{padding:18px 0 20px; background:none;}
.tab_wrap.type02	ul	li.tab_list	.side02	{position:absolute; top:10px; right:0;}
.tab_wrap.type02	ul	li.tab_list	.side02 select	{max-width:320px !important;}

	/* thumbnail_list */
.set_thumbnail_list02 {overflow:hidden; width:1184px; border-top:1px solid #151515; border-bottom:1px solid #151515;}
.set_thumbnail_list02 ul	{margin:0 -24px -1px -24px;}
.set_thumbnail_list02 ul:after	{display:block; clear:both; content:"";}
.set_thumbnail_list02 li	{float:left; width:260px; height:358px; padding:24px 23px 24px 24px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.set_thumbnail_list02 .thumbnail, .set_thumbnail_list02	.series, .set_thumbnail_list02	.tit, .set_thumbnail_list02	.summary, .set_thumbnail_list02 .place	{display:block;}
.set_thumbnail_list02 .thumbnail img	{width:260px; height:260px; vertical-align:top;}
.set_thumbnail_list02 .infor	{margin-top:22px;}
.set_thumbnail_list02 .series	{color:#595959; font-size:12px; word-break:break-all; word-wrap:break-word;}
.set_thumbnail_list02 .series02	{display:block; margin-top:15px; color:#595959; font-size:12px; word-break:break-all; word-wrap:break-word;}
.set_thumbnail_list02 .tit	{margin-top:9px; color:#151515; font-size:18px;}
.set_thumbnail_list02 .tit	em	{overflow:hidden; display:block; height:50px; line-height:24px; word-break:break-all; word-wrap:break-word;}
.set_thumbnail_list02 .tit .summary	{margin-top:9px; color:#595959; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; word-break:break-all;}
.set_thumbnail_list02 .place	{margin-top:43px; color:#909090; font-size:12px; word-break:break-all; word-wrap:break-word;}
.set_thumbnail_list02 .set_msg_nodata	{padding:115px 0;}
.set_thumbnail_list02.type_sm .tit em	{font-size:16px;}
.set_thumbnail_list02.type_sm .place	{margin-top:22px;}
.set_thumbnail_list02.type_view li	{height:322px;}
.set_thumbnail_list02.type_view .thumbnail	{position:relative; display:block;}
.set_thumbnail_list02.type_view .thumbnail img	{display:block;}
.set_thumbnail_list02.type_view .thumbnail .view_detail	{visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
.set_thumbnail_list02.type_view .thumbnail .view_detail.active	{visibility:visible; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.set_thumbnail_list02.type_view .thumbnail .view_detail.active	{border:1px solid #151515;}
.set_thumbnail_list02.type_view .thumbnail .view_detail.active .btn_img.preview	{position:absolute; left:50%; top:50%; margin:-24px 0 0 -24px;}
.set_thumbnail_list02.type_view .thumbnail .view_detail.active>.btn_text02.download	{position:absolute; left:0; bottom:0; display:block; width:100%;}
.set_thumbnail_list02.type_view .tit {font-size:16px;}
.set_thumbnail_list02.type_view .tit em	{height:auto;}
.set_thumbnail_list02.type_view span.place {margin-top:45px;}

	/* view */
.view_tit	{padding:37px 0;}
.view_tit .text_sub	{padding-bottom:15px;}
.view_tit .info	{padding-top:13px;}
.view_tit .info .date	{position:relative; margin-left:16px;}
.view_tit .info .date:after	{display:block; position:absolute; bottom:2px; left:-10px; height:12px; border-left:1px solid #c7c7c7; content:"";}

.set_info_add	{padding:23px 23px 24px; border:1px solid #e9e9e9;}
.set_info_add .title02	{margin-bottom:18px;}
.set_info_add .title02:first-child	{margin-top:-3px;}
.set_info_add .set_item,	.set_info_add .set_item02	{display:block;}
.set_info_add .set_item:after,	.set_info_add .set_item02:after	{display:block; clear:both; content:"";}
.set_item .thumbnail	{float:left; width:312px; margin-right:24px;}
.set_item .thumbnail>img	{display:block; width:100%;}
.set_item .info	{position:relative; float:left; width:575px; height:126px; padding:5px 0;}
.set_item .info .date	{display:block; margin-bottom:4px; color:#595959; font-size:12px;}
.set_item .info .tit	{overflow:hidden; display:block; height:20px; color:#151515; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.set_item .info .text	{overflow:hidden; display:block; max-height:40px; margin-top:10px; color:#595959; font-size:12px; line-height:19px; word-break:break-all; word-wrap:break-word;}
.set_item .info .place	{position:absolute; left:0; bottom:5px; color:#909090; font-size:12px;}
.set_item02 .thumbnail	{float:left; width:260px;}
.set_item02 .thumbnail	{float:left; margin-right:24px;}
.set_item02 .thumbnail>img	{display:block; width:100%;}
.set_item02 .info	{position:relative; float:left; width:625px; height:100px; padding:20px 0 10px;}
.set_item02 .tit	{overflow:hidden; display:block; margin-bottom:17px; color:#151515; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.list_define_sm>li	{margin-top:6px; padding-left:86px; color:#595959; font-size:12px;}
.list_define_sm>li:after	{display:block; clear:both; content:"";}
.list_define_sm>li:first-child	{margin-top:0;}
.list_define_sm>li>em	{float:left; width:82px; margin-left:-86px; padding-right:4px;}

.set_detail.type02 .detail_cont	{padding:40px 100px 40px 0;}

/* COLUMN */
	/* banner */
.set_news	{position:relative; height:307px; padding-top:63px; text-align:center;}
.set_news img, .set_news .tit, .set_news .tit:before, .set_news .text_sub, .set_news .place, .set_news .set_btn	{position:absolute;}
.set_news img	{width:1184px; height:370px; z-index:10; top:0; left:0;}
.set_news .tit	{z-index:20; top:63px; left:80px; width:1024px; margin:0 auto; padding:44px 0 30px; border-bottom:1px solid #fff; color:#fff; font-size:28px; word-break:break-all; word-wrap:break-word;}
.set_news .tit:before	{top:-22px; left:50%; width:1024px; height:43px; margin-left:-512px; background:url(/front/images/library/ico_news.png) no-repeat 0 0; content:"";}
.set_news .text_sub	{z-index:20; top:210px; left:0; width:100%; padding-top:38px; color:#fff; font-size:18px; word-break:break-all; word-wrap:break-word;}
.set_news .place	{z-index:10; bottom:26px; left:19px; color:#afafaf; font-size:12px;}
.set_news .set_btn	{z-index:20; top:266px; left:0; width:100%;}
.set_news .set_btn .text_link	{border-color:#fff; color:#fff;}

	/* thumbnail_list */
.set_thumbnail_list03 {overflow:hidden; width:1184px; border-top:1px solid #151515; border-bottom:1px solid #151515;}
.set_thumbnail_list03 ul	{margin:0 -25px -1px -25px;}
.set_thumbnail_list03 ul:after	{display:block; clear:both; content:"";}
.set_thumbnail_list03 li	{float:left; width:568px; height:284px; padding:24px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.set_thumbnail_list03 .banner_cont:after	{display:block; clear:both; content:"";}
.set_thumbnail_list03 .thumbnail, .set_thumbnail_list03 .infor	{float:left;}
.set_thumbnail_list03 .thumbnail img	{width:284px; height:284px; vertical-align:top;}
.set_thumbnail_list03 .infor	{width:238px; padding:14px 23px 0;}
.set_thumbnail_list03 .series	{color:#595959; font-size:12px;}
.set_thumbnail_list03 .tit	{display:block; margin-top:9px; color:#151515; font-size:20px;}
.set_thumbnail_list03 .tit	em	{height:78px;}
.set_thumbnail_list03 .tit	em, .set_thumbnail_list03 .tit	.summary	{display:block; word-break:break-all; word-wrap:break-word;}
.set_thumbnail_list03 .tit .summary	{overflow:hidden; height:96px; margin-top:15px; color:#595959; font-size:12px;}
.set_thumbnail_list03 .infor .text_sub	{display:block; padding-top:10px; color:#595959; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.set_thumbnail_list03 .place	{margin-top:43px; color:#909090; font-size:12px;}

/* MOMENT */
	/* banner */
.banner_moment	{position:relative; width:auto; height:260px; margin:0 -592px -18px; background-color:#a3a4a4; text-align:center;}
.banner_moment .img	{display:block;}
.set_banner_info	{margin-top:60px; background-color:#f4f4f4;}
.set_banner_info a	{display:block;}
.set_banner_info a:after	{display:block; clear:both;content:"";}
.set_banner_info .visual	{overflow:hidden; float:left; width:592px; height:370px;}
.set_banner_info .visual img	{display:block; width:100%;}
.set_banner_info .info	{position:relative; float:right; width:544px; height:262px; padding:38px 24px 70px;}
.set_banner_info .info .place	{color:#595959; font-size:14px;}
.set_banner_info .info .tit	{overflow:hidden; display:block; height:76px; padding-top:17px; color:#151515; font-size:30px; line-height:38px; word-break:break-all; word-wrap:break-word;}
.set_banner_info .info .txt	{overflow:hidden; display:block; height:66px; margin-top:13px; color:#595959; font-size:14px; line-height:22px; word-break:break-all; word-wrap:break-word;}
.set_banner_info .info .text_link	{position:absolute; left:24px; bottom:42px;}

/* collaboration */
.set_detail_img .detail_thumbnail	{display:block; width:100%; height:427px;}
.set_detail_img .detail_thumbnail img	{display:block; width:100%; height:100%; margin:0 auto;}
.set_detail_img .detail_cont	{position:relative; padding:20px 230px 23px 20px;}
.set_detail_img .detail_title	{overflow:hidden; display:block; height:31px; color:#151515; font-size:24px; white-space:nowrap; text-overflow:ellipsis;}
.set_detail_img .text_link03	{display:inline-block; margin-top:2px;}
.set_detail_img .download	{position:absolute; right:24px; top:50%; margin-top:-24px;}

/* nodata */
.tab_cont .set_msg_nodata	{padding:118px 0 115px;}

/* 20190321 add */
.title01.type02 h1{height:49px}
.title01.type02.story .text_sub.new,
.title01.type02.moment .text_sub.new,
.title01.type02.wallpaper .text_sub.new{width:auto;height:auto;margin:0 auto;font-family:NanumSquare;font-size:18px;font-weight:700;color:#000;text-indent:0;background:none}
.text_sub.new.white{color:rgba(255,255,255,0.95) !important}
.title01.type02.story h1.new,
.title01.type02.moment h1.new,
.title01.type02.wallpaper h1{width:auto;background:none;text-indent:0}
.title01.type02.sc h1.new{width:auto;height:42px;background:none;text-indent:0}