a,
.add_cur * {
   cursor : pointer ;
}

body {
   margin : 0 ;
   padding : 0 ;
   text-align : center ;
   -webkit-user-select : none ;
   -moz-user-select : none ;
   -ms-user-select : none ;
   -o-user-select : none ;
   user-select : none ;
   background-color : #ffffff ;
}

ul {
   list-style : none ;
}

img.gray {
   filter : gray ;
   filter : grayscale(1) ;
   -webkit-filter : grayscale(1) ;
}

div.container {
   width : 1076px ;
   padding : 0 ;
   margin : 0 auto ;
   overflow-x : hidden ;
}

.box-skin {
   border : solid 1px #d13319 ;
   border : solid 1px var(--skin-default-01) ;
   background-color : #ffffff ;
/*   background-color : var(--skin-default-02) ;*/
}

.box-skin-reverse {
   border : solid 1px #ffffff ;
   border : solid 1px var(--skin-default-02) ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
}

.box-gray {
   border : solid 1px var(--box-border) ;
   border : solid 1px var(--box-border) ;
}

div[type="button"] {
   text-align : center ;
   vertical-align : middle ;
   cursor : pointer ;
   color : #ffffff ;
   color : var(--skin-default-02) ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
   border : solid 1px #d13319 ;
   border : solid 1px var(--skin-default-01) ;
}

div[type="button"].reverse {
   color : #d13319 ;
   color : var(--skin-default-01) ;
   background-color : #ffffff ;
/*   background-color : var(--skin-default-02) ;*/
}

/* @ div.header */
div[for="site-name"],
div[for="menu-item"],
div[for="menu-icon"],
div[for="site-move"],
div[for="menu-srch"] {
   height : 125px ;
   line-height : 125px ;
   vertical-align : middle ;
}
div[for="site-move"] {
   margin-right : 45px ;
}
div[for="site-name"] {
   font-size : 31pt ;
   font-weight : 900 ;
   padding-right : 60px ;
   letter-spacing : -2px ;
}
div[for="menu-item"] {
   font-size : 15pt ;
   font-weight : 300 ;
   padding : 0 30px ;
   letter-spacing : -1px ;
}
div[for="menu-item"][activated] {
   background-color : #8e2311 ;
   background-color : var(--header-menu-item-activated) ;
}
div[for="menu-icon"] {
   width : 60px ;
   text-align : center ;
}

div[for="menu-icon"] img {
   vertical-align : middle ;
}

div[for="last-notice"] {
   position : absolute ;
   margin : 100px 0 0 200px ;
}



/* The container <div> - needed to position the dropdown content */
.circle-number {
   width : 20px ;
   height : 20px ;
   line-height : 19px ;
   border-radius : 10px ;
   font-weight : 900 ;
}
.dropdown {
   display : inline-block ;
}

/* Style The Dropdown Button */
.dropbtn {
   cursor : pointer ;
}

.dropbtn>.circle-number {
   position : absolute ;
   margin : -2px 24px ;
   color : white ;
   color : var(--skin-default-02) ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
   border : solid 2px white ;
   border : solid 2px var(--skin-default-02) ;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
   display : none ;
   position : absolute ;
   z-index : 99 ;
}

.dropdown-content .triangle {
   position : relative ;
   z-index : 100 ;
   margin : 0 25px -1px auto ;
   width : 0 ;
   height : 0 ;
   border : solid 10px ;
   border-top-color : transparent ;
   border-left-color : transparent ;
   border-right-color : #ffffff ;
   border-right-color : var(--skin-default-02) ;
   border-bottom-color : #ffffff ;
   border-bottom-color : var(--skin-default-02) ;
}

.dropdown-content .box-skin {
   padding : 30px ;
}
.dropdown-content ul>li>.circle-number {
   height : 20px ;
   line-height : 19px ;
   position : absolute ;
   margin : -6px 81px ;/* 2px 83px */
   color : white ;
   color : var(--skin-default-02) ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
   border : solid 2px white ;
   border : solid 2px var(--skin-default-02) ;
}

/* The container <div> - needed to position the dropdown content */
div[for="site-move"] .dropdown {
   height : 42px ;
   margin : 41px 0 1px 0 ;
}

/* Style The Dropdown Button */
div[for="site-move"] .dropbtn {
   color : #ffffff ;
   color : var(--skin-default-02) ;
   background : #d13319 ;
   background : var(--skin-default-01) ;
   padding : 0 36px ;
   font-size : 16px ;
   border : solid 1px #fff ;
   border-radius : 20px ;
   height : 40px ;
   line-height : 40px ;
}

