@charset "UTF-8";
/* skinwizard */
.backgroundImg {
  background-image:/*@background-image*/url("./images/Background.jpg")/*@*/;
  background-color:/*@background-color*/#eee/*@*/;
  background-size: cover;
  background-repeat: /*@background-image-repeat=*/no-repeat/*@*/;
  background-position:/*@background-image-position*/center/*@*/;
}
.homeBG {
  height:/*@title-height*/300px/*@*/;
  background-image:/*@title-background-image*/url("./images/homeBG.jpg")/*@*/;
  background-position:/*@title-background-image-position*/top/*@*/;
  background-color:/*@title-background-color*/#000000/*@*/;
  background-size: cover;
  background-repeat: /*@title-background-image-repeat=*/repeat/*@*/;
  font-family:/*@title-font-family*/"NanumBarunGothic"/*@*/;
  color:/*@title-color*/#FFFFFF/*@*/;
}
.homeBG .homeName{
  font-size:/*@title-font-size*/1.5em/*@*/;
}
.homeBG .homeDesc{
  font-size:1em;
}
@font-face {
  font-family: 'NanumBarunGothic';
  src: url("./images/NanumBarunGothic.eot");
  src: url("./images/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./images/NanumBarunGothic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@media(min-width:768px) {
  .container {
    width: 768px;
  }
}
@media(min-width:1200px) {
  .container {
    width: /*@post-width:*/820px/*@*/;
  }
}
@media(min-width:1400px) {
  .container {
    width: /*@post-width:+200*/1020px/*@*/;
  }
}

article .titleWrap h2 {
  color:/*@post-title-color*/#000000/*@*/;
  font-family:/*@post-title-font-family*/"NanumBarunGothic"/*@*/;
  font-size:/*@post-title-font-size*/2em/*@*/;
}
article .article{
  color:/*@post-body-color*/#000000/*@*/;
  font-family:/*@post-body-font-family*/"NanumBarunGothic"/*@*/;
  font-size:/*@post-body-font-size*/1em/*@*/;
}
.article iframe { max-width:100% }
/*드로워 배경이미지*/
#drawer #drawer_profile {
  background: #F78181;
		/*드로워 배경이미지 사용시
  background: url("./images/drawerBG.jpg"); */
}



/*color customize*/
/*blue*/
header {
  background: #F78181;
}
header #search-box {
  background: #F78181;
}
header #search-box input {
  background: #F78181;
}
/*lightblue*/
#search-resultWrap .moreResult a {
  color: #4285f4;
}
#searchList .listHeader {
  border-bottom: #4285f4 solid 2px;
}
#searchList ul li { clear:left }
article .article a {
  color: #4285f4;
}
article .article h1, article .article h2, article .article h3, article .article h4, article .article h5, article .article h6 {
  border-left: #4285f4 solid 5px;
  border-bottom: #4285f4 solid 2px;
}
article .article .moreless_content {
  border: #4285f4 dotted 1px;
}
.comments-box .tabs {
  background: #4285f4;
}
.comments-box .tabs li {
  border-bottom: #4285f4 solid 2px;
}
#guestbook form .write textarea:focus, .comments-box form .write textarea:focus {
  border-bottom: #4285f4 solid 2px;
}
#guestbook form .write button.submit, .comments-box form .write button.submit {
  color: #4285f4;
}
#paging a {
  color: #4285f4;
}
aside .tabs li.active {
  border-bottom: #4285f4 solid 2px;
}
footer {
  background: #4285f4;
}
/*pink*/
#guestbook form .write .writerInfo label, .comments-box form .write .writerInfo label {
  color: #ff4081;
}
#guestbook form .write .writerInfo input[type="text"]:focus, #guestbook form .write .writerInfo input[type="password"]:focus, .comments-box form .write .writerInfo input[type="text"]:focus, .comments-box form .write .writerInfo input[type="password"]:focus {
  border-bottom: #ff4081 solid 2px;
}
#toTop {
  background: #ff4081;
}
/*yellow*/
.comments-box li.active {
  border-bottom: #FFF176 solid 2px;
}

/*user css*/
.another_category {
  padding: 0!important;
  margin: 0!important;
  border: none!important;
}
.another_category h4 {
  border: none!important;
  text-indent: 0!important;
}
.another_category a{
  text-decoration: none!important;
}


@charset "UTF-8";

/* sidong reset */
*, h1,h2,h3,h4,h5,p,span {margin:0 auto; padding:0; box-sizing:border-box; font-family:나눔고딕,Nanum Gothic, sans-serif !important;}

header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;}

