@charset "UTF-8";

/* TABLET */
@media all and (min-width:820px) and (max-width:1240px){
	#footer .footerInner{padding:5px 0 !important}
	#footer .ft_wrap ul.lst{padding:0.5rem 1rem 0.5rem 0 !important}
	#footer .ftBtn_wrap .ftBtn > div{bottom:3rem !important}
	#footer .ftBtn_wrap .ftBtn > button{line-height:3rem !important}
	#footer .ftBtn_wrap .ftBtn > button i{margin:0.4rem 0}	
	
}
@media all and (min-width:1241px) and (max-width:1280px){
	.layerTit{left:20px}
}
@media all and (min-width:771px) and (max-width:1240px){
	#mainVisualView .viewImage{position:inherit;float:inherit;height:auto;margin-bottom:10px;z-index:400}
	#mainVisualView .viewImage img{width: 100%;}

	.latestBox ul li{float:left;width:49%;height:auto;margin-right:2%;margin-bottom:1em;background:#f0f0f0}
	.latestBox ul li:nth-child(2n){margin-right:0}
	.latestBox ul li a{height: 100% !important;}
	.latestBox ul li .img-box{width: 100%;height: 360px;line-height:100%}

	.latestBox2 ul li{display:table;float:left;width:49%;margin-right:2%;margin-bottom:1em;text-align:center}
	.latestBox2 ul li:nth-child(2n){margin-right:0}
	.latestBox2 ul li img{width:auto;height:360px}

	.eBook ul li{float:left;width:49%;margin-right:2%;margin-bottom:1em;text-align: center;background:#f4f4f4}
	.eBook ul li:nth-child(2n){margin-right:0}

	.koreanBook ul li{float:left;width:24.2%;margin-right:1%;margin-bottom:0;text-align: center;background:#f4f4f4;}
	.koreanBook ul li:nth-child(4n){margin-right:0}

	.online_korean ul li{float:left;width:calc(100% - 1em);margin-bottom:0;text-align: center;background: #f4f4f4;}
	.online_korean ul li img{width:auto;height:190px;max-height: 190px;}

	.latestMov ul li img{width:100%;height:auto}

	ul.photoList li{overflow:hidden;position:relative;width:23.5%;height:190px;margin:0 2% 15px 0}
	ul.photoList li:nth-child(2n){float:left;margin-right:2%}
	ul.photoList li:nth-child(4n){margin-right:0}
	ul.photoList li:nth-child(5n){float:left;margin-right:2%}

	ul.contList li{display:inline-block;float:left;width:23.5%;margin-right:2%;text-align:center}
	ul.contList li:nth-child(4n){margin-right:0}

	ul.posterList_thumb li{overflow:hidden;position:relative;float:left;width:23.5%;height:290px;margin:0 2% 15px 0}
	ul.posterList_thumb li:nth-child(4n){margin-right:0}
	ul.posterList_thumb li:nth-child(6n){margin-right:0}
	ul.posterList_thumb li:nth-child(12n){margin-right:0}

	ul.ebookList li, ul.ebookList_result li{overflow:hidden;position:relative;float:left;width:23.5%;height:auto;min-height:100%;margin:0 2% 20px 0}
	ul.ebookList li:nth-child(4n){margin-right:0}
	ul.ebookList li:nth-child(5n){float:left;margin-right:2%}

	ul.relatedList li{width:23.5%;margin:0 2% 15px 0}
	ul.relatedList li:nth-child(2n){float:left}
	ul.relatedList li:nth-child(4n){margin-right:0}

	ul.posterList2 li{display:inline-block;width:23.5%;margin:0 2% 15px 0}
	ul.posterList2 li:nth-child(2n){float:left;margin-left:0;margin-right:2%}
	ul.posterList2 li:nth-child(4n){margin-right:0}

	.resultBox ul.photoList li{width:23%}

	.resultBox ul.ebookList li{width:23.5%}
	.resultBox ul.ebookList li:nth-child(2n){float:left}
	.resultBox ul.ebookList li:nth-child(4n){margin-right:0}
	.resultBox ul.ebookList li:nth-child(5n){margin-right:2%}

	.resultBox ul.posterList_thumb{padding:0}
	.resultBox ul.posterList_thumb li{width:23.5%;margin-right:2%}
	.resultBox ul.posterList_thumb li:nth-child(4n){margin-right:0}
	.resultBox ul.posterList_thumb li:nth-child(6n){margin-right:2%}

	.titBar{position:relative;height:44px;line-height:36px;text-indent:12px;border-top:4px solid #e3e3e3;border-bottom:none;background:#F9F9F9}
	.titBar h3{font-size: 13px}
	.titEvent h2{margin:20px 0 12px;font-size:2.143em;line-height:32px;text-overflow:ellipsis;word-break:break-all}
	.picThumb .thumbImg a{display:inline-block;width:18%;margin:9px 0.8% 0;vertical-align:middle;text-align:center;background:#EEE;}
	.btn_fold{top:4px;right:12px}

	#contView .movView{height:480px}

	#description .opennuri img{margin-right: 10px}
	#description .opennuri .txt{float:inherit;margin:0;vertical-align: top}
}

@media all and (min-width:481px) and (max-width:770px){
	#mainVisualView .viewImage{position:inherit;float:inherit;height:100%;margin-bottom:10px;z-index:400}

	.latestBox ul li{float:left;width:49%;height:auto;margin-right:2%;margin-bottom:1em;background:#f4f4f4}
	.latestBox ul li:nth-child(2n){margin-right:0}
	.latestBox ul li .img-box{width: 100%;height: 250px;line-height:100%}

	.latestBox2 ul li{display:table;float:left;width:49%;margin-right:2%;margin-bottom:1em;text-align:center}
	.latestBox2 ul li:nth-child(2n){margin-right:0}
	.latestBox2 ul li img{width:auto;height:auto}

	.eBook ul li{float:left;width:49%;margin-right:2%;margin-bottom:1em;text-align: center;background:#f4f4f4}
	.eBook ul li:nth-child(2n){margin-right:0}

	.koreanBook ul li{float:left;width:49%;margin-right:2%;margin-bottom:1em;text-align: center;background:#f4f4f4;}
	.koreanBook ul li:nth-child(2n){margin-right:0}

	.online_korean ul li{float:left;width:calc(100% - 1em);margin-bottom:0;text-align: center;background: #f4f4f4;}
	.online_korean ul li img{width:auto;height:190px;max-height: 190px;}

	.latestMov ul li img{width:100%;height:auto;}

	ul.photoList li{overflow:hidden;position:relative;width:49%;height:100%;margin:0 2% 15px 0}
	ul.photoList li:nth-child(2n), ul.photoList li:nth-child(12n){margin-right:0 !important;}

	ul.contList li{overflow:hidden;position:relative;width:48%;margin:0 4% 15px 0;}
	ul.contList li:nth-child(2n){margin-right:0 !important}

	ul.posterList_thumb li{overflow:hidden;position:relative;float:left;width:32%;height:290px;margin:0 2% 15px 0}
	ul.posterList_thumb li:nth-child(3n){margin-right:0}

	ul.ebookList li, ul.ebookList_result li{overflow:hidden;position:relative;float:left;width:32%;height:auto;min-height:100%;margin:0 2% 15px 0}
	ul.ebookList li:nth-child(3n), 	ul.ebookList li:nth-child(15){margin-right:0}
	ul.ebookList li:nth-child(5n){margin-right:2%}

	ul.relatedList li{width:32%;margin:0 2% 15px 0}
	ul.relatedList li:nth-child(2n){float:left}
	ul.relatedList li:nth-child(3n){margin-right:0}

	ul.posterList2 li{display:inline-block;width:32%;margin:0 2% 15px 0}
	ul.posterList2 li:nth-child(2n){float:left;margin-right:2%;margin-left:0}
	ul.posterList2 li:nth-child(3n){margin-right:0}

	.resultBox ul.photoList li{overflow:hidden;position:relative;width:49%;height:190px;margin:0 2% 15px 0}
	.resultBox ul.photoList li:nth-child(2n), .resultBox ul.photoList li:nth-child(12n){margin-right:0 !important;}

	.resultBox ul.ebookList li{width:32%}
	.resultBox ul.ebookList li:nth-child(3n), .resultBox ul.ebookList li:nth-child(15){margin-right:0}
	.resultBox ul.ebookList li:nth-child(5n){margin-right:2%}

	.resultBox ul.posterList_thumb li{overflow:hidden;position:relative;float:left;width:32%;height:290px;margin:0 2% 15px 0}
	.resultBox ul.posterList_thumb li:nth-child(3n){margin-right:0}

	.titBar{position:relative;height:36px;line-height:32px;text-indent:12px;border-top:4px solid #e3e3e3;border-bottom:none;background:#F9F9F9}
	.titBar h3{font-size: 12px}
	.btn_fold{top:0;right:12px}
	.titEvent h2{margin:20px 0 12px;font-size:2em;line-height:32px;text-overflow:ellipsis;word-break:break-all}
	.picThumb .thumbImg a{display:inline-block;width:30%;margin:9px 1.4% 0;vertical-align:middle;text-align:center;background:#EEE;}

	#description .opennuri img{width: 120px;margin-right: 10px}
	#description .opennuri .txt{float:inherit;margin:0;vertical-align: top}

	#contView .movView{height:320px}
}

@media all and (min-width:481px) and (max-width:1240px){
	#top-header {display:none;height:0;}
	#top-header{position:fixed;top:0;z-index: 9999}
	#top-header .container{width:calc(100% - 6%);margin:0 3%}
	.kfPluslst .wrap{border-top:none}
	.kfPluslst.fixSlide{z-index:9000}
	.kfPluslst ul{max-width:100%}
	.kfPluslst ul li{display:block;width:50%;height:auto}
	.kfPluslst ul li a{display:block;padding:1rem}
	.kfPluslst ul li a img{width:auto;height:1.75rem}
	.kfPluslst ul li:nth-child(2n){border-right:none}
	.kfPluslst ul a p{font-size:0.8rem}

	/* search Full */
	.searchFull .wrap {visibility:visible;position:relative;padding:2rem 0 0.1rem;background:#546873;text-align:center;color:#fff;z-index:1;line-height:1.6}
	.searchFull .wrap h3 {font-weight: 600;font-size:2rem;letter-spacing:-2px;color:#fff}
	.searchFull .wrap .srchForm {position:relative;width:95%;max-width:50rem;margin:0.5rem auto 1.2rem;background:#fff;padding:0 3rem 0 1rem}
	.searchFull .wrap .srchForm input {width:100%;height:3rem;line-height:3rem;color:#333;border:0;font-size:16px}
	.searchFull .wrap .srchForm input::-webkit-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input:-ms-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input::-ms-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input::placeholder {color:#666;font-weight:200}
	.searchFull .wrap .btnSrch {width:3rem;height:3rem;position:absolute;right:0;top:0;color:#333}
	.searchFull .wrap .btnSrch:hover, .searchFull .wrap .btnSrch:focus {color:#f00}
	.searchFull .wrap .btnSrch i {font-size:1.5rem;line-height:3rem;vertical-align:top}
	.searchFull .wrap .keyword {text-align:center}
	.searchFull .wrap .keyword a {font-size:0.9rem;display:inline-block;margin-right:1.5rem}
	.searchFull .wrap .keyword a:hover {text-decoration:underline}
	.searchFull .wrap .btnClose {position:absolute;right:0;top:0;width:4rem;height:3.5rem;line-height:3.5rem;font-weight:200;background:#2b3849;color:#fff;font-size:2.6rem}
	.searchFull .wrap .btnClose i{line-height:3.5rem}
	.searchFull .wrap .btnClose:hover, .searchFull .wrap .btnClose:focus {background:#af0f0f}

	.fixSlide{top:103px;height:calc(100vh - 3.5rem);z-index:500}

	#gnb .logo{top:4px;margin-left:3%}
	#gnb .logo img{width:150px;max-width:100%;margin-top:5px}
	#gnb, #body{float:left;width:100%;min-height: 100%}
	#header{position:fixed;top:0px;height:60px;background:#FFF;opacity:1;z-index: 9999}
	#footer .footerInner{padding:0 0 10px 0}
	.mainMenu, .search, .nav, .subMenu, .topNavWrap, #mainVisualView .Lfloat, #mainVisualView .Rfloat, #mainVisualView .play{display:none}

	/*
		#gnb .logo{margin-left:1em}
		#gnb .logo img{max-width:100%}
		#gnb, #body, #footer .footerInner{float:left;width:100%}
		#header{position:fixed;top:0;background:#FFF;z-index:5000;opacity:0.98;filter:alpha(opacity=98)}
		#footer .footerInner{padding:0 0 10px 0}
		.mainMenu, .search, .nav{display:none}
	*/

	.kf_mbSearch a{padding-top:17px !important;font-size:24px}
	#showRightPush i{font-size:26px}

	.kf_mbNav{display:block;float:right;width:60%;margin-top:-6px;margin-right:3%}
	.kf_mbNav ul li{float:right;margin:0 0 0 1.5em}
	.kf_mbNav ul li a{display:block;width:auto;height:75px;padding-top:1.7em;text-align:center;vertical-align:bottom}
	.kf_mbNav ul li.kf_mballmenu{padding-top:20px}

	/*
			.kf_mbNav{display:block;float:right;margin-right:0;text-align:right}
		.kf_mbNav ul li{float:right;margin:0}
		.kf_mbNav ul li a{display:block;width:75px;height:75px;padding-top:1.7em;text-align:center;vertical-align:bottom}
		.kf_mbNav ul li.kf_mballmenu{padding-top:20px}
	*/

	.titEvent, .metaInfo, #contView .contInfo_mb{display:inline-block;width:100%;}
	.titEvent.poster{width:94%;margin-left:3%}
	ul.contList{margin:10px 0}
	.descCont{margin:20px 0 0;line-height:24px}
	.descCont p{margin-bottom:20px}
	#container{padding-top:30px;margin-bottom:0}
	.input_mb{position:absolute;top:1px;right:130px;margin:1.3em 0 0 0;padding:8px 10px;font-size:14px;z-index:500;background:url('/archives/image/bg_search.gif') no-repeat 100% 50%}

	_:-ms-input-placeholder, :root .search_box{position:relative;top:12px}
	_:-ms-input-placeholder, :root .search_box .input_mb{top:0;right:14px}
	_:-ms-input-placeholder, :root .kf_mbSearch .search_box{top:0}
	_:-ms-input-placeholder, :root .kf_mbSearch .search_box .input_mb{right:130px;top:-73px}

	/* Safari 9.0+ */
	_::-webkit-:not(:root:root), .search_box{position:relative;top:2px}
	_::-webkit-:not(:root:root), .search_box .input_mb{top:0;right:14px}
	_::-webkit-:not(:root:root), .kf_mbSearch .search_box .input_mb{right:56px;top:-73px}

	/* Safari 6.1+ (non-iOS) */
	@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0)
	{@media{
		_:webkit-full-screen, .search_box{position:relative;top:2px}
		_:webkit-full-screen, .search_box .input_mb{top:0;right:14px}
		_:webkit-full-screen, .kf_mbSearch .search_box .input_mb{right:56px;top:-73px}
	}}
	html*.search_box{position:relative;top:2px}
	html*.search_box .input_mb{top:0;right:14px}
	html*.kf_mbSearch .search_box .input_mb{right:56px;top:-73px}

	.search_box{position:relative;top:2px}
	.search_box .input_mb{top:0;right:14px}
	.kf_mbSearch .search_box{top:0}
	.kf_mbSearch .search_box .input_mb{right:56px;top:-73px}

	/* 크롬 전용 */
	@media screen and(-webkit-min-device-pixel-ratio:0) {
		.kf_mbSearch .search_box .input_mb{right:130px;top:-73px}
	}

	/* 모바일 메뉴 */
	.cbp-spmenu2{position:fixed;width:100%;background:#F1F1F1}
	.cbp-spmenu2 a{display:block;color:#303030;font-size:1em;font-weight:bold}
	.cbp-spmenu2 a:hover{background:#F7F7F7}
	.cbp-spmenu2 a:active{background:#F9F9F9;color:#db0d39}
	.cbp-spmenu-vertical{width:50%;height:100%;z-index:1000}
	.cbp-spmenu-vertical a{border-bottom:1px solid #e3e3e3;padding:1em}
	.cbp-spmenu-bottom{bottom:-230px}
	.cbp-spmenu-bottom.cbsp-spmenu-open{bottom:0}
	.cbp-spmenu2,.cbp-spmenu-bottom{border-left:1px solid #EBEBEB;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:8000;opacity:0.95;filter:alpha(opacity=95)}
	.cbp-spmenu-push{	overflow-x:hidden;display:block;position:relative;left:0}
	.cbp-spmenu-push-toright{left:240px}
	.cbp-spmenu-push-toleft{left:-240px}
	.cbp-spmenu-top {top:0;z-index:1}
	.cbp-spmenu-top.cbp-spmenu-open {top:0;right:80px}

	_:-ms-input-placeholder, :root .cbp-spmenu-bottom{bottom:-266px}
	_:-ms-input-placeholder, :root .cbp-spmenu-bottom.cbsp-spmenu-open{bottom:0}

	#showBottom{width:100%;padding:12px 0;margin-right:0;font-weight:bold;font-size:1.125em;font-family:'Noto Sans KR', sans-serif;text-align:center;border-top:1px solid #CCC;color:#000;background:#F9F9F9 url('../../image/btn_menu_close.png') 95% 50% no-repeat}
	#showBottom:hover{border-top:1px solid #CCC;color:#db0d39;background:#F5F5F5 url('../../image/btn_menu_open.png') 95% 50% no-repeat}

	#footer_menu .menu_list ul li ul{width:100%;border-top:1px solid #ccc;background:#FFF}
	#footer_menu .menu_list ul li ul li{float:left;width:20%;text-align:center;border-bottom:none}
	#footer_menu .menu_list ul li ul li a, #footer_menu .menu_list ul li ul li a:hover{font-weight:normal;font-size:1em;background:none;text-overflow:ellipsis;white-space:nowrap}
	#footer_menu .menu_list ul li ul.sns{width:100%;background:none;border-top:none}
	#footer_menu .menu_list ul li ul.sns a{padding-left:0}
	#footer_menu .menu_list ul li ul.sns a img{width:28px;height:28px}
	#footer_menu .menu_list ul li ul.sns li{width:25%}
	#footer_menu .menu_list ul li ul.lr2 li{width:25%}
	#footer_menu .menu_list ul li ul.lr1 li a, #footer_menu .menu_list ul li ul.lr2 li a, #footer_menu .menu_list ul li ul.lr3 li a{padding:10px 0}
	#footer_menu .menu_list ul li ul.lr3 li{width:33.3%}

	/* GNB */
	#mobileNav{display:block}
	#mobileNav .menuTit{float:right}
	.topNavWrap{display:none}
	.btnClose_mobile{z-index:600}

	/* 메인 페이지 */
	#mainVisual{margin-top:75px;height:auto;background:#FFF}
	#mainVisualView{position:inherit;height:auto}

	.ico_runtime_m{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;background:url('../../image/sprite_icon.png') -88px 0 no-repeat;vertical-align:middle;color:#303030}
	.ico_cal_m{display:inline-block;width:15px;height:16px;margin:0 6px 0 0;background:url('../../image/sprite_icon.png') -104px 0 no-repeat;vertical-align:middle;color:#303030}

	.layerTit{position:inherit;top:0;left:0;width:auto;max-width: 100%;padding:0 3%;margin-bottom:10px}
	.layerTit h4{float:left;width: 100%;padding:0;margin:10px 0 20px;font-size:2.7em;line-height:36px;color:#000;word-break:break-all}
	.layerTit p{float:left;width:100%;font-size:1.125em;line-height:22px;color:#666}
	.layerTit .data{float:left;width:100%;margin-top:10px}
	.layerTit .data li{float:left;margin-right:10px}
	.layerTit span{color:#303030}

	.latestBox{display:inline-block;width:100%;margin:20px 0 0 0;padding-top:10px;border-top:1px solid #dbdbdb}
	.latestBox ul, .latestBox2 ul, .eBook ul{padding:0 3%}
	.latestBox ul li img{width:100%;height:auto;object-fit:cover;object-position:center;vertical-align:middle}
	.latestBox b.tit{display:block;height:34px;max-height:34px;font-size:1em;line-height:18px}
	.latestBox h3{display:inline-block;margin-bottom:7px;padding:10px 0 0 3%;font-weight:bold;font-size:1.125em}
	.latestBox .more,  .latestBox2 .more, .eBook .more, .latestMov .more{display:none}
	.latestBox ul li a{width: auto;height:100%}
	.latestBox ul li .Lfloat{width:calc(100% - 24px);margin:0 12px 10px;text-align:left;word-break:break-all}

	.latestBox2{display:block;float:left;width:100%;margin-top:0;margin-bottom:0;padding-top:10px}
	.latestBox2 ul li .img-box{width: 100%;height:360px}
	.latestBox2 b.tit{font-size:1.125em;color:#303030}
	.latestBox2 h3{width:100%;padding:20px 0 0 3%;font-size:1.125em;border-top:1px dotted #CCC}
	.latestBox2.rt{margin:5px 0 5px}

	.eBook{display:block;float:left;width:100%;margin-top:0;margin-bottom:0;padding-top:10px}
	.eBook ul li img{width:auto;height:auto}
	.eBook ul li .img-box{width: 100%;height:360px;border:none}
	.eBook b.tit{font-size:1.125em;color:#303030}
	.eBook h3{width:100%;padding:20px 0 0 3%;margin-bottom:7px;font-size:1.125em;border-top:1px dotted #CCC;border-bottom:none}

	.koreanBook{display:inline-block;width:100%;height:auto;padding:10px 0 0 0;margin-top:0;border:none}
	.koreanBook ul{padding:0 3% 10px}
	.koreanBook ul li img{width:100%;height:auto}
	.koreanBook ul li .img-box{width: 100%;height:auto}
	.koreanBook h3{position:inherit;margin-top:0;width:100%;padding:20px 0 0 3%;margin-bottom:7px;font-size:1.125em;border-top:1px dotted #CCC;background:none;color:#666}
	.koreanBook .txt{height: auto;max-height: 50px;margin:0 0 20px;padding:0 3%}
	.koreanBook.rt{width: 100%;padding-top:15px;margin:0 0 20px;background:none;border:none}
	ul.bg_koreanBook{width: 100%;background:none}

	.online_korean{display:inline-block;width:100%;height:auto;padding:10px 0 0 0;margin-top:0;border:none}
	.online_korean ul{padding:0 0 10px 3%}
	.online_korean h3{position:inherit;margin-top:0;width:100%;padding:20px 0 0 3%;margin-bottom:7px;font-size:1.125em;border-top:1px dotted #CCC;background:none;color:#666}
	.online_korean .txt{margin:0 0 20px;padding:0 3%}
	.online_korean.rt{padding-top:15px;margin:0 0 20px;background:none;border:none}
	ul.bg_online_korean{width:100%;background:none}

	.latestBox .more_mb, .latestBox2 .more_mb, .koreanBook .more_mb, .eBook .more_mb, .latestMov .more_mb{display:block;margin:10px 0;text-align:center}
	.latestBox .more_mb a, .latestBox2 .more_mb a, .koreanBook .more_mb a, .eBook .more_mb a, .latestMov .more_mb a{display:inline-block;padding:10px 60px;font-weight:bold;font-size:1.125em;font-family:'Noto Sans KR', sans-serif;color:#000;border:1px solid #CCC;background:#FFF;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.latestBox .more_mb a:hover, .latestBox2 .more_mb a:hover, .koreanBook .more_mb a:hover, .eBook .more_mb a:hover, .latestMov .more_mb a:hover{font-weight:bold;color:#ed1846;border:1px solid #db0d39;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	.latestMov{display:inline-block;width:100%;padding:20px 3% 0;margin:16px 0 0 0;border-top:1px dotted #CCC}
	.latestMov ul {margin-bottom:20px}
	.latestMov ul li{width:49%;height:auto;margin-right:2%}
	.latestMov ul li:last-child{margin-right:0}
	.latestMov ul li .img-box{width: 100%;height:auto}
	.latestMov b.tit{overflow:hidden;height: 40px;max-height: 40px;margin:14px 10px;text-align:center;text-overflow:ellipsis;white-space:normal}
	.latestMov h3{margin-top:5px;font-size:1.125em}

	/* 주요 타이틀 바 */
	.titBar .num{display:inline}

	/* Contents */
	#metaBox{float:left;width:94%;margin:0 3%;padding:30px 0 0}
	#contentsArea{width:94%;margin:0 3%}
	#contentsArea form{padding:0}
	#contentsArea.ebook_rt{min-height:100%}

	#contView img{max-width:100%}
	#contView .movCont img{width:100%}
	#contView .movOverlay{width:100%;height:100%;background-size:cover}
	#contView .contInfo{display:none}
	#contView .contInfo_mb{display:block}
	#contView .contInfo_mb h3.tit{margin:20px 0 10px;font-family:'Noto Sans KR', sans-serif;font-size:1.857em;line-height:28px;color:#000;text-overflow:ellipsis;word-break:break-all;letter-spacing: -0.04em}
	#contView .contInfo_mb .meta li{width:100%;color:#666;margin-bottom:6px}
	#contView .contInfo_mb img{max-width:100%}
	#contView .playButton{top:36%;width:100%}
	#contView .playButton img{width:auto}
	#contView .ico_runtime{display:inline-block;width:16px;height:16px;margin-right:3px;background:url('../../image/sprite_icon.png') -88px 0 no-repeat;vertical-align:middle}
	#contView .ico_num{display:inline-block;width:15px;height:16px;margin:0 3px 0 10px;background:url('../../image/sprite_icon.png') -104px 0 no-repeat;vertical-align:middle}
	#contView .ico_cal{display:inline-block;width:13px;height:16px;margin-right:3px;background:url('../../image/sprite_icon.png') -119px 0 no-repeat;vertical-align:middle}

	#description{width:100%;margin-top:20px}
	#description .opennuri{width:100%;padding:14px;margin:0 0 30px}

	.ebook_rt{padding-left:0}
	.metaInfo{margin:-3px 0 0}
	.metaInfo.poster{width:94%;margin-left:3%}
	.metaInfo ul li{width:auto}
	.metaInfo li{width:100%;margin-bottom:0.4em;font-size:11px;color:#797979}
	.metaInfo li.mb_Hidden, .btnArea p, .btnArea ul.Rfloat, .btnArea ul li.pad_r10{display:none}

	.btnArea{width:100%;margin:12px 0 6px}
	.btnArea ul.Lfloat{width:100%}
	.btnArea ul.Lfloat li{float:left;width:50%;margin-right:0;text-align:center}
	.btnArea ul.Lfloat li.imgListhome{width:100%;height:80px;background:#d12747 url('../../image/img_listhome.gif') 50% 0 no-repeat;cursor:pointer}
	.btnArea ul.Lfloat li.imgTwitter{height:40px;background:#44c0e2 url('../../image/img_twitter.gif') center no-repeat;cursor:pointer;background-size:20px}
	.btnArea ul.Lfloat li.imgTwitter .btn_twitter, .btnArea ul.Lfloat li.imgfacebook .btn_facebook, .btnArea ul.Lfloat li.imgListhome .btn_listHome{background:none}
	.btnArea ul.Lfloat li.imgfacebook{height:40px;background:#3d62b2 url('../../image/img_facebook.gif') center no-repeat;cursor:pointer;background-size:10px}

	.btnArea_pic{float:left;width:100%;margin:12px 0 6px}
	.btnArea_pic ul.Lfloat{float:inherit;width:100%}
	.btnArea_pic ul.Lfloat li{float:left;width:50%;margin-right:0;text-align:center}
	.btnArea_pic ul.Lfloat li.imgTwitter{height:40px;background:#44c0e2 url('../../image/img_twitter.gif') center no-repeat;cursor:pointer;background-size:20px}
	.btnArea_pic ul.Lfloat li.imgTwitter .btn_twitter, .btnArea_pic ul.Lfloat li.imgfacebook .btn_facebook{background:none}
	.btnArea_pic ul.Lfloat li.imgfacebook{height:40px;background:#3d62b2 url('../../image/img_facebook.gif') center no-repeat;cursor:pointer;background-size:10px}
	.btnArea_pic ul.Rfloat{display:none}

	/* 탭 메뉴 */
	#tab_menu{margin:10px 0 15px}
	#tab_menu ul li, #tab_menu_pos ul li, #tab_menu_mb ul li{width:33.3%}
	#tab_menu ul li a, #tab_menu_pos ul li a, 	#tab_menu_mb ul li a{width:100%}
	#tab_menu_pos{display:none;margin:10px 0 15px}
	#tab_menu_mb{display:block;margin:0 0 15px}

	/* 사진 상세페이지 */
	.picCont{display:block;width:100%}
	.picView, .wrapList{display:none}
	.picList{width:100%;height:auto;border:none}
	.picThumb{position:relative;display:inline-block;width:100%;height:100%;padding-left:0;}
	.picThumb .thumbImg{width: 100%}
			/*.mphoto_lt, .mphoto_rt{display:none}*/

	/* book 상세페이지 */
	.bookCont .btnArea ul{margin-top:0}
	.bookCont{width:100%;border:none}
	.bookCont .Lfloat{padding:0;margin-bottom:0;text-align:center;background:#F9F9F9}
	.bookCont .Lfloat, .bookCont .Rfloat{float:left;width:100%;padding:2em 0}
	.bookCont .Rfloat{width:100%;margin-top:0}
	.bookCont b.subtit, .bookCont ul{padding:0 1em}
	.bookCont b.tit{padding:0 0.6em}
	.bookCont .Rfloat b.tit{margin-bottom:20px;padding-bottom:0;border-bottom:none;text-overflow:ellipsis;word-break:break-all}
	.bookCont .Rfloat ul li{width:50%;margin-bottom:10px}
	.bookCont .Rfloat .dn{padding:0;margin-top:10px}
	.bookCont .Rfloat .dn li{width:50%;margin-right:0;text-align:center}
	.bookCont .btnArea ul li{width:50%}

	/* e-book 상세페이지 */
	.ebookCont{width:100%;min-height:100%;border:none}
	.ebookCont .btnArea ul{margin-top:0}
	.ebookCont .Lfloat{padding:0;margin-bottom:0;background:#E0E0E0;text-align:center}
	.ebookCont .Lfloat, .ebookCont .Rfloat{float:left;width:100%;padding:0;margin:10px 0 20px;height:auto}
	.ebookCont .Rfloat{margin-top:0}
	.ebookCont b.subtit, .ebookCont ul{padding:0}
	.ebookCont b.tit{padding:0}
	.ebookCont .Rfloat b.tit{margin-bottom:20px;padding-bottom:0;border-bottom:none;text-overflow:ellipsis;word-break:break-all}
	.ebookCont .Rfloat ul li{width:50%;margin-bottom:10px}
	.ebookCont .Rfloat .dn{padding:0;margin-top:10px}
	.ebookCont .Rfloat .dn li{width:100%;margin-right:0;text-align:center}
	.ebookCont .btnArea ul li{width:50%}
	.ebookCont .Rfloat b.subtit, .bookCont .Rfloat b.subtit{margin-bottom:5px;padding-left:1em;font-size:1.412em}

	/* 목록 */
	.titBar{width: 100%}
	.titType{padding-bottom:10px;margin-bottom:0;border-bottom:none}
	.titType h3, .titType h4{font-size:1.143em;padding:9px 0 0}
	.titType h4, .titType_result h4{text-indent:0;text-align:left}
	.searchBox .titType_result h4{text-indent:0;font-size: 12px}
	.sortBox{display:none}
	.pageNum{width:100%;margin:10px 0 20px;padding-bottom:20px;border-bottom:1px solid #DEDEDE;text-align:center}

	ul.photoList{width:100%;padding:0;margin:0}
	ul.photoList li .cell{display:inherit}
	ul.photoList li .tit{margin:6px 0 0;line-height: 16px}
	ul.photoList li img{max-width:100%;object-fit:cover;object-position:top}
	ul.photoList p.Lfloat{float:left}
	ul.photoList p.Rfloat{float:right;text-align:left}

	ul.posterList_thumb{width:100%;padding:0;margin-top:0}
	ul.posterList_thumb li .tit{margin:6px 0}
	ul.posterList_thumb li img{display:inline;position:relative;top:-1px;max-width:100%;max-height:100%;object-fit:cover;object-position:top}
	ul.posterList_thumb li a:hover b.tit, ul.photoList li a:hover b.tit, ul.posterList2 li a:hover b.tit, ul.ebookList li a:hover b.tit{color:#db0d39;cursor:pointer}

	ul.ebookList{width:100%;margin:0;}
	ul.ebookList, ul.ebookList_result{padding:0}
	ul.ebookList li .tit, ul.ebookList_result li .tit{margin:6px 0 0;line-height: 16px}
	ul.ebookList li img, ul.ebookList_result li img{display:inline;position:relative;top:-1px;max-width:100%;max-height:100%;object-fit:cover;object-position:center;vertical-align:middle}
	ul.ebookList li .cell .inner{*position:absolute;*top:50%;*height:240px;*margin-top:-120px;height:240px;line-height:240px}
	ul.ebookList li a{display:block;width:100%;height:240px;background:#F0F0F0}
	ul.ebookList_result li:nth-child(2n){float:left}
	ul.ebookList_result li:nth-child(4n){float:left;margin-right:0}
	ul.ebookList_result li:nth-child(5n){float:left;margin-right:2%}

	/* 교재 페이지 */
	ul.seriesList{padding:0 1em}
	ul.seriesList li{width:15.83%;margin:0 1% 10px 0}
	ul.seriesList li img{width:100%;max-width:100%;height:auto}
	ul.seriesList li:nth-child(2n){float:left}
	ul.seriesList b.tit{overflow:hidden;width:100%;max-height:34px;min-height:34px;text-overflow:ellipsis}
	ul.seriesList b.tit, ul.seriesList li a:hover b.tit, ul.seriesList li a.selected b.tit{margin:10px 0 5px;line-height:18px}

	ul.relatedList{margin:20px 0 0;padding:0;}
	ul.relatedList li a:hover b.tit, ul.relatedList li a:hover b.titMaz, ul.posterList2 li a:hover b.tit{color:#db0d39;cursor:pointer}
	ul.relatedList b.tit{overflow:hidden;max-height:34px;min-height:34px;text-overflow:ellipsis}
	ul.relatedList b.tit, ul.posterList2 b.tit{width:100%;margin:6px 0;line-height:16px}
	ul.relatedList b.titMaz{overflow:hidden;max-height:auto;min-height:auto;text-overflow:ellipsis}
	ul.relatedList li .cell {vertical-align:middle}
	ul.relatedList li .cell .inner{*position:absolute;*top:50%;*height:206px;*margin-top:-12px;height:206px;line-height:206px}
	ul.relatedList li a{display:block;width:100%;height:206px;background:#F0F0F0;text-align:center}
	ul.relatedList li img{position:relative;top:0;max-width:100%;max-height:206px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:top}

	ul.contList li .tit{height:36px}
	ul.contList li .cell{vertical-align:middle}
	ul.contList li .cell .inner{height:auto;line-height:100%}
	ul.contList li a{display:block;width:100%;height:160px;line-height:160px;background:#F0F0F0}
	ul.contList li img{display:inline;position:relative;top:-1px;max-width:100%;max-height:100%;object-fit:cover;object-position:center;vertical-align:middle}

	.resultForm{margin-bottom:0}

	.pageBox{margin:10px 0 20px;padding:0}
	.pageBox input{width:auto;height:46px;padding:0 60px;margin:0 6px;font-size:1em;border:1px solid #CCC;background:#FFF;color:#303030;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.pageBox input:hover{font-weight:bold;border:1px solid #db0d39;background:#FFF;color:#db0d39;cursor:pointer;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.pageBox.wt input{width:auto}

	.sortBoxmb{display:block;margin:0 0 0.7em}
	.sortBoxmb .optOpen{width:100%;padding:10px 0;margin-bottom:0;font-weight:bold;font-size:1em;text-align:center;color:#fff;border:none;background:#505050;transition: all .5s ease}
	.optOpen:hover{background:#303030;color:#fff;cursor:pointer;transition: all .5s ease}
	.optSearch{padding:10px;border:1px solid #dbdbdb;background:#f9f9f9}
	.optSearch select{width:61%;height:38px}
	.optSearch select.mv1{float:left;width:46.5%;height:38px}
	.optSearch select.mv2{float:right;width:46.5%;height:38px}
	.optSearch select.made{width:100%;height:38px}
	.optSearch select.made2{width:100%;height:38px;margin:3px 0}
	.optSearch .optMenu{margin-bottom:10px;line-height:38px;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.optSearch .optMenu label{font-size:1.125em}
	.optSearch .optMenu input[type='radio']{margin:0 6px;width:20px;height:20px}
	.optSearch .btnSort{width:18.5%;height:38px;padding:0;margin-left:0.4%;line-height:34px;font-weight:500;font-size:1em;border:1px solid #c8c8c8;background:#FFF;text-align:center;transition: all .5s ease}
	.optSearch .btnSort:hover, .optSearch .btnSort.btnSort_on{border:none;background:#e61e2a;color:#FFF;cursor:pointer;transition: all .5s ease}
	.optSearch .searchType{width:100%;height:38px;margin-left:0;background:#FFF url('../../image/bg_search.gif') right 50% no-repeat}
	.optSearch .meun_close{display:block;width:100%;height:30px;line-height:40px;font-family:'Noto Sans KR', sans-serif}
	.optSearch .meun_close a{position:relative;display:block;margin-right:0;font-weight:500;font-size:1em;text-align:center;color:#303030;letter-spacing: -0.04em;transition: all .5s ease}
	.optSearch .meun_close a:before{content:"▼";position: absolute;left:-24px;width:100%;color:#303030;font-size: 8px;transition: all .5s ease}
	.optSearch .meun_close a:hover{color:#e61e2a;transition: all .5s ease}
	.optSearch .meun_close a:hover:before{content:"▲";position: absolute;left:-24px;width:100%;color:#e61e2a;font-size: 8px;transition: all .5s ease}

	.optSearch .optSide select{width:99%}
	.optSearch .btnSort.lt{float:left;width:49%}
	.optSearch .btnSort.rt{float:right;width:49%}
	.optSide{clear:both;float:left;width:70%;margin-bottom:5px}
	.sortSelect{float:right;width:30%}

	.searchWrap{display:inline-block;width:100%;margin-top:4px;padding-top:8px;border-top:1px dotted #ccc}
	select.languageSelect{width:100%;margin-bottom:0.5em}
	#metaBox .titSelect{display:block;margin:0 1em}
	#metaBox .titSelect select{width:100%;height:38px;margin:20px 0 6px;font-weight:bold;text-indent:6px}

	.menuMove{width:100%;margin-bottom:0.5em}
	.menuMove select.Lfloat, .menuMove select.Rfloat{width:48%}
	.menuMove span{display:inline-block;width:4%;margin-right:0;line-height:38px;text-align:center}
	.menuMove_mb{display:inline-block;width:100%;margin-bottom:0.5em}
	.menuMove_mb select.Lfloat, .menuMove_mb select.Rfloat{width:48%}
	.menuMove_mb p{display:inline-block;width:4%;line-height:38px;text-align:center}

	.btnArea_pic p.zoom{display:none}

	/* Aside */
	#relatedMov_mb{display:block}
	#relatedMov_pc{display:none}
	#relatedPoster_mb{display:block;height:100%}
	#relatedPoster_mb .cell{vertical-align:middle}
	#relatedPoster_mb .cell .inner{*position:absolute;*top:50%;*height:100%;height:100%;line-height:100%}
	#relatedPoster_mb a{display:block;width:100%;height:100%;background:#F0F0F0;border:2px solid #EAEAEA}
	#relatedPoster_mb a:hover{border:2px solid #db0d39}
	#relatedPoster_mb img{max-height:100%;object-fit:cover;object-position:center;vertical-align:middle;border:none}

	#article{width:100%;margin-bottom:20px}
	#article_pic, #article_ebook{height:auto}
	#aside{float:left;width:100%;margin-bottom:10px}
	ul.movList{margin-bottom:0}
	ul.movList li{float:left;width:50%;height:auto;margin:10px 0 0;border-bottom:none}
	ul.movList li .Lfloat, ul.movList li .Rfloat{width:50%}
	ul.movList li .Rfloat{float:left;margin:0; padding:0;text-align:left}
	ul.movList li .Lfloat{float:right;padding-left:1em;text-align:left}
	ul.movList li .Rfloat img{width:100%}
	ul.movList li p.Lfloat{width:50%;padding-right:1em}

	#relatedPoster{display:none}
	#relatedPoster .titBar{display:none}
	.posterCont{width:100%;height:auto;margin-top:-16px;border:none}
	.posterCont .Lfloat{display:none}
	.posterCont .Rfloat{display:block;float:left;width:100%;margin:1em 0 10px}
	.posterCont .Rfloat b.tit{margin:25px 0 12px;padding-bottom:0;border-bottom:none;font-family:'Noto Sans KR', sans-serif;font-size:1.857em;line-height:32px;color:#000;text-overflow:ellipsis;word-break:break-all}
	.posterCont .Rfloat ul li{width:auto;margin-right:15px;margin-bottom:4px;font-size: 11px}

	ul.posterList{overflow:hidden;height:auto;margin-top:0;max-height:470px}
	ul.posterList, ul.posterList2{padding:0;margin-bottom:0;height:100%;max-height:100%}
	ul.posterList li{width:49%;height:auto;max-height:100%;margin-bottom:5px;text-align:center}
	ul.posterList li img, ul.posterList2 li img{object-fit:cover;object-position:top}
	ul.posterList li:nth-child(2n){float:right;margin-left:0;text-align:center}

	ul.posterList2 li .cell{vertical-align:middle}
	ul.posterList2 li .inner{*position:absolute;*top:50%;*height:200px;*margin-top:-100px;height:200px;line-height:200px}
	ul.posterList2 li a{display:block;width:100%;height:200px;background:#F0F0F0}
	ul.posterList2 li img{position:relative;top:-1px;max-height:200px;object-fit:cover;object-position:center;vertical-align:middle}
	ul.posterList2 b.tit{overflow:hidden;max-height:34px;min-height:34px;text-overflow:ellipsis}

	/* FireFox */
	@-moz-document url-prefix(){
		ul.contList li img{display:inline;position:relative;top:-1px;max-height:120px;object-fit:cover;object-position:center;vertical-align:middle}
		ul.photoList li img{display:inline;position:relative;top:-1px;max-height:120px;object-fit:cover;object-position:center;vertical-align:middle}
		ul.posterList_thumb li img{display:inline;position:relative;top:-1px;max-width:100%;max-height:100%;object-fit:cover;object-position:top}
		ul.posterList2 li img{display:inline;position:relative;top:-1px;height:200px;max-height:200px;object-fit:cover;object-position:center;vertical-align:middle}
		ul.posterList2 li .inner{*position:absolute;*top:50%;*height:200px;*margin-top:-100px;height:200px;line-height:inherit}
		#relatedPoster_mb img{display:inline;max-height:220px;object-fit:cover;object-position:center;vertical-align:middle;border:none}
	}

	_:-ms-input-placeholder, :root ul.posterList2 li img{top:-1px;max-height:200px;min-height:200px;object-fit:cover;object-position:center;vertical-align:middle}
	_:-ms-input-placeholder, :root ul.posterList2 li .inner{*position:absolute;*top:50%;*height:200px;*margin-top:-100px;height:200px;line-height:200px}

	#description, #relatedMov, #relatedCont{margin-bottom: 14px;}
	#relatedMov, #relatedPoster, #relatedCont{margin-top:0}
	#relatedMov .more, #relatedCont .more{display:block;margin:0 0 20px;text-align:center}
	#relatedMov .more a, #relatedCont .more a{display:inline-block;padding:10px 60px;font-weight:bold;font-size:1em;font-family:'Noto Sans KR', sans-serif;border:1px solid #CCC;background:#FFF;color:#000;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	#relatedMov .more a:hover, #relatedCont .more a:hover{border:1px solid #db0d39;color:#ed1846;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	/* 통합 검색 */
	.resultText{padding:0;margin:20px 0 0}
	.resultBox{padding:0;margin-bottom:0;border:none}
	.resultBox ul li{width:48%}
	.resultBox .titType{margin-bottom:0;padding-top:20px;border-top:1px dotted #CCC}
	.resultBox h4{display:inline-block;margin-left:0;padding-top:0;text-indent:0;font-size:15px}
	.resultBox .more{display:none;margin:10px 10px 0 0}
	.resultBox .viewAll{margin:20px 0;border-top:none}
	.resultBox .viewAll a{display:inline-block;width:auto;padding:10px 60px;margin:0;font-weight:bold;font-size:1.071em;border:1px solid #CCC;color:#303030;background:#FFF;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.resultBox .viewAll a:hover{border:1px solid #db0d39;background:#FFF;color:#db0d39;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	/* 상세 검색 */
	.resultForm{padding:0}
	.resultForm i{display:block;float:left;margin:0;font-style:normal}
	.resultForm table th{padding:14px 6px;text-indent:0;text-align:center;font-size: 12px}
	.resultForm table .inputText{width:90%}
	.resultForm table .selectYear{width:40%}
	.resultForm .nextPage{padding:0;margin:0;text-align:center}
	.resultForm.mb{padding:0}
	.resultForm.mb table th{display:none}
	.resultForm.mb table td{padding:6px 0;text-indent:0}
	.resultForm.mb table input, .resultForm.mb table select, .resultForm.mb table textarea{width:100%}

	.resultBox .titType_result{margin-bottom:0;border-top:none;border-bottom:none;text-align:center}
	.resultBox .titType_result h4{font-size:1.125em;padding:0.5em 1em 0}
	.btnBox{margin:0}
	.btnBox input{width:100%;height:50px;font-size:1.125em;border:1px solid #ccc;color:#3030330;background:#FFF;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px}
	.btnBox input:hover{font-weight:bold;border:1px solid #db0d39;color:#db0d39;background:#FFF;cursor:pointer}
	.btnBox .Lfloat{display:block;float:left;width:48%;margin-bottom:20px}
	.btnBox .Rfloat{display:block;float:right;width:48%}

	/* 저작권 정책 */
	.contText p{margin:52px 0 20px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
	.contText ul{padding:0 1em}
	.contText ul li{margin-bottom:10px;font-size:1em}
	.textAgora{margin-bottom:0;padding:0 1em}

	/* Footer */
	/*#footer{padding-top:1.5rem}
	#footer .ft_wrap {height:auto;margin-bottom:1rem}
	#footer .footerInner{width:94%;margin:0 3%;padding:0}
	#footer .ft_box .foot_mark li span{display:none}
	#footer .ft_box{padding:0 0 20px}
	#footer .ft_box .foot_mark li{padding:18px 1rem 0.5rem}
	#footer .ft_box address{position:relative;top:110px;padding:0 0 20px}
	#footer .ft_wrap ul.lst {width:calc(100% - 180px);padding:0.4rem 0}
	#footer .ft_wrap ul.lst li {margin:0 3%;line-height:1.5rem;font-weight:600;font-size:0.8rem;}
	#footer .ftBtn_wrap{width:180px;height:100%}
	#footer .ftBtn_wrap .ftBtn {width:100%;height:100%}
	#footer .ftBtn_wrap .ftBtn > div{left:1px;bottom:3.8rem;width:calc(100% - 2px)}
	#footer .ftBtn_wrap .ftBtn > button {height:100%;border-bottom:none}*/
	#footer{position:absolute;height:90px}
	#footer .sns_channel, #footer .bigFooter, #footer h1{display:none}
	#footer .Lfloat{float:inherit;width:100%}
	#footer .copyright{width:100%;padding-top:15px;font-family:'Noto Sans KR', sans-serif;text-align:center;color:#666}
	#footer .copyright .right_mb{display:block;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid #dbdbdb}
	/*#footer_menu{display:block;background:#f1f1f1}
	#footer_menu .menu_list ul li{display:block;float:left;width:100%;border-bottom:1px solid #CCC;color:#000;font-weight:bold;font-size:1em;font-family:'Noto Sans KR', sans-serif}
	#footer_menu .menu_list ul li a{display:block;padding:6px 0 6px 12px}
	#footer_menu .menu_list ul li a:hover{display:block;padding:6px 0 6px 12px}	*/
	_:-ms-input-placeholder, :root #footer{height:126px;margin-bottom:0} /* IE11 */

	/* 파이어폭스 */
	@-moz-document url-prefix(){
		#footer{height:105px;margin-bottom:80px}
	}
	.searchNo{padding-top:400px}

	ul.photoList li a.no-image{position:relative;display:block;width:100%;height:auto;background:#FFF}
	ul.posterList_thumb li a.no-image{position:relative;display:block;width:100%;height:auto;padding-top:0;background:#FFF}
	ul.ebookList li a.no-image{position:relative;display:block;width:100%;height:auto;padding-top:40%;background:#FFF}
	ul.photoList li a.no-image img, ul.posterList_thumb li a.no-image img, ul.ebookList li a.no-image img{position:absolute;top:0;left:0;width:auto;height:auto;padding-top:0;border:none}
	.no-image{display:inline-block;background:#e7e7e7;text-align:left}

	/* 레이어 팝업 (2016-09-08) */
	#movLayerPopup{position:absolute;width:824px;height:515px;background:#F0F0F0;z-index:9999}
	.wrapPopup{position:relative;top:0;left:0;margin:0 auto}
	.closePopup{position:absolute;top:-55px;right:0}
	.playerBox{height:515px}

	.no_result_box p{font-size: 0.929em}
}

/* MOBILE */
@media screen and (max-width:480px){
	#top-header{position:fixed;top:0;border-bottom:1px solid #dedede;z-index: 9999}
	#top-header .container{width:94%;margin:0 3%}
	.kfPluslst .wrap{border-top:none}
	.kfPluslst.fixSlide{z-index:9000}
	.kfPluslst ul{max-width:100%}
	.kfPluslst ul li{display:block;width:100%;height:auto;border-right:none}
	.kfPluslst ul li a{display:block;padding:1rem}
	.kfPluslst ul li a img{width:auto;height:1.75rem}
	.kfPluslst ul a p{font-size:0.8rem}

	#header{position:fixed;top:44px;height:60px;background:#FFF;opacity:1;z-index: 9999}
	#gnb .logo{top:4px;margin-left:3%}
	#gnb .logo img{width:150px;max-width:100%;margin-top:6px}
	#gnb, #body{float:left;width:100%;min-height: 100%}
	.mainMenu, .search, .nav, .subMenu, .topNavWrap{display:none}

	.kf_mbSearch a{height:26px !important;padding-top:17px !important;font-size:24px}
	#showRightPush i{font-size:26px}

	.kf_mbNav{display:block;float:right;width:60%;margin-top:-6px;margin-right:1em}
	.kf_mbNav ul li{float:right;margin:0 0 0 1em}
	.kf_mbNav ul li a{display:block;width:auto;height:75px;padding-top:1.7em;text-align:center;vertical-align:bottom}
	.kf_mbNav ul li.kf_mballmenu{padding-top:20px}

	/* search Full */
	.searchFull .wrap {visibility:visible;position:relative;padding:2rem 0 0.1rem;background:#546873;text-align:center;color:#fff;z-index:1;line-height:1.6}
	.searchFull .wrap h3 {font-weight: 600;font-size:2rem;letter-spacing:-2px;color:#fff}
	.searchFull .wrap .srchForm {position:relative;width:95%;max-width:50rem;margin:0.5rem auto 1.2rem;background:#fff;padding:0 3rem 0 1rem}
	.searchFull .wrap .srchForm input {width:100%;height:3rem;line-height:3rem;color:#333;border:0;font-size:0.875rem}
	.searchFull .wrap .srchForm input::-webkit-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input:-ms-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input::-ms-input-placeholder {color:#666;font-weight:200}
	.searchFull .wrap .srchForm input::placeholder {color:#666;font-weight:200}
	.searchFull .wrap .btnSrch {width:3rem;height:3rem;position:absolute;right:0;top:0;color:#333}
	.searchFull .wrap .btnSrch:hover, .searchFull .wrap .btnSrch:focus {color:#f00}
	.searchFull .wrap .btnSrch i {font-size:1.5rem;line-height:3rem;vertical-align:top}
	.searchFull .wrap .keyword {text-align:center}
	.searchFull .wrap .keyword a {font-size:0.9rem;display:inline-block;margin-right:1.5rem}
	.searchFull .wrap .keyword a:hover {text-decoration:underline}
	.searchFull .wrap .btnClose {position:absolute;right:0;top:0;width:4rem;height:3.5rem;line-height:3.5rem;font-weight:200;background:#2b3849;color:#fff;font-size:2.6rem}
	.searchFull .wrap .btnClose i{line-height:3.5rem}
	.searchFull .wrap .btnClose:hover, .searchFull .wrap .btnClose:focus {background:#af0f0f}

	.fixSlide{top:103px;height:calc(100vh - 3.5rem);z-index:500}

	.titEvent, .metaInfo, #contView .contInfo_mb{margin:0}
	ul.contList{margin:10px 0 20px}
	.descCont{margin:20px 0 0;line-height:24px;word-break:break-all}
	.descCont p{margin-bottom:20px;font-size:1.112em !important;line-height:22px !important}
	.descCont h3, .descCont h4, .descCont div{font-size:1.125em !important;line-height:24px !important}
	.descCont p span, .descCont td{font-size:1em !important;line-height:24px !important}
	#container{padding-top:75px;margin-bottom:0}
	.input_mb{position:absolute;top:-55px;right:0;width:120px;margin:0;padding:8px 10px;font-size:14px;z-index:500;background:url('/archives/image/bg_search.gif') no-repeat 100% 50%}

	/* GNB */
	#mobileNav{display:block}
	#mobileNav .menuTit{float:right}
	.btnClose_mobile{z-index:600}

	/* 모바일 메뉴 */
	.cbp-spmenu2{position:fixed;width:100%;background:#F1F1F1}
	.cbp-spmenu2 a{display:block;color:#303030;font-size:1em;font-weight:bold}
	.cbp-spmenu2 a:hover{background:#F7F7F7}
	.cbp-spmenu2 a:active{background:#F9F9F9;color:#db0d39}
	.cbp-spmenu-vertical{width:100%;height:auto;z-index:1000}
	.cbp-spmenu-vertical a{border-bottom:1px solid #e3e3e3;padding:1em}
	.cbp-spmenu-bottom{bottom:-230px}
	.cbp-spmenu-bottom.cbsp-spmenu-open{bottom:0}
	.cbp-spmenu2,.cbp-spmenu-bottom{border-left:1px solid #EBEBEB;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:8000;opacity:0.95;filter:alpha(opacity=95)}
	.cbp-spmenu-push{overflow-x:hidden;display:block;position:relative;left:0}
	.cbp-spmenu-push-toright{left:240px}
	.cbp-spmenu-push-toleft{left:-240px}
	.cbp-spmenu-top {top:60px;z-index:1}
	.cbp-spmenu-top.cbp-spmenu-open {top:0;right:70px}
	.cbp-spmenu-open:after{content:"";position:absolute;left:-1px;width:101%;height:100vh;background:#000;opacity:0.75}

	_:-ms-input-placeholder, :root .cbp-spmenu-bottom{bottom:-240px}
	_:-ms-input-placeholder, :root .cbp-spmenu-bottom.cbsp-spmenu-open{bottom:0}

	#showBottom{width:100%;padding:12px 0;margin-right:0;font-weight:bold;font-size:1.125em;font-family:'Noto Sans KR', sans-serif;text-align:center;border-top:1px solid #CCC;color:#000;background:#F9F9F9 url('../../image/btn_menu_close.png') 95% 50% no-repeat}
	#showBottom:hover{border-top:1px solid #CCC;color:#db0d39;background:#F5F5F5 url('../../image/btn_menu_open.png') 95% 50% no-repeat}

	#footer_menu .menu_list ul li ul{width:100%;border-top:1px solid #ccc;background:#FFF}
	#footer_menu .menu_list ul li ul li{float:left;width:20%;text-align:center;border-bottom:none}
	#footer_menu .menu_list ul li ul li a, #footer_menu .menu_list ul li ul li a:hover{font-weight:normal;font-size:1em;background:none;text-overflow:ellipsis;white-space:nowrap}
	#footer_menu .menu_list ul li ul.sns{width:100%;background:none;border-top:none}
	#footer_menu .menu_list ul li ul.sns a img{width:28px;height:28px}
	#footer_menu .menu_list ul li ul.sns a{padding-left:0}
	#footer_menu .menu_list ul li ul.sns li{width:25%}
	#footer_menu .menu_list ul li ul.lr2 li{width:25%}
	#footer_menu .menu_list ul li ul.lr1 li a, #footer_menu .menu_list ul li ul.lr2 li a, #footer_menu .menu_list ul li ul.lr3 li a{padding:8px 0;text-align:left;}
	#footer_menu .menu_list ul li ul.lr3 li{width:33.3%}

	/* 메인 페이지 */
	#mainVisual{margin-top:75px;height:auto;background:#FFF}
	#mainVisualView{position:inherit;height:auto;margin-bottom:0}
	#mainVisualView .viewImage{position:inherit;float:inherit;height:auto;margin-bottom:10px;z-index:400}
	#mainVisualView .Rfloat, #mainVisualView .Lfloat, #mainVisualView .play{display:none}

	.ico_runtime_m{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;background:url('../../image/sprite_icon.png') -88px 0 no-repeat;vertical-align:middle;color:#303030}
	.ico_cal_m{display:inline-block;width:15px;height:16px;margin:0 6px 0 0;background:url('../../image/sprite_icon.png') -104px 0 no-repeat;vertical-align:middle;color:#303030}

	.layerTit{position:inherit;top:0;left:0;width:auto;padding:0 1em;margin-bottom:10px}
	.layerTit h4{padding:0;margin:10px 0 16px;font-size:2.167em;line-height:28px;text-align:left;color:#000;text-overflow:ellipsis;word-break:break-all}
	.layerTit p{float:left;width:100%;font-size:1.125em;line-height:22px;color:#666}
	.layerTit .data{display:inline-block;float:left;margin:10px 0 15px}
	.layerTit .data li{float:left;margin-right:10px}
	.layerTit span{color:#303030}

	.latestBox{display:inline-block;float:left;width:100%;margin:5px 0 0 0;padding-top:10px;border-top:1px solid #dbdbdb}
	.latestBox ul{padding:0 1em 10px}
	.latestBox ul li{width:100%;height:auto;margin-bottom:10px;margin-right: 0;}
	.latestBox ul li a{display:inline}
	.latestBox ul li img{width:100%;height:auto}
	.latestBox ul li .img-box{width: 100%;height:auto}
	.latestBox ul li .Lfloat{margin-top:0}
	.latestBox b.tit{display:block;height:100%;max-height:100%;line-height:18px;font-size:1em}
	.latestBox h3{display:inline-block;margin-bottom:5px;padding:10px 0 0 1em;font-weight:bold;font-size:1.125em}
	.latestBox .more, .latestBox2 .more, .eBook .more, .latestMov .more{display:none}

	.latestBox2{display:block;float:left;width:100%;margin-top:0;margin-bottom:0;padding-top:5px}
	.latestBox2 ul{padding:0 1em 10px}
	.latestBox2 ul li{display:table;float:left;width:48%;margin-right:0;margin-bottom:10px;text-align:center}
	.latestBox2 ul li:nth-child(2n){float:right;margin-right:0}
	.latestBox2 ul li img{width:auto;height:auto}
	.latestBox2 ul li .img-box{width: 100%;height:240px;}
	.latestBox2 b.tit{font-size:1.125em;color:#303030}
	.latestBox2 h3{width:100%;padding:20px 0 0 1em;margin-top:0;font-size:1.125em;border-top:1px dotted #CCC}
	.latestBox2.rt{margin:0}

	_:-ms-input-placeholder, :root .latestBox2 ul li img{max-height:210px}

	.eBook{display:block;float:left;width:100%;margin-top:0;margin-bottom:0;padding-top:5px}
	.eBook ul{padding:0 1em 10px}
	.eBook ul li{float:left;width:48%;margin-right:0;margin-bottom:10px;text-align:center;}
	.eBook ul li:nth-child(2n){float:right;margin-right:0}
	.eBook ul li img{width:auto;height:auto}
	.eBook ul li .img-box{width: 100%;height:240px;border:none}
	.eBook b.tit{font-size:1.125em;color:#303030}
	.eBook h3{width:100%;padding:20px 0 0 1em;margin:0 0 7px;font-size:1.125em;border-top:1px dotted #CCC;border-bottom:none}

	.koreanBook{display:inline-block;width:auto;height:auto;padding:5px 0 0 0;margin-top:0;border:none}
	.koreanBook ul{padding:0 1em 10px}
	.koreanBook ul li{float:left;width:48%;margin-right:4%;margin-bottom:10px}
	.koreanBook ul li:nth-child(2n){float:left;margin-right:0}
	.koreanBook ul li img{width:100%;height:auto;border:1px solid #dbdbdb}
	.koreanBook h3{position:inherit;margin-top:0;width:100%;padding:20px 0 0 1em;font-size:1.125em;border-top:1px dotted #CCC;background:none;color:#666}
	.koreanBook .txt{margin:5px 0 15px;padding:0 1em}
	.koreanBook.rt{padding-top:5px;margin:0 0 10px 0;background:none;border:none}
	ul.bg_koreanBook{width:100%;background:none}

	.online_korean{display:inline-block;width:100%;height:auto;padding:5px 0 0 0;margin-top:0;border:none}
	.online_korean ul{padding:0 1em 10px}
	.online_korean ul li{float:left;width:100%;margin-bottom:10px;text-align: center;background: #f0f0f0;}
	.online_korean ul li img{width:auto;height:190px;border:1px solid #dbdbdb}
	.online_korean h3{position:inherit;margin-top:0;width:100%;padding:20px 0 0 1em;margin-bottom:7px;font-size:1.125em;border-top:1px dotted #CCC;background:none;color:#666}
	.online_korean .txt{margin:5px 0 15px;padding:0 1em}
	.online_korean.rt{padding-top:5px;margin:0 0 10px 0;background:none;border:none}
	ul.bg_online_korean{width:100%;background:none}

	.latestBox .more_mb, .latestBox2 .more_mb, .koreanBook .more_mb, .eBook .more_mb, .latestMov .more_mb{display:block;margin:0 0 15px;text-align:center}
	.latestBox .more_mb a, .latestBox2 .more_mb a, .koreanBook .more_mb a, .eBook .more_mb a, .latestMov .more_mb a{display:inline-block;width:100%;padding:10px 0;font-weight:bold;font-size:1em;font-family:'Noto Sans KR', sans-serif;color:#000;border:1px solid #CCC;background:#FFF;border-radius:24px;}
	.latestBox .more_mb a:hover, .latestBox2 .more_mb a:hover, .koreanBook .more_mb a:hover, .eBook .more_mb a:hover, .latestMov .more_mb a:hover{color:#ed1846;border:1px solid #db0d39;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	#relatedMov, #relatedPoster, #relatedCont{margin-top:0}
	.latestMov{display:block;float:left;width:100%;padding:10px 1em 0;margin:5px 0 0;border-top:1px dotted #CCC}
	.latestMov h3{margin-top:10px;font-size:1.125em}
	.latestMov ul {margin-bottom:10px}
	.latestMov ul li{width:100%;height:auto;margin-bottom:10px}
	.latestMov ul li img{width:100%;height:auto}
	.latestMov ul li .img-box{width: 100%;height:auto}
	.latestMov b.tit{overflow:hidden;height: auto;margin:14px 10px;text-align:left;text-overflow:ellipsis;white-space:normal}

	/* 주요 타이틀 바 */
	.titBar{position:relative;height:44px;line-height:40px;text-indent:12px;margin-top:10px;border-top:4px solid #e3e3e3;border-bottom:none;background:#F9F9F9}
	.titBar .num{display:inline}
	.titBar h3{font-size: 13px}
	.btn_fold{top:4px;right:12px}

	/* Contents */
	#description{width:100%;margin-top:10px}
	#description .opennuri{width:100%;padding:20px 10px;margin:15px 0;text-align:center}
	#description .opennuri img{float:inherit;max-width:100%}
	#description .opennuri .txt{float:left;width:100%;margin-top:10px;margin-left:0;line-height:18px;text-align:center}

	#contView img{max-width:100%}
	#contView .movView{height:260px}
	#contView .movOverlay{width:100%;height:100%;background-size:cover}
	#contView .contInfo{display:none}
	#contView .contInfo_mb{display:block}
	#contView .contInfo_mb h3.tit{margin:20px 0 10px;font-family:'Noto Sans KR', sans-serif;font-size:1.714em;line-height:26px;letter-spacing:-0.04em;color:#000;text-overflow:ellipsis;word-break:break-all}
	#contView .contInfo_mb .meta li{width:100%;color:#666;margin-bottom:6px}
	#contView .contInfo_mb img{max-width:100%}
	#contView .ico_runtime{display:inline-block;width:16px;height:16px;margin-right:3px;background:url('../../image/sprite_icon.png') -88px 0 no-repeat;vertical-align:middle}
	#contView .ico_num{display:inline-block;width:15px;height:16px;margin:0 3px 0 10px;background:url('../../image/sprite_icon.png') -104px 0 no-repeat;vertical-align:middle}
	#contView .ico_cal{display:inline-block;width:13px;height:16px;margin-right:3px;background:url('../../image/sprite_icon.png') -119px 0 no-repeat;vertical-align:middle}
	#contView .playButton{top:26%;width:100%}

	ul.contList img{max-height:100%}
	_:-ms-input-placeholder, :root ul.contList li img{width:100%} /* Only works in IE10 이상*/

	ul.contList li{display:inline-block;width:100%;margin-bottom:10px}
	ul.contList li a{display:block;width:100%;height:auto;background:#F0F0F0}
	ul.contList li img{top:0;object-fit:cover;object-position:center;vertical-align:middle}
	ul.contList li .cell .inner{*position:absolute;*top:50%;*height:120px;*margin-top:-60px;height:auto;line-height:auto}

	.titEvent h2{overflow:visible;margin:16px 0 10px;font-size:1.857em;line-height:28px;text-overflow:ellipsis;word-break:break-all}
	.titEvent, .metaInfo, #contView .contInfo_mb{display:inline-block;width:100%;}
	.titEvent.poster{width:94%;margin-left:3%}

	#metaBox{float:left;width:94%;margin:0 3%;padding:30px 0 0}
	#contentsArea{width:94%;margin:0 3%}
	#contentsArea.ebook_rt{min-height:100%}
	.ebook_rt{padding-left:0}

	.metaInfo{margin-bottom:0}
	.metaInfo.poster{width:94%;margin-left:3%}
	.metaInfo li{width:50%;margin:0 0 0.4em;font-size:1em;color:#797979}
	.metaInfo ul li{width:auto}
	.metaInfo li.mb_Hidden, .btnArea p, .btnArea ul.Rfloat, .btnArea ul li.pad_r10{display:none}

	.btnArea{margin:12px 0 6px}
	.btnArea ul.Lfloat{float:inherit;width:100%}
	.btnArea ul.Lfloat li{float:left;width:50%;margin-right:0;text-align:center}
	.btnArea ul.Lfloat li.imgListhome{width:100%;height:80px;background:#d12747 url('../../image/img_listhome.gif') 50% 0 no-repeat;cursor:pointer}
	.btnArea ul.Lfloat li.imgTwitter{height:40px;background:#44c0e2 url('../../image/img_twitter.gif') center no-repeat;cursor:pointer;background-size:20px}
	.btnArea ul.Lfloat li.imgTwitter .btn_twitter, .btnArea ul.Lfloat li.imgfacebook .btn_facebook, .btnArea ul.Lfloat li.imgListhome .btn_listHome{background:none}
	.btnArea ul.Lfloat li.imgfacebook{height:40px;background:#3d62b2 url('../../image/img_facebook.gif') center no-repeat;cursor:pointer;background-size:10px}
	.btnArea_pic{float:left;width:100%;margin:12px 0 6px}
	.btnArea_pic ul.Lfloat{float:inherit;width:100%}
	.btnArea_pic ul.Lfloat li{float:left;width:50%;margin-right:0;text-align:center}
	.btnArea_pic ul.Lfloat li.imgTwitter{height:40px;background:#44c0e2 url('../../image/img_twitter.gif') center no-repeat;cursor:pointer;background-size:20px}
	.btnArea_pic ul.Lfloat li.imgTwitter .btn_twitter, .btnArea_pic ul.Lfloat li.imgfacebook .btn_facebook{background:none}
	.btnArea_pic ul.Lfloat li.imgfacebook{height:40px;background:#3d62b2 url('../../image/img_facebook.gif') center no-repeat;cursor:pointer;background-size:10px}
	.btnArea_pic ul.Rfloat{display:none}

	/* 탭 메뉴 */
	#tab_menu{margin:10px 0 15px}
	#tab_menu ul li, #tab_menu_pos ul li, #tab_menu_mb ul li{width:33.3%}
	#tab_menu ul li a, #tab_menu_pos ul li a, #tab_menu_mb ul li a{width:100%;font-size: 0.929em}

	#tab_menu_pos{display:none;margin:10px 0 15px}
	#tab_menu_mb{display:block;margin:0 0 15px}

	/* 사진 상세페이지 */
	.picCont{display:block;width:100%}
	.picView, .wrapList{display:none}
	.picList{width:100%;height:auto;border:none}

	.picThumb{position:relative;display:inline-block;width:100%;height:100%;padding-bottom:10px;padding-left:0;background:#F9F9F9}
	.picThumb .thumbImg{overflow:hidden;width:100%;height:100%}
	.picThumb .thumbImg a{display:inline-block;width:30%;margin:9px 1.3% 0;vertical-align:middle;text-align:center;background:#eee;}
	.picThumb .thumbImg .cell .inner{*position:absolute;*top:50%;*height:78px;*margin-top:-39px;height:100%;background:#F9F9F9}

	.mphoto_lt{display:block;position:absolute;left:1em;top:45%;z-index:9999}
	.mphoto_rt{display:block;position:absolute;right:1em;top:45%;z-index:9999}

	/* book 상세페이지 */
	.bookCont .btnArea ul{margin-top:0}
	.bookCont{width:100%;border:none}
	.bookCont .Lfloat{padding:0;margin-bottom:10px;text-align:center;background:#F9F9F9}
	.bookCont .Lfloat, .bookCont .Rfloat{float:left;width:100%}
	.bookCont .Rfloat{width:100%;margin-top:0}
	.bookCont b.subtit, .bookCont ul{padding:0 1em}
	.bookCont b.tit{padding:0 0.6em}
	.bookCont .Rfloat b.tit{font-size:2em;line-height:30px;margin-bottom:10px;padding-bottom:0;border-bottom:none;text-overflow:ellipsis;word-break:break-all}
	.bookCont .Rfloat ul li{width:50%;margin-bottom:10px}
	.bookCont .Rfloat .dn{padding:0;margin-top:10px}
	.bookCont .Rfloat .dn li{width:50%;margin-right:0;text-align:center}
	.bookCont .btnArea ul li{width:50%}

	/* e-book 상세페이지 */
	.ebookCont{width:100%;min-height:100%;margin-top:20px;border:none}
	.ebookCont .btnArea ul{margin-top:0}
	.ebookCont .Lfloat{padding:0;background:#E0E0E0}
	.ebookCont .Lfloat, .ebookCont .Rfloat{float:left;width:100%;padding:0;margin:10px 0 20px}
	.ebookCont .Rfloat{margin-top:10px}
	.ebookCont b.subtit, .ebookCont ul{padding:0}
	.ebookCont b.tit{padding:0}
	.ebookCont .Rfloat b.tit{font-size:2em;line-height:30px;margin-bottom:10px;padding-bottom:0;border-bottom:none;text-overflow:ellipsis;word-break:break-all}
	.ebookCont .Rfloat ul li{width:50%;margin-bottom:10px}
	.ebookCont .Rfloat .dn{padding:0;margin-top:10px}
	.ebookCont .Rfloat .dn li{width:100%;margin-right:0;text-align:center}
	.ebookCont .btnArea ul li{width:50%}
	.ebookCont .Rfloat b.subtit, .bookCont .Rfloat b.subtit{margin-bottom:5px;padding-left:1em;font-size:1.216em}

	/* 목록 */
	.titType{padding-bottom:10px;margin-bottom:0;border-bottom:none}
	.titType h3, .titType h4{padding:9px 1em 0 0}
	.titType .num{font-size: 13px}
	.searchBox .titType_result h4{text-indent:0;font-size: 12px}
	.titType h4, .titType_result h4{text-indent:0;text-align:left}
	.sortBox{display:none}
	.pageNum{width:100%;margin:10px 0 20px;padding-bottom:20px;border-bottom:1px solid #DEDEDE;text-align:center}
	.searchBox form{padding:0}

	ul.photoList{padding:0;margin-top:0}
	ul.photoList li{width:48%;height:180px;margin:0 0 20px}
	ul.photoList li:nth-child(2n){float:right;margin-right:0}
	ul.photoList li .tit{margin:6px 0;max-height:36px}
	ul.photoList p.Lfloat{float:left;font-size:13px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
	ul.photoList p.Rfloat{float:right;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

	ul.posterList{overflow:hidden;margin-top:0;max-height:220px}
	ul.posterList, ul.posterList2{padding:0;margin-bottom:0;height:100%;max-height:100%}
	ul.posterList li{width:100%;margin-bottom:20px}
	ul.posterList li img{width:100%;max-width:100%;height:100%}
	ul.posterList li:nth-child(2n), ul.posterList2 li:nth-child(2n){float:right;margin-left:0}
	ul.posterList li a:hover b.tit, ul.posterList2 li a:hover b.tit{color:#db0d39;cursor:pointer}

	ul.posterList2 li:nth-child(2n){float:right;margin-left:0;margin-right:0}
	ul.posterList2 li:nth-child(4n){margin-right:0}
	ul.posterList2 li img{top:0;max-height:100% !important;object-fit:cover;object-position:top}
	ul.posterList2 li a{height:200px;line-height: 200px}
	ul.posterList2 li .inner{height:auto;line-height:100%}

	ul.posterList_thumb{padding-left:0;margin-top:0}
	ul.posterList_thumb li{float:left;width:48%;height:auto;min-height:280px;margin:0 4% 15px 0}
	ul.posterList_thumb li:nth-child(2n), ul.posterList_thumb li:nth-child(6n){margin-right:0}
	ul.posterList_thumb li .tit{margin:6px 0 0;max-height:36px;line-height: 16px}
	ul.posterList_thumb li img{top:-1px;object-fit:cover;object-position:top}
	ul.posterList_thumb li .cell .inner{height:auto;line-height:100%}
	ul.posterList_thumb li a{height:220px;line-height:220px}
	ul.posterList_thumb li a:hover b.tit, ul.photoList li a:hover b.tit, ul.posterList2 li a:hover b.tit, ul.ebookList li a:hover b.tit{color:#db0d39;cursor:pointer}

	ul.ebookList{margin-top:0}
	ul.ebookList, ul.ebookList_result{padding:0}
	ul.ebookList li, ul.ebookList_result li{width:48%;height:260px;min-height:100%;margin:0 0 15px}
	ul.ebookList li:nth-child(2n), ul.ebookList_result li:nth-child(2n){float:right;margin-right:0;}
	ul.ebookList li:nth-child(5n){margin-right:0}
	ul.ebookList li .tit, ul.ebookList_result li .tit{margin:6px 0 0;line-height: 14px}
	ul.ebookList li .cell .inner{height:auto;line-height:100%}
	ul.ebookList li a{height:auto}
	ul.ebookList li img{top:0;max-height:190px;object-fit:cover;object-position:top}

	/* FireFox */
	@-moz-document url-prefix(){
		ul.photoList li img{display:inline;position:relative;top:-1px;max-height:120px;object-fit:cover;object-position:center;vertical-align:middle}
		ul.posterList2 li .inner{*position:absolute;*top:50%;*height:200px;*margin-top:-100px;height:200px;line-height:auto}
	}

	/* 교재 페이지 */
	ul.seriesList{padding:0}
	ul.seriesList li{width:49%;margin:0 2% 10px 0}
	ul.seriesList li img{width:100%;max-width:100%;height:auto}
	ul.seriesList li:nth-child(2n){float:left;margin-right:0}
	ul.seriesList b.tit, ul.seriesList li a:hover b.tit, ul.seriesList li a.selected b.tit{width:100%;margin:10px 0 5px;line-height:18px}

	ul.relatedList{padding:0;margin-bottom:0}
	ul.relatedList li{width:49%;margin:0 2% 20px 0}
	ul.relatedList li img{display:block;width:auto;max-width:100%;height:100%;text-align:center}
	ul.relatedList li:nth-child(2n){float:left;margin-right:0}
	ul.relatedList b.tit{overflow:hidden;max-height:34px;min-height:34px;text-overflow:ellipsis}
	ul.relatedList b.titMaz{overflow:hidden;max-height:auto;min-height:auto;text-overflow:ellipsis}
	ul.relatedList b.tit, ul.posterList2 b.tit{width:100%;height:34px;max-height:34px;margin:6px 0;line-height:18px}
	ul.relatedList li a:hover b.tit, ul.relatedList li a:hover b.titMaz, ul.posterList2 li a:hover b.tit{color:#db0d39;cursor:pointer}
	ul.relatedList li .cell .inner{height:auto;line-height:100%}
	ul.relatedList li a{height:auto}
	ul.relatedList li img{top:0;object-fit:cover;object-position:top}

	/* 사파리 */
	_::-webkit-:not(:root:root), ul.relatedList li img{display:block;width:auto;max-width:100%;height:100%;text-align:center}

	/* 사파리 */
	body:nth-of-type(1) ul.contList li img{min-height:0}
	body:nth-of-type(1) .optSearch .optSide select{line-height:34px}
	body:nth-of-type(1)	select.languageSelect{line-height:34px}

	.resultBox ul.photoList li{width:48%}
	.resultBox ul.ebookList li{width:49%;margin:0 2% 20px 0}
	.resultBox ul.ebookList li:nth-child(2n){float:left;margin-right:0}
	.resultBox ul.ebookList li:nth-child(5n){margin-right:2%}
	.resultBox ul.ebookList li:nth-child(10n){margin-right:0}
	.resultBox ul.posterList_thumb{padding:0}
	.resultBox ul.posterList_thumb li{width:49%;margin:0 2% 20px 0}
	.resultBox ul.posterList_thumb li:nth-child(2n){float:left;margin-right:0}
	.resultForm{margin-bottom:0}
	.resultForm table{margin-bottom:10px}

	.no_result_box{height: 240px;line-height: 240px;margin-bottom: 40px}
	.no_result_box p{margin:0;font-size: 0.929em}

	.pageBox{margin:10px 0 20px;padding:0}
	.pageBox input{width:100%;height:46px;margin:0 3px;font-size:1em;border:1px solid #CCC;background:#FFF;color:#303030;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.pageBox input:hover{font-weight:bold;border:1px solid #db0d39;background:#FFF;color:#db0d39;cursor:pointer;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.pageBox.wt input{width:100%}

	.sortBoxmb{display:block;margin:0 0 0.7em}
	.sortBoxmb .optOpen{width:100%;padding:10px 0;margin-bottom:0;font-weight:bold;font-size:1em;text-align:center;color:#fff;border:none;background:#505050;transition: all .5s ease}
	.optOpen:hover{background:#303030;color:#fff;cursor:pointer;transition: all .5s ease}
	.optSearch{padding:10px;border:1px solid #dbdbdb;background:#f1f1f1}
	.optSearch select{width:60%;height:38px}
	.optSearch select.mv1{float:left;width:46.5%;height:38px}
	.optSearch select.mv2{float:right;width:46.5%;height:38px}
	.optSearch select.made{width:100%;height:38px}
	.optSearch select.made2{width:100%;height:38px;margin:3px 0}
	.optSearch .optMenu{margin-bottom:10px;line-height:38px;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.optSearch .optMenu label{font-size:1.125em}
	.optSearch .optMenu input[type='radio']{margin:0 6px;width:20px;height:20px}
	.optSearch .btnSort{width:18.5%;height:38px;padding:0;margin-left:0.1%;font-weight:bold;border:1px solid #c8c8c8;background:#FFF;text-align:center}
	.optSearch .btnSort:hover, .optSearch .btnSort.btnSort_on{border:none;background:#e61e2a;color:#FFF;cursor:pointer}
	.optSearch .searchType{width:100%;height:38px;line-height:38px;margin-left:0;background:#FFF url('../../image/bg_search.gif') right 50% no-repeat}
	.optSearch .meun_close{display:block;width:100%;height:30px;line-height:40px;font-family:'Noto Sans KR', sans-serif}
	.optSearch .meun_close a{position:relative;display:block;margin-right:0;font-weight:500;text-align:center;color:#303030;letter-spacing: -0.04em;transition: all .5s ease}
	.optSearch .meun_close a:before{content:"▼";position: absolute;left:-26px;width:100%;color:#303030;font-size: 8px;transition: all .5s ease}
	.optSearch .meun_close a:hover{color:#e61e2a;transition: all .5s ease}
	.optSearch .meun_close a:hover:before{content:"▲";position: absolute;left:-26px;width:100%;color:#e61e2a;font-size: 8px;transition: all .5s ease}
	.optSearch .optSide select{width:98%}
	.optSearch .btnSort.lt{float:left;width:49%}
	.optSearch .btnSort.rt{float:right;width:49%}

	.optSide{float:left;width:60%;margin-bottom:5px}
	.sortSelect{float:right;width:40%}
	.searchWrap{display:inline-block;width:100%;margin-top:4px;padding-top:8px;border-top:1px dotted #ccc}
	select.languageSelect{width:100%;margin-bottom:0.5em}

	.search_box{position:relative;top:0}
	.search_box .input_mb{right:14px}
	.kf_mbSearch .search_box{top:0}
	.kf_mbSearch .search_box .input_mb{/*right:60px;top:-54px*/right:46px;top:-10px}

	_:-ms-input-placeholder, :root .search_box{position:relative;top:12px}
	_:-ms-input-placeholder, :root .search_box .input_mb{right:14px;top:-56px}
	_:-ms-input-placeholder, :root .kf_mbSearch .search_box{top:0}
	_:-ms-input-placeholder, :root .kf_mbSearch .search_box .input_mb{right:60px;top:-56px}

	#metaBox .titSelect{display:block;margin:0 1em}
	#metaBox .titSelect select{width:100%;height:38px;margin:20px 0 6px;font-weight:bold;text-indent:6px}

	.menuMove{width:100%;margin-bottom:0.5em}
	.menuMove select.Lfloat, .menuMove select.Rfloat{width:48%}
	.menuMove span{display:inline-block;width:4%;margin-right:0;line-height:38px;text-align:center}
	.menuMove_mb{display:inline-block;width:100%;margin-bottom:0.5em}
	.menuMove_mb select.Lfloat, .menuMove_mb select.Rfloat{width:47%}
	.menuMove_mb p{display:inline-block;width:6%;line-height:38px;text-align:center}

	.btnArea_pic p.zoom, .lang-tag{display:none}

	/* Aside */
	#relatedMov_mb{display:block}
	#relatedMov_pc{display:none}
	#relatedPoster_mb{display:block;height:100%}
	#relatedPoster_mb .cell{vertical-align:middle}
	#relatedPoster_mb .cell .inner{*position:absolute;*height:auto;height:auto;line-height:100%}
	#relatedPoster_mb a{display:block;width:100%;background:#F0F0F0;border:2px solid #EAEAEA}
	#relatedPoster_mb a:hover{border:2px solid #db0d39}
	#relatedPoster_mb img{height:auto;max-height:100%;object-fit:cover;object-position:center;vertical-align:middle}

	#article{width:100%;margin-bottom:10px}
	#article_pic, #article_ebook{height:auto}
	#aside{float:left;width:100%;margin-bottom:0}
	ul.movList{margin:10px 0 0}
	ul.movList li{width:100%;height:100%;padding-bottom:10px}
	ul.movList li:last-child{border-bottom:none}
	ul.movList li .Lfloat, ul.movList li .Rfloat{width:50%}
	ul.movList li .Rfloat{float:left;margin:0; padding:0;text-align:left}
	ul.movList li .Lfloat{float:right;padding-left:1em;text-align:left}
	ul.movList li .Rfloat img{width:100%}
	ul.movList li p.Lfloat{width:50%;padding-right:1em}
	#relatedMov .more, #relatedCont .more{display:block;margin:10px 0 20px;text-align:center}
	#relatedMov .more a, #relatedCont .more a{display:block;width:100%;padding:10px 0;font-weight:bold;font-family:'Noto Sans KR', sans-serif;border:1px solid #CCC;background:#FFF;color:#000;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	#relatedMov .more a:hover, #relatedCont .more a:hover{border:1px solid #db0d39;color:#ed1846;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	#relatedPoster{display:none}
	#relatedPoster .titBar{display:none}
	.posterCont{width:100%;height:auto;margin-top:-16px;border:none}
	.posterCont .Lfloat{display:none}
	.posterCont .Rfloat{display:block;float:left;width:100%;margin:1em 0 10px}
	.posterCont .Rfloat b.tit{margin:20px 0 10px;padding-bottom:0;border-bottom:none;font-family:'Noto Sans KR', sans-serif;font-size:1.857em;line-height:28px;color:#000;text-overflow:ellipsis;word-break:break-all}
	.posterCont .Rfloat ul li{margin-bottom:0.4em}

	/* 통합 검색 */
	.resultText{padding:0;margin:20px 0 0}
	.resultBox{padding:0;margin-bottom:0;border:none}
	.resultBox ul li{width:48%}
	.resultBox .titType{margin-bottom:0;padding-top:20px;border-top:1px dotted #CCC}
	.resultBox h4{display:inline-block;padding-top:0;margin-left:0;text-indent:0;font-size:14px}
	.resultBox .more{display:none;margin:10px 10px 0 0}
	.resultBox .viewAll{padding:0 1em;margin:20px 0;border-top:none}
	.resultBox .viewAll a{display:inline-block;width:100%;margin-top:10px;padding:10px 0;font-weight:bold;font-size:1em;border:1px solid #CCC;color:#303030;background:#FFF;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}
	.resultBox .viewAll a:hover{border:1px solid #db0d39;background:#FFF;color:#db0d39;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px}

	/* 상세 검색 */
	.resultForm{padding:0}
	.resultForm i{display:block;float:left;margin:0;font-style:normal}
	.resultForm table label{margin-right:0}
	.resultForm table th{display:table;width:100%;padding:10px 0;text-indent:0;text-align:center;font-size: 12px}
	.resultForm table td{display:table;width:100%;padding:14px 0;text-indent:0;text-align: center}
	.resultForm table .inputText{width:90%}
	.resultForm table .selectYear{width:40%}
	.resultForm .nextPage{padding:0;margin:0;text-align:center}
	.resultBox .titType_result{margin-bottom:0;border-top:none;border-bottom:none;text-align:left}
	.resultBox .titType_result h4{font-size:1.125em;padding:0.5em 1em 0}
	.btnBox{margin:0}
	.btnBox input{width:100%;height:50px;font-size:1.125em;border:1px solid #ccc;color:#3030330;background:#FFF;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px}
	.btnBox input:hover{font-weight:bold;border:1px solid #db0d39;color:#db0d39;background:#FFF;cursor:pointer}
	.btnBox .Lfloat{display:block;float:left;width:48%;margin-bottom:6px}
	.btnBox .Rfloat{display:block;float:right;width:48%}

	.resultForm.mb table th{display:none}
	.resultForm.mb table td{padding:6px 0;text-indent:0}
	.resultForm.mb table input, .resultForm.mb table select, .resultForm.mb table textarea{width:100%}

	/* 저작권 정책 */
	.contText p{margin:52px 0 20px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
	.contText ul{padding:0 1em}
	.contText ul li{margin-bottom:10px;font-size:1em}

	.textAgora{margin-bottom:0;padding:0 1em}

	/* Footer */
	#footer{padding-top:1.5rem}
	#footer .ft_wrap {height:auto;margin-bottom:1rem}
	#footer .footerInner{width:94%;margin:0 3%}
	#footer .ft_box{padding:0}
	#footer .ft_box .logo{position:relative;top:auto;left:auto;margin-bottom:0.8rem;text-align:center}
	#footer .ft_box .logo img{height: 60px;}
	#footer .ft_box .foot_mark{position:relative;top:auto;right:auto;margin-bottom:1rem;text-align:center}
	#footer .ft_box .foot_mark li{padding:0 0.5rem 0.5rem}
	#footer .ft_box .foot_mark li span{display:none}
	#footer .ft_box address{padding:0}
	#footer .ft_wrap ul.lst {padding:0.75rem 0}
	#footer .ft_wrap ul.lst li {line-height:1.5rem;font-weight:600;font-size:0.8rem;}
	#footer .ftBtn_wrap {position:relative;right:auto;top:auto;width:94%;margin:.5rem 3% }
	#footer .ftBtn_wrap .ftBtn {width:100%}
	#footer .ftBtn_wrap .ftBtn > div{left:1px;bottom:3.4rem;width:calc(100% - 2px)}
	#footer .ftBtn_wrap .ftBtn > button {border-top:1px solid #ddd}
	
	

	.searchNo{display:inline;margin:40% 1em 0}
	.searchNo p{padding-top:200px;font-size:1em}

	/* ERROR PAGE */
	#errorBox{left:0;width:auto;margin:3em 1em;background:url('../../image/bg_error.png') no-repeat 50% 12%;background-size:auto}
	#errorBox .errorName{display:block;margin-left:0;padding:0 12px;height:28px;line-height:28px;font-size:14px;text-align:center;background:#ABABAB;color:#FFF}
	#errorBox h1{margin-top:7em;font-size:2.30em;text-align:center}
	#errorBox p{text-align:center;font-size:1.125em}
	#errorBox p b{font-weight:bold;font-size:14px;letter-spacing:normal;color:#808080}

	/* 파이어폭스 */
	@-moz-document url-prefix(){
		#footer{position:absolute;height:152px}
		#errorBox .errorName{display:block;margin-top:-120px;margin-left:0;padding:0 12px;height:28px;line-height:28px;font-size:14px;text-align:center;background:#ABABAB;color:#FFF}
		#errorBox h1{margin-top:7em;font-size:2.30em;text-align:center}
	}

	.button{float:left;width:100%;margin-bottom:2em}
	.btn_back.pre{overflow:hidden;float:left;width:100%;margin:0 0 6px;padding:12px 0;text-indent:0;background:none;font-size:1.083em;text-overflow:ellipsis;white-space:nowrap}
	.btn_back.home{overflow:hidden;float:right;width:100%;margin:0;padding:12px 0;text-indent:0;background:none;font-size:1.083em;text-overflow:ellipsis;white-space:nowrap}
	.btn_back.pre:hover, .btn_back.home:hover{background:none;border:1px solid #808080}

	ul.photoList li a.no-image{position:relative;display:block;width:100%;height:120px;background:#e7e7e7;text-align:center}
	ul.posterList_thumb li a.no-image{position:relative;display:block;width:100%;height:220px;padding-top:0;background:#e7e7e7;text-align:center}
	ul.ebookList li a.no-image{position:relative;display:block;width:100%;height:305px;padding-top:40%;background:#e7e7e7;text-align:center}
	ul.photoList li a.no-image img, ul.posterList_thumb li a.no-image img, ul.ebookList li a.no-image img{position:absolute;top:0;left:0;width:auto;height:auto;padding-top:0;border:none}
	ul.photoList li a.no-image b.tit, ul.posterList_thumb li a.no-image b.tit, ul.ebookList li a.no-image b.tit{margin:0;padding:6px 0;text-align:left;background:#FFF}
	.no-image{display:inline-block;background:#e7e7e7;text-align:left}

	/* 레이어 팝업 (2016-09-08) */
	#movLayerPopup{position:absolute;top:20px;left:-20%;width:500px;height:300px;background:#F0F0F0;z-index:9999}
	.wrapPopup{position:relative;top:0;left:0;margin:0 auto}
	.closePopup{position:absolute;top:-55px;right:0}
	.playerBox{height:515px}
}

@media screen and (max-width:370px){
	#top-header{z-index: 9999}
	#top-header h1 em{font-size: 0.75rem}
	.latestBox .more_mb a, .latestBox2 .more_mb a, .koreanBook .more_mb a, .eBook .more_mb a, .latestMov .more_mb a{font-size: 1em}
	.layerTit h4{font-size: 2em;line-height: 30px;}

	.top_link .snslst{padding:0 0.5rem 0 0;border-left: none;}
	.top_link .snslst > a + a{margin-left: 0.25rem;}
	.top_link .kfPlus{padding:0 1.25rem 0 0.5rem;}
	.top_link > *{vertical-align: top;}
	.top_link .kfPlus a{font-size: 0.6875rem;}

	.kfPluslst ul li a{padding: 0.5rem;}
	.kfPluslst ul li a img{height: 1.3rem;}
	.kfPluslst ul a p{font-size: 0.6875rem;}
	#footer .ft_box .logo img{height: 41px;}

	.latestBox2 ul li, .eBook ul li, ul.posterList2 li, .resultBox ul.photoList li, .resultBox ul.ebookList li{width:100%;height:100%;margin-bottom: 20px}
	ul.posterList_thumb li, ul.relatedList li, .resultBox ul.posterList_thumb li{width: 100%;min-height: 100%;margin:0 0 20px;}
	ul.photoList li, ul.ebookList li, ul.ebookList_result li{width: 100%;}

	.titEvent h2, #contView .contInfo_mb h3.tit{font-size: 1.429em;line-height: 20px}
	#tab_menu ul li a, #tab_menu_pos ul li a, #tab_menu_mb ul li a{font-size: 0.857em}
	ul.photoList li .tit, ul.posterList_thumb li .tit, ul.ebookList li .tit, ul.ebookList_result li .tit{height: auto;max-height: 100%}
	.resultBox ul.photoList li .tit, .resultBox ul.ebookList li .tit{height: auto}
}