/* PAGE TITLE - STYLES
-------------------------------------------------- */
#pg_ttl_box {
    z-index: 10;
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 0 40px;
}
#pg_ttl {
	margin: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #000;
}

/* ITEM LIST - STYLES
-------------------------------------------------- */
.item_group {
	width: 100%;
	list-style: none;
	border-top: 2px solid #35c3ff; /*#333;*/
	font-size: 22px;
}
.item_list {
	display: table;
	width: 100%;
    padding: 30px 30px;
    word-break: keep-all;
	border-bottom: 1px solid #cfcfcf;
}
.item_list a:hover {
    text-decoration: none;
}
.item_list .cell {
    display: table-cell;
	width: auto;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}
.item_list .box {
    position: relative;
    background: #79818c; /*#3b4859;*/
    width: 80px;
	height: 60px;
	line-height: 0.9em;
    text-align: center;
    vertical-align: top;
    color: #fff;
    border-radius: 7px;
    padding: 15px 0;
}
.item_list .catag {
	font-size: 16px;
}
.item_list .w_date {
	font-size: 12px;
}

/* BOARD NAVIGATION - STYLES
-------------------------------------------------- */
article .boardNavigation{ padding:10px 0; *zoom:1; text-align:center;}
article .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
article .boardNavigation .pagination{ padding:5px 0;}
article .boardNavigation .buttonLeft{ float:left; text-align:left;}
article .boardNavigation .buttonRight{ float:right; text-align:right;}

/* BOARD VIEW DOCUMENT - STYLES
-------------------------------------------------- */
.boardReadHeader{ padding-top:100px;}
.boardRead {
	padding-bottom: 80px;
}
.boardRead .titleArea {
	width: 100%;
	padding: 30px 30px;
	border-top: 1px solid;
	font-size: 22px;
	word-break: keep-all;
}
.boardRead .titleArea .cell {
	display: table-cell;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}
.boardRead .titleArea .box {
	position: relative;
    background: #3b4859;
    width: 80px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    padding-bottom: 10px;
}
.boardRead .titleArea .name {
    padding-top: 6px;
    font-size: 16px;
}
.boardRead .titleArea .parish {
    font-size: 12px;
}
.boardRead .titleArea .item_title {
	text-align: left;
	padding: 0 30px;
	font-size: 22px;
	    font-weight: 700;
	color: rgb(102, 102, 102);
}
.boardRead .titleArea .writer {
	font-size: 16px;
    color: #868686;
	text-align: left;
	padding: 0 30px;
}

/* BOARD WRITE - STYLES
-------------------------------------------------- */
.boardWrite .boardWriteHeader {
	clear: both;
}
.boardWrite .boardWriteHeader dt {
    float: left;
}
.boardWrite .boardWriteHeader dd {
    float: left;
	width: 60%;
	margin-left: 10px;
}
.boardWrite .boardWriteHeader dl.title dd .inputText {
    width: 100%;
}
.boardWrite .editor {
	margin-top: 60px;
}
.extraVarsList tr td ul li input {
    float: left;
    opacity: 0;
}
.extraVarsList input[type="radio"] + label:before {
	top: 3px;
    width: 1.4em;
    height: 1.4em;
}
.boardWrite .boardNavigation .button {
	padding: 0 2.5em;
}


.item_list .title {
	text-align: left;
	padding: 0 30px;
}
.item_list .writer {
	font-size: 16px;
    color: #868686;
	text-align: left;
	padding: 0 30px;
}

.titleArea .w_date {
	font-size: 12px;
}

/* Device = Most of the Smartphones Mobiles (Portrait)
 * SCREEN = B/w 320px to 479px
-------------------------------------------------- */
@media screen and (max-width: 480px) {
	#pg_ttl_box {
		margin-bottom: 20px;
	}
}