li{list-style:none;}
a{text-decoration:none; color:black;}
img{border:0px;}
body{background-color:#fff;}


		/* 헤더 CSS 시작 */
		#headerWrap {width:90%; margin:0 auto; text-align:center; background-color:#ffffff;}
		#headerWrap #tr {overflow:hidden;}
		#headerWrap #tr div {height:90px; line-height:90px;}

		#headerWrap #tr #logo {font-size:30px; color:#22a269; margin:10px 0 0 0}
		#headerWrap #tr #logo a img {height:90px;}
		#headerWrap #tr #logo a {color:#22a269; text-decoration:none;}
		#headerWrap #tr #logo span {display:none;}

		#headerWrap #tr #phone {display:none;}

		#headerWrap #tr #slogun {margin-top:-50px; font-size:14px; color:#22a269; height:50px;}
		#headerWrap #tr #slogun a {color:#22a269;}

		#nav {display:none;}
		#nav ul a {color:#666; cursor:pointer;}

		#navMobile {padding:0px;}
		#navMobile ul:first-child {height:50px; line-height:50px;}
		#navMobile ul:first-child li {display:block; position:relative; left:50%; width:50px; margin-left:-25px; height:50px;}
		#navMobile ul:first-child li img {width:100%;}

		#navMobile ul:last-child {padding-bottom:10px;}
		#navMobile ul:last-child li {height:40px; line-height:40px; text-align:left; font-size:14px; font-weight:bold; padding-left:20px;}

		.subMenu {display:none;}
		
		.area_menu .area_search .lab_search {background-position:-70px -110px;}
		
		/* 바디 CSS 시작 */
		#bodyWrap{margin:0 auto; width:100%;}
		#bodyWrap ul {overflow:hidden;}
		#bodyWrap ul li {float:left; width:32.3%; margin:0; margin:0 5px 5px 0;}
		#bodyWrap ul li a {text-decoration:none;}
		#bodyWrap ul .lastBox {margin-right:0px;}
		#bodyWrap ul li .boxImg {width:100%;}
		#bodyWrap ul li img {width:100%; display:block;}
		#bodyWrap ul li .boxTitle {text-align:center; background-color:#aa9b96; color:#fff; font-weight:bold; padding:3px 0 0 0;}

		/* 푸터 CSS 시작*/
		#dkFoot p {color:#999; font-weight:normal;}
		
		/* 썸네일 상세 정보 폰트 두께 */
		.txt_post, .link_cate, .txt_bar, .area_foot, .area_foot span, .detail_info {font-weight:500 !important;}
		
		/* 하단 정보 폰트 크기 */
		.area_foot,.area_foot span {font-size:10pt;}

		
		/* 모바일 */
		@media only screen and (width:749px) {
			/* 포스팅(모바일) 폰트 설정 */
			.skin_view .area_view .tt_article_useless_p_margin p span, #mArticle .area_view p, #mArticle .area_view p span, .skin_view .area_view .tt_article_useless_p_margin p font 
			{font-weight:normal}
		}

		/* 태블릿 */
		@media only screen and (min-width:750px) and (max-width:999px) {
			#headerWrap #tr div {height:130px; line-height:120px;}
			#headerWrap #tr #logo a img {height:130px;}
			
			.area_menu .area_search .lab_search {background-position:0px -400px;}
			
			#bodyWrap ul li {width:32.7%;}
			#bodyWrap ul li .boxTitle {padding:6px 0;}
			
		}

		/* PC */
		@media only screen and (min-width:1000px) {
			/* 헤더 CSS 시작 */
			#headerWrap {width:1000px; margin:0 auto; text-align:center; background-color:#ffffff;}
			#headerWrap #tr {overflow:hidden; padding:10px 80px 0px 80px;}
			#headerWrap #tr div {height:150px; line-height:120px;}

			#headerWrap #tr #logo {font-size:30px; color:#877279; margin:20px 0;}
			#headerWrap #tr #logo a {color:#877279; text-decoration:none;}
			#headerWrap #tr #logo a img {height:150px;}

			#headerWrap #tr #phone {float:right; font-size:15px; }
			#headerWrap #tr #slogun {display:none;}

			#navMobile {display:none;}
			#nav {display:block;}
			#nav ul {overflow:hidden; width:100%; padding:0 0px; border-bottom:0px solid #aa9b96; margin-bottom:0px;}
			#nav ul li {float:left; width:16.6%; height:50px; line-height:50px; font-size:15px;}
			#nav ul li span {font-size:9px;}

			.subMenu {position:relative; display:none;}
			.subMenu ul {position:absolute; top:-20px; z-index:999; background-color:#bfbfbf; padding:20px 20px;}
			.subMenu ul li {width:139px; font-size:14px; margin-bottom:14px;}
			.subMenu ul li a {color:#000000;}
			.subMenu ul li:last-child {margin-bottom:0px;}
			
			#subMenu1 ul {left:55px;}
			#subMenu2 ul {left:193px;}
			#subMenu3 ul {left:332px;}
			#subMenu4 ul {left:472px;}
			#subMenu5 ul {left:612px;}
			#subMenu6 ul {left:752px;}
			
			.area_menu .area_search .lab_search {background-position:0 -400px}
			
			/* 바디 CSS 시작 */
			#bodyWrap{margin:0 auto; width:1000px;}
			#bodyWrap ul {overflow:hidden;}
			#bodyWrap ul li {float:left; width:100; height:323px; margin:0 15px 15px 0;}
			#bodyWrap ul .lastBox {margin-right:0px;}
			#bodyWrap ul li .boxImg {height:290px;}
			#bodyWrap ul li img {width:100%;}
			#bodyWrap ul li .boxTitle {text-align:center; background-color:#aa9b96; color:#fff; font-weight:bold; padding:6px 0;}
			
		}
@media only screen and (max-width:749px) {
#adseseSide {display:none;}
}
@media only screen and (max-width:750px) and (max-width:999px) {
#adseseSide {display:none;}
}
@media only screen and (min-width:1330px) {
#adsenseSide {display:block; position:absolute; top:125px; left:0px;}
}


.container_postbtn {display: none;}


iframe {
    border-width: 0px;
  	width:100%;
	  height:600px;
}