@charset "utf-8";

/* 전체검색결과 스킨 */
.main_bane{display:none;}
body{font-family:"Noto Sans KR" !important;}
.container {max-width:1024px;}
#bo_gall{font-weight:600;margin:20px auto;max-width:1200px;}
#bo_gall input[type=text]:focus, #bo_gall input[type=password]:focus, #bo_gall textarea:focus, #bo_gallselect:focus{outline:none;border:0;}
#bo_gall input{outline:none;border:0;}
#bo_gall .margin_bom50{margin-bottom:50px;}
#bo_gall h3{font-size:1.6em;color:#000;margin-bottom:10px;font-weight:bold;display:flex;align-items:center;height:2.25rem;}
#bo_gall ul{padding:0;list-style:none;font-size:1.3em;}
#bo_gall a{color:#000;text-decoration:none;}
#bo_gall #searchbox{max-width:495px;margin:0 auto 20px;border-bottom:2px solid #000;line-height:40px;background:#fff;position:relative;}
#bo_gall #searchbox input{display:inline-block;background:#fff;margin:0 6px;width:100%;line-height:40px;font-size:1.2rem;letter-spacing:-0.3px;max-width:calc(100% - 48px);border:0;font-weight:bold;}
#bo_gall #searchbox input::placeholder{color:#999;opacity:1;font-size:1.16em;}
#bo_gall #searchbox a{display:inline-block;width:30px;float:right;line-height:45px;}
#bo_gall #searchbox .sch_cancel{display:none;width:21px;position:absolute;top:25%;right:50px;}

#bo_gall .searchkeyword{max-width:100%;margin-bottom:1rem;}
#bo_gall .searchkeyword ul{display:grid;grid-template:repeat(3,1fr) / repeat(3, 25%);margin:0;grid-auto-flow:column;grid-gap:5px;}
#bo_gall .searchkeyword li{display:grid;grid-template-columns:26px 1fr;height:2.5rem;align-content:center;align-items:center;cursor:pointer;}
#bo_gall > div.searchkeyword > ul > li > span:nth-child(1){text-align:center;color:#dc3545;font-weight:bold;}
#bo_gall > div.searchkeyword > ul > li > span:nth-child(2){margin-left:5px;overflow:hidden;}

