@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
.tt_article_useless_p_margin>div:last-child {display: none !important; }

/* 본문 */
body,input,textarea {
	background:#f7f7f7; color:#555;
	padding:0; margin:0;
	font-size:11px;font-family: 'Bree Serif', 'Noto Sans KR', sans-serif;}
iframe, video, embed {max-width: 100%;}
a {color:#555; padding:0; margin:0;
	text-decoration:none; 	transition: all 0.1s ease; 	
	-webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; }
a:hover {color:#888;text-decoration:none; }

/* 전체 구조 */
#container {margin:70px auto;max-width:500px;background:#fff;margin-bottom:35px;}
@media screen and (max-width: 600px) { #container {width:90%;margin:20 auto} }
#intro {text-align:right;background:#f7f7f7;padding-bottom:23px;}
#intro a {background:#ffe05f;color:#fff;padding:6px 12px;
	box-shadow:#fde16a 0px 0px 3px;transition:all 0.4s;
	font-size:10px;letter-spacing:2.2px;border-radius:3px;}
#intro a:hover {color:#ffe05f;}
#header {background:#a5adfe;line-height:20px;
	padding:35px 0px;padding-bottom:72px;margin-bottom:50px;}
.hd1 {float:left;margin-left:55px;}
.hd1 a {color:#fff;letter-spacing:2.5px;font-size:16px;font-weight:bold;
	transition:all 0.4s;}
