body {
font-family: 'Roboto', sans-serif; color:#333333; letter-spacing:-1px;
}

section {padding-top:30px;}
section.moon {padding-top:10px;}

h2 { font-size:1.5rem; letter-spacing:-1.5px; }
	h2 i { margin-right:5px; }

header { }
.navbar .container { max-height:60px; }
.navbar-brand { padding-top: 10px; padding-bottom: 10px; }
.navbar-expand-lg .navbar-nav .dropdown-menu { margin-top:-18px; }
.nav-search form.input-group {margin-bottom:0;}
footer hr { }
footer .container { margin-bottom:-30px;  font-family: 'Gowun Dodum', sans-serif; }
footer .container .team {float:right; margin:0; letter-spacing:0; font-size:0.85rem; }
footer img { width:160px;}

section.sub_v { margin:-30px 10px -20px 10px; }
section.sub_v h1 { padding:18px 0; text-align:right; font-size:2rem; text-shadow:0 0 4px #000000;}
section.sub_v h2 { padding:10px 0; font-size:2rem; }
section.sub_moon h2 {text-shadow:0 0 4px #000000;}
section.sub_v .bg-dark-overlay-4 {width:100%;}

.team-mail {width:93%;padding:20px;margin:-30px auto 40px auto;}
.text-center.h5.mb-4 {display:block; margin:30px 0;}
.back-top { bottom: 75px; padding-top:15px; }

/* Main */
#todayImg { margin-top:-8px; border-radius:10px; }
.moon {padding:0 0 10px 0;}
/*
.moon .container { margin-top:-10px; }
*/
.bg-gray {background-color:#F1EFEF;}
#main .container {  }
.no-data { margin-top:30px; text-align:center;  }
	#main .no-data { margin-top:130px; }
	.no-data img { opacity: 0.7; }
	.no-data p { padding:20px 0; color:#BAB9B9; }
.recommend { margin-bottom:-17px; padding-bottom:20px; }
.recommend .text-body {margin-right:10px;}
.recommend h4 { font-size:1.2rem; }
.recommend .card-body {padding:32px 20px 32px 32px;}
.recommend .card-title { height:45px; white-space:normal; text-overflow:ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;  }
.recommend .book-img  img { float:right; height:220px; margin:15px; }

.sidebar { min-height:870px; }
.sidebar .psbook {border:1px solid #E5E5E5;background-color:#FFFFFF;}
.sns-banner { margin-top:-5px;}
.sns-banner i.fs-5 { float:left; margin:2px 0 0 0 !important}
.sns-banner .small {margin:-2px 0;}

.archive-banner { margin-bottom:3px !important; border-radius:5px;  }
	.archive-banner a { background-color:#1632AD; }
	.archive-banner a.bg-youtube { background-color:#ff0000; }
	.archive-banner i { margin-right:8px; }
.banner-line { margin:-10px 0 -5px 0; }
.banner-line p {text-align:center; margin-top:-25px;}

.category a {font-size:0.8rem !important; }
.category .card-bg-scale { margin-top:-5px; background-position: center center; background-size: cover; }
}

/* 문재인 */
.sub_moon h2 {text-align:right;}
main.moon .moon_story { padding:0; }
main.moon h3.moon_story  {margin:20px 0 20px 0;font-size:1.8rem;}
main.moon div.txt {margin:30px 0; font-size:1rem;line-height:180%;}
main.moon .col-md-10 h5 {margin-top:7px; font-size:1rem}
main.moon .moon_story .col-md-10 {width:80%;margin:0 auto;}
main.moon img.card-img {margin:5px 8px 5px 0;}
dl.history {float:left; width:100%; border: 1px solid #dfe0e5; border-radius:10px; }
	dl.history dt { padding:10px 15px 15px 20px; font-size:1.3rem;letter-spacing:-2px;}
	dl.history dt.title2 { height:85px; white-space:normal; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; border-bottom:1px solid #dfe0e5; }
		dl.history dt span {letter-spacing:-0.5px}
	dl.history dd { padding:0; margin:0; }
	dl.history dd.date {font-size:1rem; padding:15px 20px 0 20px;;}
	dl.history dd img {border-radius:0 0 10px 10px;}


section.book .col-12 {margin:-30px 0 40px 0 !important;}
section.book .col-sm-6 { margin-bottom:20px;}
section.book .col-sm-6 h4 { height:60px; }
section.book .text-primary {margin-bottom:0;}
section.book .mb-4 a { float:right; margin-top:-20px; }

/* Timeline - 기본 */
.timeline { position:relative; clear:both; margin:0; }
	.timeline .col { width:100%; margin-bottom:20px; }
	.timeline:after { content: ""; display: block; clear: both; }
	.timeline .card-body { float:right; height:150px; margin-left:35%; padding:25px 25px 0 25px; }
		.timeline .card-body .card-title {
			height:55px; padding:0; margin:0; white-space:normal; text-overflow:ellipsis; font-size:1.2rem; font-weight:bold; 
			display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; 
		}
	.timeline .thumb { position:absolute; width:35%; height:150px; border-radius:10px 0 0 10px; background-size: cover; background-repeat:no-repeat; background-position:center center; }
	.timeline .date { margin-top:2px; text-indent:0; font-size:0.8rem; }
	.timeline .space { margin-top:-10px; }
	.space {  font-size:0.8rem; color:#2163e8; }
		.space i { margin-right:3px; }

/* Timeline  */
#timeline { margin:0 auto; }
#timeline .view-title { margin-bottom:40px; border-bottom:1px solid #EEEEEE; }
	#timeline .timeline_info .space { margin-left:15px; }
#timeline h1.display-5 {  padding:10px 0 15px 0; font-size:2.5rem; }
#timeline .tab-content {padding-left:20px;background:#f8f9fa;}
#timeline .timeline-tab { margin-top:-40px; font-size:1rem;}
#timeline .timeline-tab .nav-tabs  {border:none;}
#timeline .timeline-month {}
#timeline .timeline-month .input-group {width:480px;}
#timeline .timeline-month .input-group label {display:none;}
#timeline .input-group .form-select, #timeline .input-group button { height:42px; padding:10px 20px;font-size:0.9rem; }
#timeline .player-wrapper { border-radius:10px; margin:0 auto; padding:40px 0; }

#timeline .timeline-list { margin-top:-30px;}
.timeline-list .card { margin-bottom:30px;}
.timeline-list .thumb { position:static; width:100%; height:300px; border-radius:10px 10px 0 0; background-size: cover; background-repeat:no-repeat; background-position:center center; }
.timeline-list .card-body { width:100%; height:175px; padding:25px 30px 0 30px; }
	.timeline-list .card-title {
		height:55px; padding:0; margin:0; white-space:normal; text-overflow:ellipsis; font-size:1.2rem; font-weight:bold; 
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; 
	}

#speech { width:90%; margin:40px auto 0 auto; padding:40px; overflow:hidden; line-height:180%; font-family: 'Gowun Dodum', sans-serif; background-color:#F5F5F5; border-radius:15px; }
#speech  h4 {  font-family: 'Gowun Dodum', sans-serif; }
#speech blockquote { margin:40px 0 20px 0; font-size:1.2rem; position: relative; padding-left: 70px;}
#speech blockquote:before { content: '"'; position: absolute; top: 0;  left: 0; font-size: 7rem; line-height: 0.8em; font-weight: 700; color: #2163e8; }
#btn_more {display:none; width:100%; margin-top:-180px; height:150px; padding-top:150px; text-align:center; background:linear-gradient(180deg, transparent, white); cursor:pointer;}
.photo-tag { text-align:center; margin-bottom:80px; }
.photo-tag .ms-2 { padding-bottom:10px; font-size:1.4rem; font-weight:bold; }
.photo-tag a { margin:0 15px; font-size:2rem;}

/* 검색결과 */
#search a.btn-more { width:97%; margin:0 auto; }
	#search .card-title { 
		height:51px; padding:0; margin:0; white-space:normal; text-overflow:ellipsis; font-size:1.1rem; line-height:140%;
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; 
	}
#search .people { padding:10px 0 8px 0; border-radius:10px; text-align:center; }
	#search .people span { display:inline-block; padding-top:15px;  text-align:left; line-height:180%;  }
	#search .people .name { vertical-align:top; padding:10px 50px 0 0;  text-align:center; font-size:2rem; font-weight:bold; }
#search h3 { font-size:1.3rem; letter-spacing:-2px; padding-bottom:20px; }
#search .timeline-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
	#search .timeline-list .thumb { height:200px; }
	#search .timeline-list .card-body { height:145px; }
	#search .timeline-list .card-title { height:52px; }
#search .whitepaper-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
	#search .whitepaper-list .card { height:120px; }
	#search .whitepaper-list .icon-xl { position:absolute; width:80px; height:80px; margin:20px; padding-top:22px;  }
	#search .whitepaper-list .card-body { padding:35px 20px 0 115px; }
#search .photo-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
	#search .photo-list .thumb { position:static; width:100%; height:200px; border-radius:10px; background-size: cover; background-repeat:no-repeat; background-position:center center; }	
#search .video-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
	#search .video-list .card .btn {padding-top:18px;}
#search .speech-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
	#search .speech-list .card { height:120px; }
	#search .speech-list .icon-xl { position:absolute; width:80px; height:80px; margin:20px; padding-top:22px;  }
	#search .speech-list .card-body { padding:24px 20px 0 115px; }
#search .no-result { margin:50px 0; padding:140px 0 30px 0; background:url('http://mooncdn.cafe24.com/images/S2/temp/no-result.png') no-repeat center top; text-align:center; color:#BAB9B9; }

 
/*Letter*/
.letter-title  {margin-bottom:30px; padding-bottom:15px; border-bottom:2px solid #EEEEEE;}
.letter-title h2 {padding:10px 0;}
.letter-title ul {margin-left:5px;}
.letter-view { padding:20px 20px 50px 20px; border-bottom:1px solid #EEEEEE;}
form .form-label {float:left; width:100%; margin-top:5px;}
input#con-name { float:left;width:75%; margin-bottom:20px;}
input#con-password { float:right; width:23%; margin-bottom:20px; }

.L-password {display:block; margin:-200px 0 0 0; padding:60px 30px 30px 30px; border:1px solid #2163E8;position:relative;}
 .L-password .close { position:absolute; top:15px; right:30px; cursor:pointer;}
 .L-password p {height:40px; vertical-align:middle; text-align:center;}
 .L-password .form-control {float:left; width:230px;margin-right:15px;}

/* 다운로드 */
#download .file-list { margin:15px 0; padding:10px 0 20px  0; border-bottom:1px solid #EEEEEE; }
#download .col-sm-4 { margin:15px 0; }
#download .thumb img { width:100%; border-radius:10px 10px 0 0; border-bottom:1px solid #EEEEEE; }
	#download .card-body { text-align:center; padding:20px 15px 0 15px; }
	#download .card-title { height:95px; font-size:1.3rem; }
	#download .card-title span { font-size:0.9rem; }

/* 추천도서 */
/* #book h2 {text-shadow:0 0 4px #000000;} */
#book .text-body {margin-right:10px;}
#book .card-body { padding:30px 0 0 25px; font-size:0.9rem; }
#book h4 { font-size:1.2rem; }
#book .card-title { height:71px; white-space:normal; text-overflow:ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;  }
#book .book-img  img { float:right; height:190px;  margin:15px; }

/* Moon's chronicler™ */
.source-area { width:80%; padding:50px 20px 100px 0; margin:0 auto;}
dl.source dt {padding:10px 0;}
dl.source dd {float:left;width:100%;padding:10px 0 30px 0;font-size:1rem;}
dl.source dd i {margin-right:5px; color:#0a1645;}
	dl.source dd .bi-BH {float:left; width:20px; height:20px; margin:2px 10px 0 0; background-color:#0a1645; background-image:url(../images/logo_BH.png); background-position: center center; background-size: cover;}
	dl.source dd i.bi-instagram {color:#8443a7;}
	dl.source dd i.bi-twitter {color:#1b92e1;}
	dl.source dd i.bi-youtube {color:#ff0000;}
dl.source dd a {display:inline-block; margin-right:20px; font-size:1rem;}  
dl.source p {clear:both;padding:20px 0 0 30px;margin:0;font-size:0.8rem;}
dl.source dd ul li {float:left; list-style:none;}


@media (min-width:992px) and (max-width: 1196px){
#book .col-lg-4 { width:49%; }

}
@media (min-width: 768px) and (max-width: 991px){
#book .col-lg-4 { width:49%; }

}

@media (max-width: 767px) {
footer .team  { width:100%; margin:22px 0 0 0 !important; font-size:0.8rem; text-align:center; }
footer img { display:none;}
.back-top {padding-top:8px;}

.sidebar {min-height:auto;}
.banner-line { margin-bottom:-20px; }

.sub_moon .h-300 {height:180px;}
main.moon blockquote {padding:68px 10px 0 10px; font-size:1rem;}
main.moon .blockquote-footer {padding-left:10px;}
main.moon blockquote:before { top:18px; }
dl.history {margin:0;}
	dl.history dt { font-size:1.2rem; }

#main h2, .recommend h2 { font-size:1.4rem;  }
.recommend .text-body {float:right;margin-top:-20px;}
.recommend .book-img {padding-top:10px;}
.recommend .book-img  img { width:100%; height:auto; }
.timeline .card-body { margin-left:40%; }
.timeline .thumb { width:40%; }

#timeline h1.display-5 {  font-size:1.8rem; }
#timeline .thumb { height:200px; }
#timeline .player-wrapper { width:90%; }
.photo-tag a { margin:0 15px; font-size:1.4rem;}

#speech { width:95%; padding:20px; }
#speech blockquote {padding:68px 10px 0 10px; font-size:1rem;color: #2163e8; }
#speech blockquote:before { top:18px; }

#download .col-sm-4 { width:49.4%; }
	#download .card-title { font-size:1.14rem; }

#book .h-300, main.moon .h-300 { height:150px !important; }
#book .col-lg-4 { width:100%; }

.source-area { width:90%;}
dl.source dd ul, dl.source dd p {padding-left:10px;}
dl.source dd ul li {padding-bottom:10px;}

}