#bo_gall .searchyear {margin-bottom:1rem;}
#bo_gall .searchyear ul{display:grid;grid-template-columns:repeat(10, 1fr);}
#bo_gall .searchyear li{text-align:center;}
#bo_gall .searchgenre{margin-bottom:1rem;}
#bo_gall .searchgenre ul{display:grid;grid-template-columns:repeat(9, 1fr);}
#bo_gall .searchgenre li{height:2.5rem;align-content:center;display:grid;align-items:center;}
#bo_gall .searchgenre li a{text-align:center;}
#bo_gall .searchgenre li a:hover{color:#db0c0c;}
#bo_gall .searchlist ul{display:grid;grid-template-columns:repeat(6, 16%);grid-gap:10px;}
#bo_gall .searchlist li{margin-bottom:10px;}
#bo_gall .searchlist .content_img{height:0px;padding-bottom:140%;background-color:#eee;background-size:cover;background-position:center;margin-bottom:7px;position:relative;border-radius:5px;}
#bo_gall .content_txt{display:flex;flex-wrap:wrap;padding:0 3px;}
#bo_gall .content_txt span{display:block;width:100%;margin:5px 0;}
#bo_gall .searchlist .thumb_tit{font-size:1.056em;font-weight:500;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#bo_gall .searchlist .thumb_cnt{font-size:0.76em;}
.active{color:#db0c0c;}

/*내용보기*/
#bo_gall .ep_list{display:grid;display:-ms-grid;grid-template-columns:640px 1fr;-ms-grid-columns:640px 1fr;grid-gap:20px;border:1px solid #e7e5e5;}
#bo_gall .ep_img_box{}
#bo_gall .ep_img_box img{width:100%;}
#bo_gall .ep_txt_box{padding:25px 10px;}
#bo_gall .ep_txt_box h3{font-size:1.36rem;}
#bo_gall .ep_title{position:relative;}
#bo_gall .ep_title .ep_19_off{position:absolute;width:43px;height:25px;top:5px;right:10px;background:url('/theme/basic_toon/img/19_off.png') no-repeat center;}
#bo_gall .ep_title .ep_19_on{position:absolute;width:43px;height:25px;top:5px;right:10px;background:url('/theme/basic_toon/img/19_on.png') no-repeat center;}
#bo_gall .ep_info{font-size:0.86rem;}
#bo_gall > div.ep_list > div.ep_txt_box > div.ep_title > div.ep_info > div{display:grid;grid-template-columns:auto 1fr;}
#bo_gall .ep_info span{margin-bottom:6px;display:inline-block;}
#bo_gall > div.ep_list > div.ep_txt_box > div.ep_title > div.ep_info > div > span:nth-child(1){overflow:hidden;text-overflow:ellipsis;white-space: nowrap;word-break:break-all;max-width:130px;height:20px;margin-right:5px;}
#bo_gall > div.ep_list > div.ep_txt_box > div.ep_title > div.ep_info > div > span:nth-child(2){display:inline-block;background:url('/theme/basic_toon/img/grade_star.png') no-repeat left 5px;background-size:11px;text-indent:13px;}
#bo_gall .ep_info p{margin-bottom:20px;padding-bottom:6px;border-bottom:1px solid #e7e5e5;}
#bo_gall .ep_info p span{color:red;}
#bo_gall .ep_description{font-size:0.82em;text-align:justify;line-height:1.5em;}
#bo_gall .ep_description p{margin-bottom:10px;}
#bo_gall .ep_tag{font-size:0.86em;color:red;}
#bo_gall .ep_tag span{margin-right:5px;}
#bo_gall .ep_img_list{font-size:0.86em;display:grid;grid-gap:10px;grid-template-columns:1fr 270px;}
#bo_gall .ep_bane{display:inline-block;width:100%;background:#3a8afde6;line-height:38px;padding:0 10px;color:#fff;margin-top:10px;}
#bo_gall .ep_img_list ul{display:grid;grid-gap:8px;margin-top:10px;border:1px solid #e7e5e5;padding:8px;border-radius:3px;padding-bottom:8px;}
#bo_gall .ep_img_list li{width:100%;display:grid;grid-template-columns:240px 1fr;grid-gap:10px;border-bottom:1px solid #e7e5e5;padding-bottom:8px}
#bo_gall .ep_thumb{background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:5px;overflow:hidden;}
#bo_gall .ep_img{display:grid;grid-gap:5px;}
#bo_gall .ep_txt{border:1px solid #e7e5e5;border-radius:5px;display:grid;align-content:center;padding:0 10px;font-size:1em;font-weight:bold;grid-gap:8px;grid-template-columns:1fr 80px;align-items:center;}
#bo_gall .pdbm138{padding-bottom:138%;}
#bo_gall .pdbm52{padding-bottom:52%;}
#bo_gall > div.ep_img_list > div > ul > li > div.ep_txt > span:nth-child(2){border:1px solid #ccc;text-align:center;padding:5px;border-radius:3px;}
/*오른쪽*/
#bo_gall .aside_tit{line-height:36px;border:1px solid #e7e5e5;margin-top:10px;padding:0 10px;font-weight:bold;}
#bo_gall aside .ep_thumb{width:75px;height:75px;padding:0;}
#bo_gall aside li{grid-template-columns:75px 1fr !important;font-size:0.86em;}
#bo_gall aside li .ep_txt{grid-template-columns:1fr !important;grid-gap:3px !important;}
#bo_gall aside li p{font-size:12px;color:#999}
.margin20{margin-top:30px;}
.margin10{margin-left:10px;margin-right:10px;}
.template1{grid-template-columns:1fr;}
.template2{grid-template-columns:1fr 1fr;}
@media(max-width:1140px){
    #bo_gall .searchlist ul{grid-template-columns:repeat(5, 19.3%);grid-gap:8px;}
	#bo_gall .searchgenre ul{grid-template-columns:repeat(5, 1fr);}
}
@media(max-width:1024px){
    #bo_gall .ep_list{grid-template-columns:1fr;grid-gap:0;border:0;}
	#bo_gall .ep_img_list{grid-template-columns:1fr;}
	#bo_gall .ep_txt_box{padding:10px;}
	#bo_gall .ep_info{font-size:0.86em;}
	#bo_gall .ep_info p{margin-bottom:10px;}
	#bo_gall .ep_img_list ul{border:0;}
	#bo_gall .ep_img_list li{grid-template-columns:180px 1fr;font-size:0.87em;}
	#bo_gall > div.ep_img_list > div > ul > li > div.ep_txt > span:nth-child(1) > p:nth-child(1){display:none;}
	#bo_gall aside{display:none;}
}
@media(max-width:768px){
	#bo_gall .searchgenre ul{grid-template-columns:repeat(3, 1fr);grid-gap:5px;}
	#bo_gall .searchgenre li{height:3rem;border:1px solid #eee;background:#eeeeee7a;}
	#bo_gall .searchlist .content_img{margin-bottom:0;}
	#bo_gall .searchyear ul{grid-template-columns:repeat(5, 1fr);grid-gap:5px;}
	#bo_gall .searchyear li{height:3rem;border:1px solid #eee;background:#eeeeee7a;display:grid;align-content:center;}
}
@media(max-width:576px){
    #bo_gall .searchlist ul{grid-template-columns:repeat(3, 33%);grid-gap:5px;}
    #bo_gall{}
    #bo_gall #searchbox{max-width:70%;}
}