.col-8 {
    width: 14.28%;
}
.col-7 {
    width: 12.5%;
}

.homelist {
    padding-left: 0;
    list-style-type: none;
    float: left;
}
.section-title-1 {
    border-left: solid 1px #DDDDDD;
}
.section-title {
padding: 8px;
    font-size: 13px;
    text-align: center;
    background-color: #fff;
    display: block;
}
.today-focus-title {
    background-color: #E50020;
    border-color: #E50020;
    color: #fff;
}
.section-item {
    position: relative;
    padding: 5px;
    border: solid 1px transparent;
    border-width: 0 1px;
}
.section-item-inner {
    position: relative;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #DEE3EB;
}
.section-item-photo {
    position: relative;
    min-width: 60px;
    min-height: 60px;
    background-color: #efefef;
    overflow: hidden;
    max-height:150px;
}
.section-item-photo img {
    width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: auto;
}

.toon-adult {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 6;
    background-color: #e50020;
    padding: 3px;
    color: #fff;
    font: normal 12px Arial;
    width: 20px;
    height: 20px;
}

/*
.season_end{position: absolute;
    top: 0px;
    left: 0px;
    z-index: 6;
    background-color: #3498DB;
    padding: 3px;
    color: #fff;
    font: normal 12px Arial;
    width: 55px;
    height: 23px;
}
.toon-rest {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 6;
    background-color: #e50020;
    padding: 1px;
    color: #fff;
    font: normal 12px Arial;
    width: 29px;
    height: 20px;
}
*/
.season_end {
    position: absolute;
    /*top: 81%;*/
	bottom:-1px;
    left: 0px;
    z-index: 6;
    background: rgba(000, 102, 255,0.8);
    padding: 6px;
    color: #fff;
    font: bold 14px Arial;
    width: 100%;
    height: 30px;
    text-align: center;
}
.toon-rest {
    position: absolute;
    /*top: 81%;*/
	bottom:-1px;
    left: 0px;
    z-index: 6;
    background: rgba(211, 84, 0,0.8);
    padding: 6px;
    color: #fff;
    font: bold 14px Arial;
    width: 100%;
    height: 30px;
    text-align: center;
}
.toon-up {
    position: absolute;
    /*top: 81%;*/
	bottom:-1px;
    left: 0px;
    z-index: 6;
    background-color: rgba(229,0,32,0.7);
    padding: 6px;
    color: #fff;
    font: bold 14px Arial;
    width: 100%;
    height: 30px;
    text-align: center;
}
.section-item-title {
    /*padding: 10px 5px 5px 5px;*/
	padding: 6px 5px 5px 5px;
}
a:link, a:visited {
    color: #000;
    text-decoration: none;
}
.section-item-title h3 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #555555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.section-item-addon {
    padding: 2px 5px 5px 5px;
    color: #AAAAAA;
	min-height:27px;
}
.pull-right {
    float: right!important;
}
.section-item-addon i {
    color: #E50020;
    margin-right: 3px;
}
.toon-summary {
    position: absolute;
    background-color: rgba(0,0,0,.6);
    z-index: 5;
    display: none;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 27px 7px 7px 7px;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
    line-height: 21px;
    font-size: 13px;
}
.toon-more span {
    display: none;
}
@media (min-width: 992px){
	.list-row {
		width: 12.5%;
		float:left;
	}
}
@media (min-width: 600px){
	.list-row {
		width: 12.5%;
		float:left;
	}
}

.list-container {
    overflow: hidden;
    margin-right: -10px;
    margin-bottom: 0px;
}

.toon_gen{
	font-size: 13px;
    color: #8fa6c0 !important;
    font-weight: bold;
    padding-left: 5px;
	margin-top: -5px;
	white-space: nowrap;
    overflow: hidden;
}

/* mytoon */
li.mytoon_chk {
	padding-left:0px;
	padding-right:0px;
	border-top:0 !important;
	border-right:0 !important;
	border-bottom:1px solid #ddd !important;
}

li.mytoon_chk a {
	padding-top:7px;
}

li.mytoon_chk a:hover {
	color:crimson;
}

li.mytoon_chk,
li.mytoon_chk label{
	height:37px !important;
	line-height:37px !important;
	font-weight:normal !important;
}

li.mytoon_chk label .cr {
	margin-top:12px;
}

li.mytoon_chk label:hover{
	color:crimson;
}

li.mytoon_chk label .cr:hover {
	border-color:crimson;
}

.toon-saw {
	position: absolute;
	bottom: 60px;
	right: -10px;
	z-index: 6;
	font-size: 12px;
	font-weight: normal;
	background-color: #3a87ad;
}

.toon-empty {
	height: 300px;
	padding-top: 130px;
	text-align: center;
}
/* /mytoon */

.toon-company {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 22px;
	height: 22px;
}

.section-title {
    border-bottom: solid 1px #ef1432;
	font-family: "Nanum Barun Gothic BC", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-weight:bold;
	font-size:1.5rem;
}
.today-focus-item {
    border-color: #ef1432 !important;
    background-color: #ef1432;
}
.homelist {
    padding-left: 0;
    list-style-type: none;
    float: left;
    border-top: 1px solid #ef1432;
}

.iradio_square-red.checked {
    background: url(/img/on.png) no-repeat;
}
.iradio_square-red.default {
    background: url(/img/none.png) no-repeat;
}
.iradio_square-red.hover{
    background: url(/img/hover.png) no-repeat;
}
.fil {
    font-size: 13px;
    padding-top: 10px;
    height: 33px;
    position: absolute;
    right: 5px;
    z-index: 6;
}

.icheckbox_square-red, .iradio_square-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
}


input[type=radio], input[type=checkbox] {
    vertical-align: text-bottom;
}
input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.gen{
	border:1px solid #ef1432;
	width: 100%;
	text-align: center;
	margin-bottom:10px;
}
	.gen td{
		
		border: 1px solid #ef1432;
		line-height:1;
		
		background-color: #fff;
		
				
			width: 6.25%;
			height: 29px;
		
				
		
	}
	
	.gen td:hover{
		cursor: pointer;
	}
	.gen .gen_chk{
		color:#fff;
		background-color:#ef1432;
	}