.hd1 a:hover {opacity:0.6;}
.hd1s {color:#fff;font-size:10px;opacity:0.35;letter-spacing:0.4px;}
.hd2 a {float:right;background:#e7e7e7;transition:all 0.8s;
	padding:19px;margin-top:38px;margin-right:25px;border-radius:100px;}
.hd2 a:hover {box-shadow: inset 0px 0px 0 100px rgba(0,0,0,0.5);}
.hd3 a {float:right;background:#a8cbfb;transition:all 0.8s;
	padding:19px;margin-top:38px;margin-right:25px;border-radius:100px;}
.hd3 a:hover {box-shadow: inset 0px 0px 0 100px #3a75c5;}
@media screen and (max-width: 600px) { 
	.hd2 a {float:right;background:#e7e7e7;transition:all 0.8s;
	padding:13px;margin-top:45px;margin-right:17px;border-radius:100px;}
	.hd2 img {width:17px}
	.hd3 a {float:right;background:#a8cbfb;transition:all 0.8s;
	padding:13px;margin-top:45px;margin-right:17px;border-radius:100px;}
	.hd3 img {width:17px}
}
#menu37 {margin:10px 0px;}
#content {background:#fff;}
#footer {clear:both;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.minimm {background:#dee0f7;text-align:center;padding:1px 0px;
	font-size:10px;letter-spacing:3px;}
.minimm a {color:#fff}
.minimm span {margin:0px 75px;}
#copy {background:#eee;}
.mcen1 {text-align:center;opacity:0.8;}
.mcen1 img {width:;}
.mcen2 {text-align:center;padding:50px 0px;opacity:;}
.smn {float:right;padding:10px;opacity:0.7;}
.tnm {background:#f76a66;font-size:10px;color:#fff;padding:5px 0px;
	text-align:center;letter-spacing:1px;}
.tnm a {color:#fff;}
.caln {background:#f7f7f7;margin:100px 20px;margin-bottom:2px;padding:15px;
	line-height:16px;border-radius:5px;}
.cnm {color:#aac6c9;}
.sdmn {list-style:none;text-align:center;font-size:10px;letter-spacing:0.5px;
	display: table; margin-left: auto; margin-right: auto;margin-bottom:15px;}
.sdmn a {display:block;width:160px;background:#f7f7f7;color:#ccc;
	margin-top:7px;border-radius:6px;}
.sdmn a:hover {opacity:0.65;}

/* 메인 리스트 */
.list_content {margin:0px auto;
	max-width:350px;height:300px;
	overflow:hidden;
	text-align:center;border-radius:10px;
	margin-top:20px;margin-bottom:20px;
	overflow:hidden;}
.lcimg {width:350px;height:200px;border-radius:10px;
	background-image: url(./images/37_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;}
.lcimg img {width:350px;border-radius:10px;}
.lcimgp {width:350px;height:200px;
	background-image: url(./images/37_bgp.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;}
.mt37 {background:#fff;
	line-height:15px;
	width:190px;display:inline-block;
	padding:5px 20px;font-size:10px;
	box-shadow:#bbb 0px 0px 6px;
	border-radius:10px;}
.ttlp1 {letter-spacing:2.5px;font-weight:bold;
	font-size:11px;color:#111;text-transform:uppercase;}
.dot {border-top:solid 1px;color:#ddd;}

@media screen and (max-width: 500px) { 
	.list_content {margin:0px auto;
	max-width:250px;height:300px;
	overflow:hidden;
	text-align:center;border-radius:10px;
	margin-top:20px;margin-bottom:20px;
	overflow:hidden;}
	.lcimg {max-width:250px;height:200px;border-radius:10px;
	background-image: url(./images/37_bg.png);
	background-repeat: no-repeat;
	background-size: 250px;
	background-position: left top;}
	.lcimg img {width:250px;border-radius:10px;}
	.lcimgp {width:250px;height:200px;
	background-image: url(./images/37_bgp.png);
	background-repeat: no-repeat;
	background-size: 250px;
	background-position: left top;}
}

/* 카테고리 */
.category {text-transform:uppercase;position:relative; z-index:2;
	display: table; margin-left: auto; margin-right: auto;padding:10px;}
.category a {text-decoration:none; display:block;
	width:60px;	margin:4px 6px;background:#454545;text-align:center;
	font-size:10px;letter-spacing:1.3px;color:#fff;}
.category ul, .category li { padding:0; margin:0; 
	list-style-type:none; overflow:hidden; }
.category > ul > li > a {float:left;width:60px;padding:7px;text-align:center;}
.category > ul > li > a:hover {color:#fff;background:#777;}
.category > ul > li > ul > li:hover {}
.category > ul > li > ul > li > a {background:#ddd;padding:7px;}
.category > ul > li > ul > li > a:hover {color:#fff;background:#454545;}
.category > ul > li > ul > li > a > span.c_cnt { display:none; } 
.category > ul > li > ul li:hover ul { display:block; position:absolute; }
.category > ul > li > ul > li > ul { display:none; }
.category > ul > li > ul > li > ul {}
.category > ul > li > ul > li > ul > li a {padding:7px;
	margin-bottom:2px;color:#fff;}
.category > ul > li > ul > li > ul > li a:hover {background:#777; } 
.category > ul > li > ul > li { float:left; }
.category ul li ul li li { clear:both; }

/* 본문 (글) */
.skin_view {}
.skin_view .area_title {padding-top:15px;}
.skin_view .area_title a {text-decoration:none; }
.tit_post {text-align:center;color:#333;font-weight:bold;
	font-size:12px;letter-spacing:0.7px;}
.tit_post span {background:#f3f3f3;padding:4px 12px;border-radius:3px;}
.tit_admin {text-align:center;padding:10px 20px;padding-bottom:5px;
	letter-spacing:0.5px;font-size:10px;color:#ddd;}
.tit_admin a {color:#ddd;}
.tit_admin a:hover {opacity:0.7;}
.mcate {letter-spacing:0.5px;}
.mcate a {padding:2px 5px;color:#ccc;text-transform:uppercase;}
.mcate a:hover {opacity:0.7;}
.stu a {opacity:0.45;}
.area_view {padding:20px 25px;padding-bottom:0px;}
.area_view p {font-size:12px;line-height:25px;}
.area_related {display:none;}

/* 포스트 태그 */
.area_etc {margin-left:27px;}
.list_tag {color:#aaa;}
.list_tag a {font-size:11px;padding-top:5px;color:#aaa;}
.list_tag a:hover {opacity:0.5;}

/* 코멘트 액션트레일 */
.area_reply {margin:0px 27px;}
.actionTrail {margin-bottom:15px;font-size:10px;text-align:right;}
.actionTrail a:hover {opacity:0.5;}

/* 코멘트 인풋 */
.cmi {margin:0px 0px;}
.cmig {margin-bottom:2px;color:#eee;font-size:10px;}
.cmig input {width:100px;padding:5px 7px;margin-bottom:5px;background:#fff;
	border:0px;border-bottom:1px solid #eee;margin-right:10px;}
.cmig input:focus { outline:none; }
.cmi .homepage {width:160px;color:#ddd;}

.cmi textarea {width:93%;height:75px;margin:5px 2px;background:#fff;
	border:1px solid #ddd;border-radius:5px;padding:12px;
	letter-spacing:1px;font-size:12px;}
.cmi textarea:focus {outline:none;}
.cmi textarea a {cursor:pointer;}
.cmm {text-align:right;cursor:pointer;padding:12px 1px;padding-bottom:17px;}
.cmm a {padding:4px 8px;margin-right:7px;border-radius:5px;
	background:#f76c79;font-size:10px;color:#fff;letter-spacing:1px;}
.cmm a:hover {opacity:0.8;}

/* 코멘트 출력 */
.list_reply {margin:0px;padding:0px;line-height:25px;margin:20px 10px; }
.list_reply li {overflow:hidden;position:relative;padding:10px 5px;margin:0px;}
.list_reply .re_reply {margin-left:30px;}
.btn_replymenu {display:none}
.tit_nickname {color:#222;font-size:13px;font-weight:bold;white-space:nowrap;}
.tit_nickname a {color:#222;}
.tit_nickname:hover {opacity:0.65;}
.tit_nickname:hover {text-decoration:none}
.rp_secret .ico_secret { display:inline-block }
.txt_reply {display:block;padding-top:7px;padding-left:3px;
	color:#555;font-size:13px;}
.list_reply li .my_edit {display:none;position:absolute;
	top:7px;right:20px;text-align:right;}
.list_reply li:hover .my_edit {display:block}
.my_edit .link_edit {margin:1px 2px;font-size:11px;}
.my_edit .link_edit:hover {opacity:0.6;text-decoration:none}
.hiddenComment .tit_nickname {display:none}
.hiddenComment .txt_reply {font-size:12px}
.hiddenComment .txt_date {}

/* 보호글 */
.area_pview {padding:60px 20px;text-align:center;}
.area_pview p {margin:0;padding:0;margin-top:7px;}
.area_pview img {opacity:; margin-bottom:25px;}
.protected_form input { -webkit-appearance: none; width:200px; height:30px;
	background:#f7f7f7; padding:0 10px; border-radius:7px;
	border:0px solid #f7f7f7;font-size: 11px;text-align:center;}
.protected_form button {border-radius:5px; width:220px;
	background:#555; color:#fff; padding:8px 10px;	
	font-size: 10px;letter-spacing:1px;font-weight:bold;
	border:0;cursor:pointer; }
.protected_form button:hover {opacity:0.85;}
.protected_form button:focus {outline:0;}
.protected_form input:focus {outline:0;}

/* 공지사항 */
.notice {padding:20px 40px;line-height:24px;}
.nat1 {padding-bottom:5px;}
.nat1 span {background:#555;color:#fff;padding:4px 9px;
	font-size:11px;letter-spacing:1px;}
.nat2 {border-left:1px solid #d5d5d5;font-size:11px;
	margin-top:7px;padding:7px 20px;}

/* 방명록 */
.nonEntry {margin:10px 40px;padding-bottom:10px;}
.gc {padding:0px 0px;margin-bottom:7px;}
.gx {background:#6f8898;padding:7px 15px;
	color:#fff;font-size:10px;letter-spacing:1.5px;}
.secret {float:right;opacity:0.4;}
.secret input:focus { border: none; outline: none; }
.guest1 {background:#f9f9f9;padding:55px 45px;}
#guestWrite {margin-top:55px;clear:both;}
#guestWrite textarea  {margin:0px 5px;width:98%;height:80px;
	padding:15px 6px;padding-top:5px;
	background:#f9f9f9;border:0px;border-bottom:1px solid #aaa;
	letter-spacing:1px;font-size:11px;}
.gbform {margin:3px 0px;padding:3px;font-size:11px;color:#d5d5d5;}
#guestWrite textarea:focus {outline:none;}
#guestWrite input {width:170px; 
	margin-right:15px; margin-bottom:10px; padding:12px 6px;
	background:#f9f9f9;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	border-bottom: 1px solid #aaa;}
#guestWrite input:focus {outline:none;}
#guestWrite .modify a {color:#000;}
#guestWrite .homepage       {width:230px;color:#a1a1a1;}
.sdiv {clear:both;text-align:right;margin-top:30px;cursor:pointer;}
.sdiv a {background:#555;color:#fff;font-size:11px;border-radius:4px;
	padding:8px 18px;letter-spacing:3px;}
.sdiv a:hover {opacity:0.8;}
.gline {margin:30px 0px;border-top:1px dashed #eaeaea;}
#guestList  {list-style:none;clear:both;font-size:11px;}
.gsname {font-size:12px;font-weight:bold;padding-bottom:10px;color:#555;}
.gsname a {color:#555;}
.gsname a:hover {opacity:0.7;}
.nnn {padding:10px 10px;}
.lnnn {padding:20px 40px;}
.gsa {border:2px solid #f1f1f1; margin-bottom:30px;}
.gssa {padding:30px;border-bottom:2px solid #f3f3f3;}
.gsbt {padding-top:30px;}
.gsbt a {padding:10px 50px;border:2px solid #eee;letter-spacing:5px;}
.gsbt a:hover {border:2px solid #575757;color:#333;}
#guestList ol               {list-style:none;padding:0px;margin:0px;
	box-shadow:#f3f3f3 0px 0px 0px;}
#guestList li               {list-style:none;padding:0px;margin:10px;}
#guestList ol li            {margin:0px;padding:0px;list-style:none;}
#guestList ul               { list-style:none; margin:0px;padding:0px;}

/* 태그 */
.taglog {padding:10px 40px;}
.taga {font-size:12px;padding-bottom:20px;line-height:30px;letter-spacing:1px;}
.taga a {opacity:0.8;}
.taglog li {display:inline;}
.taglog a:hover {opacity:0.7;}

/* 페이지 */
.paging {clear:both;text-align:center;padding:13px 0px;
	border-bottom:1px solid #eee;}
.paging a {padding:6px;margin:0px 4px;color:#aaa;font-size:12px;}
.paging .selected {color:#333;}
.paging #prevPage,#paging #nextPage {color:#4e6db8;white-space:nowrap}
.paging a:hover {color:#3a75c5;}

/* 검색창 */
.search {border-bottom:1px solid #eee;text-align:center;padding:10px 0px;}
.search input {width:60%;height:20px;border:0px solid #e5e5e5;
	background:#fff;
	background-image: url(./images/37_sc.png);
	background-repeat: no-repeat;
	background-position: center;}
.search input:focus {outline:0;border:0px solid #fff;
	text-align:center;background:#fff;letter-spacing:1px;}
::-webkit-input-placeholder {color:#ddd;font-size:10px;letter-spacing:1px;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width:5px; background:#f9f9f9;} 
::-webkit-scrollbar-track-piece { background-color:transparent;}
::-webkit-scrollbar-thumb:vertical {width:5px;border-radius:0px;
	background-color:#ddd;}

/* 카피라이트 (!편집 금지!) */
.copyright {padding:20px 30px;line-height:19px;color:#c5c5c5;
	font-size:10px;letter-spacing:0.3px;}
.copyright a {color:#c5c5c5; font-size:10px;}
.copyright a:hover {color:#d5d5d5;}