/* @charset=utf-8 */

html * { font-family:NanumGothic, snas-serif; *zoom:1; }

body, table, tr, td, th { font-size:9pt;color:#4d4d4d; -webkit-text-size-adjust: none; }
body { color:#666666; line-height:140%; /* overflow:hidden;*/ }
table, tr, th, td { margin:0; padding: 0; }
body, div { margin:0; padding:0; }
p {margin:1px 0;}
ul, li {margin: 0; padding: 0; list-style: none; }
dl, dt, dd {margin: 0; padding: 0; list-style: none; }
hr { clear: both; }
fieldset { padding:0; border:0; margin-top:5px; }

a { text-decoration: none; }

/* 전체설정 시작 */
.bgb { background:#000000; }
.bgw { background:#ffffff; }

.h15 { height:15px; }
.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pr10 { padding-right:10px; }

.fclear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }

.b { font-weight:bold; }
.txt_s8 { font-size:0.8em; }
.txt_s9 { font-size:0.9em; }
.txt_gry { color:#5a5a59; }
.txt_wht { color:#ffffff; }
.txt_blk { color:#000000; }
.txt_prd { color:#9c5108; }
.txt_process { color:#ad0012; }

.align_c { text-align: center; }

.cursor_p { cursor: pointer; }

html>body {
background: url('../images/wrap_bg.png') repeat; }

/* 컨텐츠 */
#wrap { width:100%; both:clear; padding-bottom: 30px; }
#contents { margin: 0 auto; width: 1100px; }

#prevIssue { height: 38px; text-align: right;  }
#issue { border: 3px solid #d9d9d9; background: #f2f2f2; position: relative; }

.area { float: left; margin: 18px 0 18px 16px;}
.clear { clear: both; }
#menuArea { width: 202px; }
#mainArea { width: 844px; }

#menuTop { width: 202px; height: 141px; background: url('../images/menu_top.png') no-repeat; cursor: pointer;  }
#current { position: absolute; margin-top: 57px; width: 202px; text-align: center; font-size: 2.0em; font-weight: bold; color: #068ee4; }
#current2 { position: absolute; margin-top: 57px; width: 202px; text-align: center; font-size: 2.0em; font-weight: bold; color: #068ee4; }


#menus { margin: 22px 0 0 0; }
#menus ul li { border-top: 1px solid #c9c9c9; cursor: pointer;  }

#menus ul li.menuitem1 { padding-left: 12px; }
#menus ul li.menuitem2 { padding-left: 15px; font-size: .8em;  border: 0;  }
#menus ul li.end { padding-bottom: 8px; }
#menus ul li.indent-1 { padding-left: 22px; font-size: .7em; }

#menus ul li div {   }
#menus ul li.menuitem1 div { margin: 15px 0; font-size: 14px; font-weight: bold; }
#menus ul li.menuitem2 div { margin: 5px; font-size: 14px; font-weight: bold; padding-left: 5px;}
#menus ul li.menuitem2 div::before { content:"-"; margin-left: -8px; width:8px; display:inline-block; }


#menus ul li.menuitem1 div.out { color: #000000; }
#menus ul li.menuitem2 div.out { color: #999999; }
#menus ul li div.over { color: #008fe8; }

/*
#main .item { float: left; margin-top: 10px; cursor: pointer;}
#main div.item1 { }
#main div.item2 { margin-left: 15px; }
#main div.item3 { }
#main div.item4 { margin-left: 15px; }
#main div.item5 { margin-left: 15px; }
*/

#main { margin-left: -15px; }
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	margin-top: 10px;
}
.flex>.item {
	flex: 1 0 0%;
	border: 2px solid #f7941d;
	color: #333;
	padding: 14px 16px;
	margin-left: 15px;
	margin-bottom: 5px;
	background-color: #fff;
}
.flex>.item2 {
	width: 48.2%;
	flex: 0 0 48.2%;
}
.flex>.item3 {
	width: 31.5%;
	flex: 0 0 31.5%;
}

.flex .item:nth-child(2) { border-color: #f75151; }
.flex .item:nth-child(3) { border-color: #ff0000; }
.flex .item:nth-child(4) { border-color: #c69c6d; }
.flex .item:nth-child(5) { border-color: #a864a8; }

.flex .item .plus {
	float: right;
	display: inline-block;
	padding: 2px 6px;
	color: #fff;
	background-color: #f7941d;
}

.flex .item:nth-child(2) .plus { background-color: #f75151; }
.flex .item:nth-child(3) .plus { background-color: #ff0000; }
.flex .item:nth-child(4) .plus { background-color: #c69c6d; }
.flex .item:nth-child(5) .plus { background-color: #a864a8; }

.flex .item .title {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 18px;
	color: #000;
}
.flex .item .item-body {
	margin-left: 12px;
}
.flex .item .item-body .image {
	width: 137px;
	height: 103px;
	border: 1px solid #999;
	overflow: hidden;
	float: left;
	margin-left: -12px;
	margin-right: 11pt;
}
.flex .item .item-body .image-full {
}

.flex .item .item-body .image img,
.flex .item .item-body .image-full img {
	max-width: 100%;
}

.flex .item .item-body .links {
	float: left;
	font-size: 11pt;
	line-height: 17pt;
}
.flex .item .item-body .links>li { }
.flex .item .item-body .links>li.indent-1 { padding-left: 8px; font-size: .925em;}
.flex .item .item-body .links>li.summary { padding-left: 8px; padding-top: 16px; font-size: 1em; line-height: 20px; color: #444; }

.flex .item2 .item-body .links { width: 360px; }
.flex .item2 .image+.links { width: 215px; }

.flex .item3 .item-body { margin-left: 5px; }
.flex .item3 .item-body .links { width: 225px; }
.flex .item3 .item-body .image+.links { width: 145px; }
.flex .item3 .item-body .image { margin-left: -6px; border: 0 none; }
.flex .item3 .item-body .image img { border: 1px solid #999; } /* 75x100px */

*, ::after, ::before {
	box-sizing: border-box;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.justify {
	text-align: justify;
}


#footMenuArea { width: 1074px; margin: 0 10px; padding: 15px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align: center; }

#footArea { width: 1074px; margin: 10px 10px; }
.foot { float: left;}

#hidden-form { display: none; }

.contents-wrap,
#boardArea { width: 844px; background: #FFFFFF; border: 2px solid #d9d9d9; }
#boardArea .subject { width: 804px; margin: 10px auto; text-align: center; }
#boardArea .comment { width: 810px; min-height: 800px; padding: 30px 15px; line-height: 120%; }
#boardArea .comment font { line-height: 150%; }
/* boardArea -> contents-wrap */
.contents-wrap { position: relative; }
.contents-wrap>.title { width: 804px; height: 124px; margin: 10px; border-bottom: 1px solid #ddd; background-image: url(../upload/common/images/flower_sm.png); background-repeat: no-repeat; margin: 10px auto; }
.contents-wrap>.title>.subject { font-size: 19pt; font-weight: bold; color: #303030; position: absolute; top: 50px; left: 100px; }
.contents-wrap>.title>.subject>.summary { font-size: 10.5pt; font-weight: 100 !important; color: #a0a0a0; margin-top: 12px;}
.contents-wrap>.title>.subject.fit1 { font-size: 18pt; letter-spacing: -.8pt; }
.contents-wrap>.title>.subject.fit2 { font-size: 16pt; letter-spacing: -.8pt; }
.contents-wrap>.title>.subject.fit2 span { font-size: 14pt; }
.contents-wrap>.comment { padding: 3.5em; font-size: 13pt; line-height: 16pt; }

/* 후원 테이블 */
table.support { border-collapse: collapse; border: 1px solid #999; }
table.support th, table.support td { border: 1px solid #999; padding: 8px; font-size: 12.5pt; line-height: 115%; }
table.support thead th { background-color: #bbb; letter-spacing: 8px; color: #333; padding: 12px 8px; text-align: center; }
table.support thead th.nols { letter-spacing: 1px; }
table.support th.text-center , table.support td.text-center { text-align: center; }
table.support th.date, table.support td.date { min-width: 80px; text-align: center; }
table.support th.money { min-width: 150px; }
table.support td.money { text-align: right; }
table.w100 { width: 100%; }
div.support { width: 790px; margin: 0 auto; }
div.support h3 { margin-top: 2.0rem; margin-bottom: .725rem; font-size: 15pt; }

table.table { border-collapse: collapse; border: 1px solid #999; }
table.table th,
table.table td { border: 1px solid #ddd; padding: 8px; }
.text-center { text-align: center; }

img.shadow { border:1px solid #999; box-shadow: 2px 3px 3px #ddd; margin: 5px;}

ol.number, ol.number>li { list-style: number; }
.pointer { cursor: pointer; }
.round-3 { border-radius: 9px; }

.bg-tp { position: relative; z-index: 1; }
.bg-tp::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8; z-index: -1; background-color: white; }