@font-face {
	font-family: LexiSaebomR;
	src: url('/ple/font/LexiSaebomR.eot');
	src: url('/ple/font/LexiSaebomR.eot?#iefix') format('embedded-opentype'),
		url('/ple/font/LexiSaebomR.woff') format('woff'),
		url('/ple/font/LexiSaebomR.ttf') format('truetype'),
		url('/ple/font/LexiSaebomR.svg') format('svg');
}
#app *, #pleapp * { -webkit-transition: .1s; transition: .1s; }
body, button, input, select, textarea { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
::selection { color: #fff; background: rgba(0,0,0,.5); }
.content { text-align: center; font-family: 'Noto Serif', 'LexiSaebomR', serif;}
.content p { line-height: 1.75em; }
#bo_v_bot .buttons { margin-bottom: 0; }
#bo_v_bot a { margin-bottom: 0; margin-top: 1.5rem; }
img.ple { border-radius: 4px; }
#ft_to_top { width: 34px; height: 34px; display: block; position: fixed; bottom: 0; right: 0; z-index: 999; background-color: rgba(0,0,0,.5); margin: 1rem; color: #fff; border-radius: 17px; padding: 5px; }
#pleheader { top: 0; position: fixed; z-index: 999; width: 100%; height: 100px; text-align: center; background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)); }
#pleheader h1 { position: absolute; font-size: 0; text-indent: -999em; line-height: 0; overflow: hidden; }
#pleheader .columns .column a { color: #fff; font-weight: 700; font-size: 18px; -webkit-text-shadow: 0 2px 1px rgba(0,0,0,.5); text-shadow: 0 2px 1px rgba(0,0,0,.5); }
#pleheader .columns .column a:hover { color:#b1ccfb; }
#pleheader .columns .column .dropdown .dropdown-menu { min-width: 0; left: 50%; }
#pleheader .columns .column .dropdown .dropdown-menu .has-link a { padding: 4px 16px; text-align: center; color: #000; font-weight: 400; font-size: 16px; text-shadow: none; }
#pleheader .columns .column .dropdown .dropdown-menu .dropdown-content { left: -50%; position: relative; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.5); box-shadow: 0 2px 1px rgba(0,0,0,.5); }
#pleheader > .columns > .column:nth-child(3) a { font-size: 14px; font-weight: 400; }
#plelogo { -webkit-filter: drop-shadow(0 2px 1px rgba(0,0,0,.5)); filter: drop-shadow(0 2px 1px rgba(0,0,0,.5)); }
#hd_ct { position: absolute; display: none; top: 0; right: 0; padding: 1.5rem; background: none; border: none; color: #fff; text-shadow: 0 2px 1px rgba(0,0,0,.5); }
#plesubhead { margin: 0; width: 100%; height: 300px; background-image: url(/theme/csl/mobile/img/subhead.jpg); background-size: cover; background-position: center; color: #fff; text-align: center; -webkit-text-shadow: 0 2px 1px rgba(0,0,0,.5); text-shadow: 0 2px 1px rgba(0,0,0,.5); }
#plesubhead > .column { padding: 0; height: 100% }
#plesubhead .column span { line-height: 300px; font-weight: 300; font-size: 3rem; }
#plesubhead > .column > .columns { margin: -48px 0 0 0; width: 100%; background:#364e68;}
#plesubhead > .column > .columns a { color: #fff; }
#plesubhead > .column > .columns a:hover { opacity: .5; }
.plecenter { text-align: center; }
.hero.is-333 { background-color: #333; }
.hero.is-555 { background-color: #555; }
#container_title { line-height: 1em; margin: 0 0 1.5rem 0; padding: 1.5rem 0; font-size: 2rem; font-weight: bold; border-bottom: 1px solid #dbdbdb; text-align: center; }
.pleauthor, .plehit { width: 10%; }
.pledate { width: 150px; }
.pg_wrap { text-align: center; margin-bottom: .5rem; font-size: 1rem; }
.pg_wrap .pg_current { display: inline-block; width: 36px; height: 36px; margin: 0 .25rem; color: #fff; background-color: #363636; border-radius: 18px; font-weight: 400; line-height: 36px; }
.pg_wrap .pg_page { display: inline-block; width: 36px; height: 36px; margin: 0 .25rem; color: #363636; border: 1px solid #dbdbdb; border-radius: 18px; font-weight: 400; line-height: 36px; }
.pg_wrap .pg_page:hover { border-color: #b5b5b5; }
.bd_img { border-radius: 4px; border: 1px solid #dbdbdb; }
#bo_gall .column { border-radius: 4px; }
#bo_gall .column:hover { color: #b1ccfb; }
.plenum { text-align: right; width: 54px; }
.plelatest { line-height: 1.75em; font-family: 'Noto Serif', 'LexiSaebomR', serif; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.5); box-shadow: 0 2px 1px rgba(0,0,0,.5); padding: 1rem 1.5rem; text-align: left; }
.plelatest a { color: #363636; }
.plelatest a:hover { opacity: .5; }
.plelatest a span:hover { opacity: .5; }
.plelatest .cnt_cmt { margin: 0 .5rem; padding: 0 .25rem; color: #fff; background-color: #000; opacity: .5; border-radius: 4px; }
.plelatesttitle { -webkit-text-shadow: 0 2px 1px rgba(0,0,0,.5); text-shadow: 0 2px 1px rgba(0,0,0,.5); font-weight: 800; font-size: 2rem; color: #fff; }
.plelatesttitle:hover { color: #fff; }
@media print, screen and (max-width: 768px) {
	.plemenu { display: none; }
	#pleheader > div.columns > div:nth-child(1) > div { width: auto !important; }
	#pleheader > div.columns > div:nth-child(1) > div > div > div { padding: 0; }
	#pleheader > div.columns { padding: 0 !important; margin: 0; }
	#plelogo { padding: 1.5rem; height: 72px; }
	#hd_ct { display: block; }
	#plecon { width: 100%; padding: 0 1.5rem; }
	/*#jssor_1 { width: 100% !important; height: 320px !important; }*/
	#plesubhead { height: 200px; }
	#plesubhead .column span { line-height: 200px; }
	.pleauthor { width: auto; }
	.plehit, .pledate { display: none; }
}
@media print, screen and (min-width: 769px) and (max-width: 1087px) {
	.plemenu { display: none; }
	#pleheader > div.columns > div:nth-child(1) > div { width: auto !important; }
	#pleheader > div.columns > div:nth-child(1) > div > div > div { padding: 0; }
	#pleheader > div.columns { padding: 0 !important; margin: 0; }
	#plelogo { padding: 1.5rem; height: 72px; }
	#hd_ct { display: block; }
	#plecon { width: 100%; padding: 0 1.5rem; }
}