@charset "UTF-8";

@import "./common_class.css";

@font-face {
    font-family: 'Pretendard';
    src: url("../fonts/Pretendard-Regular.otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url("../fonts/Pretendard-Bold.otf");
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Pretendard';
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrap .explanation {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.wrap .header {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    z-index: 9999;
}

.wrap .header .head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 126px 1fr;
    grid-template-columns: 126px 1fr;
    grid-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1180px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    z-index: 99999;
}

.wrap .header .head .menu_btn {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 2px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.wrap .header .head .menu_btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 10px;
    background-color: #1a1a1a;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .header .head .menu_btn span:nth-child(4) {
    -webkit-transform: translate(35px, 35px);
    transform: translate(35px, 35px);
    opacity: 0;
    height: 0;
}

.wrap .header .head .menu_btn.active {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2px;
}

.wrap .header .head .menu_btn.active span {
    width: 15px;
    height: 15px;
}

.wrap .header .head .menu_btn.active span:nth-child(1) {
    border-radius: 5px 0 0 0;
}

.wrap .header .head .menu_btn.active span:nth-child(2) {
    border-radius: 0 5px 0 0;
}

.wrap .header .head .menu_btn.active span:nth-child(3) {
    border-radius: 0 0 0 8px;
}

.wrap .header .head .menu_btn.active span:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ff2424;
    border-radius: 0 0 8px 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    height: 15px;
}

.wrap .header .head .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 90;
}

.wrap .header .head .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #1a1a1a;
}

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

.wrap .header .head .menu {
    height: 100%;
    z-index: 93;
}

.wrap .header .head .menu .nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.wrap .header .head .menu .nav_list .m_menu_btn {
    display: none;
}

.wrap .header .head .menu .nav_list li {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.wrap .header .head .menu .nav_list li 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;
    font-size: 16px;
    color: #1a1a1a;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
}

.wrap .header .head .menu .nav_list li a:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 5px;
    background-color: transparent;
    width: 0%;
    margin: 0 auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
}

.wrap .header .head .menu .nav_list li a:hover,
.wrap .header .head .menu .nav_list li a.active {
    color: #ea4a3e;
}

.wrap .header .head .menu .nav_list li a:hover:after,
.wrap .header .head .menu .nav_list li a.active:after {
    width: 100%;
    background-color: #ea4a3e;
}

.wrap .header .head .menu .nav_list li:last-child {
    margin-right: 0;
}

.wrap .header .head .menu .nav_list li:last-child a::before {
    display: none;
}

.wrap .header .head .search {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    z-index: 93;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrap .header .head .search .drop {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    margin-right: 10px;
}

.wrap .header .head .search .drop_layout {
    position: absolute;
    top: 50%;
    right: 110px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrap .header .head .search .drop_layout .drop_btn {
    background: none;
    font-size: 20px;
    outline: none;
}

.wrap .header .head .search .drop_layout.contents {
    right: 0;
}

.wrap .header .head .main_side_menu .menu_key {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 2px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: unset;
    min-height: unset;
    padding: 0;
}

.wrap .header .head .main_side_menu .menu_key img {
    width: 100%;
}

.wrap .header .head .main_side_menu .menu_contents {
    background-color: #fff;
    position: absolute;
    top: 51px;
    right: 0;
    border: 1px solid #eaeaea;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    -webkit-box-shadow: 0px 6px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 2px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text],
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password] {
    background-color: #F4F5F8;
    width: 100%;
    height: 58px;
    color: #1E1F21;
    border: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 15px;
    border: 1px solid transparent;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]:active,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]:focus,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]:active,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]:focus {
    border-color: #f9b6ae;
    background-color: #fff;
    -webkit-box-shadow: 0 0 #d72525;
    box-shadow: 0 0 3px 3px #ea4a3e14;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]::-webkit-input-placeholder,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]::-webkit-input-placeholder {
    color: #8F9197;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]:-ms-input-placeholder,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]:-ms-input-placeholder {
    color: #8F9197;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]::-ms-input-placeholder,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]::-ms-input-placeholder {
    color: #8F9197;
}

.wrap .header .head .main_side_menu .menu_contents form.box input[type=text]::placeholder,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=password]::placeholder {
    color: #8F9197;
}

.wrap .header .head .main_side_menu .menu_contents form.box a,
.wrap .header .head .main_side_menu .menu_contents form.box button,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=submit] {
    background-color: #d72525;
    width: 100%;
    height: 58px;
    color: #fff;
    border: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    cursor: pointer;
    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 .header .head .main_side_menu .menu_contents form.box a:hover,
.wrap .header .head .main_side_menu .menu_contents form.box a.active,
.wrap .header .head .main_side_menu .menu_contents form.box button:hover,
.wrap .header .head .main_side_menu .menu_contents form.box button.active,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=submit]:hover,
.wrap .header .head .main_side_menu .menu_contents form.box input[type=submit].active {
    background-color: #ff1e00;
}

.wrap .header .head .main_side_menu .menu_contents .form_action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px;
}

.wrap .header .head .main_side_menu .menu_contents .form_action a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #1E1F21;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .header .head .main_side_menu .menu_contents .form_action a:hover {
    color: #ea4a3e;
}

.wrap .header .head .main_side_menu .menu_contents .tip {
    background-color: #fff4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
}

.wrap .header .head .main_side_menu .menu_contents .tip p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 1.3;
}

.wrap .header .head .main_side_menu .menu_contents .tip p span {
    color: #ea4a3e;
}

.wrap .header .head .main_side_menu .menu_contents .tip p:last-child {
    margin-bottom: 0;
}

.wrap .header .head .main_side_menu .menu_contents.on {
    display: block;
}

.wrap .header .head .main_log_info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .header .head .main_log_info .user_view .img {
    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;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #fafafa;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid #06b0f7;
}

.wrap .header .head .main_log_info .user_view .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .header .head .main_log_info .user_view .name {
    font-size: 13px;
    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;
    margin-top: 5px;
}

.wrap .header .head .main_log_info .manga_view {
    margin-left: 20px;
}

.wrap .header .head .main_log_contents {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    right: 45px;
    width: 300px;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    display: none;
}

.wrap .header .head .main_log_contents .log_out {
    background-color: #1a1a1a;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    border-radius: 5px;
}

.wrap .header .head .main_log_contents .log_secession {
    background-color: #1a1a1a;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 100;
    border-radius: 5px;
}

.wrap .header .head .main_log_contents .control_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.wrap .header .head .main_log_contents .control_bar .bar_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .header .head .main_log_contents .control_bar .bar_list a {
    margin-right: 10px;
}

.wrap .header .head .main_log_contents .control_bar_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #1a1a1a;
    margin-right: 10px;
    padding-left: 10px;
    position: relative;
}

.wrap .header .head .main_log_contents .control_bar_item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e7e7e7;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .header .head .main_log_contents .control_bar_item .p_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    font-size: 11px;
    color: #1a1a1a;
}

.wrap .header .head .main_log_contents .control_bar_item .p_icon:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    background-image: url(../images/icon/gift.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-top: -2px;
}

.wrap .header .head .main_log_contents .control_bar_item .number {
    font-size: 12px;
    color: #1a1a1a;
}

.wrap .header .head .main_log_contents .control_bar_item:hover {
    color: #e20000;
}

.wrap .header .head .main_log_contents .control_bar_item:hover:before {
    background-color: #e20000;
}

.wrap .header .head .main_log_contents .control_bar_item:last-child {
    position: absolute;
    right: 0;
    margin-right: 0;
}

