@charset "utf-8";
/*
 * File       : menu.css
 * SUMMARY:
 * 01) HEADER
 * 02) SLIDMENU
 */

/* ************************************** *
 * PC VER
 * ************************************** */

/* HEADER */
#header {overflow: hidden;width: 100%;background: #fff;}

#header .lnb {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: url(/assets/img/nav_line.gif) left top repeat-x;
	background-color: black;
}
#header .lnb h2 {
    display: none;
}
#header .lnb nav ul {
    overflow: hidden;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
#header .lnb nav ul li {
    flex-grow: 1;
    position: relative;
}
#header .lnb nav ul li > a {
    font-size: 0.85rem;
    display: block;
    height: 2.4rem;
    
}


#header .lnb nav.m_nav > ul li > a > .ico_n{display:inline-block; height:15px; margin-left:1px; margin-top:-2px; vertical-align:3px; image-rendering:-webkit-optimize-contrast;}
#header .lnb nav.m_nav {
    background: url(/assets/img/nav_line2.gif) left bottom repeat-x;
}
#header .lnb nav.m_nav > ul {
    width: 1024px;
	/*
    height: 2.4rem;
    line-height: 2.3rem;
	*/
    height: 2.8rem;
    line-height: 2.7rem;
    margin: 0 auto;
}
#header .lnb nav.m_nav > ul li.active > a {
    color: #e63740;
}

#header .lnb nav.s_nav {
    background: url(/assets/img/nav_line2.gif) left bottom
    repeat-x #f6f6f6;
    display: none;
}
#header .lnb nav.s_nav > ul {
    width: 1004px;
    height: 2.4rem;
    line-height: 2.3rem;
    margin: 0 auto;
}
#header .lnb nav.s_nav > ul li {
    position: relative;
} /*200525추가*/
#header .lnb nav.s_nav > ul li.active > a {
    color: #e63740;
    border-bottom: 2px solid #e63740;
}
#header .lnb nav.s_nav > ul li.today:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.4rem;
    right: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background: #e63740;
    border-radius: 50%;
    margin-right: -13px;
} /*200525추가*/
#header .lnb nav.s_nav > ul li > a > .ico_n{display:inline-block; height:15px; margin-left:-0.2rem; margin-top:-2px; vertical-align:3px; image-rendering:-webkit-optimize-contrast;}/* 정주행 N추가*/
/*200525 완결_연도별*/
#header .lnb nav.d_nav {
    background: #fff;
    display: none;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
}
#header .lnb nav.d_nav > ul {
    max-width: 1004px;
    width: 100%;
    margin: 0 auto;
}
#header .lnb nav.d_nav > ul li {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    height: 2.5rem;
    color: #000;
    flex-grow: 1;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 0;
}
#header .lnb nav.d_nav > ul li input {
    width: 16px;
    height: 16px;
    display: none;
    margin: 0 5px 0 0;
    padding: 0;
}
#header .lnb nav.d_nav > ul li input + label {
    display: inline-block;
    background-image: url(img_select_new.png);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: -5px -64px;
    text-indent: 19px;
    color: #000;
    height: 20px;
    line-height: 19px;
    text-indent: 22px;
    cursor: pointer;
}

#header .lnb nav.d_nav > ul li input:checked + label {
    background-repeat: no-repeat;
    background-image: url(img_select_new.png);
    background-size: 200px;
    background-position: -5px -86px;
}
@media (max-width: 320px) {
    #header .lnb nav.d_nav > ul li {
        font-size: 11px;
    }
}

#header .sub_topmenu {
    display: none;
}
#header .sub_topmenu > a.nav_sub_link.pay_wh {
    width: 50px;
}
/* 연재 */
#header .lnb nav.m_nav2 > ul li > a > .ico_n{display:inline-block; height:15px; margin-left:1px; margin-top:-2px; vertical-align:3px; image-rendering:-webkit-optimize-contrast;}
#header .lnb nav.m_nav2 {
    background: url(/assets/img/nav_line.gif) left bottom
    repeat-x;
}
#header .lnb nav.m_nav2 > ul {
    width: 1024px;
	/*
    height: 2.4rem;
    line-height: 2.3rem;
	*/
    height: 2.8rem;
    line-height: 2.7rem;
    margin: 0 auto;
}
#header .lnb nav.m_nav2 > ul li.active > a {
    color: #e63740;
}

/* ************************************** *
 * TABLET PC VER
 * ************************************** */

@media (min-width: 768px) and (max-width: 1023px) {

    #header .gnb,
    #header .lnb {
        width: 100%;
        display: block;
    }
    #header .gnb .btn_select_mode {
    }
    #header .lnb nav.m_nav > ul {
        width: 100%;
    }
	/* 연재 */
    #header .lnb nav.m_nav2 > ul {
        width: 100%;
    }
}

/* ************************************** *
 * MOBILE VER
 * ************************************** */

@media (min-width: 0) and (max-width: 767px) {

    @media (max-width:350px){   /*210430 max-width 수정(s9 기종 확인필요)*/
        #header .gnb > ul li:nth-child(2){display:none}/*210430 수정*/
    }
    #header .lnb {
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
		background-color: black;
    }
    #header .lnb nav.m_nav {
        background: url(nav_line.gif) left bottom
        repeat-x;
        padding: 2px 4px 2px;
    }
    #header .lnb nav.m_nav > ul {
        width: 100%;
        height: 100%;
        line-height: normal;
        margin: 0 auto;
    }
    #header .lnb nav.m_nav > ul > li {
        flex-grow: 1;
        width: 15%;                       /* 20%  20250712 모바일 GNB */
        height: 1.9375rem;
        line-height: 1.75rem;
        margin: 2px 2px;
    }
    #header .lnb nav.m_nav > ul > li > a {
        font-size: 0.8125rem;
        letter-spacing: -0.4px;
        display: block;
        border: 1px solid #ddd;
        border-radius: 3px;
        height: 100%;
    }
    #header .lnb nav.m_nav > ul > li.active > a {
        color: #e63740;
        border: 1px solid #e63740;
    }
    /*#header .lnb nav.m_nav.adult_ver > ul > li {*/
    /*    width: 17%;*/
    /*}*/
	/* 연재 */
    #header .lnb nav.m_nav2 {
        background: url(nav_line.gif) left bottom
        repeat-x;
        padding: 2px 4px 2px;
    }
    #header .lnb nav.m_nav2 > ul {
        width: 100%;
        height: 100%;
        line-height: normal;
        margin: 0 auto;
    }
    #header .lnb nav.m_nav2 > ul > li {
        flex-grow: 1;
        width: 11%;                       /* 20%  20250712 모바일 GNB */
        height: 1.9375rem;
        line-height: 1.75rem;
        margin: 2px 2px;
    }
    #header .lnb nav.m_nav2 > ul > li > a {
        font-size: 0.8125rem;
        letter-spacing: -0.4px;
        display: block;
        border: 1px solid #ddd;
        border-radius: 3px;
        height: 100%;
    }
    #header .lnb nav.m_nav2 > ul > li.active > a {
        color: #e63740;
        border: 1px solid #e63740;
    }
}