@font-face { font-family:'NanumGothic'; font-style:normal; src: url('/font/NanumGothic.eot');}
@font-face { font-family:'NanumGothicBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicBold.eot');}
@font-face { font-family:'NanumGothicExtraBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicExtraBold.eot');}
@font-face { font-family:'NanumMyeongjo'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjo.eot');}
@font-face { font-family:'NanumMyeongjoBold'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjoBold.eot');}
@font-face { font-family:'NanumMyeongjoExtraBold'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjoExtraBold.eot');}
@font-face { font-family:'NanumPen'; font-style:normal; font-weight:400; src: url('/font/NanumPen.eot');}
@font-face { font-family:'NanumGothic'; font-style:normal; src: url('/font/NanumGothic.ttf') format('truetype');}
@font-face { font-family:'NanumGothicBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicBold.ttf') format('truetype');}
@font-face { font-family:'NanumGothicExtraBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicExtraBold.ttf') format('truetype');}
@font-face { font-family:'NanumMyeongjo'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjo.ttf') format('truetype');}
@font-face { font-family:'NanumMyeongjoBold'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjoBold.ttf') format('truetype');}
@font-face { font-family:'NanumMyeongjoExtraBold'; font-style:normal; font-weight:400; src: url('/font/NanumMyeongjoExtraBold.ttf') format('truetype');}
@font-face { font-family:'NanumPen'; font-style:normal; font-weight:400; src: url('/font/NanumPen.ttf') format('truetype');}
@font-face { font-family:'NanumGothic'; font-style:normal; font-weight:400; src: url('/font/NanumGothic.woff') format('woff');}

ul,dl,ol,li{list-style:none;margin:0;padding:0;}
*html{height:1%;}
*{margin:0;font-size:11pt;padding:0;border:0;font-family: 'NanumGothic';text-shadow:none}
	hr{display:none;}
	li,ul,ol{list-style:none;}
	button{font-size:.8em;padding:.2em .4em;}
	a:link,a:visited,a:active,a:hover { text-decoration:none;color:#333; }
	textarea{font-family:"돋움",dotum,sans-serif;}
	body{}
table{border-collapse:collapse; border-spacing:0; }

.fl{float:left}
.fr{float:right;}
.icon{font-family: 'icon-worksregular';color:#fff;font-size:1.2em}
.bd{width:1.5em;height:1.5em;border-radius:1em;background:#b80e0a;text-align:center;line-height:1.5em}
body{width:100%;margin:0;padding:0;background:#eeeef0}
#main_wraps{width:100%;margin:0;padding:0;overflow:hidden;}
#menu{width:100%;overflow-y:scroll;margin-bottom:1em;padding:0;background:#fff;float:left;border-bottom:1px solid #d6d6d8}
#menu ul{width:2000px;}
#menu ul li{float:left;text-align:center;padding:1em 1em}
#body_container{width:100%;float:left;}
#body_container ul{float:left;width:44%;background:#fff;box-sizing:border-box;border:1px solid #d6d6d8;margin:1% 0 1% 3%;padding-bottom:1em;border-radius:.0em;}
#body_container ul li{width:100%;text-align:center;padding-bottom:.5em;}
#body_container ul li a{display:inline-block;background:red;color:#fff;padding:.5em 2em;border-radius:1em;}

#subMenu{float:left;width:100%;position:fixed;text-align:center;color:#fff;font-weight:bold;padding:1em 0;}
#subMenu span{text-align:center;color:#aaa;font-weight:bold;font-size:11pt;}
#subMenu span.home{float:left;padding-left:0.5em;font-size:1.6em}
#subMenu span.hback{float:right;padding-right:1em;;}

#subMenu_tel{float:left;width:100%;text-align:center;color:#fff;font-weight:bold;padding:1em 0;background:#5da9dd;margin:0;overflow:hidden;margin-bottom:.7em}
#subMenu_tel span{text-align:center;color:#fff;font-weight:normal;}
#subMenu_tel span a{font-size:18pt;}
#subMenu_tel span.home{float:left;padding-left:0.7em;}
#subMenu_tel span.hback{float:right;padding-right:0.7em;}

.a_box_small{border:1px solid #ddd;border-radius:4px;display:inline-block;}

#topimg{width:100%}
#topimg img{width:100%;}

.textCon {margin:.5em;border:1px solid #ccc;border-radius:.5em;background:#fff;clear:both;}
.textCon dl{padding:1em;}

.textCon ul.notice {display:inline-block;}
.textCon ul.notice  li{float:left;}
.textCon ul.notice  li img{width:3em;height:3em;border-radius:3em;}
.textCon ul.notice  li p{padding:.3em 0 .1em 0em;color:#388dcc}
.textCon ul.notice  li p span{font-size:.9em;color:#797979}

.textCon ul.owner {display:inline-block;}
.textCon ul.owner  li{float:left;}
.textCon ul.owner  li.li_img img{width:3em;height:3em;border-radius:3em;}
.textCon ul.owner  li p{padding:.3em 0 .1em 1em;}
.textCon ul.owner  li p span{font-size:.9em;color:#797979}
.textCon dd {padding:.5em 0;line-height:1.4em;}
.textCon dd img{max-width:100%;}
.textCon > p{border-top:1px solid #ccc;background:#f9f9f9}
.textCon > p a{display:inline-block;width:100%;text-align:left;padding:1em;box-sizing:border-box}
.textCon > p a:first-child{border-right:0px solid #ccc}
.textCon ul.that{border-top:1px solid #ccc;display:inline-block;width:100%;padding-bottom:1em;clear:both;overflow:hidden;}
.textCon ul.that li{}
.textCon ul.that li{padding:0 1em;}
.textCon ul.that li img{width:3em;height:3em;border-radius:3em;padding:1em;}
.textCon ul.that li p{width:100%;clear:left;padding-top:1em;}
.gray{color:#797979;margin-right:1em;}

.textCon1 {margin:0em;border:0px solid #ccc;border-radius:0em;background:#fff;clear:both;}
.textCon1 dl{padding:1em 0;}
.textCon1 ul.owner {display:inline-block;}
.textCon1 ul.owner  li{float:left;}
.textCon1 ul.owner  li.li_img img{width:3em;height:3em;border-radius:3em;}
.textCon1 ul.owner  li p{padding:.3em 0 .1em 1em;}
.textCon1 ul.owner  li p span{font-size:.9em;color:#797979}
.textCon1 dd {padding:.5em 0;line-height:1.4em;}
.textCon1 dd img{max-width:100%;}

#div_photos{padding:10px;}
#div_photos ul li{padding-bottom:10px;}
#div_photos ul li img{width:100%;}

.term8{margin:0 8px;color:#eee;display:inline-block;}

/*콘텐츠*/
#contents_wraps{float:left;width:100%;height:100%;background:#fff;}

#conMenu{float:left;width:100%;text-align:center;color:#fff;background:#388dcc;padding:1em 0;border-bottom:1px solid #d6d6d8;}
#conMenu span{text-align:center;color:#fff;font-weight:bold;font-size:1.2em}
#conMenu span.home{float:left;padding-left:0.5em;font-size:1.4em;}
#conMenu span.hback{float:right;padding-right:1em;;}

.webfont{font-family: 'icon-worksregular';}

#div_reply ul.that{border-bottom:1px solid #ddd;}
#div_reply ul.that li{padding:0 1em;}
#div_reply ul.that li img{width:3em;height:3em;border-radius:3em;padding:1em;}
#div_reply ul.that li p{width:100%;clear:left;padding:1em 0;}

/*콘텐츠*/

/* 모달영역 */
#modalfilm {
	top:0;
	left:0;
	width:100%;	
	position:absolute;
	background:url('/css/bg_film_modal.png');
	cursor:default;
	z-index:888;
	min-width:1000px;
	max-width:100%;
	display:none;
}

/*
#simg img{width:100%;border-bottom:1px solid #d6d6d8}
#simg h3{padding:1em;font-size:1.2em;color:#333}
#simg p{padding:1em;color:#696969}
#simg li:last-child{text-align:center;}
#simg li:last-child span{display:inline-block;padding:1em 3em;border-radius:1.5em;margin:1em;}
#simg li:last-child span a{color:#fff;}
#simg li:last-child span.btn1{background:red;}
#simg li:last-child span.btn2{background:green;}
*/

	/* Tabletwidth:100%; Size: 1300 이하 */
	@media only screen and (min-width: 1024px) {
		
	 }
	
	/* Tablet Size: 1024 이하 */
	@media only screen and (max-width: 1023px) {
			*{font-size:16pt; font-family:'NanumGothic';}	
	
	 }
	

	/* Mobile Size: 767px 이하 */
	@media handheld, only screen and (max-width: 767px) {
		 *{font-size:10pt; font-family:'NanumGothic';}	
	  }

	/* Mobile Size: 540px 이하 */
	@media handheld, only screen and (max-width: 540px) {
		

	 }

	/* Mobile Size: 360px 이하 */
	@media handheld, only screen and (max-width: 360px) {
		#body_container ul{width:46%}
		
	 }

	 	/* Mobile Size: 320px 이하 */
	@media handheld, only screen and (max-width: 320px) {
		
		
	 }