.wrap .header .head .main_log_contents:after {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 15px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    right: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.wrap .header .head .main_log_contents.on {
    display: block;
}

.wrap .header .head .main_log .view_manga {
    -webkit-box-shadow: -20px 0px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -20px 0px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: block;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 0;
    bottom: 0;
}

.wrap .header .head .main_log .view_manga.on {
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.wrap .header .head .mode {
    background-color: #f7f7f7;
    border-radius: 5px;
    width: 80px;
    height: 25px;
    z-index: 94;
    position: absolute;
    top: 50%;
    right: 140px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 94;
    cursor: pointer;
}

.wrap .header .head .mode_action {
    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;
    border-radius: 50%;
    width: 20px;
    height: 25px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 20;
    min-height: unset;
    cursor: pointer;
}

.wrap .header .head .mode_action:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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;
    background-image: url(../images/icon/white_off.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
}

.wrap .header .head .mode_info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 10;
}

.wrap .header .head .mode_info:after {
    content: '화이트';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: calc(100% - 45px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrap .header .head .mode.on {
    border-color: #2b2b2b;
    background-color: #000;
    color: #fff;
}

.wrap .header .head .mode.on .mode_action {
    left: calc(100% - 25px);
}

.wrap .header .head .mode.on .mode_action:after {
    background-image: url(../images/icon/white_on.svg);
}

.wrap .header .head .mode.on .mode_info:after {
    content: '블랙';
    left: calc(100% - 65px);
}

.wrap .header .head .mode.m_90 {
    right: 110px;
}

.wrap .header .main_drop {
    position: absolute;
    top: 80px;
    width: 400px;
    right: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px;
    grid-template-columns: 1fr 60px;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background-color: #f5f5f5;
    border-top-color: transparent;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .header .main_drop input {
    border: 1px solid #eaeaea;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0 8px transparent;
    box-shadow: 0px 0 8px transparent;
}

.wrap .header .main_drop .close_input {
    position: absolute;
    top: 22px;
    right: 90px;
    background: none;
    background-image: url(../images/icon/close_off.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: unset;
    padding: 0;
}

.wrap .header .main_drop button {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #236dad;
    color: #fff;
    font-size: 14px;
}

.wrap .header .main_drop .search_rank {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0;
    background-color: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    z-index: -1;
    display: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 7px 5px 0px #00000012;
    box-shadow: 0px 7px 5px 0px #00000012;
}

.wrap .header .main_drop .search_rank_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
}

.wrap .header .main_drop .search_rank_item .icon {
    font-size: 12px;
    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;
    width: 20px;
    height: 20px;
    background-color: #d6d6d6;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

.wrap .header .main_drop .search_rank_item .icon.r_one {
    background-color: #ffb100;
}

.wrap .header .main_drop .search_rank_item .icon.r_two {
    background-color: #08bf49;
}

.wrap .header .main_drop .search_rank_item .icon.r_three {
    background-color: #a1530f;
}

.wrap .header .main_drop .search_rank_item a {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #a5a5a5;
    font-weight: 100;
}

.wrap .header .main_drop .search_rank_item .img {
    position: absolute;
    top: -72px;
    left: -167px;
    width: 156px;
    height: 208px;
    opacity: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    z-index: -1;
}

.wrap .header .main_drop .search_rank_item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .header .main_drop .search_rank_item:last-child {
    margin-bottom: 0;
}

.wrap .header .main_drop .search_rank_item:hover a,
.wrap .header .main_drop .search_rank_item.active a {
    color: #1a1a1a;
}

.wrap .header .main_drop .search_rank_item:hover .img,
.wrap .header .main_drop .search_rank_item.active .img {
    opacity: 1;
    z-index: 0;
}

.wrap .header .main_drop .search_rank_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.wrap .header .main_drop .search_rank_layout:nth-child(2) .search_rank_item .img {
    left: -361px;
}

.wrap .header .main_drop .search_rank:hover {
    overflow: unset;
}

.wrap .header .main_drop.on {
    opacity: 1;
    z-index: 999;
}

.wrap .header .main_drop.on input {
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 0px 0 5px rgba(224, 224, 224, 0.612);
    box-shadow: 0px 0 5px rgba(224, 224, 224, 0.612);
}

.wrap .header .main_drop.on .search_rank {
    display: -ms-grid;
    display: grid;
}

.wrap .header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 9999;
    background-color: white;
}

.wrap .container {
    overflow-y: auto;
}

.wrap .container .contents {
    padding-bottom: 60px !important;
    min-height: 750px;
    position: relative;
}

.wrap .container .contents .zoon {
    width: 1180px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
    margin-top: 20px;
}

.wrap .container .contents .zoon_item {
    padding-top: 50%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e5e5e5;
}

.wrap .container .contents .zoon_item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.wrap .container .contents .main_slide {
    width: 100%;
    margin: 0 auto;
    height: 450px;
    position: relative;
}

.wrap .container .contents .main_slide .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap .container .contents .main_slide .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    cursor: pointer;
}

.wrap .container .contents .main_slide .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    max-width: 1180px;
    margin: 0 auto;
}

.wrap .container .contents .main_slide .swiper-container .swiper-wrapper .swiper-slide.aaa:after {
    content: '배너 만들어 주시오';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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;
    font-size: 90px;
    color: #fff;
    -webkit-animation: texts 5s linear infinite;
    animation: texts 5s linear infinite;
    -webkit-transform-origin: left;
    transform-origin: left;
}

@-webkit-keyframes texts {
    0% {
        -webkit-transform: translateX(-100px) rotateX(0deg);
        transform: translateX(-100px) rotateX(0deg);
    }

    55% {
        -webkit-transform: translateX(200px) rotateX(0deg);
        transform: translateX(200px) rotateX(0deg);
    }

    80% {
        -webkit-transform: translateX(200px) rotateX(360deg);
        transform: translateX(200px) rotateX(360deg);
    }
}

@keyframes texts {
    0% {
        -webkit-transform: translateX(-100px) rotateX(0deg);
        transform: translateX(-100px) rotateX(0deg);
    }

    55% {
        -webkit-transform: translateX(200px) rotateX(0deg);
        transform: translateX(200px) rotateX(0deg);
    }

    80% {
        -webkit-transform: translateX(200px) rotateX(360deg);
        transform: translateX(200px) rotateX(360deg);
    }
}

.wrap .container .contents .main_slide .swiper-container .swiper_arr .swiper-button-prev {
    left: 15px;
    width: 100px;
}

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

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

.wrap .container .contents .main_slide .swiper-container .swiper_arr .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: -153px;
    left: -15px;
    bottom: 0;
    width: 150px;
    height: 350px;
    z-index: -1;
}

.wrap .container .contents .main_slide .swiper-container .swiper_arr .swiper-button-next {
    right: 15px;
    width: 100px;
}

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

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

.wrap .container .contents .main_slide .swiper-container .swiper_arr .swiper-button-next:before {
    content: '';
    position: absolute;
    top: -153px;
    right: -15px;
    bottom: 0;
    width: 150px;
    height: 350px;
    z-index: -1;
}

.wrap .container .contents .layout_collection {
    width: 1180px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
}

.wrap .container .contents .layout {
    border: 1px solid #eaeaea;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents .layout_tit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    background-color: #f9f9f9;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
}

.wrap .container .contents .layout_tit i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.wrap .container .contents .layout_tit i img {
    width: 50px;
    height: auto;
}

.wrap .container .contents .layout_tit .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap .container .contents .layout_tit .tit .sub_tit {
    font-size: 13px;
    color: #9b9b9b;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .layout_tit .tit strong {
    font-size: 20px;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.wrap .container .contents .layout_tit .control {
    position: absolute;
    top: 50%;
    right: 165px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .layout_tit .control .more {
    font-size: 13px;
    color: #1a1a1a;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-color: #fff;
}

.wrap .container .contents .layout_tit .control .more:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.wrap .container .contents .layout_contents {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .layout_contents .swiper-container {
    position: relative;
}

.wrap .container .contents .layout_contents .swiper-container .swiper_arr {
    width: 130px;
    height: 36px;
    border-radius: 15px;
    z-index: 999;
    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;
    margin-left: 20px;
    font-weight: 100;
    position: absolute;
    top: -78px;
    right: 0;
}

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-button-next {
    z-index: 9999;
    width: 36px;
    height: 36px;
    position: unset;
    margin: 0;
}

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

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-button-prev {
    z-index: 9999;
    width: 36px;
    height: 36px;
    position: unset;
    margin: 0;
}

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

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-pagination {
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    position: unset;
    font-size: 14px;
    padding: 0 15px;
    box-sizing: border-box;
}

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-pagination-bullet {
    margin-right: 10px;
    background-color: #E6E7EC;
    opacity: 1;
}

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.wrap .container .contents .layout_contents .swiper-container .swiper_arr .swiper-pagination-bullet-active {
    background-color: #455DD2;
}

.wrap .container .contents .layout_contents .item_grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .layout_contents .item_grid .item .img {
    padding-top: 139%;
    position: relative;
    overflow: hidden;
}

.wrap .container .contents .layout_contents .item_grid .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 5px;
}

.wrap .container .contents .layout_contents .item_grid .item .info {
    margin-top: 10px;
}

.wrap .container .contents .layout_contents .item_grid .item .info h3 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 100;
}

.wrap .container .contents .layout_contents .item_grid .item .info_layout {
    display: inline-block;
    font-size: 13px;
    color: #9b9b9b;
    margin-top: 5px;
}

.wrap .container .contents .layout_contents .item_grid .item .info_layout_item {
    margin-right: 5px;
}

.wrap .container .contents .layout_contents .item_grid .item .info_layout_item:first-child {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.wrap .container .contents .layout_contents .item_grid .item .info_layout_item:last-child {
    margin-right: 0;
}

.wrap .container .contents .layout_contents .item_grid .item.Adult .img::before {
    content: '19';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 23px;
    height: 23px;
    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;
    border-radius: 50%;
    z-index: 500;
    background-color: #fff;
    border: 3px solid #d73925;
    font-size: 11px;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .layout:last-child {
    margin-bottom: 0;
}

.wrap .container .contents .layout:hover {
    -webkit-box-shadow: 0px 8px 6px 0px #e4e4e47a;
    box-shadow: 0px 8px 6px 0px #e4e4e47a;
}

.wrap .container .contents .rankArea {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.wrap .container .contents .rankArea_tit {
    display: none;
}

.wrap .container .contents .rankArea_layout {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
}

.wrap .container .contents .rankArea_layout_head {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    background-color: #f9f9f9;
    position: relative;
}

.wrap .container .contents .rankArea_layout_head .control {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .rankArea_layout_head .control .more {
    font-size: 13px;
    color: #1a1a1a;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-color: #fff;
}

.wrap .container .contents .rankArea_layout_head .control .more:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.wrap .container .contents .rankArea_layout_contents .ranking {
    position: relative;
}

.wrap .container .contents .rankArea_layout_contents .ranking_contents {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 2fr 1fr;
    grid-template-columns: 50px 2fr 1fr;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number strong {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    font-family: 'Pretendard-bold';
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    color: #000;
    margin-top: 5px;
    width: 20px;
    height: 10px;
    overflow: hidden;
    position: relative;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states span img {
    width: auto;
    height: 10px;
    margin-right: 3px;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states span.up {
    -webkit-animation: upup .8s linear infinite;
    animation: upup .8s linear infinite;
}

@-webkit-keyframes upup {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes upup {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states span.down {
    -webkit-animation: downdown .8s linear infinite;
    animation: downdown .8s linear infinite;
}

@-webkit-keyframes downdown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes downdown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .number .states font {
    position: absolute;
    top: 0;
    right: 0;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 64px 1fr;
    grid-template-columns: 64px 1fr;
    grid-gap: 10px;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name .imgs {
    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;
    width: 64px;
    padding-top: 125%;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name .info .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name .info .tag span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #8F9197;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name .info .tag span:first-child {
    margin-right: 5px;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .name h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    color: #1E1F21;
    font-size: 14px !important;
    font-weight: 100;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list .views {
    font-size: 14px;
    color: #1E1F21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 20px;
}

.wrap .container .contents .rankArea_layout_contents .ranking_list:hover,
.wrap .container .contents .rankArea_layout_contents .ranking_list.active {
    background-color: #f5f5f5;
}

.wrap .container .contents .rankArea_layout:hover {
    background-color: #fff;
}

.wrap .container .contents .search_info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
    grid-gap: 10px;
}

.wrap .container .contents .search_info_layout {
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.wrap .container .contents .search_info_layout_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    grid-gap: 10px;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
}

.wrap .container .contents .search_info_layout_item:last-child {
    border-bottom: 0;
}

.wrap .container .contents .search_info_layout .name {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .search_info_layout .info input {
    border: 1px solid #ebebeb;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
}

.wrap .container .contents .search_info_layout .info .label {
    font-size: 0px;
    margin-bottom: -2px;
}

.wrap .container .contents .search_info_layout .info .label span {
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 13px;
    color: #1a1a1a;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 5px;
}

.wrap .container .contents .search_info_layout .info .label span:hover,
.wrap .container .contents .search_info_layout .info .label span.active {
    background-color: #ea4a3e;
    border-color: #d73925;
    color: #fff;
}

.wrap .container .contents .search_info_layout:last-child {
    border-bottom: 0;
}

.wrap .container .contents .search_info .submit_btn {
    width: 100%;
    height: 100%;
    background-color: #0071c1;
    color: #ffff;
    border-radius: 5px;
}

.wrap .container .contents_list {
    background-color: #fff;
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

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

.wrap .container .contents_list_item .imgs {
    padding-top: 139%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents_list_item .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list_item .imgs .hover_date {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
    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;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list_item .imgs .hover_date .h-text {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.wrap .container .contents_list_item .imgs .hover_date:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: -1;
}

.wrap .container .contents_list_item .info {
    margin-top: 10px;
}

.wrap .container .contents_list_item .info h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
    border-bottom: 1px solid transparent;
}

.wrap .container .contents_list_item .info_date {
    margin-top: 5px;
    font-size: 0;
}

.wrap .container .contents_list_item .info_date_item {
    font-size: 13px;
    color: #8F9197;
    display: inline-block;
    margin-right: 2px;
}

.wrap .container .contents_list_item .info_date_item:last-child {
    margin-right: 0;
}

.wrap .container .contents_list_item .info_date:last-child .info_date_item {
    margin-right: 15px;
}

.wrap .container .contents_list_item .info_date:last-child .info_date_item:last-child {
    margin-right: 0;
}

.wrap .container .contents_list_item:hover .imgs img,
.wrap .container .contents_list_item.active .imgs img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wrap .container .contents_list_item:hover .imgs .hover_date,
.wrap .container .contents_list_item.active .imgs .hover_date {
    opacity: 1;
}

.wrap .container .contents_list_item.keep .imgs:after {
    content: '구독중';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    color: #fff;
    font-size: 14px;
    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: rgba(211, 0, 0, 0.801);
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list_item.Adult .imgs::before {
    content: '19';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 23px;
    height: 23px;
    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;
    border-radius: 50%;
    z-index: 500;
    background-color: #fff;
    border: 3px solid #d73925;
    font-size: 11px;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .arcade_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px 10px;
    margin-top: 15px;
}

.wrap .container .contents_list .arcade_list_item .imgs {
    padding-top: 125%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents_list .arcade_list_item .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .arcade_list_item .imgs .hover_date {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
    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;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .arcade_list_item .imgs .hover_date .h-text {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.wrap .container .contents_list .arcade_list_item .imgs .hover_date:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.wrap .container .contents_list .arcade_list_item .info {
    margin-top: 10px;
}

.wrap .container .contents_list .arcade_list_item .info h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
    border-bottom: 1px solid transparent;
    word-break: break-word;
}

.wrap .container .contents_list .arcade_list_item .info_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.wrap .container .contents_list .arcade_list_item .info_date_item {
    font-size: 13px;
    color: #8F9197;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}

.wrap .container .contents_list .arcade_list_item:hover .imgs img,
.wrap .container .contents_list .arcade_list_item.active .imgs img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wrap .container .contents_list .arcade_list_item:hover .imgs .hover_date,
.wrap .container .contents_list .arcade_list_item.active .imgs .hover_date {
    opacity: 1;
}

.wrap .container .contents_list .arcade_list_item.Adult .imgs::before {
    content: '19';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 23px;
    height: 23px;
    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;
    border-radius: 50%;
    z-index: 500;
    background-color: #fff;
    border: 3px solid #d73925;
    font-size: 11px;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .arcade_view {
    background-color: #fafafa;
    min-height: 600px;
    margin-bottom: 40px;
    position: relative;
}

.wrap .container .contents_list .arcade_view .subscribes {
    width: 80px;
    height: 26px;
    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;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600;
    font-family: esamanru_bold;
    z-index: 100;
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
    border-radius: 2px;
}

.wrap .container .contents_list .arcade_view .subscribes:hover,
.wrap .container .contents_list .arcade_view .subscribes.active {
    background-color: #c70000;
    border-color: #c70000;
}

.wrap .container .contents_list .community_layout {
    margin-top: 10px;
    border-top: 1px solid #fafafa;
}

.wrap .container .contents_list .community_layout>.total {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    position: relative;
}

.wrap .container .contents_list .community_layout>.total span {
    color: #bbb;
    font-size: 14px;
}

.wrap .container .contents_list .community_layout>.total .control {
    position: absolute;
    top: -60px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community_layout>.total .control_item {
    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: 14px;
    margin-left: 10px;
    border: 1px solid #e5e5e5;
    color: #1a1a1a;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .community_layout>.total .control_item.iconEdit:before {
    margin-right: 5px;
}

.wrap .container .contents_list .community_layout>.total .control_item.myboard {
    background-color: #b71d1d;
    border-color: #b71d1d;
    color: #fff;
}

.wrap .container .contents_list .community_layout>.total .control_item.myboard:hover {
    background-color: #a21111;
    border-color: #a21111;
}

.wrap .container .contents_list .community_layout>.total .control_item:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.wrap .container .contents_list .community_layout_tit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 8% 1fr 15% 10% 10% 10%;
    grid-template-columns: 8% 1fr 15% 10% 10% 10%;
    background-color: #1a1a1a;
    border-bottom: 1px solid #000;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community_layout_tit .item {
    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;
    color: #fff;
    font-size: 16px;
    min-height: 50px;
    padding: 5px 10px;
    line-height: 1.5;
}

.wrap .container .contents_list .community_layout_tit .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #636363;
    width: 100%;
}

.wrap .container .contents_list .community_layout_tit .item a font {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 13px;
    color: #636363;
    cursor: pointer;
    line-height: 22px;
}

.wrap .container .contents_list .community_layout_tit .item a .viewArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community_layout_tit .item .img {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    overflow: hidden;
}

.wrap .container .contents_list .community_layout_tit .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.wrap .container .contents_list .community_layout_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 8% 1fr 15% 10% 10% 10%;
    grid-template-columns: 8% 1fr 15% 10% 10% 10%;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents_list .community_layout_item .item {
    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;
    text-align: center;
    color: #636363;
    font-size: 14px;
    min-height: 50px;
    padding: 10px;
    line-height: 1.5;
}

.wrap .container .contents_list .community_layout_item .item strong {
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 100;
}

.wrap .container .contents_list .community_layout_item .item .name {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25px 1fr;
    grid-template-columns: 25px 1fr;
    grid-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community_layout_item .item .name strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 100;
    font-family: 'Pretendard';
}

.wrap .container .contents_list .community_layout_item .item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community_layout_item .item span.notice_icon {
    background-image: url(../images/icon/speaker.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.wrap .container .contents_list .community_layout_item .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #636363;
    width: 100%;
    margin-top: 2px;
}

.wrap .container .contents_list .community_layout_item .item a font {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    color: #636363;
    cursor: pointer;
    line-height: 22px;
    text-align: left;
}

.wrap .container .contents_list .community_layout_item .item a font .type {
    color: #8F9197;
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.wrap .container .contents_list .community_layout_item .item a .viewArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community_layout_item .item a .viewArea span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}

.wrap .container .contents_list .community_layout_item .item a .viewArea span:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community_layout_item .item .img {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    overflow: hidden;
}

.wrap .container .contents_list .community_layout_item .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .container .contents_list .community_layout_item .item.link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrap .container .contents_list .community_layout_item .item.link .divition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #b2b2b2;
}

.wrap .container .contents_list .community_layout_item.notice {
    background-color: #eef7ff;
    border-color: #d0e9ff;
}

.wrap .container .contents_list .community_layout_item.notice .item {
    color: #1a1a1a;
}

.wrap .container .contents_list .community_layout_item.notice .item span.divition {
    color: #1a1a1a;
}

.wrap .container .contents_list .community_layout_item.notice .item a {
    color: #1a1a1a;
}

.wrap .container .contents_list .community_layout_item.notice .item a font {
    color: #1a1a1a;
}

.wrap .container .contents_list .community_layout_item.notice .item .name span,
.wrap .container .contents_list .community_layout_item.notice .item .name strong {
    color: #1a1a1a;
}

.wrap .container .contents_list .community_layout_item.notice:hover {
    background-color: #eef7ff;
    border-color: #d0e9ff;
}

.wrap .container .contents_list .community_layout_item:hover,
.wrap .container .contents_list .community_layout_item.active {
    background-color: #f4fbff;
}

.wrap .container .contents_list .community_layout_item:last-child {
    border-bottom: 0;
}

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

.wrap .container .contents_list .community .view h4 span {
    margin-left: 10px;
    color: #a7a7a7;
    font-size: 13px;
}

.wrap .container .contents_list .community .view h4 span font {
    color: #a7a7a7;
    font-size: 13px;
    font-weight: 100;
    padding-left: 5px;
}

.wrap .container .contents_list .community .view-head {
    margin-top: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

.wrap .container .contents_list .community .view-head h4 {
    font-size: 28px;
    word-spacing: 0px;
    line-height: 1.35;
    letter-spacing: -1px;
    word-break: break-all;
}

.wrap .container .contents_list .community .view-body {
    margin-top: 15px;
}

.wrap .container .contents_list .community .view-detail {
    margin-top: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view-detail span {
    padding: 0 15px;
    border-right: 1px solid #eaeaea;
    font-size: 13px;
    color: #a7a7a7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view-detail span font {
    margin-left: 5px;
}

.wrap .container .contents_list .community .view-detail span:first-child {
    padding-left: 0;
}

.wrap .container .contents_list .community .view-detail span:last-child {
    border-right: 0;
}

.wrap .container .contents_list .community .view-detail .grap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.wrap .container .contents_list .community .view-detail .grap span {
    color: #a7a7a7;
    font-size: 13px;
}

.wrap .container .contents_list .community .view-detail .grap span:first-child {
    margin-right: 10px;
}

.wrap .container .contents_list .community .view-detail .grap .line-bar {
    position: relative;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view-detail .grap .line-bar .red-line {
    position: absolute;
    top: 6px;
    left: 0;
    height: 6px;
    border-radius: 8px;
    background-color: #ff3636;
}

.wrap .container .contents_list .community .view-detail .grap .line-bar .line {
    height: 6px;
    border-radius: 8px;
    background-color: #ececec;
    width: 100%;
}

.wrap .container .contents_list .community .view-detail .grap span:last-child {
    color: #ff3636;
    margin-left: 10px;
}

.wrap .container .contents_list .community .view-notice {
    border: 1px solid #f6f6f6;
    background-color: #fafafa;
    position: relative;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
}

.wrap .container .contents_list .community .view-notice a strong {
    color: orange;
}

.wrap .container .contents_list .community .view-notice a font {
    padding-left: 10px;
    font-size: 14px;
}

.wrap .container .contents_list .community .view-notice a span {
    position: absolute;
    top: 5px;
    right: 5px;
}

.wrap .container .contents_list .community .view-contents {
    font-size: 16px;
    line-height: 2;
    word-break: break-all;
    margin-bottom: 5px;
    color: #464646;
    font-weight: 100;
    margin-top: 20px;
    min-height: 400px;
    overflow-y: auto;
}

.wrap .container .contents_list .community .view-contents pre {
    padding: 0;
    border: 0;
    background-color: #fff;
    white-space: pre-line;
}

.wrap .container .contents_list .community .view-contents img {
    max-width: 720px;
    height: auto;
}

.wrap .container .contents_list .community .view-contents div>img {
    max-width: 720px;
    height: auto;
}

.wrap .container .contents_list .community .view-contents p {
    margin-top: 10px;
}

.wrap .container .contents_list .community .view-contents p>img {
    width: 100%;
}

.wrap .container .contents_list .community .view-contents img {
    width: 100%;
}

.wrap .container .contents_list .community .view-contents .view-tag {
    margin-top: 40px;
}

.wrap .container .contents_list .community .view-contents .view-tag a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    color: #a7a7a7;
    margin: 0 6px 4px 0;
    padding: 0 8px;
    color: #666;
    background: #f9f9f9;
    border-radius: 3px;
    word-break: keep-all;
    letter-spacing: 0;
}

.wrap .container .contents_list .community .view-contents .view-tag a>span {
    margin-right: 5px;
}

.wrap .container .contents_list .community .view-contents .view-tag a:hover {
    text-decoration: none;
    background-color: #ebebeb;
}

.wrap .container .contents_list .community .view-comment {
    margin-top: 30px;
}

.wrap .container .contents_list .community .view-comment-layout {
    width: 100%;
    z-index: 100;
    overflow: initial;
}

.wrap .container .contents_list .community .view-comment-layout .form {
    width: 100%;
}

.wrap .container .contents_list .community .view-comment-layout .form_tit {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .container .contents_list .community .view-comment-layout .form_tit h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view-comment-layout .form_writing {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 68px;
    grid-template-columns: 1fr 68px;
    grid-gap: 0;
    margin-top: 15px;
}

.wrap .container .contents_list .community .view-comment-layout .form_writing .input_str {
    width: 100%;
    padding: 10px;
    position: relative;
    background-color: #F4F5F8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: initial;
}

.wrap .container .contents_list .community .view-comment-layout .form_writing .input_str input {
    border: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.wrap .container .contents_list .community .view-comment-layout .form_writing .input_str textarea {
    width: 100%;
    border: 0;
    min-height: 100px;
    background: none;
}

.wrap .container .contents_list .community .view-comment-layout .form_writing .submit {
    width: 100%;
    background-color: #1E1F21;
    color: #fff;
    font-size: 14px;
}

.wrap .container .contents_list .community .view-comment-layout .form_list {
    position: relative;
    height: calc(100% - 79px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community .view-comment-layout .form_list_comment_item {
    overflow: hidden;
}

.wrap .container .contents_list .community .view-comment-layout .form_list_comment_item:first-child {
    padding-top: 0;
}

.wrap .container .contents_list .community .view-comment-layout .form_list_comment::-webkit-scrollbar {
    display: none;
}

.wrap .container .contents_list .community .view-comment:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: -1;
}

.wrap .container .contents_list .community .view-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.wrap .container .contents_list .community .view-control a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    margin-right: 10px;
    color: #1a1a1a;
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
}

.wrap .container .contents_list .community .view-control a:before {
    margin-right: 5px;
}

.wrap .container .contents_list .community .view-control a:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .view .comments_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    grid-gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #E6E7EC;
}

.wrap .container .contents_list .community .view .comments_list .user_img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../images/comments/user_icon.svg);
    background-repeat: no-repeat;
}

.wrap .container .contents_list .community .view .comments_list .user_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrap .container .contents_list .community .view .comments_list .user_info {
    position: relative;
}

.wrap .container .contents_list .community .view .comments_list .user_info .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view .comments_list .user_info .name h4 {
    font-size: 14px;
    color: #1E1F21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    font-weight: bold;
}

.wrap .container .contents_list .community .view .comments_list .user_info .name time {
    font-size: 13px;
    color: #8F9197;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text {
    margin-top: 15px;
    color: #1E1F21;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 300px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text.spo_text {
    display: none;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text .edit_form {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    border: 1px solid #1a1a1a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding-right: 70px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text .edit_form input {
    border: 0;
    font-size: 13px;
    background: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text .edit_form button {
    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;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #fff;
    background-color: #1a1a1a;
    min-height: unset;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_text .edit_form.on {
    opacity: 1;
    z-index: 1;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0;
    min-height: unset;
    margin-right: 15px;
    font-size: 13px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item:before {
    content: '';
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: 80% 80%;
    background-position: center;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item.suggestion:before {
    background-image: url(../images/comments/dabong_off.svg);
    width: 19px;
    height: 17px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item.suggestion.on:before {
    background-image: url(../images/comments/dabong_on.svg);
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item.Deprecated:before {
    background-image: url(../images/comments/dabong_d_off.svg);
    width: 19px;
    height: 17px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item.Deprecated.on:before {
    background-image: url(../images/comments/dabong_d_on.svg);
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control_item:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control .controls .info_control_item {
    color: #8F9197;
    font-size: 13px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .info_control .controls .info_control_item:hover {
    color: #1a1a1a;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #4D94FF;
    background: none;
    margin-top: 5px;
    padding: 0 10px;
    height: 20px;
    min-height: unset;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 30px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    background-image: url(../images/comments/down_arrow.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 9px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment .num {
    margin-left: 10px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment.on:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment:hover {
    background-color: #4D94FF;
    color: #fff;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comment:hover:before {
    -webkit-filter: brightness(200%) grayscale(0.5);
    filter: brightness(200%) grayscale(0.5);
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action_item {
    width: 81px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid transparent;
    background-color: transparent;
    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;
    overflow: hidden;
    font-size: 13px;
    margin-right: 5px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action_item button {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    font-size: 13px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action_item.spo {
    border-color: #245FD1;
    background-color: #245FD1;
    color: #fff;
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action_item.view {
    border-color: #1E1F21;
    color: #1E1F21;
}

.wrap .container .contents_list .community .view .comments_list .user_info .view_action_item:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    grid-gap: 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    height: 0;
    opacity: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .img {
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .img.me {
    background-image: url(../images/comments/me.svg);
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 999;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_input input,
.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_input textarea {
    width: 100%;
    height: 40px;
    background: none;
    border: 0;
    border-bottom: 1px solid #E6E7EC;
    color: #1E1F21;
    font-size: 13px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_input input:focus,
.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_input textarea:focus {
    border-color: #1E1F21;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .emoji_contents {
    margin-left: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control_item {
    margin-right: 15px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control_item input {
    cursor: pointer;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control_item input[type=button] {
    border: 1px solid #E6E7EC;
    background-color: #fff;
    border-radius: 30px;
    width: 50px;
    height: 30px;
    font-size: 13px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control_item input[type=submit] {
    border: 0;
    background-color: #1E1F21;
    border-radius: 30px;
    width: 50px;
    height: 30px;
    font-size: 13px;
    color: #fff;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form .info .form_control .control_item:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form.on {
    height: 85px;
    opacity: 1;
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_form.on .img,
.wrap .container .contents_list .community .view .comments_list .user_info .reply_form.on .info {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.wrap .container .contents_list .community .view .comments_list .user_info .reply_layout {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fafafa;
    margin-top: 10px;
}

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

.wrap .container .contents_list .community .view .comments_list .user_info .reply_layout .form_list_comment_item:last-child .comments_list {
    border-bottom: 0;
}

.wrap .container .contents_list .community .view .comments_list .user_info .user_Declaration {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    font-size: 13px;
    color: #8F9197;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view .comments_list .user_info .user_Declaration .Declaration_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view .comments_list .user_info .user_Declaration .Declaration_item .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -5px;
    margin-right: 5px;
    width: 20px;
}

.wrap .container .contents_list .community .view .comments_list .user_info .user_Declaration .Declaration_item .icon img {
    width: 100%;
    height: auto;
}

.wrap .container .contents_list .community .view .comments_list .user_info .user_Declaration:hover {
    color: #ce4c29;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comments_list {
    height: 0;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.wrap .container .contents_list .community .view .comments_list .user_info .more_comments_list.on {
    height: auto;
    opacity: 1;
}

.wrap .container .contents_list .community .view .comments_list:last-child .user_info .reply_form.on .info .form_control .emoji .emoji_contents {
    margin-top: -157px;
}

.wrap .container .contents_list .community .view .comments_list.bg_ad {
    background: #eaf6ff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community .view .emoji {
    z-index: 9999;
}

.wrap .container .contents_list .community .view .emoji_btn {
    min-height: unset;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
}

.wrap .container .contents_list .community .view .emoji_contents {
    position: fixed;
    width: 200px;
    min-height: 132px;
    background-color: #fff;
    border: 1px solid #E6E7EC;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin-top: 10px;
    margin-left: -165px;
    display: none;
    grid-gap: 10px;
    z-index: 99999;
}

.wrap .container .contents_list .community .view .emoji_contents .emoji_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

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

.wrap .container .contents_list .community .view .spoiler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .view .spoiler_name {
    font-size: 14px;
    color: #1E1F21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.wrap .container .contents_list .community .view .spoiler_action {
    background-color: #8F9197;
    border-radius: 164px;
    width: 44px;
    height: 24px;
    position: relative;
    min-height: unset;
}

.wrap .container .contents_list .community .view .spoiler_action:after {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.wrap .container .contents_list .community .view .spoiler_action.on {
    background-color: #245FD1;
}

.wrap .container .contents_list .community .view .spoiler_action.on:after {
    left: unset;
    right: 2px;
}

.wrap .container .contents_list .community .writing_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #1E1F21;
    border-bottom: 1px solid #E4E5EA;
    padding-bottom: 15px;
}

.wrap .container .contents_list .community .writing_contents {
    padding: 35px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community .writing_contents .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #1E1F21;
}

.wrap .container .contents_list .community .writing_contents .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

.wrap .container .contents_list .community .writing_contents .tab 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;
    width: 60px;
    border-radius: 3px;
    color: #1E1F21;
    background-color: #fff;
    margin-right: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 1px solid #E4E5EA;
}

.wrap .container .contents_list .community .writing_contents .tab a .new {
    margin-left: 10px;
}

.wrap .container .contents_list .community .writing_contents .tab a:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .writing_contents .tab a:hover,
.wrap .container .contents_list .community .writing_contents .tab a.active {
    background-color: #ea4a3e;
    border-color: #ea4a3e;
    color: #fff;
}

.wrap .container .contents_list .community .writing_contents .form {
    margin-top: 10px;
}

.wrap .container .contents_list .community .writing_contents .form .input_str {
    position: relative;
    border: 1px solid #E6E7EC;
    background-color: #F8F9FA;
    border-radius: 3px;
    min-height: 40px;
    margin-bottom: 10px;
}

.wrap .container .contents_list .community .writing_contents .form .input_str input {
    width: 100%;
    border: 0;
    background: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community .writing_contents .form .input_str .number {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrap .container .contents_list .community .writing_contents .form .textarea_str {
    position: relative;
    border: 1px solid #E6E7EC;
    background-color: #F8F9FA;
    border-radius: 3px;
    height: 400px;
}

.wrap .container .contents_list .community .writing_contents .form .textarea_str textarea {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .community .writing_contents .form .textarea_str .number {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.wrap .container .contents_list .community .writing_contents .form dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
}

.wrap .container .contents_list .community .writing_contents .form dl dt {
    font-size: 16px;
    color: #1E1F21;
}

.wrap .container .contents_list .community .writing_contents .form dl dd {
    margin-top: 10px;
}

.wrap .container .contents_list .community .writing_contents .form dl dd .input_str input {
    height: 60px;
    font-size: 16px;
}

.wrap .container .contents_list .community .img_form {
    margin-top: 35px;
    border-top: 1px solid #E6E7EC;
    border-bottom: 1px solid #E6E7EC;
    padding-top: 35px;
    padding-bottom: 35px;
}

.wrap .container .contents_list .community .img_form_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .img_form_tit h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #1E1F21;
    margin-right: 20px;
}

.wrap .container .contents_list .community .img_form_tit .sub_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #8F9197;
}

.wrap .container .contents_list .community .img_form_action {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .community .img_form_info {
    background-color: #F8F9FA;
    border: 1px solid #E6E7EC;
    border-radius: 3px;
    overflow: hidden;
    width: 125px;
    height: 160px;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrap .container .contents_list .community .img_form_info button {
    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;
    border: 1px solid #E6E7EC;
    color: #1E1F21;
    width: 96px;
    height: 30px;
    border-radius: 3px;
    margin-top: 25px;
    padding: 0;
    min-height: unset;
    font-size: 12px;
}

.wrap .container .contents_list .community .img_form_content {
    margin-left: 20px;
}

.wrap .container .contents_list .community .img_form_content .img_info {
    width: 120px;
    height: 160px;
    border-radius: 3px;
    background-color: #E6E7EC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.wrap .container .contents_list .community .img_form_content .img_info:after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.wrap .container .contents_list .community .img_form_content .img_info .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(/community/images/img/close.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 999;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
}

.wrap .container .contents_list .community .img_form_content .img_info img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrap .container .contents_list .community .img_form_content .img_info:hover:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap .container .contents_list .community .img_form_content .img_info:hover .close {
    opacity: 1;
}

.wrap .container .contents_list .community .form_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}

.wrap .container .contents_list .community .form_btn button {
    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;
    width: 226px;
    height: 58px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    color: #1E1F21;
    border: 1px solid #E6E7EC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .community .form_btn button.b_submit {
    background-color: #ea4a3e;
    border-color: #ea4a3e;
    color: #fff;
}

.wrap .container .contents_list .community .form_btn button:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .community .form_btn button:hover {
    -webkit-filter: grayscale(0.3);
    filter: grayscale(0.3);
}

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

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

.wrap .container .contents_list .customer_tab 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;
    background-color: #fff;
    color: #1a1a1a;
    width: 100%;
    height: 60px;
    border: 1px solid #fafafa;
    background-color: #fafafa;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.wrap .container .contents_list .customer_tab a:hover,
.wrap .container .contents_list .customer_tab a.active {
    background-color: #fff;
}

.wrap .container .contents_list .customer .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #1E1F21;
    margin-bottom: 20px;
}

.wrap .container .contents_list .customer_form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20%;
    grid-template-columns: 1fr 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #fafafa;
}

.wrap .container .contents_list .customer_form textarea {
    width: 100%;
    height: 100%;
    border: 1px solid #E6E7EC;
    background-color: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_form button {
    width: 100%;
    height: 90px;
    background-color: #393939;
    color: #fff;
    font-size: 18px;
    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 .customer_list {
    margin-top: 30px;
}

.wrap .container .contents_list .customer_list_contents .list {
    width: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .customer_list_contents .list li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr 140px .15fr;
    grid-template-columns: 60px 1fr 140px .15fr;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
}

.wrap .container .contents_list .customer_list_contents .list li .icon {
    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 .customer_list_contents .list li time {
    font-size: 14px;
    color: #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .list li font {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #1E1F21;
}

.wrap .container .contents_list .customer_list_contents .list li .control {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
}

.wrap .container .contents_list .customer_list_contents .list li .control_item {
    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 .customer_list_contents .list li .control_item:first-child {
    width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}

.wrap .container .contents_list .customer_list_contents .list li .control_item .iconDelete,
.wrap .container .contents_list .customer_list_contents .list li .control_item .iconEdit {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    width: 100%;
    height: 25px;
    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;
}

.wrap .container .contents_list .customer_list_contents .list li .control_item .iconDelete:before,
.wrap .container .contents_list .customer_list_contents .list li .control_item .iconEdit:before {
    margin-right: 5px;
}

.wrap .container .contents_list .customer_list_contents .list li .state {
    color: #fafafa;
    background-color: #939393;
    font-size: 13px;
    width: 80px;
    height: 25px;
    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;
    position: unset !important;
}

.wrap .container .contents_list .customer_list_contents .list li .state.on {
    border-color: #ea4a3e;
    background-color: #ea4a3e;
    color: #fff;
}

.wrap .container .contents_list .customer_list_contents .list li.sub {
    background-color: #f3f3f3;
    display: none;
    position: relative;
    padding: 10px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .icon {
    position: absolute;
    width: 60px;
    top: 25px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrap .container .contents_list .customer_list_contents .list li.sub font {
    overflow: unset;
    text-overflow: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 2;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5a5a5a;
    padding-left: 70px;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .sub_form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px;
    grid-template-columns: 1fr 60px;
    grid-gap: 10px;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .sub_form input {
    border: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .sub_form button {
    width: 100%;
    height: 60px;
    background-color: #1a1a1a;
    color: #fff;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .s_control {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .s_control_item {
    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 .customer_list_contents .list li.sub .s_control_item .iconDelete,
.wrap .container .contents_list .customer_list_contents .list li.sub .s_control_item .iconEdit {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    width: 58px;
    height: 25px;
    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;
    margin-left: 10px;
}

.wrap .container .contents_list .customer_list_contents .list li.sub .s_control_item .iconDelete:before,
.wrap .container .contents_list .customer_list_contents .list li.sub .s_control_item .iconEdit:before {
    margin-right: 5px;
}

.wrap .container .contents_list .customer_list_contents .list li.sub.sub_pad {
    padding-bottom: 10px;
}

.wrap .container .contents_list .customer_list_contents .list li.qust_tit {
    -ms-grid-columns: 60px 1fr 140px;
    grid-template-columns: 60px 1fr 140px;
}

.wrap .container .contents_list .customer_list_contents .list:first-child {
    border-top: 1px solid #f5f5f5;
}

.wrap .container .contents_list .customer_list_contents .list:hover {
    background-color: #fafafa;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    border-bottom: 1px solid #E4E5EA;
    padding: 25px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_icon {
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_icon.question {
    background-image: url(/customer/images/Q.svg);
    width: 23px;
    height: 28px;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_icon.answer {
    background-image: url(/customer/images/A.svg);
    width: 26px;
    height: 26px;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #1E1F21;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_info time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 18px;
    color: #1E1F21;
    margin-top: 20px;
}

.wrap .container .contents_list .customer_list_contents .view_customer_item .v_info .waiting_reply {
    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: 18px;
    color: #6C6E73;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .customer_list_contents .view_customer .delete {
    border: 1px solid #ABABAB;
    background-color: #fff;
    width: 83px;
    height: 30px;
    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;
    color: #767676;
    font-size: 14px;
    margin-top: 15px;
    float: right;
    cursor: pointer;
}

.wrap .container .contents_list .customer_list_contents .view_customer:after {
    content: '';
    display: block;
    clear: both;
}

.wrap .container .contents_list .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.wrap .container .contents_list .tab>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: 16px;
    color: #1a1a1a;
    border-bottom: 4px solid transparent;
    margin-right: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .tab>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_list .tab>a .new {
    margin-left: 5px;
}

.wrap .container .contents_list .tab>a.active,
.wrap .container .contents_list .tab>a:hover {
    border-bottom-color: #d12813;
    color: #d12813;
}

.wrap .container .contents_list .tab .control {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrap .container .contents_list .tab .control .iconDelete {
    font-size: 13px;
    color: #1a1a1a;
    border: 1px solid #fafafa;
    width: 50px;
    height: 24px;
    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;
    border-radius: 4px;
    cursor: pointer;
}

.wrap .container .contents_list .new {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    background-color: #ff0000;
    color: #fff;
    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;
    position: relative;
    font-size: 13px;
    z-index: 100;
    border-radius: 2px;
}

.wrap .container .contents_list .new font {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0;
    margin-left: -1px;
    color: #fff !important;
    font-size: 10px !important;
}

.wrap .container .contents_list .hot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 27px;
    height: 27px;
    background-image: url(../images/Frame.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.wrap .container .contents_list .buttonArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .buttonArea button {
    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;
    min-height: unset;
    width: 60px;
    height: 24px;
    margin-right: 5px;
    border-radius: 2px;
}

.wrap .container .contents_list .buttonArea button:last-child {
    margin-right: 0;
}

.wrap .container .contents_list .buttonArea button.iconDelete {
    background-color: #ea4a3e;
    border-color: #ea4a3e;
    color: #fff;
}

.wrap .container .contents_list .buttonArea button.iconEdit {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.wrap .container .contents_list .mycomments_layout {
    margin-top: 20px;
}

.wrap .container .contents_list .mycomments_list_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20%;
    grid-template-columns: 1fr 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    border-bottom: 1px solid #fafafa;
}

.wrap .container .contents_list .mycomments_list_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .mycomments_list_item a .tag {
    font-size: 14px;
    color: #ea4a3e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.wrap .container .contents_list .mycomments_list_item a font {
    font-size: 14px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mycomments_list_item .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    justify-self: flex-end;
}

.wrap .container .contents_list .mycomments_list_item .control .iconDelete {
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #fafafa;
    font-size: 14px;
    color: #1a1a1a;
    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;
    min-height: unset;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents_list .mycomments_list_item .control .iconDelete:hover {
    background-color: #e20000;
    border-color: #e20000;
    color: #fff;
}

.wrap .container .contents_list .mycomments_list_item:last-child {
    border-bottom: 0;
}

.wrap .container .contents_list .mycomments_list_item:hover {
    background-color: #fafafa;
}

.wrap .container .contents_list .mycomments_list_item:hover .control .iconDelete {
    background-color: #e20000;
    border-color: #e20000;
    color: #fff;
}

.wrap .container .contents_list .mycomments_item {
    border: 1px solid #fafafa;
    background-color: #fff;
    margin-bottom: 20px;
}

.wrap .container .contents_list .mycomments_item .tit {
    font-size: 20px;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .mycomments_item:last-child {
    margin-bottom: 0;
}

.wrap .container .contents_list .mypage {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 1fr;
    grid-template-columns: 20% 1fr;
    grid-gap: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
}

.wrap .container .contents_list .mypage_side_layout {
    position: relative;
    background: #f8f8f8;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.wrap .container .contents_list .mypage_side_layout .exp {
    margin-top: 15px;
}

.wrap .container .contents_list .mypage_side_layout .point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 12px;
    color: #1a1a1a;
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
}

.wrap .container .contents_list .mypage_side_layout .point:before {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    margin-right: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e7e7e7;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .mypage_side_layout .point .p_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    font-size: 11px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_side_layout .point .p_icon:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    background-image: url(../images/icon/gift.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-top: -2px;
}

.wrap .container .contents_list .mypage_side_layout .point .number {
    font-size: 12px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_side_layout .point:hover,
.wrap .container .contents_list .mypage_side_layout .point.active {
    color: #e20000;
}

.wrap .container .contents_list .mypage_side_layout .point:hover:before,
.wrap .container .contents_list .mypage_side_layout .point.active:before {
    background-color: #e20000;
}

.wrap .container .contents_list .mypage_side_layout .log_out {
    background-color: #1a1a1a;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    border-radius: 5px;
}

.wrap .container .contents_list .mypage_side_layout .log_secession {
    background-color: #e20000;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 100;
    border-radius: 5px;
}

.wrap .container .contents_list .mypage_side_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
}

.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;
    color: #1a1a1a;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fafafa;
    border-radius: 5px;
}

.wrap .container .contents_list .mypage_side_menu a:hover {
    background-color: #fafafa;
}

.wrap .container .contents_list .mypage_side_menu a.active {
    background-color: #ea4a3e;
    border-color: #ea4a3e;
    color: #fff;
}

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

.wrap .container .contents_list .mypage_contents {
    min-height: 800px;
}

.wrap .container .contents_list .mypage_contents .no_board {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 !important;
}

.wrap .container .contents_list .mypage_contents .no_board .no_date {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
}

.wrap .container .contents_list .mypage_contents .no_board .no_date .img {
    -webkit-filter: grayscale(1) brightness(0.95);
    filter: grayscale(1) brightness(0.95);
}

.wrap .container .contents_list .mypage_contents .no_board .no_date .info {
    font-size: 12px;
    margin-top: 10px;
}

.wrap .container .contents_list .mypage_contents .community_layout {
    margin-top: 0;
}

.wrap .container .contents_list .mypage_contents .community_layout_item .item .buttonArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap .container .contents_list .mypage_contents .community_layout_item .item .buttonArea button {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
}

.wrap .container .contents_list .mypage_contents .community_layout_item .item .buttonArea button:last-child {
    margin-bottom: 0;
}

.wrap .container .contents_list .mypage_contents .gift_layout_tit {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

.wrap .container .contents_list .mypage_contents .gift_layout_tit h4 {
    font-size: 20px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item {
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit span {
    font-size: 12px;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 25px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit button {
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 0;
    min-height: 0;
    background: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit button:hover {
    color: #ea4a3e;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_contents {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr .25fr .25fr .25fr;
    grid-template-columns: 60px 1fr .25fr .25fr .25fr;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .img {
    width: 60px;
    height: 60px;
    position: relative;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .name {
    font-size: 12px;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .number {
    font-size: 12px;
    color: #989898;
    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 .gift_layout_list .point_list_item_layout .points {
    font-size: 12px;
    color: #989898;
    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 .gift_layout_list .point_list_item_layout .states {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .states .states_item {
    font-size: 12px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .states .states_item:first-child {
    color: #989898;
    margin-bottom: 5px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .states .states_item 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;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_contents .gift_layout_list .point_list_item:last-child {
    margin-bottom: 0;
}

.wrap .container .contents_list .mypage_contents .gift_layout_cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 30px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .mypage_contents .gift_layout_info {
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
}

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

.wrap .container .contents_list .mypage_contents .gift_layout_info dl dd {
    font-size: 16px;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_list .mypage_contents .gift_layout_info dl dd a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #989898;
}

.wrap .container .contents_list .mypage_contents .gift_layout_info dl dd a img {
    margin-left: 15px;
}

.wrap .container .contents_list .mypage_contents .gift_layout_info dl dd a:hover {
    color: #06b0f7;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .img {
    padding-top: 120%;
    position: relative;
    border: 1px solid #eaeaea;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .info {
    margin-top: 10px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .info_title {
    font-size: 14px;
    color: #1a1a1a;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .info_state {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .info_state span {
    font-size: 14px;
    color: #989898;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item .gift_btn {
    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;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    background-color: #52a0ff;
}

.wrap .container .contents_list .mypage_contents .gift_layout_item:hover .img {
    border-color: #52a0ff;
}

.wrap .container .contents_list .mypage_contents .gift_layout .pagenavi {
    margin-top: 50px;
}

.wrap .container .contents_view {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 270px;
    grid-template-columns: 1fr 270px;
}

.wrap .container .contents_view_info {
    position: relative;
}

.wrap .container .contents_view_info .img {
    padding-top: 37%;
    position: relative;
    width: 226px;
    position: relative;
    float: left;
    max-height: 320px;
    overflow: hidden;
}

.wrap .container .contents_view_info .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-position: top;
    object-position: top;
    max-height: 320px;
}

.wrap .container .contents_view_info .date {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 226px;
    letter-spacing: -1px;
}

.wrap .container .contents_view_info .date h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 20px;
    color: #1a1a1a;
    font-weight: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 15px;
}

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

.wrap .container .contents_view_info .date_info_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

.wrap .container .contents_view_info .date_info_item .d_name {
    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: 15px;
    color: #000;
    width: 60px;
    line-height: 2;
    font-weight: 100;
}

.wrap .container .contents_view_info .date_info_item .d_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #6c6c6c;
    font-weight: 100;
    line-height: 1.6;
    text-align: justify;
    min-height: 30px;
}

.wrap .container .contents_view_info .date_info_item .d_info .more_layout {
    position: relative;
}

.wrap .container .contents_view_info .date_info_item .d_info .more_layout .more_btn {
    width: 80px;
    font-size: 13px;
    color: #1a1a1a;
    border: 1px solid #eaeaea;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    margin-top: 5px;
}

.wrap .container .contents_view_info .date_info_item .d_info .more_layout .more_text {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 90%;
    color: #6c6c6c;
    letter-spacing: 1px;
}

.wrap .container .contents_view_info .date_info_item .d_info .more_layout.on .more_text {
    text-overflow: unset;
    overflow: unset;
    -webkit-line-clamp: unset;
}

.wrap .container .contents_view_info .date_info_item:last-child {
    margin-bottom: 0;
}

.wrap .container .contents_view_info .date_info .date_action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 15px;
    position: absolute;
    top: 207px;
    left: 0px;
    width: 226px;
}

.wrap .container .contents_view_info .date_info .date_action 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;
    height: 50px;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    border: 1px solid transparent;
    width: 111.5px;
    font-size: 16px;
}

.wrap .container .contents_view_info .date_info .date_action a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}

.wrap .container .contents_view_info .date_info .date_action a.reading {
    background-color: rgba(19, 51, 143, 0.8);
    color: #cacaca;
    -ms-grid-column: 3;
    -ms-grid-column-span: -2;
    grid-column: 3/1;
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.wrap .container .contents_view_info .date_info .date_action a.reading span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
}

.wrap .container .contents_view_info .date_info .date_action a.first {
    background-color: #d72525;
}

.wrap .container .contents_view_info .date_info .date_action a.first:hover {
    background-color: #fc1919;
}

.wrap .container .contents_view_info .date_info .date_action a:last-child {
    margin-right: 0;
}

.wrap .container .contents_view_info:after {
    content: '';
    display: block;
    clear: both;
}

.wrap .container .contents_view_list .list_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_view_list .list_tit h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
}

.wrap .container .contents_view_list .list_tit .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_view_list .list_tit .control .change {
    background: none;
    background-image: url(../images/icon/change.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: unset;
    padding: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents_view_list .list_tit .control .change.on {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.wrap .container .contents_view_list .list_item {
    width: 100%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ececec;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_view_list .list_item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.wrap .container .contents_view_list .list_item .info .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.wrap .container .contents_view_list .list_item .info .tit span {
    margin-left: 10px;
    font-size: 13px;
}

.wrap .container .contents_view_list .list_item .info .tit span.episode {
    color: #1a1a1a;
    font-size: 16px;
}

.wrap .container .contents_view_list .list_item .info .tit span.up {
    color: #ff2424;
    font-weight: bold;
    -webkit-animation: up .3s linear infinite;
    animation: up .3s linear infinite;
}

@-webkit-keyframes up {
    0% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
    }

    50% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
    }
}

@keyframes up {
    0% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
    }

    50% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
    }
}

.wrap .container .contents_view_list .list_item .info h5 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    max-width: 40%;
    letter-spacing: -1px;
}

.wrap .container .contents_view_list .list_item .info h5.two_line {
    -webkit-line-clamp: 2;
}

.wrap .container .contents_view_list .list_item .info .view_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
    position: absolute;
    right: 0;
}

.wrap .container .contents_view_list .list_item .info .view_date .view_date_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 75px;
    margin-right: 20px;
}

.wrap .container .contents_view_list .list_item .info .view_date .view_date_item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #8F9197;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}

.wrap .container .contents_view_list .list_item .info .view_date .view_date_item:last-child {
    margin-right: 0;
    min-width: 60px;
}

.wrap .container .contents_view_list .list_item.active .info .tit h5,
.wrap .container .contents_view_list .list_item.active .info .tit .episode {
    color: #ff0000;
}

.wrap .container .contents_view_list .list_item.hover .info .tit h5,
.wrap .container .contents_view_list .list_item.hover .info .tit .episode {
    color: #bdbdbd;
}

.wrap .container .contents_view_list .list_item:hover {
    background-color: #fafafa;
}

.wrap .container .contents_view_list .list_item:hover .info .tit h5,
.wrap .container .contents_view_list .list_item:hover .info .tit .episode {
    color: #ff0000;
}

.wrap .container .contents_view_side {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents_view_side_bar_item {
    margin-bottom: 10px;
    padding-top: 50%;
    background-color: #fafafa;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents_view_side_bar_item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-position: top;
    object-position: top;
}

.wrap .container .contents_view_contents {
    margin-top: 20px;
}

.wrap .container .contents_view.one .contents_view_list .contents_view_info .img {
    padding-top: 28.5%;
}

.wrap .container .contents .banner {
    margin-bottom: 30px;
    background-color: #d4e9ff;
    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;
    position: relative;
}

.wrap .container .contents .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .container .contents .banner p {
    font-size: 30px;
    color: #454545;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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;
    z-index: 100;
}

.wrap .container .contents .tip {
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.wrap .container .contents .tip h4 {
    font-size: 20px;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.wrap .container .contents .tip_contents {
    background-color: #fff8eb;
    padding: 20px;
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .tip_contents p {
    font-size: 16px;
    color: #997a5e;
    margin-bottom: 5px;
}

.wrap .container .contents .tip_contents p:last-child {
    margin-bottom: 0;
}

.wrap .container .contents .subscribes {
    background-color: #ff3015;
    border-color: #ff3015;
}

.wrap .container .contents .subscribes:before {
    margin-right: 5px;
}

.wrap .container .contents .subscribes:hover,
.wrap .container .contents .subscribes.active {
    background-color: #8a1303;
}

.wrap .container .contents .subscribes:hover:before,
.wrap .container .contents .subscribes.active:before {
    content: '\f005';
}

.wrap .container .contents .subscribes.active {
    background-color: #8a1303;
    border-color: #8a1303;
    color: #fff;
}

.wrap .container .contents .bookmark .tab {
    position: relative;
}

.wrap .container .contents .bookmark .tab .control {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 90px;
    z-index: 999;
}

.wrap .container .contents .bookmark .tab .control button {
    margin-left: 10px;
}

.wrap .container .contents .bookmark .tab .control .delete_cancle {
    font-size: 12px;
    border-radius: 5px;
    padding: 5px 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 1px solid #eaeaea;
    background-color: #f1f1f1;
    opacity: 0;
    width: 80px;
    overflow: hidden;
    min-width: unset;
    padding: unset;
    margin: unset;
    position: absolute;
    right: 0;
    z-index: 100;
}

.wrap .container .contents .bookmark .tab .control .delete_cancle.on {
    opacity: 1;
    z-index: 900;
    min-width: 80px;
}

.wrap .container .contents .bookmark .tab .control .active_btn {
    border: 1px solid #eaeaea;
    background-color: #f1f1f1;
    font-size: 12px;
    border-radius: 5px;
    padding: 5px 10px;
    width: 80px;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 800;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents .bookmark .tab .control .active_btn:hover {
    border: 1px solid #dcdcdc;
    background-color: #dcdcdc;
}

.wrap .container .contents .bookmark .tab .control .active_btn.on {
    opacity: 0;
    padding: unset;
    margin: unset;
    min-width: unset;
}

.wrap .container .contents .bookmark .tab .control .delete_bookmark {
    background-color: #ff4545;
    border-color: #ff4545;
    font-size: 12px;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    width: 80px;
    overflow: hidden;
    min-width: unset;
    padding: unset;
    margin: unset;
    position: relative;
    z-index: 200;
}

.wrap .container .contents .bookmark .tab .control .delete_bookmark:hover {
    background-color: #e20000;
    border-color: #e20000;
}

.wrap .container .contents .bookmark .tab .control .delete_bookmark.on {
    opacity: 1;
    min-width: 80px;
    margin-left: 10px;
}

.wrap .container .contents .bookmark_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px 10px;
    margin-top: 25px;
    padding-bottom: 50px;
}

.wrap .container .contents .bookmark_item {
    position: relative;
}

.wrap .container .contents .bookmark_item .imgs {
    padding-top: 125%;
    position: relative;
}

.wrap .container .contents .bookmark_item .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.wrap .container .contents .bookmark_item .info {
    margin-top: 10px;
    height: 40px;
}

.wrap .container .contents .bookmark_item .info h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
    border-bottom: 1px solid transparent;
    word-break: break-all;
}

.wrap .container .contents .bookmark_item .info_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.wrap .container .contents .bookmark_item .info_date_item {
    font-size: 13px;
    color: #8F9197;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}

.wrap .container .contents .bookmark_item .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    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;
    height: calc(100% - 50px);
    opacity: 0;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.wrap .container .contents .bookmark_item .checkbox input {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.wrap .container .contents .bookmark_item .checkbox.on {
    z-index: 99900;
    opacity: 1;
}

.wrap .container .contents .mysetting_tit {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
}

.wrap .container .contents .mysetting_tit h4 {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
    border-bottom: 1px solid transparent;
}

.wrap .container .contents .mysetting_tit .dete_out {
    font-size: 13px;
    color: #fff;
    background-color: #d72525;
    padding: 5px 10px;
    cursor: pointer;
}

.wrap .container .contents .mysetting_layout {
    margin-bottom: 40px;
}

.wrap .container .contents .mysetting_layout:last-child {
    margin-bottom: 0;
}

.wrap .container .contents .mysetting_contents {
    border: 1px solid #fafafa;
    background-color: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .mysetting_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 90px 1fr;
    grid-template-columns: 90px 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid #fafafa;
    padding: 20px 0;
}

.wrap .container .contents .mysetting_item .name {
    color: #8F9197;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .mysetting_item .name.align-start {
    padding-top: 10px;
}

.wrap .container .contents .mysetting_item .info {
    font-size: 16px;
    color: #1E1F21;
    position: relative;
}

.wrap .container .contents .mysetting_item .info .Withdrawal {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8F9197;
    font-size: 13px;
    font-weight: 100;
}

.wrap .container .contents .mysetting_item .info .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap .container .contents .mysetting_item .info .input_str {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .mysetting_item .info .input_str input {
    width: 250px;
    height: 40px;
    border: 1px solid #E6E7EC;
    background-color: #F4F5F8;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

.wrap .container .contents .mysetting_item .info .input_str input:active,
.wrap .container .contents .mysetting_item .info .input_str input:focus {
    border-color: #d72525;
    background-color: #fff;
    -webkit-box-shadow: 0 0 #d72525;
    box-shadow: 0 0 3px 3px #ea4a3e14;
}

.wrap .container .contents .mysetting_item .info .input_str input::-webkit-input-placeholder {
    color: #8F9197;
}

.wrap .container .contents .mysetting_item .info .input_str input:-ms-input-placeholder {
    color: #8F9197;
}

.wrap .container .contents .mysetting_item .info .input_str input::-ms-input-placeholder {
    color: #8F9197;
}

.wrap .container .contents .mysetting_item .info .input_str input::placeholder {
    color: #8F9197;
}

.wrap .container .contents .mysetting_item .info .input_str button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    margin-left: 10px;
    color: #8F9197;
    font-size: 14px;
}

.wrap .container .contents .mysetting_item .info .input_tip {
    font-size: 14px;
    color: #d72525;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .container .contents .mysetting_item .info .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap .container .contents .mysetting_item .info .profile_img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.wrap .container .contents .mysetting_item .info .profile_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrap .container .contents .mysetting_item .info .profile_action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

.wrap .container .contents .mysetting_item .info .profile_action button {
    height: 40px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #E6E7EC;
    font-size: 14px;
    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;
    margin-right: 10px;
    color: #1E1F21;
    border-radius: 5px;
}

.wrap .container .contents .mysetting_item .info .profile_action button.change {
    background-color: #d72525;
    border-color: #d72525;
    color: #fff;
}

.wrap .container .contents .mysetting_item .info .profile_action button.change:hover {
    -webkit-filter: grayscale(0.2);
    filter: grayscale(0.2);
    color: #fff;
}

.wrap .container .contents .mysetting_item .info .profile_action button:last-child {
    margin-right: 0;
}

.wrap .container .contents .mysetting_item .info .profile_action button:hover,
.wrap .container .contents .mysetting_item .info .profile_action button.active {
    color: #d72525;
}

.wrap .container .contents .mysetting_item .info .code {
    width: 250px;
}

.wrap .container .contents .mysetting_item .info .code_input {
    border: 1px solid #d72525;
    background-color: #F4F5F8;
    color: #1E1F21;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .mysetting_item .info .code_input input {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .mysetting_item .info .code_action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 100px;
    grid-template-columns: 1fr 100px;
    grid-gap: 10px;
    margin-top: 10px;
}

.wrap .container .contents .mysetting_item .info .code_action input {
    border: 1px solid #E6E7EC;
    background-color: #F4F5F8;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .container .contents .mysetting_item .info .code_action button {
    background-color: #d72525;
    color: #fff;
    width: 100%;
    height: 40px;
    padding: 0;
}

.wrap .container .contents .mysetting_item .info .apply {
    width: 100px;
    height: 40px;
    border: 1px solid #E6E7EC;
    background-color: #fff;
    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;
    margin-top: 10px;
    font-size: 14px;
    color: #1E1F21;
}

.wrap .container .contents .mysetting_item .info .apply.active,
.wrap .container .contents .mysetting_item .info .apply:hover {
    color: #d72525;
}

.wrap .container .contents .mysetting_item:last-child {
    border-bottom: 0;
}

.wrap .container .contents .mysetting .submit {
    width: 200px;
    height: 50px;
    background-color: #d72525;
    color: #fff;
    font-size: 14px;
    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;
    margin: 0 auto;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wrap .container .contents .mysetting .submit:hover {
    background-color: #f32b2b;
}

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

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

.wrap .footer {
    width: 100%;
    background-color: #0f0f0f;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap .footer_layout {
    width: 1180px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap .footer_layout .company {
    margin-right: 40px;
    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 .footer_layout .company img {
    width: 87px;
    height: auto;
    -webkit-filter: grayscale(1) brightness(0.5);
    filter: grayscale(1) brightness(0.5);
}

.wrap .footer_layout .contact_info {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    width: auto;
}

.wrap .footer_layout .contact_info span:first-child {
    margin-right: 10px;
}

.wrap .footer_layout .contact_info:last-child {
    margin-bottom: 0;
}

.wrap .footer_layout .contact_info:hover {
    color: #ea4a3e;
}

.wrap.on {
    background-color: #1a1a1a !important;
}

.wrap.on .header {
    background-color: #1a1a1a !important;
}

.wrap.on .header .head .menu li a {
    color: #d9d9d9;
}

.wrap.on .header .head .search .drop_layout .drop_btn {
    color: #d9d9d9;
}

.wrap.on .header .head .search .view_manga {
    background-color: #1a1a1a;
    border-color: #000;
}

.wrap.on .header .head .search .view_manga_item .info h4 {
    color: #fff;
}

.wrap.on .header .head .search .view_manga_item .info .data time {
    color: #fff;
}

.wrap.on .header .head .search .view_manga_item .info .data .continue {
    color: #fff;
}

.wrap.on .header .head .search .view_manga_item .info .data .continue .arrow {
    -webkit-filter: grayscale(0.5) brightness(800%);
    filter: grayscale(0.5) brightness(800%);
}

.wrap.on .header .head .search .view_manga_item:hover {
    background-color: #000;
}

.wrap.on .header .head .search .view_manga_over {
    background-color: #232323;
}

.wrap.on .header .head .search .view_manga .more {
    border-color: #000;
    background-color: #2d2d2d;
    color: #d9d9d9;
}

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

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

.wrap.on .header .head .main_side_menu .menu_contents {
    border-color: #000;
    background-color: #212121;
}

.wrap.on .header .head .main_side_menu .menu_contents .form_action a {
    color: #d9d9d9;
}

.wrap.on .header .head .main_side_menu .menu_contents .tip {
    background: #3d3d3d;
    color: #d1d1d1;
}

.wrap.on .header .head .main_drop {
    background-color: #323232;
    border-color: #000;
}

.wrap.on .header .head .main_drop .search_rank {
    background-color: #272727;
    border-color: #272727;
}

.wrap.on .header .head .main_drop .search_rank_item .icon {
    background-color: #060606;
}

.wrap.on .header .head .main_drop .search_rank_item .icon.r_one {
    background-color: #ffb100;
}

.wrap.on .header .head .main_drop .search_rank_item .icon.r_two {
    background-color: #08bf49;
}

.wrap.on .header .head .main_drop .search_rank_item .icon.r_three {
    background-color: #a1530f;
}

.wrap.on .header .head .main_drop .search_rank_item a {
    color: #d9d9d9;
}

.wrap.on .header .head .main_drop.on input {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .layout {
    background-color: #212121 !important;
    border-color: black !important;
}

.wrap.on .container .contents .layout_collection .layout_tit {
    border-color: black !important;
    background-color: #121212 !important;
}

.wrap.on .container .contents .layout_collection .layout_tit strong {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .layout_tit .control .more {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .layout_tit .control .more:hover {
    background-color: #d9d9d9;
    color: #000;
}

.wrap.on .container .contents .layout_collection .layout_contents .swiper-container .swiper_arr .swiper-pagination {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .layout_contents .item_grid .item .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background-color: rgba(84, 84, 84, 0.2);
    border-radius: 5px;
}

.wrap.on .container .contents .layout_collection .layout_contents .item_grid .item .info h3 {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .layout:hover {
    -webkit-box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.3);
}

.wrap.on .container .contents .layout_collection .rankArea_layout {
    background-color: #1a1a1a;
    border-color: #000;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_head {
    border-color: #000;
    background-color: #121212;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_head h3 {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_head .control .more {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_head .control .more:hover {
    background-color: #fff;
    color: #000;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents {
    background-color: #212121;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list .number {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list .number strong {
    color: #fff;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list .number .states font {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list .name .info h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list .views {
    color: #d9d9d9;
}

.wrap.on .container .contents .layout_collection .rankArea_layout_contents .ranking_list:hover {
    background-color: #000;
}

.wrap.on .container .contents_list {
    background-color: #212121;
    border-color: #000;
}

.wrap.on .container .contents_list .search_info_layout {
    background-color: #2b2b2b;
    border-color: #000;
}

.wrap.on .container .contents_list .search_info_layout_item {
    border-color: #1e1e1e;
}

.wrap.on .container .contents_list .search_info_layout_item .name {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .search_info_layout_item .info input {
    background-color: #1a1a1a;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .search_info_layout_item .info .label span {
    background-color: #1c1c1c;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .search_info_layout_item .info .label span:hover,
.wrap.on .container .contents_list .search_info_layout_item .info .label span.active {
    background-color: #ea4a3e;
    border-color: #d73925;
    color: #d9d9d9;
}

.wrap.on .container .contents_list_item .info h4 {
    color: #d9d9d9 !important;
}

.wrap.on .container .contents_list .arcade_tab a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .arcade_view {
    background-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .arcade_list_item .imgs {
    position: relative;
}

.wrap.on .container .contents_list .arcade_list_item .info h4 {
    color: #fff;
}

.wrap.on .container .contents_list .community_tab a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .community_layout .total {
    background: unset;
}

.wrap.on .container .contents_list .community_layout_tit {
    background-color: #101010;
}

.wrap.on .container .contents_list .community_layout_item {
    border-color: #2f2f2f;
    background-color: #161616;
}

.wrap.on .container .contents_list .community_layout_item .item {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout_item .item strong {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout_item .item a font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout_item .item a .viewArea span {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout_item:hover {
    background-color: #2f2f2f;
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .community_layout_item.notice {
    background-color: #641717;
    border-color: #641717;
}

.wrap.on .container .contents_list .community_layout_item.notice .item {
    color: #fff;
}

.wrap.on .container .contents_list .community_layout_item.notice .item .name strong {
    color: #fff;
}

.wrap.on .container .contents_list .community_layout_item.notice .item .divition {
    color: #676767;
}

.wrap.on .container .contents_list .community_layout_item.notice:hover {
    background-color: #3d1111;
    border-color: #3d1111;
}

.wrap.on .container .contents_list .community_layout_item.active {
    background-color: #292929;
}

.wrap.on .container .contents_list .community_layout_item.no_board .no_date .info {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community_layout .control .iconEdit {
    background-color: #1a1a1a;
    border-color: #000;
    color: #fff;
}

.wrap.on .container .contents_list .community .view h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-head {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .community .view-head h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-detail span {
    border-color: #212121;
}

.wrap.on .container .contents_list .community .view-contents {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-control {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .community .view-control a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_tit h3 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_writing .input_str {
    background-color: #000;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_writing .input_str input,
.wrap.on .container .contents_list .community .view-comment-layout .form_writing .input_str textarea {
    background-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_writing .submit {
    background-color: #690000;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_tab a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .name h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .view_action_item.view {
    background-color: #353535;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .view_action_item.view .view_text {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text p {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text .e_text,
.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text .text {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_text .edit_form button {
    background-color: #690000;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control_item {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control_item:before {
    -webkit-filter: grayscale(0.5) brightness(800%);
    filter: grayscale(0.5) brightness(800%);
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control_item.suggestion:before {
    background-image: url(../images/icon/dabong_d_off.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control_item.suggestion.on:before {
    background-image: url(../images/icon/dabong_d_on.svg);
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .info_control .controls button:hover {
    color: #fff;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .reply_form .info .form_input input {
    color: #d9d9d9;
    border-color: #3b3b3b;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .reply_form .info .form_control .control_item .spoiler_name {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .reply_form .info .form_control .control_item input[type=submit] {
    background-color: #000;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list .user_info .reply_layout {
    background-color: #161616;
}

.wrap.on .container .contents_list .community .view-comment-layout .form_list_comment_item .comments_list.bg_ad {
    background-color: #1a3d56;
}

.wrap.on .container .contents_list .community .writing_tit {
    border-color: #222;
}

.wrap.on .container .contents_list .community .writing_tit h3 {
    color: #fff;
}

.wrap.on .container .contents_list .community .writing .tab a {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .writing .tab a:hover,
.wrap.on .container .contents_list .community .writing .tab a.active {
    background-color: #ea4a3e;
}

.wrap.on .container .contents_list .community .writing_contents .tit {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .community .writing_contents .form .input_str {
    background-color: #2f2f2f;
    border-color: #000;
    color: #fff;
}

.wrap.on .container .contents_list .community .writing_contents .form .input_str input {
    color: #fff;
}

.wrap.on .container .contents_list .community .writing_contents .form .textarea_str {
    background-color: #2f2f2f;
    border-color: #000;
    color: #fff;
}

.wrap.on .container .contents_list .community .writing_contents .form .textarea_str textarea {
    color: #fff;
}

.wrap.on .container .contents_list .community .writing_contents .form .img_form {
    border-color: #222;
}

.wrap.on .container .contents_list .community .writing_contents .form .img_form_tit h3 {
    color: #fff;
}

.wrap.on .container .contents_list .tip {
    border-bottom: 1px solid #2f2f2f;
}

.wrap.on .container .contents_list .tip h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .tip_contents {
    background-color: #252525;
}

.wrap.on .container .contents_list .tip_contents p {
    color: #9b9786;
}

.wrap.on .container .contents_list .tab {
    border-bottom-color: #2f2f2f;
}

.wrap.on .container .contents_list .tab a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .bookmark_item .imgs {
    background-color: #fafafa;
}

.wrap.on .container .contents_list .bookmark_item .info h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .bookmark_item .info_date_item {
    color: #8F9197;
}

.wrap.on .container .contents_list .mysetting_tit {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .mysetting_tit h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_contents {
    background-color: #212121;
    border-color: #212121;
}

.wrap.on .container .contents_list .mysetting_item {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .mysetting_item .info {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info span {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .input_str input {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .input_str input:active,
.wrap.on .container .contents_list .mysetting_item .info .input_str input:focus {
    border-color: #000;
    background-color: #000;
    -webkit-box-shadow: 0 0 #000;
    box-shadow: 0 0 3px 3px #00000014;
}

.wrap.on .container .contents_list .mysetting_item .info .input_str button {
    background-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .input_str button:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.wrap.on .container .contents_list .mysetting_item .info .apply {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .apply:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.wrap.on .container .contents_list .mysetting_item .info .code_input {
    border: 0;
    background: none;
}

.wrap.on .container .contents_list .mysetting_item .info .code_input input {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .code_input input:active,
.wrap.on .container .contents_list .mysetting_item .info .code_input input:focus {
    border-color: #000;
    background-color: #000;
    -webkit-box-shadow: 0 0 #000;
    box-shadow: 0 0 3px 3px #00000014;
}

.wrap.on .container .contents_list .mysetting_item .info .code_action input {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mysetting_item .info .code_action input:active,
.wrap.on .container .contents_list .mysetting_item .info .code_action input:focus {
    border-color: #000;
    background-color: #000;
    -webkit-box-shadow: 0 0 #000;
    box-shadow: 0 0 3px 3px #00000014;
}

.wrap.on .container .contents_list .mysetting_item .info .profile_action button:nth-child(2),
.wrap.on .container .contents_list .mysetting_item .info .profile_action button:nth-child(3) {
    background-color: #000;
    color: #d9d9d9;
    border-color: #000;
}

.wrap.on .container .contents_list .mysetting_item .info .profile_action button:nth-child(2):hover,
.wrap.on .container .contents_list .mysetting_item .info .profile_action button:nth-child(3):hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.wrap.on .container .contents_list .customer_tab a {
    background-color: #282828;
    border-color: #282828;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_tab a.active,
.wrap.on .container .contents_list .customer_tab a:hover {
    background-color: #ff4545;
    border-color: #ff4545;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list:first-child {
    border-top-color: #2f2f2f;
}

.wrap.on .container .contents_list .customer_layout .list li {
    border-bottom-color: #2f2f2f;
}

.wrap.on .container .contents_list .customer_layout .list_tit font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list_tit .control_item .iconDelete,
.wrap.on .container .contents_list .customer_layout .list_tit .control_item .iconEdit {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list .sub {
    background-color: #282828;
}

.wrap.on .container .contents_list .customer_layout .list .sub font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list .sub .s_control_item .iconDelete,
.wrap.on .container .contents_list .customer_layout .list .sub .s_control_item .iconEdit {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list .sub_form input {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_layout .list:hover {
    background-color: #000;
}

.wrap.on .container .contents_list .customer_form {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}

.wrap.on .container .contents_list .customer_form textarea {
    background-color: #232323;
    border-color: #232323;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .customer_form button {
    background-color: #1a1a1a;
}

.wrap.on .container .contents_list .mycomments_item {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.wrap.on .container .contents_list .mycomments_list_item {
    border-color: #2f2f2f;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mycomments_list_item a font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mycomments_list_item:hover {
    background-color: #000;
}

.wrap.on .container .contents_list .mypage_side_layout {
    background-color: #161616;
    border-color: #161616;
}

.wrap.on .container .contents_list .mypage_side_layout .log_out {
    background-color: #000;
}

.wrap.on .container .contents_list .mypage_side_layout .user_date_info h3 {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_layout .user_date_info .date_control_item .level {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_layout .user_date_info .date_control_item .level font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_layout .point .p_icon {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_layout .point .p_icon font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_layout .point .number {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_menu a {
    border-color: #2f2f2f;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_side_menu a:hover {
    background-color: #000;
}

.wrap.on .container .contents_list .mypage_side_menu a.active:hover {
    background-color: #d12813;
}

.wrap.on .container .contents_list .mypage_contents .attendance_tip_tit {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .mypage_contents .attendance_tip_tit h4 {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .attendance_tip_list {
    background-color: #2f2f2f;
}

.wrap.on .container .contents_list .mypage_contents .attendance_tip_list dl dt,
.wrap.on .container .contents_list .mypage_contents .attendance_tip_list dl dd {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_form {
    background-color: #191919;
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .mypage_contents .attendance_form .info_form textarea {
    background-color: #1f1f1f;
    border-color: #1f1f1f;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list {
    border-top-color: #2f2f2f;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_top span {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_top span.level {
    border-color: #000;
    background-color: #000;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_top span.number .arrow img {
    -webkit-filter: grayscale(0) brightness(1000%);
    filter: grayscale(0) brightness(1000%);
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_top strong {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_date .item {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_img_info_tit_date .item font {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_text {
    background-color: #5f5f5f;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .attendance_list_item .check_text p {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_tit {
    border-color: #2f2f2f;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_tit h4 {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_item .info_title {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item {
    border-color: #000;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit {
    background-color: #1a1a1a;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit span {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit button {
    color: #fff;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_tit button:hover {
    color: #e20000;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .name {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_list .point_list_item_layout .states_item a {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_info {
    background-color: #1a1a1a;
    border-color: #000;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_info dl dt,
.wrap.on .container .contents_list .mypage_contents .gift_layout_info dl dd {
    color: #d9d9d9;
}

.wrap.on .container .contents_list .mypage_contents .gift_layout_info dl dt a img,
.wrap.on .container .contents_list .mypage_contents .gift_layout_info dl dd a img {
    -webkit-filter: grayscale(1) brightness(1000%);
    filter: grayscale(1) brightness(1000%);
}

.wrap.on .container .contents_view_info .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(84, 84, 84, 0.2);
}

.wrap.on .container .contents_view_info .date h4 {
    color: #d9d9d9;
    border-color: #2f2f2f;
}

.wrap.on .container .contents_view_info .date_info {
    border-color: #212121;
}

.wrap.on .container .contents_view_info .date_info_item .d_name {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_info .date_info_item .d_info {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_info .date_info_item .d_info .more_layout .more_text {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_info .date_info_item .d_info .more_layout .more_btn {
    background-color: #000;
    border-color: #000;
    color: #d9d9d9;
}

.wrap.on .container .contents_view_list .view_list_head {
    background-color: #000;
    border: 1px solid #060606;
}

.wrap.on .container .contents_view_list .view_list_head h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_list .view_list_head .control_item {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_list .view_list_item {
    border-bottom: 1px solid #0e0e0e;
}

.wrap.on .container .contents_view_list .view_list_item .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background-color: rgba(84, 84, 84, 0.2);
}

.wrap.on .container .contents_view_list .view_list_item .info .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap.on .container .contents_view_list .view_list_item .info .tit span {
    margin-left: 10px;
    font-size: 13px;
}

.wrap.on .container .contents_view_list .view_list_item .info .tit span.episode {
    color: #b3b3b3;
}

.wrap.on .container .contents_view_list .view_list_item .info h5 {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_list .view_list_item .info .view_date .view_date_item:first-child span {
    color: #d9d9d9;
}

.wrap.on .container .contents_view_list .view_list_item:hover {
    background-color: #000;
}

.wrap.on .container .contents_view .list_tit {
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
}

.wrap.on .container .contents_view .list_tit h4 {
    color: #d9d9d9;
}

.wrap.on .container .contents_view .list_tit .control .change {
    -webkit-filter: grayscale(0.5) brightness(200%);
    filter: grayscale(0.5) brightness(200%);
}

.wrap.on .container .contents_view .list_item {
    border-bottom: 1px solid #363636;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap.on .container .contents_view .list_item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #0d0d0d;
}

.wrap.on .container .contents_view .list_item .info .tit h5 {
    color: #d9d9d9;
}

.wrap.on .container .contents_view .list_item .info .tit .episode {
    color: #d9d9d9;
}

.wrap.on .container .contents_view .list_item.active .info .tit h5,
.wrap.on .container .contents_view .list_item.active .info .tit .episode {
    color: #ff4c4c;
}

.wrap.on .container .contents_view .list_item.hover .info .tit h5,
.wrap.on .container .contents_view .list_item.hover .info .tit .episode {
    color: #8f8f8f;
}

.wrap.on .container .contents_view .list_item:hover {
    background-color: #000;
}

.wrap.on .container .contents_view .list_item:hover .info .tit h5,
.wrap.on .container .contents_view .list_item:hover .info .tit .episode {
    color: #fff;
}

.wrap.on .pagenavi li a {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #d9d9d9;
}

.wrap.on .pagenavi li a.active,
.wrap.on .pagenavi li a:hover {
    background-color: #000;
}

.wrap.on .pagenavi li:first-child a,
.wrap.on .pagenavi li:last-child a {
    width: 30px;
    background: none;
    color: var(--color--black);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: grayscale(0.5) brightness(800%);
    filter: grayscale(0.5) brightness(800%);
}

.user_date {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    grid-gap: 10px;
}

.user_date_img {
    width: 50px;
    height: 50px;
    background-color: #fafafa;
    border-radius: 50%;
    overflow: hidden;
}

.user_date_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.user_date_info h3 {
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 100;
}

.user_date_info .date_control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.user_date_info .date_control_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.user_date_info .date_control_item:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dfdfdf;
}

.user_date_info .date_control_item .level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_date_info .date_control_item .level .icon {
    font-size: 10px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 0 4px;
}

.user_date_info .date_control_item .level font {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
}

.user_date_info .date_control_item .edit_date {
    font-size: 13px;
    color: #1a1a1a;
}

.user_date_info .date_control_item .edit_date:hover {
    color: #8F9197;
}

.user_date_info .date_control_item:last-child:before {
    display: none;
}

.exp {
    width: 100%;
    height: 5px;
    margin-top: 8px;
    background-color: #ededed;
    border-radius: 2px;
}

.exp_bar {
    -webkit-animation: progress-ani 1.5s linear infinite;
    animation: progress-ani 1.5s linear infinite;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    background-color: #ff4a00;
    border-radius: 2px;
}

@-webkit-keyframes progress-ani {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -20px -20px;
    }
}

@keyframes progress-ani {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -20px -20px;
    }
}

.name_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
    overflow: hidden;
    padding: 0 !important;
}

.name_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.state {
    position: absolute;
    top: 0;
    right: -35px;
    z-index: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.state span {
    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: 10px;
    background-color: #d12813;
    color: #fff;
    width: 100px;
    height: 30px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
}

.state span.rf {
    background-color: #d12813;
}

.state span.gray {
    background-color: #777;
}

.new_icons {
    position: relative;
    overflow: hidden;
}

.new_icons:after {
    content: 'NEW';
    position: absolute;
    top: 5px;
    right: -50px;
    z-index: 999;
    width: 140px;
    height: 25px;
    background-color: #d72525;
    color: #fff;
    font-size: 11px;
    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;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-animation: new_icons 1.5s linear infinite;
    animation: new_icons 1.5s linear infinite;
}

@-webkit-keyframes new_icons {
    0% {
        opacity: .3;
    }

    25% {
        opacity: .8;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: .8;
    }

    100% {
        opacity: .3;
    }
}

@keyframes new_icons {
    0% {
        opacity: .3;
    }

    25% {
        opacity: .8;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: .8;
    }

    100% {
        opacity: .3;
    }
}

.secession_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: none;
}

.secession_pop_layout {
    width: 300px;
    min-height: 150px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.secession_pop_tit {
    font-size: 14px;
    color: #1a1a1a;
    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;
}

.secession_pop_body {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.secession_pop_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.secession_pop_form input {
    border: 1px solid #eaeaea;
    background-color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.secession_pop_form button {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #e20000;
    color: #fff;
    font-size: 12px;
    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;
}

.secession_pop.on {
    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;
}

.point_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: none;
}

.point_pop_layout {
    width: 300px;
    min-height: 300px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}

.point_pop_tit {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.point_pop_tit .point_close {
    position: absolute;
    top: -5px;
    right: 0;
    background: none;
    padding: 0;
}

.point_pop_contents .coupon_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.point_pop_contents .coupon_item .img {
    position: relative;
    width: 80px;
    height: 80px;
}

.point_pop_contents .coupon_item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.point_pop_contents .coupon_item .info h4 {
    font-size: 14px;
}

.point_pop_contents .coupon_item .info .text {
    font-size: 13px;
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.point_pop_contents .coupon_item .info .text .numberArea {
    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;
}

.point_pop_contents .coupon_item .info .text .numberArea button {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    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;
    margin: 0;
    min-height: 0;
}

.point_pop_contents .coupon_item .info .text .numberArea input {
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    max-width: 50px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    text-align: center;
    border-radius: 2px;
    margin: 0 5px;
}

.point_pop_footer {
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.point_pop_footer .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-top: 15px;
}

.point_pop_footer .phone_item {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.point_pop_footer .phone_item select {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    width: 60px;
    height: 30px;
}

.point_pop_footer .phone_item input {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    font-size: 12px;
    height: 30px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 65px);
    color: #1a1a1a;
    margin-left: 5px;
}

.point_pop_footer .phone_item p {
    font-size: 12px;
    color: #989898;
}

.point_pop_footer dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: aliceblue;
}

.point_pop_footer dl dt {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 100 !important;
    font-family: 'Pretendard';
}

.point_pop_footer dl dd {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.point_pop_footer dl dd .item {
    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-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px;
}

.point_pop_footer dl dd .item span {
    font-size: 12px;
    color: #989898;
    margin-top: 5px;
}

.point_pop_footer dl dd .item:first-child {
    margin-left: 0;
}

.point_pop_footer dl dd .item:last-child {
    margin-right: 0;
}

.point_pop_footer .coupon_btn {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    background-color: #52a0ff;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}

.point_pop.on {
    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;
}

.number_pop {
    cursor: pointer;
}

.point_number_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: none;
}

.point_number_pop_layout {
    width: 300px;
    min-height: 140px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}

.point_number_pop_tit {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.point_number_pop_tit .point_close {
    position: absolute;
    top: -5px;
    right: 0;
    background: none;
    padding: 0;
}

.point_number_pop_contents {
    padding-top: 5px;
    padding-bottom: 10px;
}

.point_number_pop_contents .coupon_number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.point_number_pop_contents .coupon_number span {
    font-size: 16px;
    color: #1a1a1a;
    padding: 10px 0;
}

.point_number_pop_contents .coupon_number .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.point_number_pop_contents .coupon_number .btn_area button {
    padding: 0;
    margin: 0;
    min-height: 0;
    padding: 8px;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 5px;
}

.point_number_pop_contents .coupon_number .btn_area button:last-child {
    margin-right: 0;
}

.point_number_pop_contents .coupon_number .btn_area button.bg-green {
    color: #fff;
}

.point_number_pop.on {
    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;
}

.point_check {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: none;
}

.point_check_layout {
    width: 600px;
    min-height: 140px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}

.point_check_head {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.point_check_head h3 .held_point {
    font-size: 12px;
    font-weight: 100;
    margin-left: 20px;
    color: #989898;
}

.point_check_head .point_close {
    position: absolute;
    top: -5px;
    right: 0;
    background: none;
    padding: 0;
}

.point_check_contents {
    overflow-y: auto;
    overflow-x: hidden;
}

.point_check_contents ul li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.2fr 2fr .3fr .3fr;
    grid-template-columns: 1.2fr 2fr .3fr .3fr;
}

.point_check_contents ul li span {
    font-size: 13px;
    text-align: center;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.point_check_contents ul.thead {
    background-color: #1a1a1a;
    color: #fff;
}

.point_check_contents ul.tbody {
    height: 400px;
}

.point_check_contents ul.tbody li {
    border-bottom: 1px solid #eaeaea;
}

.point_check_contents ul.tbody li span:nth-of-type(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.point_check.on {
    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;
}

@media (max-width: 980px) {
    .point_check_layout {
        max-width: 360px;
    }

    .point_check_contents ul li {
        -ms-grid-columns: .6fr 1fr .3fr .3fr;
        grid-template-columns: .6fr 1fr .3fr .3fr;
        grid-gap: 10px;
    }

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

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