@media (max-width: 980px) {
    .wrap {
        width: 100%;
    }

    .wrap .header .head {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        grid-gap: 10px;
        padding-left: 50px;
        height: 60px;
    }

    .wrap .header .head .menu_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .menu_btn.on {
        left: 215px;
        top: 10px;
        z-index: 9999999;
    }

    .wrap .header .head .menu_btn.on span {
        background-color: #fff;
    }

    .wrap .header .head .menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 9999;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .wrap .header .head .menu .nav_list {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        z-index: 100;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .wrap .header .head .menu .nav_list li {
        width: 100%;
        height: 60px;
        margin-right: 0;
    }

    .wrap .header .head .menu .nav_list li a {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #fafafa;
        font-size: 20px;
    }

    .wrap .header .head .menu .nav_list li a.active,
    .wrap .header .head .menu .nav_list li a:hover {
        background-color: #c11c07 !important;
        color: #fff;
        border-color: #c11c07 !important;
    }

    .wrap .header .head .menu .nav_list li a.active:before,
    .wrap .header .head .menu .nav_list li a:hover:before {
        content: '\f04b';
        font-family: 'FontAwesome';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 15px;
        font-size: 10px;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition-delay: unset;
        transition-delay: unset;
    }

    .wrap .header .head .menu .nav_list li a:after {
        display: none;
    }

    .wrap .header .head .menu .nav_list::-webkit-scrollbar {
        display: none;
    }

    .wrap .header .head .menu.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .wrap .header .head .menu.on:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: -1000%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1;
    }

    .wrap .header .head .menu.on .nav_list .m_menu_btn {
        opacity: 1;
    }

    .wrap .header .head .search {
        right: 10px;
        z-index: 100;
    }

    .wrap .header .head .search .drop_layout {
        right: 35px;
    }

    .wrap .header .head .search .drop_layout_contents {
        right: -102px !important;
    }

    .wrap .header .head .search .drop_layout_contents.on {
        z-index: 999999;
        top: 45px;
    }

    .wrap .header .head .search .drop_layout_contents.main_drop {
        right: -42px !important;
    }

    .wrap .header .head .search .main_side_menu .menu_contents {
        top: 40px;
        right: -10px;
    }

    .wrap .header .head .search .main_log_info .manga_view {
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .search .main_log_info .manga_view.on {
        position: fixed;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
        margin-left: 0;
        z-index: 999;
    }

    .wrap .header .head .search .main_log .view_manga {
        z-index: unset !important;
        bottom: 0 !important;
    }

    .wrap .header .head .search .main_log .view_manga.on:before {
        content: '';
        position: fixed;
        top: 0;
        left: -1000%;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -1;
    }

    .wrap .header .head .mode {
        right: 150px;
        width: 25px;
    }

    .wrap .header .head .mode_info:after {
        display: none;
    }

    .wrap .header .head .main_drop {
        top: 60px;
        width: 100%;
    }

    .wrap .header .head .logo a img {
        width: auto !important;
        height: 44px !important;
    }

    .wrap .header.fixed {
        height: 60px;
    }

    .wrap .container .contents {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 800px;
    }

    .wrap .container .contents .zoon {
        width: 100%;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        margin-top: 5px;
    }

    .wrap .container .contents .main_slide {
        height: 165px;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper-wrapper .swiper-slide {
        background-color: unset;
        height: 100%;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-prev {
        left: 0;
        width: 50px;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-prev img {
        width: 100%;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-prev:after {
        display: none;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-prev:before {
        top: -78px;
        left: -15px;
        bottom: 0;
        width: 80px;
        height: 200px;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-next {
        right: 0;
        width: 50px;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-next img {
        width: 100%;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-next:after {
        display: none;
    }

    .wrap .container .contents .main_slide .mainSlide .swiper_arr .swiper-button-next:before {
        top: -78px;
        right: -15px;
        bottom: 0;
        width: 80px;
        height: 200px;
    }

    .wrap .container .contents .layout_collection {
        width: 100%;
        margin-top: 0;
    }

    .wrap .container .contents .layout_collection .layout {
        margin-bottom: 15px;
    }

    .wrap .container .contents .layout_collection .layout_tit {
        padding: 10px;
    }

    .wrap .container .contents .layout_collection .layout_tit .icon_tit {
        width: 50px;
    }

    .wrap .container .contents .layout_collection .layout_tit .control {
        -webkit-transform: unset;
        transform: unset;
        top: unset;
        bottom: 5px;
        right: 5px;
    }

    .wrap .container .contents .layout_collection .layout_tit .control .more {
        padding: 5px 10px;
    }

    .wrap .container .contents .layout_collection .layout_contents {
        padding: 6px;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 6px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item .info_layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item .info_layout_item {
        margin-right: 0;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item .info_layout_item:nth-child(2) {
        display: none;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item:nth-last-child(1),
    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item:nth-last-child(2),
    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item:nth-last-child(3) {
        display: none;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid::-webkit-scrollbar {
        display: none;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr {
        width: 60px;
        margin-left: 0;
        right: 20px;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr .swiper-button-prev {
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr .swiper-button-prev img {
        width: 25px;
        height: 25px;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr .swiper-button-next {
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr .swiper-button-next img {
        width: 25px;
        height: 25px;
    }

    .wrap .container .contents .layout_collection .banner {
        margin-bottom: 15px;
    }

    .wrap .container .contents .layout_collection .rankArea {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .wrap .container .contents .layout_collection .rankArea_tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
    }

    .wrap .container .contents .layout_collection .rankArea_tit a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 15px;
        height: 30px;
        font-size: 14px;
        color: #1a1a1a;
        border-bottom: 4px solid transparent;
        margin-right: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .container .contents .layout_collection .rankArea_tit a .number {
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #d12813;
        color: #fff;
        border-radius: 50%;
        margin-left: 5px;
        font-size: 10px;
    }

    .wrap .container .contents .layout_collection .rankArea_tit a.active,
    .wrap .container .contents .layout_collection .rankArea_tit a:hover {
        border-bottom-color: #d12813;
        color: #d12813;
    }

    .wrap .container .contents .layout_collection .rankArea_layout {
        display: none;
    }

    .wrap .container .contents .layout_collection .rankArea_layout.on {
        display: block;
    }

    .wrap .container .contents_list {
        width: 100%;
        padding: 10px 0;
        margin-top: 10px;
        border-radius: 0;
    }

    .wrap .container .contents_list .search_info {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .wrap .container .contents_list .search_info_layout_item {
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
        padding: 5px;
    }

    .wrap .container .contents_list .search_info_layout_item .name {
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .wrap .container .contents_list .search_info_layout_item .info .label span {
        padding: 6px 7px;
    }

    .wrap .container .contents_list .search_info .submit_btn {
        height: 40px;
        min-height: unset;
    }

    .wrap .container .contents_list_layout {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px 10px;
        margin-top: 15px;
    }

    .wrap .container .contents_list .arcade_list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .wrap .container .contents_list .arcade_view {
        min-height: 300px;
        margin-bottom: 20px;
    }

    .wrap .container .contents_list .arcade_view .video {
        width: 100% !important;
    }

    .wrap .container .contents_list .arcade_view .video iframe {
        width: 100% !important;
    }

    .wrap .container .contents_list .arcade_view img {
        width: 100% !important;
    }

    .wrap .container .contents_list .customer_tab a {
        height: 40px;
    }

    .wrap .container .contents_list .customer_form button {
        font-size: 14px;
        padding: 0;
    }

    .wrap .container .contents_list .customer_layout .list li {
        -ms-grid-columns: 60px 1fr 65px 65px;
        grid-template-columns: 60px 1fr 65px 65px;
    }

    .wrap .container .contents_list .customer_layout .list li font {
        font-size: 14px;
    }

    .wrap .container .contents_list .customer_layout .list li time {
        font-size: 12px;
        padding-right: 0;
        text-align: center;
    }

    .wrap .container .contents_list .customer_layout .list li .control {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .wrap .container .contents_list .customer_layout .list li .control_item {
        padding: 0;
    }

    .wrap .container .contents_list .customer_layout .list li .control_item:first-child {
        grid-column: unset;
    }

    .wrap .container .contents_list .community .tab>a {
        padding: 5px 10px;
    }

    .wrap .container .contents_list .community_layout .total .control {
        top: 5px;
    }

    .wrap .container .contents_list .community_layout .total .control a {
        padding: 5px;
    }

    .wrap .container .contents_list .community_layout_tit.mobile_tit {
        -ms-grid-columns: 15% 1fr 20%;
        grid-template-columns: 15% 1fr 20%;
        grid-gap: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .community_layout_tit.mobile_tit .item:nth-last-of-type(1),
    .wrap .container .contents_list .community_layout_tit.mobile_tit .item:nth-last-of-type(2),
    .wrap .container .contents_list .community_layout_tit.mobile_tit .item:nth-last-of-type(4) {
        display: none;
    }

    .wrap .container .contents_list .community_layout_item {
        -ms-grid-columns: 10% 1fr 20%;
        grid-template-columns: 10% 1fr 20%;
        grid-gap: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .community_layout_item .item {
        padding: 5px;
        font-size: 14px;
    }

    .wrap .container .contents_list .community_layout_item .item .divition {
        font-size: 12px !important;
    }

    .wrap .container .contents_list .community_layout_item .item a font {
        font-size: 14px;
    }

    .wrap .container .contents_list .community_layout_item .item .name {
        padding-left: 0;
    }

    .wrap .container .contents_list .community_layout_item .item:nth-last-of-type(1),
    .wrap .container .contents_list .community_layout_item .item:nth-last-of-type(2),
    .wrap .container .contents_list .community_layout_item .item:nth-last-of-type(4) {
        display: none;
    }

    .wrap .container .contents_list .community .view {
        padding: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .community .view h4 {
        font-size: 16px;
        font-weight: 100;
    }

    .wrap .container .contents_list .community .view-head h4 {
        font-size: 20px;
    }

    .wrap .container .contents_list .community .view-contents {
        font-size: 14px;
    }

    .wrap .container .contents_list .community .view-detail {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }

    .wrap .container .contents_list .community .view-detail span {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .wrap .container .contents_list .community .view-comment img {
        width: 100% !important;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item {
        margin-top: 15px;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        padding: 10px;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_img {
        display: none !important;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .name h4 {
        font-size: 16px;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text {
        margin-top: 0;
        font-size: 14px;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text.spo_text {
        padding-top: 0;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control {
        margin-top: 0;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .view_action {
        margin-top: 0;
        padding: 10px 0;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .user_Declaration {
        right: 0;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .reply_layout {
        padding: 10px;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .reply_layout .form_list_comment_item {
        margin-top: 0;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .reply_layout .form_list_comment_item .comments_list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0 !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .reply_layout .form_list_comment_item .comments_list .user_info .more_comments_list {
        margin-top: 10px;
    }

    .wrap .container .contents_list .mypage {
        width: 100%;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
        padding-top: 0;
    }

    .wrap .container .contents_list .mypage_side_layout {
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .mypage_side_layout .log_out {
        top: 10px;
        right: 10px;
    }

    .wrap .container .contents_list .mypage_side_menu {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        margin-top: 10px;
    }

    .wrap .container .contents_list .mypage_side_menu a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        font-size: 14px;
        height: 40px;
        border: 0;
    }

    .wrap .container .contents_list .mypage_side_menu a:before {
        margin-right: 5px;
    }

    .wrap .container .contents_list .mypage_contents .mysetting .tip {
        display: none;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_layout {
        margin-bottom: 20px;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_contents {
        padding: 10px;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        padding: 10px 0;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .profile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .profile_action {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .profile_action button {
        width: 100%;
        font-size: 14px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .input>.input_str {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 60px;
        grid-template-columns: 1fr 60px;
        grid-gap: 0;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .input>.input_str input {
        width: 100%;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .input>.input_str button {
        padding: 0;
        margin: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        background-color: #1a1a1a;
        border-color: #1a1a1a;
        color: #fff;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info .code {
        width: 100%;
    }

    .wrap .container .contents_list .mypage_contents .mysetting_item .info>.input_str input {
        width: 100%;
    }

    .wrap .container .contents_list .mypage_contents .bookmark_list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    .wrap .container .contents_list .mypage_contents .gift_layout {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_contents {
        padding: 10px 0;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout {
        -ms-grid-columns: 30px 1fr .15fr .15fr .35fr;
        grid-template-columns: 30px 1fr .15fr .15fr .35fr;
        grid-gap: 5px;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .img {
        width: 30px;
        height: 30px;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .img img {
        width: 100%;
        height: 100%;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_info {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        padding: 5px;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_info dl dt,
    .wrap .container .contents_list .mypage_contents .gift_layout_info dl dd {
        font-size: 14px;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_cont {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px 10px;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_item .img {
        padding-top: 100%;
    }

    .wrap .container .contents_list .mypage_contents .gift_layout_item .info_title {
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wrap .container .contents_view {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .wrap .container .contents_view_list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .wrap .container .contents_view_side {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
        display: none;
    }

    .wrap .container .contents_view_side_bar {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_view_side_bar_item {
        margin-bottom: 0;
    }

    .wrap .container .contents_view_info {
        position: relative;
        margin-bottom: 0;
    }

    .wrap .container .contents_view_info .img {
        width: 50px;
        height: 67px;
        position: absolute;
        top: 35px;
        right: 10px;
        padding-top: 0 !important;
    }

    .wrap .container .contents_view_info .date {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    .wrap .container .contents_view_info .date h4 {
        padding: 0 15px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .wrap .container .contents_view_info .date_info {
        padding: 0;
    }

    .wrap .container .contents_view_info .date_info_item {
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .wrap .container .contents_view_info .date_info_item .d_name {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrap .container .contents_view_info .date_info_item .d_info .more_layout .more_text {
        max-width: 100%;
    }

    .wrap .container .contents_view_info .date_info .date_action {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: unset;
    }

    .wrap .container .contents_view_info .date_info .date_action a {
        width: 100%;
        margin: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap .container .contents_view .list {
        margin-top: 10px;
    }

    .wrap .container .contents_view .list_item .info {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 1fr 160px;
        grid-template-columns: 1fr 160px;
        grid-gap: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .wrap .container .contents_view .list_item .info .tit h5 {
        max-width: 70%;
    }

    .wrap .container .contents_view .list_item .info .view_date {
        position: unset;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 40px 80px 40px;
        grid-template-columns: 40px 80px 40px;
        width: 100%;
        margin-left: 0;
    }

    .wrap .container .contents_view .list_item .info .view_date_item {
        margin-right: 0px !important;
        min-width: unset !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .wrap .container .contents_view .list_item .info .view_date_item span {
        font-size: 13px !important;
        font-family: "esamanru" !important;
    }

    .wrap .container.on {
        margin-top: 60px;
    }

    .wrap .footer_layout {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 87px 1fr;
        grid-template-columns: 87px 1fr;
        grid-gap: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .wrap .footer_layout .company {
        margin-right: 0;
    }

    .wrap .footer_layout .contact a {
        font-size: 12px;
    }

    .wrap.on .header .head .menu_btn span {
        background-color: #fff;
    }

    .wrap.on .header .head .menu_key {
        -webkit-filter: grayscale(0.5) brightness(800%);
        filter: grayscale(0.5) brightness(800%);
    }

    .wrap.on .header .head .menu {
        background-color: #1a1a1a;
    }

    .wrap.on .header .head .menu .nav_list {
        background-color: #1a1a1a;
    }

    .wrap.on .header .head .menu .nav_list li a {
        border-color: #2f2f2f;
    }

    .wrap.on .container .contents .layout_collection .rankArea_tit {
        background-color: #1a1a1a;
        margin-bottom: 0;
    }

    .wrap.on .container .contents .layout_collection .rankArea_tit a {
        color: #fff;
    }

    .wrap.on .container .contents .layout_collection .rankArea_tit a.active {
        color: #d12813;
    }

    .wrap.on .container .contents .layout_collection .rankArea_layout {
        border-radius: 0 !important;
    }

    .wrap::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 600px) and (max-width: 970px) {
    .wrap .container .contents .zoon {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }

    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item:nth-last-child(1),
    .wrap .container .contents .layout_collection .layout_contents .swiper-container .swiper-wrapper .swiper-slide .item_grid .item:nth-last-child(2) {
        display: block;
    }

    .wrap .container .contents_list_layout {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }

    .wrap .container .contents_list .arcade_list {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }

    .wrap .container .contents_list .arcade_view {
        min-height: 500px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap .container .contents .main_slide {
        height: 293px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .wrap .header .head {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        grid-gap: 10px;
        padding-left: 50px;
        height: 60px;
    }

    .wrap .header .head .menu_btn {
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .menu_btn.on {
        left: 215px;
        top: 10px;
        z-index: 9999999;
    }

    .wrap .header .head .menu_btn.on span {
        background-color: #fff;
    }

    .wrap .header .head .menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 9999;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .wrap .header .head .menu .nav_list {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        z-index: 100;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .wrap .header .head .menu .nav_list li {
        width: 100%;
        height: 40px;
        margin-right: 0;
    }

    .wrap .header .head .menu .nav_list li a {
        width: 100%;
        padding: 20px 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #fafafa;
        font-size: 14px;
    }

    .wrap .header .head .menu .nav_list li a.active,
    .wrap .header .head .menu .nav_list li a:hover {
        background-color: #c11c07 !important;
        color: #fff;
        border-color: #c11c07 !important;
    }

    .wrap .header .head .menu .nav_list li a.active:before,
    .wrap .header .head .menu .nav_list li a:hover:before {
        content: '\f04b';
        font-family: 'FontAwesome';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 15px;
        font-size: 10px;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition-delay: unset;
        transition-delay: unset;
    }

    .wrap .header .head .menu .nav_list li a:after {
        display: none;
    }

    .wrap .header .head .menu .nav_list::-webkit-scrollbar {
        display: none;
    }

    .wrap .header .head .menu.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .wrap .header .head .menu.on:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: -1000%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1;
    }

    .wrap .header .head .menu.on .nav_list .m_menu_btn {
        opacity: 1;
    }

    .wrap .header .head .search {
        right: 10px;
        z-index: 100;
    }

    .wrap .header .head .search .drop_layout {
        right: 35px;
    }

    .wrap .header .head .search .drop_layout_contents {
        right: -102px !important;
    }

    .wrap .header .head .search .drop_layout_contents.on {
        z-index: 999999;
        top: 45px;
    }

    .wrap .header .head .search .drop_layout_contents.main_drop {
        right: -42px !important;
    }

    .wrap .header .head .search .main_side_menu .menu_contents {
        top: 40px;
        right: -10px;
    }

    .wrap .header .head .search .main_log_info .manga_view {
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .search .main_log_info .manga_view.on {
        position: fixed;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
        margin-left: 0;
        z-index: 999;
    }

    .wrap .header .head .search .main_log .view_manga {
        z-index: unset !important;
        bottom: 0 !important;
    }

    .wrap .header .head .search .main_log .view_manga.on:before {
        content: '';
        position: fixed;
        top: 0;
        left: -1000%;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -1;
    }

    .wrap .header .head .mode {
        right: 150px;
        width: 25px;
    }

    .wrap .header .head .mode_info:after {
        display: none;
    }

    .wrap .header .head .main_drop {
        top: 60px;
        width: 100%;
    }

    .wrap .header .head .logo a img {
        width: auto !important;
        height: 44px !important;
    }

    .wrap .header.fixed {
        height: 60px;
    }

    .wrap .container .contents .main_slide {
        height: 389px;
    }

    .wrap .container .contents .layout_collection {
        width: 100%;
    }

    .wrap.on .header .head .menu_btn {
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap.on .header .head .menu_btn span {
        background-color: #fff;
    }
}

@media screen and (min-width: 1160px) and (max-width: 980px) {
    .wrap .header .head {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        grid-gap: 10px;
        padding-left: 50px;
        height: 60px;
    }

    .wrap .header .head .menu_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .menu_btn.on {
        left: 215px;
        top: 10px;
        z-index: 9999999;
    }

    .wrap .header .head .menu_btn.on span {
        background-color: #fff;
    }

    .wrap .header .head .menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 9999;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .wrap .header .head .menu .nav_list {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        z-index: 100;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .wrap .header .head .menu .nav_list li {
        width: 100%;
        height: 40px;
        margin-right: 0;
    }

    .wrap .header .head .menu .nav_list li a {
        width: 100%;
        padding: 20px 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #fafafa;
        font-size: 14px;
    }

    .wrap .header .head .menu .nav_list li a.active,
    .wrap .header .head .menu .nav_list li a:hover {
        background-color: #c11c07 !important;
        color: #fff;
        border-color: #c11c07 !important;
    }

    .wrap .header .head .menu .nav_list li a.active:before,
    .wrap .header .head .menu .nav_list li a:hover:before {
        content: '\f04b';
        font-family: 'FontAwesome';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 15px;
        font-size: 10px;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition-delay: unset;
        transition-delay: unset;
    }

    .wrap .header .head .menu .nav_list li a:after {
        display: none;
    }

    .wrap .header .head .menu .nav_list::-webkit-scrollbar {
        display: none;
    }

    .wrap .header .head .menu.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .wrap .header .head .menu.on:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: -1000%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1;
    }

    .wrap .header .head .menu.on .nav_list .m_menu_btn {
        opacity: 1;
    }

    .wrap .header .head .search {
        right: 10px;
        z-index: 100;
    }

    .wrap .header .head .search .drop_layout {
        right: 35px;
    }

    .wrap .header .head .search .drop_layout_contents {
        right: -102px !important;
    }

    .wrap .header .head .search .drop_layout_contents.on {
        z-index: 999999;
        top: 45px;
    }

    .wrap .header .head .search .drop_layout_contents.main_drop {
        right: -42px !important;
    }

    .wrap .header .head .search .main_side_menu .menu_contents {
        top: 40px;
        right: -10px;
    }

    .wrap .header .head .search .main_log_info .manga_view {
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .search .main_log_info .manga_view.on {
        position: fixed;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
        margin-left: 0;
        z-index: 999;
    }

    .wrap .header .head .search .main_log .view_manga {
        z-index: unset !important;
        bottom: 0 !important;
    }

    .wrap .header .head .search .main_log .view_manga.on:before {
        content: '';
        position: fixed;
        top: 0;
        left: -1000%;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -1;
    }

    .wrap .header .head .mode {
        right: 150px;
        width: 25px;
    }

    .wrap .header .head .mode_info:after {
        display: none;
    }

    .wrap .header .head .main_drop {
        top: 60px;
        width: 100%;
    }

    .wrap .header .head .logo a img {
        width: auto !important;
        height: 44px !important;
    }

    .wrap .header.fixed {
        height: 60px;
    }

    .wrap .container .contents .main_slide {
        height: 389px;
    }

    .wrap .container .contents .layout_collection {
        width: 100%;
    }

    .wrap.on .header .head .menu_btn {
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap.on .header .head .menu_btn span {
        background-color: #fff;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1367px) {
    .wrap .header .head {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        grid-gap: 10px;
        padding-left: 50px;
        height: 60px;
    }

    .wrap .header .head .menu_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .menu_btn.on {
        left: 215px;
        top: 10px;
        z-index: 9999999;
    }

    .wrap .header .head .menu_btn.on span {
        background-color: #fff;
    }

    .wrap .header .head .menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 9999;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .wrap .header .head .menu .nav_list {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;
        z-index: 100;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .wrap .header .head .menu .nav_list li {
        width: 100%;
        height: 40px;
        margin-right: 0;
    }

    .wrap .header .head .menu .nav_list li a {
        width: 100%;
        padding: 20px 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #fafafa;
        font-size: 14px;
    }

    .wrap .header .head .menu .nav_list li a.active,
    .wrap .header .head .menu .nav_list li a:hover {
        background-color: #c11c07 !important;
        color: #fff;
        border-color: #c11c07 !important;
    }

    .wrap .header .head .menu .nav_list li a.active:before,
    .wrap .header .head .menu .nav_list li a:hover:before {
        content: '\f04b';
        font-family: 'FontAwesome';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 15px;
        font-size: 10px;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition-delay: unset;
        transition-delay: unset;
    }

    .wrap .header .head .menu .nav_list li a:after {
        display: none;
    }

    .wrap .header .head .menu .nav_list::-webkit-scrollbar {
        display: none;
    }

    .wrap .header .head .menu.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .wrap .header .head .menu.on:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: -1000%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1;
    }

    .wrap .header .head .menu.on .nav_list .m_menu_btn {
        opacity: 1;
    }

    .wrap .header .head .search {
        right: 10px;
        z-index: 100;
    }

    .wrap .header .head .search .drop_layout {
        right: 35px;
    }

    .wrap .header .head .search .drop_layout_contents {
        right: -102px !important;
    }

    .wrap .header .head .search .drop_layout_contents.on {
        z-index: 999999;
        top: 45px;
    }

    .wrap .header .head .search .drop_layout_contents.main_drop {
        right: -42px !important;
    }

    .wrap .header .head .search .main_side_menu .menu_contents {
        top: 40px;
        right: -10px;
    }

    .wrap .header .head .search .main_log_info .manga_view {
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap .header .head .search .main_log_info .manga_view.on {
        position: fixed;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
        margin-left: 0;
        z-index: 999;
    }

    .wrap .header .head .search .main_log .view_manga {
        z-index: unset !important;
        bottom: 0 !important;
    }

    .wrap .header .head .search .main_log .view_manga.on:before {
        content: '';
        position: fixed;
        top: 0;
        left: -1000%;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -1;
    }

    .wrap .header .head .mode {
        right: 150px;
        width: 25px;
    }

    .wrap .header .head .mode_info:after {
        display: none;
    }

    .wrap .header .head .main_drop {
        top: 60px;
        width: 100%;
    }

    .wrap .header .head .logo a img {
        width: auto !important;
        height: 44px !important;
    }

    .wrap .header.fixed {
        height: 60px;
    }

    .wrap .container .contents_list {
        width: 100%;
    }

    .wrap.on .header .head .menu {
        background-color: #1a1a1a;
    }

    .wrap.on .header .head .menu .nav_list {
        background-color: #1a1a1a;
    }

    .wrap.on .header .head .menu .nav_list li a {
        border-color: #2f2f2f;
    }

    .wrap.on .header .head .menu_btn {
        left: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .wrap.on .header .head .menu_btn span {
        background-color: #fff;
    }

    .wrap.on .header .head .menu_btn.on {
        left: 215px;
    }
}

/*# sourceMappingURL=media.css.map */