@media (min-width:576px)
{
	* {font-family: "맑은 고딕";}
body {
	width:800px;
	margin:0 auto;
}
img {width:100%;}

.clearfix {
	zoom: 1;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
#logo-title{text-align:center; height:100px; border:1px solid #ccc; font-size:40pt; font-weight:bold; 
			text-shadow: 2px 2px 10px black; letter-spacing:5px; padding-top:20px;}
			
#main-menu{}
#main-menu ul{padding:0; list-style:none;}
#main-menu li{float:left; padding-left:10px; padding-right:10px; border-right:1px solid #000}
#main-menu li:last-child{border-right:0px;}
#main-menu li:hover{background-color:greenyellow;}
#main-menu li:last-child:hover {background-color:white;}
#slide{height:200px; border:1px solid #ccc;}
.sub-menu{}
.sub-menu ul{padding:0px; list-style:none; margin-bottom:0;}
.sub-menu li{float:left; padding:5px 10px; border-right:1px solid #ccc; border-top:1px solid #ccc;}
.sub-menu li:first-child{border-left:1px solid #ccc; border-top-left-radius: 5px;}
.sub-menu li:last-child{border-top-right-radius: 5px;}
.sub-menu li:hover{background-color:yellowgreen;}
.content{border:1px solid #ccc; padding:0 15px;}
.webtoon{width:80%; padding-top:15px; padding-bottom:15px; border-bottom: 1px solid #ccc;}
.webtoon:last-child{border-bottom:0px;}
.thumbnail{width:120px; height:120px; border:1px solid #ccc; float:left; overflow:hidden;}
.thumbnail img{width:200%; margin-left:-50%;}
.summary{width:78%; margin-left:10px; float:left;}
.summary-title{border-bottom:1px dotted #ccc;}
.summary-title h2{font-size:1.2em; margin:0px;}
.summary-body{font-size:0.9em; margin-top:5px;}
#ct2, #ct3, #ct4 {display:none;}

}
@media (max-width:575px)
{
	body {width:100%; margin:0 auto; min-width:470px;}
	ul, ol {list-style:none; padding:0;}
	#logo-title {margin-top:10px; font-size:2em; font-weight:bold; text-align:center; width:100%; text-shadow:2px 2px 5px #333;}
	#main-menu {width:100%;}
	#main-menu li {color:#eee; font-family:"견고딕"; font-weight:bold; font-size:1.2em; background-color:#555; margin-right:1px; padding: 5px 0px; text-align:center; float:left; width:24.84%;}
	#topmenu li:last-child {margin-right:0;}
	#main-menu div {margin:0 auto; width:245px; height:30px; overflow:hidden;}
	#main-menu div form input:first-child {width:180px;}
	#main-menu div form input:last-child {width:45px; }
	#slide{height:200px; border:1px solid #ccc;}
	#sub {width:100%; margin-bottom:2px;}
	#sub li {color:#eee; font-family:"견고딕"; font-weight:bold;  background-color:#555; padding:5px 0; text-align:center; float:left; width:24.84%; margin-right:1px;}
	#sub li:last-child {margin-right:0;}
	.webtoon{width:100%; height:140px; padding-top:15px; padding-bottom:15px; border-bottom: 1px solid #ccc;}
	.thumbnail{width:120px; height:120px; border:1px solid #ccc; float:left; overflow:hidden;}
	.thumbnail img{width:200%; margin-left:-50%;}
	.summary-title h2 {margin-top:0;}

	#ct2, #ct3, #ct4 {display:none;}
}

/*@media (min-width:576px)AND(max-width:1024px){}*/