/* Dropdown Content (Hidden by Default) */
div[for="site-move"] .dropdown-content {
   line-height : 33px ;
   margin : 0 0 0 -60px ;
   padding-top : 8px ;
}

/* Links inside the dropdown */
div[for="site-move"] .dropdown-content a {
   padding : 0 12px ;
   color : #d13319 ;
   color : var(--skin-default-01) ;
   text-decoration : none ;
   display : block ;
/*    border : solid 1px #d13319 ;*/
/*    border : solid 1px var(--skin-default-01) ;*/
   font-size : 17px ;
   font-weight : 300 ;
}

div[for="site-move"] .dropdown-content a:first-child {
   margin-top : 0 ;
}

/* Change color of dropdown links on hover */
div[for="site-move"] .dropdown-content a:hover    {
/*   color : #d13319 ;*/
/*   color : var(--skin-default-01) ;*/
   background-color : #f1f1f1 ;
}

/* Show the dropdown menu on hover */
div[for="site-move"] .dropdown:hover    .dropdown-content {
   display : block ;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
div[for="site-move"] .dropdown:hover    .dropbtn {
   color : #d13319 ;
   color : var(--skin-default-01) ;
   background-color : #ffffff ;
   background-color : var(--skin-default-02) ;
}


div[for="menu-icon"] .dropdown {
   line-height : 42px ;
   height : 42px ;
   margin : 41px 0 1px 0 ;
}

div[for="menu-icon"] .dropdown-content {
   width : 422px ;
   margin : 0 0 0 -383px ;
   padding-top : 8px ;
}

div[for="menu-icon"] .dropdown:hover    .dropdown-content {
   display : block ;
}

div[for="menu-icon"] .dropdown-content div[type="button"] {
   width : 358px ;
   height : 73px ;
   padding : 0 ;
   line-height : 73px ;
   font-size : 22px ;
   font-weight : 500 ;
}

div[for="menu-icon"] ul {
   height : 25px ;
   text-align : center ;
   padding : 0 ;
   width : fit-content ;
   margin : 0 auto ;
}
div[for="menu-icon"] ul * {
   height : 25px ;
   line-height : 25px ;
}
div[for="menu-icon"] li {
   float : left ;
   margin-left : 25px ;
   color : #d13319 ;
   color : var(--skin-default-01) ;
}
div[for="menu-icon"] li:first-child {
   margin-left : 0 ;
}

div[for="menu-icon"] li span {
   font-size : 22px ;
   font-weight : 500 ;
}

div[for="menu-icon"] .box-skin>*:nth-child(1) {
   margin : 0 auto ;
}

div[for="menu-icon"] .box-skin>*:nth-child(2) {
   margin : 11px auto 0 auto ;
}

div[for="menu-icon"] .box-skin>*:nth-child(3) {
   margin : 30px auto 0 auto ;
}

div[for="menu-srch"] div {
   width : 494px ;
   height : 67px ;
   background-color : #fff ;
   margin : 29px 0 ;
}

div[for="menu-srch"] input {
   float : left ;
   width : 400px ;
   height : 67px ;
   line-height : 67px ;
   border : 0 ;
   padding : 0 22px ;
   color : #c2c2c2 ;
   font-size : 22px ;
   font-weight : 500 ;
}

div[for="menu-srch"] input ,
div[for="menu-srch"] input:focus {
   outline : none ;
}

div[for="menu-srch"] img {
   float : left ;
   cursor : pointer ;
   margin : 17px 0 0 0 ;
}





















/* main */
.main-banner {
   height : 523px ;
   background-color : #e6e3dc ;
}

.main-banner ul {
   padding : 0 ;
}

.sector div[for="header-main"] {
   margin : 58px 0 22px 0 ;
   height : 33px ;
}

.sector ul[for="list-header"] {
   margin : 69px 0 42px 0 ;
   height : 36px ;
   text-align : left ;
}

.sector ul[for="list-header"] li {
   height : 36px ;
}

.sector span[for="name"] {
   float : left ;
   margin : 0 0 16px 0 ;
   color : #262626 ;
   font-weight : 900 ;
   font-size : 24px ;
   letter-spacing : -1px ;
}

.sector span[for="more"] {
   float : right ;
   margin : 15px 1px 0 0 ;
   color : #7a7a7a ;
   font-size : 18px ;
   letter-spacing : -1px ;
}

.sector ul {
   width : 1074px ;
   margin-left : -15px ;
   padding : 0 ;
   text-align : left ;
   display : flow-root ;
}

.sector li {
   padding : 0 ;
   margin : 0 0 0 40px ;
   width : 228px ;
   height : 416px ;
   text-align : left ;
}

.sector ul[for="list-items"] li {
   height : 411px ;
   margin-bottom : 59px ;
}

.sector .tmb {
   background-size : cover ;
   background-position : center center ;
   height : 324px ;
   border : solid 1px var(--box-border) ;
}

.sector div[for="blank-page"] {
   min-height : 400px ;
   display : inherit ;
   padding-bottom : 50px ;
}

.sector div[for="blank-page"] * {
   font-size : 22px ;
   font-weight : 700 ;
}

.sector div[for="blank-page"]>div {
   display : table-cell ;
   vertical-align : middle ;
}

.sector div[for="blank-page"] span[default01] {
   color : #d13319 ;
   color : var(--skin-default-01) ;
}

.sector span[for="title"] {
   padding : 0 7px ;
   width : 214px ;
   font-weight : 700 ;
   font-size : 19px ;
   color : #262626 ;
   text-overflow : ellipsis ;
   white-space : nowrap ;
   line-height : 200% ;
}

.sector span[for="tags"] {
   padding : 0 7px ;
   width : 214px ;
   font-size : 14px ;
   color : #7a7a7a ;
   text-overflow : ellipsis ;
   white-space : nowrap ;
}

.sector li[for="list-name"] {
   margin : 0 ;
   padding : 0 19px 0 0 ;
   line-height : 36px ;
   color : #000 ;
   font-weight : 700 ;
   font-size : 30px ;
   float : left ;
   width : auto ;
   white-space : nowrap ;
}

.sector li[for="list-name"] span {
   color : #d13319 ;
   color : var(--skin-default-01) ;
}

.sector li[for="order-by"] {
   padding : 0 20px ;
   line-height : 36px ;
   color : #262626 ;
   font-size : 20px ;
   float : left ;
   width : auto ;
   white-space : nowrap ;
   vertical-align : middle ;
   background-color : #e6e3dc ;
}

.sector li[for="order-by"].selected {
   padding : 0 20px ;
   line-height : 36px ;
   color : #ffffff ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
   font-weight : 700 ;
}

.sector li[for="order-by"]:hover    {
   padding : 0 20px ;
   line-height : 36px ;
   color : #ffffff ;
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;
   font-weight : 700 ;
}

.sector li div[for="book-info"] {
   width : 226px ;
   height : 75px ;
   border : solid 1px var(--box-border) ;
   border : solid 1px var(--box-border) ;
   margin : -1px 0 0 0 ;
   padding : -4px 0 0 0 ;
}

.sector li:has(div[for="book-info"]) {
   height : 470px ;
}

.sector li div[for="book-info"] div[for="order"] {
   width : 35px ;
   height : 35px ;
   z-index : 98 ;
   position : absolute ;
   margin : 40px 0 0 191px ;
   color : #fff ;
   background-color : #000 ;
   font-size : 16px ;
   font-weight : 700 ;
   text-align : center ;
   line-height : 35px ;
}

.sector ul[for="list-pager"] {
   margin : 0 auto 42px auto ;
   height : 27px ;
   text-align : center ;
}

ul[for="list-pager"]>li {
   width : 30px ;
   height : 25px ;
   background-color : #FFFFFF ;
   font-size : 9pt ;
   font-weight : bold ;
   color : #3d3d3d ;
   text-align : center ;
   padding-top : 5px ;
   border : solid 1px #e6e3dc ;
   margin : 0 5px ;
   float : left ;
}

ul[for="list-pager"]>li.add_cur {
   color : #A40D14 ;
}

footer .container {
   padding : 35px ;
   margin : 20px auto 0 auto ;
}

ul.list-pager {
   width : auto ;
   
}

div[for="detail"] {
   display : flow-root ;
   margin-top : 77px ;
   padding : 0 ;
   text-align : left ;
}



/* The container <div> - needed to position the dropdown content */
div[for="detail"] div[for="share"].dropdown {
   position : absolute ;
   margin : 22px 0 0 1012px ;
}

/* Style The Dropdown Button */
div[for="detail"] img[src="/img/share.to.png"] {
   background-color : var(--skin-default-01) ;
}

div[for="detail"] .dropbtn {
}

/* Dropdown Content (Hidden by Default) */
div[for="detail"] .dropdown-content {
   margin : -100px 0 0 -45px ;
   width : 180px ;
   height : 99px ;
}

div[for="detail"] .dropdown-content img {
   width : 30px ;
   height : 30px ;
}

div[for="detail"] .box-skin {
   padding : 4px ;
   width : fit-content ;
   height : fit-content ;
}

div[for="detail"] .box-skin>li {
   padding : 4px ;
   width : 30px ;
   height : 30px ;
}

/* Show the dropdown menu on hover */
div[for="detail"] .dropdown:hover    .dropdown-content {
   display : block ;
}











































span[for="info-o"] {

   border : 0 ;
   border-radius : 20% ;

   padding : 0 3px 1px ;
   margin : auto 0 ;
   
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;

   color : #ffffff ;
   color : var(--skin-default-02) ;

   font-size : 65% ;

   vertical-align : top ;
}

span[for="new-update"] {

   border : 0 ;
/*   border-radius : 50% ;*/

   padding : 0 5px 1px 4px ;
   margin : auto 0 ;
   
   background-color : #d13319 ;
   background-color : var(--skin-default-01) ;

   color : #ffffff ;
   color : var(--skin-default-02) ;

   font-size : 50% ;

   vertical-align : top ;
}
div[for="detail"] ul {
   margin : 0 ;
   padding : 0 ;
   width : 1074px ;
   height : 334px ;
}

div[for="detail"] li {
   float : left ;
   height : 334px ;
   margin : 0 ;
}

div[for="detail"] div[for="title"] {
   margin-top : 22px ;
   font-size : 30px ;
   font-weight : 700 ;
   line-height : 66px ;
}

div[for="detail"] div[for="inform"] {
   line-height : 29px ;
   font-size : 22px ;
   font-weight : 400 ;
}

div[for="detail"] div[for="story"] {
   margin-top : 15px ;
   height : 81px ;
   overflow : hidden ;
   line-height : 27px ;
   font-size : 21px ;
   font-weight : 400 ;
   word-break : break-word ;
}

div[for="detail"] div[for="ctrl"] {
   margin : 18px 0 0 -11px ;
   padding : 0 ;
}

div[for="ctrl"] div[type="button"] {
   float : left ;
   width : 296px ;
   height : 73px ;
   margin : 0 0 0 11px ;
   padding : 0 ;
   line-height : 73px ;
   font-size : 22px ;
   font-weight : 500 ;
}

div[for="control"] {
   height : 38px ;
   padding : 11px 0 ;
   text-align : right ;
   line-height : 38px ;
   font-size : 21px ;
   font-weight : 400 ;
}

div[for="control"] span {
   margin : 0 20px ;
   font-weight : 400 ;
}

div[for="control"] span.add_cur {
   font-size : 22px ;
   font-weight : 500 ;
}

div[for="control"] span[selected] {
   color : #d13319 ;
   color : var(--skin-default-01) ;
}

div[for="control"] span:first-child {
   margin : 0 ;
}

div[for="control"] div[type="button"] {
   float : right ;
   width : 125px ;
   height : 36px ;
   line-height : 36px ;
   font-size : 21px ;
   font-weight : 400 ;
   border-radius : 18px ;
}

div[for="volumes"] {
   height : 203px ;
   overflow-y : hidden ;
   margin : 10px 0 ;
   padding : 0 ;
   display : flow-root ;
}

div[for="volumes"] ul {
   margin : 0 ;
   cursor : pointer ;
}

div[for="volumes"] li {
/*   width : fit-content ;*/
   height : 205px ;
   overflow-y : hidden ;
   float : left ;
   font-size : 29px ;
   font-weight : 700 ;
   line-height : 203px ;
   padding : 0 0 0 25px ;
}
 
div[for="volumes"] li:first-child {
   width : 240px ;
   margin : 0 ;
   padding : 0 ;
}
div[for="volumes"] li:last-child {
   font-size : 44px ;
   float : right ;
   padding : 0 100px 0 0 ;
   text-align : right ;
}

div[for="volumes"] div[for="inform"] {
   position : absolute ;
   margin : 145px 0 0 305px ;
   font-size : 22px ;
   font-weight : 400 ;
}

div[for="volumes"]:hover    * {
   color : #d13319 ;
   color : var(--skin-default-01) ;
}

div[for="volumes"]:hover    span[for="info-o"] {
   color : #ffffff ;
   color : var(--skin-default-02) ;
}

div[for="volumes"]:hover    ul img.gray {
   filter : none ;
   -webkit-filter : none ;
}









/* 무료만화 : 에이스플레닛 광고 */
div[for="volumes"].aceplanet-native-ad {
   overflow-x : hidden ;
   height : unset ;
}

div[for="volumes"].aceplanet-native-ad>div {
   margin : -28px -2px -39px ;
}

div[for="volumes"].aceplanet-native-ad span.thumbBlock {
   width : 240px ;
   background-size : 240px ;
}

div[for="volumes"].aceplanet-native-ad span.video-label-box,
div[for="volumes"].aceplanet-native-ad span.trc-main-label {
   margin-top : 100px ;
}

div[for="volumes"].aceplanet-native-ad div.trc_user_exclude_btn,
div[for="volumes"].aceplanet-native-ad div.trc_undo_btn {
   margin-top : 28px ;
}