body {background-color:#f9f9f9;}
li {list-style-type:none;margin:0;padding:0;}
p {margin:0px;}
img {max-width:100%;}
a {color:inherit;text-decoration:none;}
.row {margin:0px;}
.t-r {text-align:right;}
.wrapper {
	height:100%;
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	min-height:100vh;
	height:auto;
	padding-bottom:200px;
}
.p_w {
	width:1140px;
}
.aaa{
    
    width:1140px;
    margin:0px auto;
}
.contents {
	width:1140px;
	position:relative;
}
.container_header {
	display:flex;
	justify-content:center;
}
.container_header > div.header_top {
	display:flex;
	justify-content:space-between;
	padding-top:15px;
	padding-bottom:15px;
}
.header_top div {
	display:flex;
	justify-content:center;
	align-items:center;
}
.header_top div.tele_icon {
	width:300px;
	justify-content:left;
}
.header_top div.header_search {
	justify-content:flex-end;
	align-items:center;
	width:300px;
	position:relative;
}
.header_top div.tele_icon img {
	width:247px;
	max-width:247px;
}
.header_search form {
	width:100%;
}
.header_search input {
	background-color:transparent;
	border:0px solid red;
	padding-right:35px;
	height:32px;
	line-height:32px;
	width:100%;
}
.header_search  button {
	border:0px;
	background-color:transparent;
	border:none;
	position:absolute;
	right:0;
}
.header_search i {
	font-size:1.2rem;
	color:#363636;
	position:relative;
	top:3px;
}
#searchInput::placeholder {
	color:#363636;
	font-size:1.2rem;
	text-align:right;
}
#searchInput:focus::placeholder {
	font-size:1rem;
	color:#b2b2b2;
}
#searchInput:hover,#searchInput:not(:placeholder-shown) {
	border-bottom:1px solid #000;
}
.menu_header {
	background-color:#000;
	height:90px;
	border-bottom:1px solid #535353;
}
.menu_header_box {
	margin:0 auto;
	height:100%;
	display:flex;
	justify-content:space-between;
}
.menu_box ul {
	display:flex;
	list-style-type:none;
	padding:0;
	align-items:center;
	height:100%;
}
.menu_box li {
	margin-right:10px;
	display:flex;
	align-items:center;
	color:#fff;
	font-size:1.5rem;
	margin-right:45px;
	cursor:pointer;
}
.menu_box li a {
	color:#fff;
}
.menu_box li img {
	margin-right:5px;
}
.member_box {
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
}
.member_box button {
	width:175px;
	height:70px;
	font-size:1.5rem;
	color:#b1b1b1;
	border:none;
	background-color:transparent;
	cursor:pointer;
}
.member_box button:first-child {
	margin-right:3px;
}
.member_box button i {
	margin-right:5px;
}
.member_box button:hover,.member_box button.active {
	background-color:#d6353d;
	color:#FFF;
	border-radius:7px;
}
.notice_header {
	width:100%;
	background-color:#151515;
	height:59px;
	display:flex;
	justify-content:center;
}
.notice_header div {
	text-align:left;
	color:#ababab;
	display:flex;
	align-items:center;
	font-size:1rem;
}
.notice_header div span.header_notice_tit {
	margin-right:20px;
	background-color:#393939;
	border:1px solid #000;
	border-radius:6px;
	padding:3px 16px;
	color:#f5e44e;
}
.notice_header div span.header_notice_con {
	height:30px;
	line-height:30px;
}
.footer {
	height:210px;
	background-color:#000;
	width:100%;
	position:absolute;
	bottom:0px;
	display:flex;
	justify-content:center;
}
.footer_box {
	display:flex;
	justify-content:space-between;
}
.footer_box >div {
	display:flex;
	align-items:center;
	color:#dddddd;
}
.footer_menu img {
	margin-right:55px;
}
.footer_menu ul {
	display:flex;
	list-style-type:none;
	padding:0;
	align-items:center;
}
.footer_menu ul li {
	display:flex;
	align-items:center;
	color:#fff;
	font-size:1rem;
	padding-right:22px;
	padding-left:22px;
	cursor:pointer;
	border-right:1px solid #646464;
}
.footer_menu ul li:first-child {
	padding-left:0px;
}
.footer_menu ul li:last-child {
	border-right:0px;
}
.footer_tel_box {
	border:1px solid #797979;
	border-radius:10px;
	padding:10px 16px;
}
.footer_tel_box span:first-child {
	padding-right:15px;
	border-right:1px solid #646464;
}
.footer_tel_box span:last-child {
	padding-left:15px;
}
.copyright p {
	text-align:right;
}
.container_full {
	padding-top:33px;
	display:flex;
	justify-content:center;
	align-items:top;
	flex-direction:column;
	align-content:center;
	flex-wrap:wrap;
	width:100vw;
	position:relative;
}
.list_type {
	display:flex;
	justify-content:center;
}
.list_type div:first-child {
	padding-left:0px;
}
.list_type div:last-child {
	padding-right:0px;
}
.list_type div button {
	width:100%;
	font-size:1.4rem;
	color:#000;
	background-color:#eeeeee;
	border-radius:40px;
	height:66px;
	border:0px;
	cursor:pointer;
}
.list_type div button:hover,.list_type div button.active {
	background-color:#000;
	color:#fff;
	box-shadow:0 7px 7px -2px #949495;
}
.list_cate {
	margin-top:22px;
	display:flex;
	justify-content:space-between;
}
.list_cate_search {
	display:flex;
	align-items:center;
}
.list_cate select {
	border:0px;
	border-bottom:1px solid #000;
	border-radius:0px;
	background-color:transparent;
}
.list_cate select option {
	border-top:0px;
	border-radius:0px;
	background-color:#f3f3f3;
	color:#333;
}
.list_cate select:first-child {
	margin-right:40px;
}
.list_cate_search .list_cate_s_type {
	background-color:#dc5c53;
	font-size:.8rem;
	color:#fff;
	margin-right:5px;
	padding:3px 7px;
	border-radius:4px;
}
.toon_list {
	margin-top:20px;
}
.item_list {
	border:1px solid #f0f0f0;
	border-radius:20px;
    background-color: #fff;
}
.toon_list .row {
	adisplay:flex;
	aflex-wrap:wrap;
	ajustify-content:space-between;
	max-width: 100%;
    margin-left:0px;
    margin-right:0px;
}
.toon_list .row > div {
	padding:2px;
}
/* 웹툰 썸네일 크기 통일: 모든 표지 이미지가 동일한 3:4 비율로 표시되도록 */
.item_box {
	position: relative;
	width: 100%;
}
.item_box > img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	height: auto;
	object-fit: cover;
	background-color: #f0f0f0;
	border-radius: 8px;
}
.item_list p.item_title {
	font-size:1.2rem;
	color:#000;
	margin-bottom:0px;
	text-align:center;
}
.item_list > div {
	margin-bottom:5px;
}
.item_eq p {
	#text-align:center;
	color:#000;
}
.item_eq p:last-child {
	color:#8e8e8e;
}
.item_bookmark {
	display:flex;
	justify-content:center;
	border-top:1px solid #d8d8d8;
	padding-top:10px;
}
.item_bookmark a:first-child {
	margin-right:10px;
}
.show_more {
	height:170px;
	margin-bottom:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-top:4px solid #f0f0f0;
	margin-top:24px;
}
.show_more button {
	font-size:1.5rem;
	background-color:#fff;
	border:2px solid #000;
	padding:15px 120px;
	font-weight:bold;
}
.list_page {
	background-color:#ffffff;
	min-height:100vh;
	height:auto;
	margin-bottom:60px;
	border-radius:60px;
	padding:55px 20px;
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
}
.list_page > div:not(.layer_button_box) {
	width:100%;
}
.cate_type {
	text-align:center;
}
.cate_type span {
	height:55px;
	padding:4px 12px;
	background-color:#d6353d;
	font-size:1rem;
	border-radius:30px;
	color:#fff;
}
.list_p_title {
	font-size:3rem;
}
.list_p_img {
	border-top:1px solid #929292;
	width:100%;
	padding-top:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction: column;
}
.list_p_detail {
	width:100%;
	border-top:1px solid #e1e1e1;
	background-color:#f9f9f9;
	text-align:center;
	padding:20px 5px;
	font-size:1rem;
}
.list_p_ltit {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.list_p_ltit h1 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	font-size:2rem;
	color:#a5a5a5;
}
.list_p_ltit span {
	margin-left:auto;
}
.list_data ul {
	padding:0px;
}
.list_data > ul > li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:12px 20px;
	background-color:#f4f4f4;
	border-radius:15px;
}
.list_data ul li > div.l_d_t a {
	font-size:1.3rem;
	color:#181818;
}
.list_data ul li > div.l_d_t a > img {
	margin-right:7px;
}




.detail_page{
    margin-bottom: 30px;
}

.d_p_btns{
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.d_p_btns > div button{
     flex-grow: 1;
    border:1px solid #000;
    border-radius: 2px;
    width: 100%;
    font-size: 1.5rem;
    color: #515151;
    background-color: #fff;
    height: 50px;
    cursor: pointer;
}

.d_p_btns > button:last-child{
    margin-right: 0px;
}
.notice_list{
    margin-bottom: 70px;
}
.notice_list >div.card{
    border-radius:60px;
    padding:0px 20px;
}
.notice_list td,
.notice_list th{
    text-align: center;;
}
.no_title{
    text-align: left !important;
}

.notice_list table thead tr th{
    border-top: 0px;
}
.no_title span.badge{
    padding:5px 10px;
}

/*공지사항 뷰*/
.notice_view_tit{
    height: 66px;
    background-color: #e4e2d9;
    color: #313131;
    display:flex;
    align-items:center;
    justify-content:center;
}

.notice_detail{
    height: 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color: #f9f9f7;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color:#000;
    font-size: 1rem;
}
.notice_detail span:first-child{
    margin-right: 10px;
}

.notice_detail i {
    font-weight: bold;
    position: relative;
    top:-1px;
}

.notice_content{
    height: auto;
    padding: 30px;
    border-bottom: 1px solid #bcbcbc;

}

.notice_tail{
    display:flex;
    align-items:center;
    justify-content:space-between;
        margin-top: 12px;
}
.notice_tail button{
    padding: 10px 18px;
    color: #000;
    font-size: 1.2rem;
    margin-top: 8px;
    border: 2px solid #f1d45f;
    border-radius: 18px;
    background-color: #f1d45f;
    margin-right: 16px;
}
.notice_tail button i{
    position: relative;
    top:-1px;
}

.notice_tail a{
    color:#6d6d6d;
    font-size: 1rem;
}
.notice_tail a i{
    position: relative;
    top: -1px;
    margin-right: 10px;
}
/*공지사항 뷰*/
.notice_view {background-color:#ffffff;height:auto;margin-bottom:20px;border-radius:60px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;position: relative;}
.notice_v_title{
    font-size: 2rem;
    border-bottom: 2px solid #000;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.notice_v_btn{
    text-align: center;
}
.notice_v_btn > BUTTON{
    border: 1px solid #000;
    border-radius: 2px;
    font-size: 1.2rem;
    color: #515151;
    background-color: #fff;
    height: 50px;
    width: 200px;
    cursor: pointer;
}

/*페이징*/
.hn_pagination {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.page-item {
    margin: 0 5px;
    float: left;
}

.mini_bar{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.page_link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.page_link i{
    position: relative;
    top:-2px;
}
.page_left{
    margin-right: 20px
}
.page_right{
    margin-left: 20px
}
.page-item  a.active{
   background-color: #000;
   color: #fff;
   border-radius: 50% 50% 0px 50%;
 }
.page-item  a:hover{
   background-color: #000;
   color: #fff;
    border-radius: 50% 50% 0px 50%;
}
/*페이징*/
	.week{

			height: 50px;
			border-radius: 25px;
			border: 0px;
			font-size: 1.3rem;
			color: #575757;
			cursor: pointer;
		}

		.week:hover{

			color: #fff;
			background-color: #000000;
		}
		.week.active{

			color: #fff;
			background-color: #000000;
		}

		.ct{

			height: 50px;
			border-radius: 25px;
			border: 0px;
			font-size: 1.3rem;
			color: #575757;
			cursor: pointer;
		}

		.ct:hover{

			color: #fff;
			background-color: #000000;
		}
		.ct.active{

			color: #fff;
			background-color: #000000;
		}

		.toon_list_layer{
		    border:1px solid #646464;
		    width: 95%;
		    margin:0 auto;
		    height: 320px;
		    padding:2px;
		    max-width: 500px;
		    position: absolute;
		    left: 50%;
		    transform: translateX(-50%);
		    bottom: -320px;
		    transition: all 0.5s ease;
		    background-color: #FFF;
		}
		.toon_list_layer_head{
		    height: 42px;
		    font-size: 1.2rem;
		    display:flex;
		    justify-content: space-between;
		    background-color: #646464;
		    padding:3px 5px;
		}
		.toon_list_layer_head h3{
		    font-weight: bold;;
		    height: 100%;
		    line-height: 42px;
		    color: #fff;
		}
		.toon_list_layer_head button{
		    border:0px;
		    border-radius: 12px;
		    background-color: #fff;
		    color: #000;
		    font-size: .9rem;
		    font-weight: normal;
		}
		.toon_list_layer_head button i{
		    position: relative;
		    top: -2px;
		}
		.list_layer{
		    max-height:  270px;
		    overflow-y: auto;
		    padding-top: 7px;
		}
		.list_layer > ul{
		    padding-left: 0px;
		}
		.list_layer > ul li {
		    height: 36px;
		    line-height: 36px;
		    border-bottom: 1px solid #f5f5f5;
		    color: #494747;
		    font-size: 13px;
		    padding-left: 10px;
		}
		.list_layer > ul li.active{
		    color: #f83f37;
		    background-color: #fdfdfd;
		}

		.show_layer_list{
		    z-index: 993;
		    bottom: 92px;
		    transition: all 0.5s ease;
		}