@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0 none;
}

dl, ul, ol, menu, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

input, select, textarea, button {
    vertical-align: middle;
}

input::-ms-clear {
    display: none;
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

body {
    background: var(--bg-color);
}

body, th, td, input, select, textarea, button {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'NotoSans', 'Apple SD Gothic Neo', sans-serif;
    color: var(--text-color);
}
/* color값은 디자인가이드에 맞게사용 */

a {
    color: var(--text-color);
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
}

a:active {
    background-color: transparent;
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal;
}
/* icon */

.ico_comm {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    outline: none !important;
    outline: 0 !important;
    background-color: transparent !important;
    background-image: url(../images/ico_comm.png);
    vertical-align: top;
}
/* icon - h30(h15) */

.ico_board_text_off {
    width: 14px;
    height: 14px;
    background-position: 0 0;
}

.ico_board_thumb_off {
    width: 14px;
    height: 14px;
    background-position: -15px 0;
}

.ico_board_big_off {
    width: 14px;
    height: 14px;
    background-position: -30px 0;
}

.ico_board_column_off {
    width: 14px;
    height: 14px;
    background-position: -45px 0;
}

.ico_board_text_on {
    width: 14px;
    height: 14px;
    background-position: -60px 0;
}

.ico_board_thumb_on {
    width: 14px;
    height: 14px;
    background-position: -75px 0;
}

.ico_board_big_on {
    width: 14px;
    height: 14px;
    background-position: -90px 0;
}

.ico_board_column_on {
    width: 14px;
    height: 14px;
    background-position: -105px 0;
}

.ico_arrow_black {
    width: 6px;
    height: 15px;
    background-position: -120px 0;
}

.ico_new {
    width: 14px;
    height: 14px;
    background-position: -130px 0;
}

.ico_tooltip {
    width: 14px;
    height: 14px;
    background-position: -145px 0;
}

.ico_close2 {
    width: 11px;
    height: 11px;
    background-position: -160px 0;
}

.ico_more3 {
    width: 12px;
    height: 12px;
    background-position: -175px 0;
}

.ico_required {
    width: 10px;
    height: 14px;
    background-position: -190px 0;
}

.ico_more5, .list_channel .btn_list .ico_arrow_black {
    width: 12px;
    height: 12px;
    background-position: -200px 0;
}

.ico_brunch {
    width: 15px;
    height: 15px;
    background-position: 0 -15px;
}

.ico_kakaotv {
    width: 15px;
    height: 15px;
    background-position: -15px -15px;
}

.ico_tstory {
    width: 15px;
    height: 15px;
    background-position: -30px -15px;
}

.ico_daumnews {
    width: 15px;
    height: 15px;
    background-position: -45px -15px;
}

.ico_contentsview {
    width: 15px;
    height: 15px;
    background-position: -60px -15px;
}

.ico_channel {
    width: 15px;
    height: 15px;
    background-position: -75px -15px;
}

.ico_youtube {
    width: 15px;
    height: 15px;
    background-position: -90px -15px;
}

.ico_instargram {
    width: 15px;
    height: 15px;
    background-position: -105px -15px;
}

.ico_unknown {
    width: 15px;
    height: 15px;
    background-position: -120px -15px;
}

.ico_plus {
    width: 12px;
    height: 12px;
    background-position: -135px -15px;
}

.ico_more_white2 {
    width: 17px;
    height: 13px;
    background-position: -150px -15px;
}

.ico_more_black {
    width: 19px;
    height: 15px;
    background-position: -170px -15px;
}

.ico_more_white {
    width: 19px;
    height: 15px;
    background-position: -190px -15px;
}

.ico_more_blue {
    width: 19px;
    height: 15px;
    background-position: -210px -15px;
}
/* icon - h40(h20) */

.ico_choice, .item_choice .lab_choice .ico_check, .item_choice .lab_choice .ico_radio {
    width: 20px;
    height: 20px;
    background-position: 0 -30px;
}

.ico_check_required, .item_choice .inp_comm:required + .lab_choice .ico_check {
    width: 20px;
    height: 20px;
    background-position: -20px -30px;
}

.ico_check_on, .item_choice .inp_comm:checked + .lab_choice .ico_check {
    width: 20px;
    height: 20px;
    background-position: -40px -30px;
}

.ico_check_disabled, .item_choice .inp_comm:checked:disabled + .lab_choice .ico_check {
    width: 20px;
    height: 20px;
    background-position: -60px -30px;
}

.ico_radio_on, .item_choice .inp_comm:checked + .lab_choice .ico_radio {
    width: 20px;
    height: 20px;
    background-position: -80px -30px;
}

.ico_del {
    width: 16px;
    height: 16px;
    background-position: -100px -30px;
}

.ico_secret {
    width: 16px;
    height: 16px;
    background-position: -120px -30px;
}

.ico_board {
    width: 17px;
    height: 17px;
    background-position: -140px -30px;
}

.ico_statics {
    width: 17px;
    height: 17px;
    background-position: -160px -30px;
}

.ico_choice2, .item_choice_s .lab_choice .ico_check {
    width: 16px;
    height: 16px;
    background-position: -180px -30px;
}

.ico_check2_on, .item_choice_s .inp_comm:checked + .lab_choice .ico_check {
    width: 16px;
    height: 16px;
    background-position: -200px -30px;
}

.ico_chat {
    width: 16px;
    height: 16px;
    background-position: 0 -50px;
}

.ico_calendar {
    width: 16px;
    height: 16px;
    background-position: -20px -50px;
}

.ico_more2 {
    width: 16px;
    height: 16px;
    background-position: -40px -50px;
}

.ico_delete {
    width: 17px;
    height: 17px;
    background-position: -60px -50px;
}

.ico_chat2 {
    width: 19px;
    height: 19px;
    background-position: -80px -50px;
}

.ico_calendar2 {
    width: 19px;
    height: 19px;
    background-position: -100px -50px;
}

.ico_like {
    width: 16px;
    height: 20px;
    background-position: -120px -50px;
}

.ico_setting {
    width: 17px;
    height: 17px;
    background-position: -140px -50px;
}

.ico_warnning {
    width: 16px;
    height: 16px;
    background-position: -160px -50px;
}
/* icon - h50(h25) */

.ico_menu {
    width: 24px;
    height: 24px;
    background-position: 0 -70px;
}

.ico_home {
    width: 24px;
    height: 24px;
    background-position: -25px -70px;
}

.ico_search {
    width: 24px;
    height: 24px;
    background-position: -50px -70px;
}

.ico_close {
    width: 24px;
    height: 24px;
    background-position: -75px -70px;
}

.ico_more {
    width: 24px;
    height: 24px;
    background-position: -100px -70px;
}

.ico_prev {
    width: 24px;
    height: 24px;
    background-position: -125px -70px;
}

.ico_update {
    width: 25px;
    height: 25px;
    background-position: -150px -70px;
}

.ico_more4 {
    width: 24px;
    height: 24px;
    background-position: 0 -95px;
}

.ico_remove {
    width: 23px;
    height: 23px;
    background-position: -25px -95px;
}

.ico_drag {
    width: 23px;
    height: 23px;
    background-position: -50px -95px;
}

.ico_remove2 {
    width: 23px;
    height: 23px;
    background-position: -75px -95px;
}

.ico_drag2 {
    width: 23px;
    height: 23px;
    background-position: -100px -95px;
}

.ico_alarm2 {
    width: 24px;
    height: 24px;
    background-position: -125px -95px;
}

.ico_alarm2_on {
    width: 24px;
    height: 24px;
    background-position: -150px -95px;
}
/* icon - h60(h30) */

.ico_switch, .item_choice .lab_choice .ico_switch {
    width: 41px;
    height: 26px;
    background-position: 0 -120px;
}

.ico_switch_disabled, .item_choice .inp_comm:disabled + .lab_choice .ico_switch {
    width: 41px;
    height: 26px;
    background-position: -45px -120px;
}

.ico_switch_on, .item_choice .inp_comm:checked + .lab_choice .ico_switch {
    width: 41px;
    height: 26px;
    background-position: -90px -120px;
}

.ico_switch_on_disabled, .item_choice .inp_comm:checked:disabled + .lab_choice .ico_switch {
    width: 41px;
    height: 26px;
    background-position: -135px -120px;
}

.ico_ch {
    width: 41px;
    height: 29px;
    background-position: -180px -120px;
}

.ico_channelplus {
    width: 40px;
    height: 27px;
    background-position: 0 -150px;
}

.ico_share {
    width: 27px;
    height: 27px;
    background-position: -40px -150px;
}

.ico_move {
    width: 30px;
    height: 30px;
    background-position: -70px -150px;
}
/* icon - h70(h35) */

.ico_photoedit {
    width: 32px;
    height: 32px;
    background-position: -70px -180px;
}
/* icon - h120(h60) */

.ico_create {
    width: 56px;
    height: 56px;
    background-position: -105px -150px;
}
/* icon - h20(h10) */

.ico_board_thumb_none {
    width: 10px;
    height: 10px;
    background-position: 0 -215px;
}

.ico_board_text {
    width: 10px;
    height: 10px;
    background-position: -10px -215px;
}

.ico_board_thumb {
    width: 10px;
    height: 10px;
    background-position: -20px -215px;
}

.ico_board_big {
    width: 10px;
    height: 10px;
    background-position: -30px -215px;
}

.ico_board_column {
    width: 10px;
    height: 10px;
    background-position: -40px -215px;
}

.ico_add {
    width: 10px;
    height: 10px;
    background-position: -50px -215px;
}

.ico_outlink {
    width: 10px;
    height: 10px;
    background-position: -75px -215px;
}
/* icon - h10(h5) */

.ico_more6 {
    width: 9px;
    height: 5px;
    background-position: -105px -210px;
}

.ico_bullet_down {
    width: 6px;
    height: 5px;
    background-position: -115px -210px;
}
/* icon - h80(h40) */

.ico_refresh {
    width: 37px;
    height: 37px;
    background-position: 0 -225px;
}

.ico_slide_prev, .slide_g .btn_slide_prev:after {
    width: 36px;
    height: 36px;
    background-position: -40px -225px;
}

.ico_slide_next, .slide_g .btn_slide_next:after {
    width: 36px;
    height: 36px;
    background-position: -80px -225px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-device-pixel-ratio: 1.5), only screen and(min-resolution: 144dpi), only screen and(min-resolution: 1.5dppx) {
    /* icon */
    .ico_comm {
        background-image: url(../images/ico_comm@2x.png);
        background-size: 230px 275px;
    }
}
/* global */

.direct-link {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1000;
    height: 1px;
}
/* 바로가기 */

.direct-link a {
    position: absolute;
    top: -999px;
    padding: 5px 10px;
    font-weight: bold;
    color: #fff;
    background: #333;
    text-decoration: none;
    white-space: nowrap;
}

.direct-link a:focus {
    top: 0;
}

.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
/* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */

.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 1px;
    line-height: 0;
    color: transparent;
}
/* Mobile용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */

.ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
}
/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */

.ir_caption {
    overflow: hidden;
    width: 1px;
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px;
}
/* Table caption에 숨김텍스트를 제공할때 */

.screen_out {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.show {
    display: block;
}

.hide {
    display: none;
}

.img_g {
    display: block;
    width: 100%;
    vertical-align: top;
}

.wrap_thumb {
    position: relative;
}

.wrap_thumb:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
}
/* variables - color */

:root {
    --color-gray900s: #191919;
    --color-gray800a: rgba(0, 0, 0, .70);
    --color-gray800s: #4C4C4C;
    --color-gray700a: rgba(0, 0, 0, .60);
    --color-gray700s: #666;
    --color-gray600s: #7F7F7F;
    --color-gray600a: rgba(0, 0, 0, .50);
    --color-gray500s: #999;
    --color-gray400a: rgba(0, 0, 0, .30);
    --color-gray400s: #B2B2B2;
    --color-gray300s: #CCC;
    --color-gray300a: rgba(0, 0, 0, .20);
    --color-gray200a: rgba(0, 0, 0, .14);
    --color-gray160a: rgba(0, 0, 0, .10);
    --color-gray150a: rgba(0, 0, 0, .08);
    --color-gray100a: rgba(0, 0, 0, .06);
    --color-gray050a: rgba(0, 0, 0, .04);
    --color-gray050s: #F5F5F5;
    --color-gray000a: rgba(0, 0, 0, .02);
    --color-gray000s: #FAFAFA;
    --color-white000s: #FFF;
    --color-yellow500s: #FEE500;
    --color-red500s: #E65F3E;
    --color-blue600s: #3069D3;
    --color-blue500s: #326EDC;
}
/** Swiper 6.7.5 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2021 Vladimir Kharlampidi Released under the MIT License Released on:July 1,2021 */

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
/* 3D Effects */

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /* --swiper-navigation-color:var(--swiper-theme-color);*/
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /* --swiper-pagination-color:var(--swiper-theme-color);*/
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}
/* Progress */

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */

:root {
    /* --swiper-preloader-color:var(--swiper-theme-color);*/
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* DayPicker styles */

.DayPicker {
    display: inline-block;
    font-size: 1rem;
}

.DayPicker-wrapper {
    position: relative;
    flex-direction: row;
    padding-bottom: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.DayPicker-Month {
    display: table;
    margin: 0 1em;
    margin-top: 1em;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DayPicker-NavButton {
    position: absolute;
    top: 1em;
    right: 1.5em;
    left: auto;
    display: inline-block;
    margin-top: 2px;
    width: 1.25em;
    height: 1.25em;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    color: #8B9898;
    cursor: pointer;
}

.DayPicker-NavButton:hover {
    opacity: 0.8;
}

.DayPicker-NavButton--prev {
    margin-right: 1.5em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
}

.DayPicker-NavButton--next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}

.DayPicker-NavButton--interactionDisabled {
    display: none;
}

.DayPicker-Caption {
    display: table-caption;
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    text-align: left;
}

.DayPicker-Caption > div {
    font-weight: 500;
    font-size: 1.15em;
}

.DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em;
}

.DayPicker-WeekdaysRow {
    display: table-row;
}

.DayPicker-Weekday {
    display: table-cell;
    padding: 0.5em;
    color: #8B9898;
    text-align: center;
    font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

.DayPicker-Body {
    display: table-row-group;
}

.DayPicker-Week {
    display: table-row;
}

.DayPicker-Day {
    display: table-cell;
    padding: 0.5em;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.DayPicker-WeekNumber {
    display: table-cell;
    padding: 0.5em;
    min-width: 1em;
    border-right: 1px solid #EAECEC;
    color: #8B9898;
    vertical-align: middle;
    text-align: right;
    font-size: 0.75em;
    cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
}

.DayPicker-Footer {
    padding-top: 0.5em;
}

.DayPicker-TodayButton {
    border: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #4A90E2;
    font-size: 0.875em;
    cursor: pointer;
}
/* Default modifiers */

.DayPicker-Day--today {
    color: #D0021B;
    font-weight: 700;
}

.DayPicker-Day--outside {
    color: #8B9898;
    cursor: default;
}

.DayPicker-Day--disabled {
    color: #DCE0E0;
    cursor: default;
    /* background-color:#eff1f1;*/
}
/* Example modifiers */

.DayPicker-Day--sunday {
    background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;
    background-color: #4A90E2;
    color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: #F0F8FF;
}
/* DayPickerInput */

.DayPickerInput {
    display: inline-block;
}

.DayPickerInput-OverlayWrapper {
    position: relative;
}

.DayPickerInput-Overlay {
    position: absolute;
    left: 0;
    z-index: 1;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

html, body {
    width: 100%;
}

.container-doc {
    height: 100%;
}

.doc-header ~ .doc-main {
    padding-top: 44px;
}

.doc-main {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.doc-header {
    position: fixed;
    z-index: 200;
    width: 100%;
    background-color: var(--color-white000s);
}

.wrap_title {
    position: relative;
    width: 100%;
    height: 44px;
    padding: 0 8px;
    box-sizing: border-box;
}

.wrap_title::after {
    display: block;
    clear: both;
    content: "";
}

.wrap_title .btn {
    position: relative;
    z-index: 1;
    min-width: 30px;
    height: 44px;
    border-radius: 0;
    font-size: 15px;
    line-height: 44px;
}

.wrap_title .btn:disabled {
    color: var(-color-gray400s);
}

.wrap_title .btn + .btn {
    margin-left: 0;
}

.wrap_title .btn .ico_comm {
    margin-top: 10px;
}

.wrap_title .btn_icon {
    width: 40px;
}

.wrap_title .btn_menu, .wrap_title .btn_home {
    float: left;
}

.wrap_title .btn_search, .wrap_title .btn_close, .wrap_title .btn_more, .wrap_title .btn_alarm2, .wrap_title .btn_alarm2_on {
    float: right;
}

.wrap_title .btn_txt_prev {
    float: left;
    margin-left: 8px;
    text-align: left;
}

.wrap_title .btn_txt_next {
    float: right;
    margin-right: 8px;
    text-align: right;
}

.doc-title {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    padding: 0 88px;
    font-weight: bold;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
}

.doc-title .txt_logo, .doc-title .link_logo {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.bul_new {
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 4px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--color-red500s);
    text-indent: -9999px;
}

.doc-gnb {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: var(--color-gray600a);
}

.doc-gnb:before {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 270px;
    background: var(--color-white000s);
    content: '';
}

.inner_gnb {
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 270px;
    background: var(--color-gray000a);
}

.inner_gnb .box_gnb {
    position: relative;
    min-height: 100vh;
    padding-bottom: 81px;
    box-sizing: border-box;
}

.inner_gnb .btn_login {
    width: 100%;
    height: 61px;
    padding-left: 16px;
    font-size: 13px;
    line-height: 61px;
    background: var(--color-white000s);
    text-align: left;
}

.inner_gnb .btn_login .ico_comm {
    margin: 22px 0 0 4px;
}

.inner_gnb .group_account {
    display: flex;
    width: 238px;
    height: 66px;
    padding: 0 16px;
    background: var(--color-white000s);
}

.inner_gnb .group_account .area_user {
    flex: 1;
}

.inner_gnb .group_account .txt_user {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin-right: 10px;
    font-size: 13px;
    line-height: 66px;
    color: var(--color-gray700s);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.inner_gnb .group_account .btn {
    float: right;
    margin-top: 20px;
}

.inner_gnb .wrap_profile {
    background: var(--color-white000s);
}

.inner_gnb .wrap_profile + h2 + .list_gnb {
    margin-top: -6px;
    padding-bottom: 16px;
    background: var(--color-white000s);
}

.inner_gnb .wrap_profile + h2 + .list_gnb .list_sub {
    margin-bottom: -16px;
    background: var(--color-gray000a);
}

.gnb_open {
    display: block;
}

.list_gnb {
    padding: 16px 0 32px;
}

.list_gnb .on .list_sub {
    display: block;
}

.list_gnb .on .ico_more5, .list_gnb .on .list_channel .btn_list .ico_arrow_black, .list_channel .btn_list .list_gnb .on .ico_arrow_black {
    transform: rotateX(0);
}

.list_gnb .off {
    position: relative;
}

.list_gnb .off:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--color-white000s);
    opacity: 0.7;
    content: '';
}

.list_gnb .link_gnb {
    display: block;
    height: 44px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 44px;
}

.list_gnb .link_gnb::after {
    display: block;
    clear: both;
    content: "";
}

.list_gnb .link_gnb:after::after {
    display: block;
    clear: both;
    content: "";
}

.list_gnb .txt_gnb {
    float: right;
    font-size: 11px;
    line-height: 44px;
    vertical-align: top;
}

.list_gnb .ico_new, .list_gnb .ico_more5, .list_gnb .list_channel .btn_list .ico_arrow_black, .list_channel .btn_list .list_gnb .ico_arrow_black {
    margin: 13px 0 0 4px;
}

.list_gnb .ico_board, .list_gnb .ico_statics, .list_gnb .ico_setting {
    margin: 12px 12px 0 0;
}

.list_gnb .ico_more5, .list_gnb .list_channel .btn_list .ico_arrow_black, .list_channel .btn_list .list_gnb .ico_arrow_black {
    float: right;
    transform: rotateX(180deg);
}

.list_gnb .ico_outlink {
    margin: 13px 0 0 6px;
}

.list_sub {
    display: none;
    padding: 4px 0;
}

.list_sub .link_sub {
    display: block;
    height: 38px;
    padding: 0 16px 0 47px;
    line-height: 38px;
}

.list_channel {
    padding: 16px 0;
    border-top: 1px solid var(--color-gray150a);
    background: var(--color-white000s);
}

.list_channel .btn_list {
    padding: 0 16px;
}

.list_channel .btn_list .txt_num {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.list_channel .wrap_profile {
    padding: 7px 16px;
}

.list_channel .wrap_profile .wrap_thumb, .list_channel .wrap_profile .link_thumb, .list_channel .wrap_profile .img_g {
    width: 30px;
    height: 30px;
}

.list_channel .wrap_profile .link_thumb:after {
    background-size: 30px 30px;
}

.list_channel .wrap_profile .area_tit:only-child {
    padding-top: 0;
}

.list_channel .wrap_profile .tit_profile {
    padding-top: 1px;
    font-size: 14px;
    line-height: 20px;
}

.list_channel .wrap_profile .ico_plus {
    margin: 9px 0 0 9px;
}

.doc-footer {
    flex: none;
    min-width: 960px;
    height: 72px;
    margin-top: auto;
    padding: 0 32px;
}

.doc-footer .inner_foot {
    overflow: hidden;
}

.doc-footer .wrap_etc {
    float: left;
    padding-top: 26px;
}

.doc-footer .list_etcinfo {
    float: left;
}

.doc-footer .list_etcinfo li {
    float: left;
}

.doc-footer .list_etcinfo li + li {
    position: relative;
    margin-left: 33px;
}

.doc-footer .list_etcinfo li + li:before {
    position: absolute;
    top: 5px;
    left: -17px;
    width: 1px;
    height: 10px;
    background: #E5E5E5;
    content: '';
}

.doc-footer .list_etcinfo .link_txt {
    font-size: 13px;
    line-height: 20px;
    color: #999;
}

.doc-footer small {
    float: right;
    padding-top: 26px;
    font-size: 13px;
    line-height: 20px;
    color: #999;
}

.doc-footer .link_corp {
    color: #999;
}
/* button */

.group_btn {
    display: flex;
    padding: 16px 0;
    font-size: 0;
    line-height: 0;
}

.group_btn.group_btn_fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    background: var(--color-white000s);
}

.group_btn.group_cart_fixed {
    flex-direction: column;
}

.group_btn .wrap_cart {
    flex: 1;
}

.group_btn .btn {
    flex: 1;
}

.btn {
    display: inline-block;
    border-radius: 6px;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.btn:disabled {
    cursor: not-allowed;
}

.btn + .btn {
    margin-left: 6px;
}

.btn .ico_add {
    margin-top: 16px;
}

.btn_txt_g:hover {
    opacity: 0.7;
    text-decoration: none;
}

.btn_txt_g:disabled {
    opacity: 0.3;
}

.btn_txt_g .ico_arrow_black {
    margin-top: 2px;
}

.btn_large {
    min-width: 150px;
    height: 45px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 45px;
}

.btn_large.btn_circular {
    border-radius: 23px;
}

.btn_medium {
    min-width: 150px;
    height: 37px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 37px;
}

.btn_medium.btn_circular {
    border-radius: 19px;
}

.btn_small {
    min-width: 24px;
    height: 27px;
    padding: 0 13px;
    font-size: 13px;
    line-height: 27px;
}

.btn_small.btn_circular {
    border-radius: 15px;
}

.btn_highlight {
    border: 1px solid var(--color-blue500s);
    color: var(--color-white000s);
    background-color: var(--color-blue500s);
}

.btn_highlight:hover {
    border: 1px solid var(--color-blue600s);
    background-color: var(--color-blue600s);
}

.btn_highlight:disabled {
    border: 1px solid var(--color-gray000s);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}

.btn_primary {
    border: 1px solid #F0F0F0;
    background-color: var(--color-gray100a);
}

.btn_primary:hover {
    border: 1px solid var(--color-gray150a);
    background-color: var(--color-gray150a);
}

.btn_primary:disabled {
    border: 1px solid var(--color-gray000s);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}

.btn_yellow {
    border: 1px solid var(--color-yellow500s);
    background-color: var(--color-yellow500s);
}

.btn_yellow:hover {
    border: 1px solid var(--color-yellow500s);
    background-color: var(--color-yellow500s);
}

.btn_yellow:disabled {
    border: 1px solid var(--color-gray000s);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}

.btn_line {
    border: 1px solid var(--color-gray300a);
    background-color: var(--color-white000s);
}

.btn_line:hover {
    background-color: var(--color-gray050a);
}

.btn_line:disabled {
    border: 1px solid var(--color-gray300a);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}

.btn_line_blue {
    border: 1px solid var(--color-white000s);
    color: var(--color-blue500s);
    background-color: var(--color-white000s);
}

.btn_line_blue:hover {
    background-color: var(--color-white000s);
}

.btn_line_blue:disabled {
    border: 1px solid var(--color-gray300a);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}

.btn_circular {
    border: 1px solid var(--color-gray300a);
    background-color: var(--color-white000s);
}

.btn_circular:hover {
    background-color: var(--color-gray050a);
}

.btn_circular:disabled {
    border: 1px solid var(--color-gray300a);
    color: var(--color-gray400s);
    background-color: var(--color-gray000a);
}
/* link */

.link_g {
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-gray900s);
    text-decoration: underline;
}

.link_g:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.link_g:disabled {
    opacity: 0.4;
}

.link_attach {
    color: var(--color-blue500s);
    text-decoration: none;
}

.link_attach:hover {
    opacity: 0.7;
    text-decoration: none;
}

.link_attach.disabled {
    color: var(--color-gray400s);
    opacity: 1;
    cursor: not-allowed;
}
/* empty */

.group_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 44px;
    box-sizing: border-box;
}

.item_empty {
    text-align: center;
}

.item_empty .img_g + .tit_empty {
    margin-top: 12px;
}

.item_empty .tit_empty {
    display: block;
    font-size: 15px;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
}

.item_empty .tit_empty + .desc_empty {
    font-size: 12px;
    line-height: 16px;
}

.item_empty .desc_empty {
    margin-top: 6px;
    font-size: 15px;
    line-height: 18px;
    color: var(--color-gray600s);
    word-break: keep-all;
    word-wrap: break-word;
}

.item_empty .btn {
    margin-top: 24px;
}

.item_empty .group_btn {
    display: block;
    padding-bottom: 32px;
}

.item_empty .group_btn .btn {
    display: block;
    width: 100%;
    margin-top: 0;
}

.item_empty .group_btn .btn + .btn {
    margin: 12px 0 0;
}

.item_empty .group_btn .link_g {
    display: inline-block;
    margin-top: 25px;
}
/* empty - 개설 */

.group_create {
    display: flex;
    align-items: center;
    height: calc(100vh - 104px);
}

.wrap_channel .group_create {
    height: calc(100vh - 44px);
}

.group_create .area_create {
    flex: 1;
    max-width: 100%;
    text-align: center;
}

.group_create .img_g {
    width: auto;
    margin: 0 auto 12px;
}

.group_create .ico_create {
    margin: 0 auto 12px;
}

.group_create .tit_create {
    display: block;
    margin: 0 auto 6px;
    font-size: 15px;
    line-height: 19px;
}

.group_create .desc_create {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray600s);
}

.group_create .group_btn {
    display: block;
}

.group_create .btn {
    flex: none;
    display: block;
    width: 180px;
    margin: 0 auto 16px;
}

.group_create .wrap_profile {
    display: inline-block;
    max-width: 100%;
    margin-top: 24px;
}

.group_create .wrap_profile + .group_btn {
    margin-top: 24px;
}

.group_create .wrap_profile .wrap_thumb {
    display: inline-block;
    float: none;
    width: 50px;
    height: 50px;
    margin: 0;
}

.group_create .wrap_profile .wrap_thumb:after {
    background-size: 50px 50px;
}

.group_create .wrap_profile .img_g {
    width: 50px;
    height: 50px;
    margin-bottom: 6px;
}
/* empty - 영역 */

.group_empty .img_g {
    display: inline-block;
    width: auto;
}

.wrap_board .group_empty, .wrap_editor_openchat .group_empty {
    height: calc(100vh - 88px);
}

.wrap_error .group_empty {
    height: calc(100vh - 44px);
}

.wrap_error_open .group_empty {
    height: calc(100vh - 193px);
}

.wrap_error_fail .group_empty {
    height: calc(100vh - 150px);
}

.wrap_error_full .group_empty {
    height: 100vh;
}

.item_search + .group_empty {
    height: calc(100vh - 223px);
}

.wrap_search .item_search + .group_empty {
    height: calc(100vh - 88px);
}

.wrap_editor_call .item_search, .wrap_search .item_search {
    margin-top: 12px;
}

.item_tit_search + .group_empty {
    height: calc(100vh - 178px);
}

.wrap_editor_contents .item_tit_search + .group_empty {
    height: calc(100vh - 296px);
}

.wrap_editor_call .item_tit_search + .group_empty {
    height: calc(100vh - 197px);
}
/* empty - 오픈 대응 */

.wrap_error_open .tit_empty {
    font-size: 17px;
}

.wrap_error_open .tit_empty + .desc_empty {
    font-size: 13px;
    line-height: 19px;
}
/* info */

.desc_page {
    margin: 0 -16px;
    padding: 16px;
    font-size: 13px;
    line-height: 17px;
    color: var(--color-gray600s);
    background-color: var(--color-gray000a);
}

.section_tab .desc_page {
    margin-top: -16px;
}

.desc_page .link_g {
    color: var(--color-gray600s);
}

.desc_page + .wrap_list {
    margin-top: 12px;
}

.desc_info {
    padding: 12px 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--color-gray500s);
}

.wrap_info {
    padding-top: 16px;
}

.group_info + .group_info {
    margin-top: 24px;
}

.group_info .tit_info {
    font-size: 13px;
    line-height: 19px;
}

.group_info .desc_info {
    margin-top: 10px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray700s);
}

.group_info .list_info {
    margin-top: 10px;
}

.group_info .list_info li {
    padding-left: 8px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray700s);
    text-indent: -8px;
}

.list_info2 li {
    padding-left: 8px;
    font-size: 13px;
    line-height: 17px;
    color: var(--color-gray500s);
    text-indent: -8px;
}

.list_info2 li + li {
    margin-top: 14px;
}
/* input */

.group_form {
    padding-bottom: 16px;
}

.group_form .item_form + .itemform {
    margin-top: 16px;
}

.inp_comm {
    border: 0;
    background: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    opacity: .001;
}
/* input - text */

.item_form {
    display: flex;
    position: relative;
    padding: 14px 0 13px;
    background-color: var(--color-white000s);
}

.item_form:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 1px;
    background-color: var(--color-gray300s);
    content: '';
}

.item_form .area_util {
    position: absolute;
    right: 0;
    bottom: 13px;
    font-size: 0;
    line-height: 0;
}

.item_form .txt_count {
    display: inline-block;
    width: 42px;
    margin-left: 4px;
    font-size: 11px;
    line-height: 18px;
    font-family: "Roboto", sans-serif;
    color: var(--color-gray400s);
    text-align: right;
}

.item_form .btn_del {
    display: none;
    font-size: 0;
    line-height: 0;
}

.item_focus:after {
    background-color: var(--color-gray900s);
}

.item_focus .btn_del {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -7px -7px -7px 0;
}

.item_error {
    padding: 14px 0 34px;
}

.item_error:after {
    bottom: 23px;
}

.item_error .area_util {
    bottom: 34px;
}

.item_error .desc_error {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 11px;
    line-height: 13px;
    color: var(--color-red500s);
}

.item_error.item_error2 {
    padding-bottom: 44px;
}

.item_error.item_error2:after {
    bottom: 33px;
}

.item_error.item_error2 .area_util {
    bottom: 44px;
}

.item_info {
    display: block;
}

.item_info:after {
    content: none;
}

.item_info .tf_comm {
    display: block;
    margin-bottom: 13px;
    padding-right: 0;
}

.item_info .desc_info {
    padding: 4px 0 0;
    border-top: 1px solid var(--color-gray300s);
    font-size: 12px;
    line-height: 17px;
    color: var(--color-gray500s);
}

.tf_comm {
    flex: 1;
    width: 100%;
    height: 19px;
    padding-right: 62px;
    border: 0;
    font-size: 15px;
    line-height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    vertical-align: top;
    box-sizing: border-box;
}

.tf_comm::placeholder {
    color: var(--color-gray400s);
}
/* input - checkbox,radio,switch */

.group_radio .item_form {
    padding: 0;
}

.group_radio .item_form:after {
    content: none;
}

.group_radio .item_form .item_choice {
    flex: 1;
}

.wrap_editor_publish .group_radio .item_form:after, .wrap_channel_regist .group_radio .item_form:after {
    content: '';
    background: var(--color-gray050a);
}

.item_choice {
    position: relative;
    padding: 16px 0;
}

.item_choice .inp_comm {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.item_choice .inp_comm:disabled + .lab_choice {
    color: #C2C2C2;
}

.item_choice .lab_choice {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    line-height: 21px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.item_choice .lab_choice .ico_comm {
    position: absolute;
    left: 0;
    top: 0;
}

.item_choice .lab_choice.lab_choice2 {
    width: 20px;
    height: 20px;
}

.item_choice .link_more {
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -15px;
    padding: 4px 7px;
    line-height: 0;
}

.item_choice2 {
    font-size: 0;
    line-height: 0;
}

.item_choice2 .lab_choice {
    display: inline-block;
    min-width: 24px;
    height: 30px;
    padding: 0 13px;
    font-size: 13px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid var(--color-gray300a);
    background-color: var(--color-white000s);
}

.item_choice2 .inp_comm:checked + .lab_choice {
    color: var(--color-blue500s);
    border-color: var(--color-blue500s);
}

.item_choice_s .lab_choice {
    padding-left: 22px;
    font-size: 13px;
    line-height: 17px;
}
/* input - switch */

.item_switch .lab_choice {
    padding-left: 46px;
    line-height: 26px;
}
/* search */

.item_search {
    margin-bottom: 16px;
    padding: 12px 16px 11px;
    border-radius: 5px;
    background: var(--color-gray050s);
}

.item_search:after {
    display: none;
}

.item_search .tf_comm {
    font-size: 14px;
    line-height: 17px;
    background-color: transparent;
}

.item_search .area_util {
    right: 16px;
}

.item_search .btn_del {
    margin-top: 1px;
}
/* textarea */

.tf_area {
    resize: none;
}
/* input - date */

.item_date {
    position: relative;
    margin-top: -8px;
    padding-bottom: 14px;
    background: var(--color-white000s);
}

.item_date:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-gray050a);
    content: '';
}

.item_date:last-child:after {
    content: none;
}

.item_date_line:last-child:after {
    content: '';
}

.area_date {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 19px;
    padding: 0;
    font-size: 13px;
    line-height: 19px;
    color: var(--color-gray500s);
}

.tf_date {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    opacity: 0.01;
}

.select_comm {
    height: 19px;
    border: 0 none;
    font-size: 13px;
    line-height: 19px;
    color: var(--color-gray500s);
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    vertical-align: top;
}

.txt_colon {
    display: inline-block;
    height: 19px;
    margin-left: -2px;
    font-size: 13px;
    line-height: 19px;
    color: var(--color-gray500s);
    vertical-align: top;
}
/* layer */
/* layer - popup */

.comm_layer {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #fff;
}

.comm_layer .layer_title {
    position: relative;
    width: 100%;
    height: 44px;
    padding: 0 8px;
    box-sizing: border-box;
}

.comm_layer .layer_title::after {
    display: block;
    clear: both;
    content: "";
}

.comm_layer .layer_title .btn_close {
    position: relative;
    float: right;
    z-index: 1;
    min-width: 30px;
    width: 40px;
    height: 44px;
    border-radius: 0;
    font-size: 15px;
    line-height: 44px;
}

.comm_layer .layer_title .btn_close .ico_close {
    margin-top: 10px;
}

.comm_layer .layer_title .title_tx {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    padding: 0 88px;
    font-weight: bold;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
}

.comm_layer .inner_layer {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    text-align: left;
}

.comm_layer .layer_body {
    overflow-y: auto;
    width: 100%;
    max-height: calc(100vh - 44px);
    padding: 0 16px 44px;
    box-sizing: border-box;
}

.comm_layer .layer_foot {
    padding-top: 24px;
    text-align: center;
}

.comm_layer .layer_foot .group_btn {
    padding-top: 0;
}

.comm_layer.show {
    display: block;
}

.comm_layer.type_dimmed {
    background: rgba(0, 0, 0, 0.6);
}
/* list */

.item_list {
    position: relative;
    display: flex;
    height: 52px;
    line-height: 52px;
    background-color: var(--color-white000s);
}

.item_list:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--color-gray050s);
    content: '';
}

.item_list:last-child:after {
    display: none;
}

.item_list .info_tit {
    flex: 1;
    height: 52px;
}

.item_list .info_desc {
    width: 130px;
    height: 52px;
    font-size: 13px;
    color: var(--color-gray500s);
    text-align: right;
}

.item_list .info_cont {
    display: flex;
}

.item_list .info_cont select {
    -webkit-appearance: none;
    appearance: none;
    border: 0 none;
    font-size: 13px;
    color: var(--color-gray500s);
}

.item_list .info_cont select::-ms-expand {
    display: none;
}

.item_list .tit_txt {
    display: inline-block;
    width: 100%;
    font-weight: normal;
    font-size: 15px;
    vertical-align: top;
}

.item_list .tit_txt .ico_comm {
    margin: 18px 0 18px 1px;
}

.item_list .tit_txt .ico_close2 {
    margin: 7px 0;
}

.item_list .btn_small {
    margin-top: 12px;
}

.item_list .btn_more4 {
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

.item_list .btn_update {
    width: 30px;
    height: 30px;
    margin: 10px -2px 0 0;
}

.item_list .ico_arrow_black {
    margin-top: 11px;
    transform: rotate(90deg);
}

.item_list.list_open .ico_arrow_black {
    transform: rotate(-90deg);
}

.item_list.list_open .ico_more4 {
    transform: rotate(180deg);
}

.item_list.item_full {
    display: block;
    height: auto;
}

.item_list.item_full .info_tit {
    flex: none;
}

.item_form .btn_more4 {
    width: 30px;
    height: 30px;
    margin: -3px -3px -3px 0;
}

.item_form.list_open .btn_more4 {
    transform: rotateX(180deg);
}
/* list - 섹션헤더 */

.item_header {
    height: 38px;
}

.item_header:after {
    display: none;
}

.item_header .btn_list {
    display: flex;
    flex: 1;
    line-height: 38px;
    text-align: left;
}

.item_header .info_tit {
    height: 38px;
    padding: 0;
}

.item_header .info_desc {
    height: 38px;
}

.item_header .tit_txt {
    font-size: 11px;
    line-height: 38px;
    color: var(--color-gray700s);
}

.item_header .tit_txt .ico_comm {
    margin-top: 11px;
}

.item_header .tit_txt .ico_tooltip {
    margin-bottom: 11px;
}

.item_header .btn_tooltip {
    margin-top: 0;
}

.wrap_editor .item_header, .wrap_editor_publish .item_header {
    height: auto;
    padding-top: 14px;
}

.wrap_editor .item_header .tit_txt, .wrap_editor_publish .item_header .tit_txt {
    line-height: 11px;
}

.wrap_editor .item_header .group_btn_template, .wrap_editor_publish .item_header .group_btn_template {
    margin-top: -16px;
}
/* list - 콘텐츠 담기 */

.wrap_cart {
    overflow-x: scroll;
    margin: 0 -16px;
    padding: 0 16px;
}

.list_cart {
    height: 54px;
    padding: 11px 0 15px;
}

.list_cart::after {
    display: block;
    clear: both;
    content: "";
}

.list_cart li {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
    padding: 4px 4px 0 0;
}

.list_cart li + li {
    margin-left: 16px;
}

.list_cart .wrap_thumb {
    display: table;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: var(--color-gray000a);
    vertical-align: middle;
}

.list_cart .wrap_thumb .img_g {
    position: absolute;
    left: -23px;
    top: -5px;
    width: 97px;
    height: 60px;
}

.list_cart .tit_board {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}

.list_cart .txt_board {
    display: -webkit-box;
    overflow: hidden;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    color: var(--color-gray700s);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list_cart .btn_delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: -5px -6px;
}
/* list - btn_item */

.btn_item {
    position: relative;
    width: 100%;
    text-align: left;
}

.btn_item:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-gray050a);
    content: '';
}

.btn_item:last-child:after {
    content: none;
}

.btn_item_line:last-child:after {
    content: '';
}
/* list- radio */

.list_radio li {
    position: relative;
}

.list_radio .item_choice {
    padding-bottom: 0;
}

.list_radio .lab_choice {
    padding-left: 32px;
}

.list_radio .btn_more4 {
    position: absolute;
    right: 0;
    top: 15px;
}

.list_radio .desc_radio {
    overflow: hidden;
    padding-left: 32px;
    font-size: 13px;
    line-height: 17px;
    color: var(--color-gray500s);
}

.list_radio .desc_radio dt {
    float: left;
    width: 29px;
}

.list_radio .desc_radio dt:nth-of-type(n + 2) {
    display: none;
}

.list_radio .desc_radio dd {
    float: left;
    width: calc(100% - 29px);
    word-break: keep-all;
}

.list_radio .desc_radio dd + dt {
    clear: both;
}

.list_radio .desc_radio dd:nth-of-type(n + 2) {
    display: none;
}

.list_radio .list_open .btn_more4 {
    transform: rotate(180deg);
}

.list_radio .list_open .desc_radio dt, .list_radio .list_open .desc_radio dd {
    display: block;
}
/* list - search */

.wrap_search .group_list + .group_list {
    margin-top: 0;
}
/* list - dummy */

.wrap_editor .list_board.type_big .item_dummy {
    margin: 0 -24px;
}

.wrap_editor .list_board .item_dummy {
    margin: 0;
    padding: 8px 24px;
}

.thumb_dummy, .txt_dummy {
    background: var(--color-gray050s);
}

.thumb_dummy {
    float: left;
    border-radius: 5px;
}

.item_dummy_text .thumb_dummy {
    display: none;
}

.item_dummy_thumb .thumb_dummy {
    width: 97px;
    height: 60px;
    margin-right: 13px;
}

.item_dummy_big .thumb_dummy {
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 56.07%;
}

.item_dummy_column .thumb_dummy {
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 55.56%;
}

.cont_dummy {
    flex: 1;
    padding: 12px 0;
}

.item_dummy_text .cont_dummy {
    padding: 4px 0;
}

.txt_dummy {
    width: 100%;
    height: 15px;
    border-radius: 8px;
}

.txt_dummy + .txt_dummy {
    width: 35.5%;
    margin-top: 7px;
}
/* list - 톡기능 */

.item_talk {
    display: flex;
    padding: 13px 9px;
    border-radius: 6px;
    background: var(--color-gray050a);
}

.item_talk::after {
    display: block;
    clear: both;
    content: "";
}

.item_talk .tit_talk {
    flex: 1;
    font-weight: normal;
    font-size: 13px;
    line-height: 21px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.item_talk .tit_talk .ico_comm {
    margin-right: 5px;
}

.item_talk .txt_time {
    position: relative;
    padding-left: 8px;
    font-size: 12px;
    line-height: 21px;
    color: var(--color-gray400a);
    margin-left: 5px;
}

.item_talk .txt_time:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--color-gray150a);
    content: '';
}

.item_talk .wrap_util {
    float: right;
    margin-left: 15px;
}

.item_talk .btn_selected {
    width: 30px;
    height: 30px;
    margin: -5px -7px;
}

.item_talk .box_opt {
    width: 200px;
}

.item_talk .txt_alarm {
    display: inline-block;
    height: 27px;
    margin: -4px 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 29px;
    border-radius: 13px;
    background: var(--color-yellow500s);
}
/* list - 예외처리 */

.wrap_list + .wrap_list:before {
    display: block;
    margin: 16px -16px 0;
    padding-top: 16px;
    border-top: 1px solid var(--color-gray150a);
    content: '';
}

.wrap_list .group_radio:last-child .item_form:after {
    content: none;
}

.group_radio .item_form + .item_desc {
    padding-top: 10px;
    border-top: 1px solid var(--color-gray050a);
}

.group_radio .item_desc {
    font-size: 13px;
    color: var(--color-gray500s);
    background-color: var(--color-white000s);
}

.group_list + .group_list {
    margin-top: 16px;
}

.group_list + .group_radio {
    margin-top: 16px;
}

.group_list .item_desc {
    position: relative;
    margin-top: -8px;
    padding-bottom: 16px;
    font-size: 13px;
    color: var(--color-gray500s);
    background-color: var(--color-white000s);
}

.group_list .item_desc:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--color-gray050a);
    content: '';
}

.group_list .item_desc:last-child:after {
    display: none;
}

.group_list .item_choice {
    display: flex;
    padding: 16px 0;
    background-color: var(--color-white000s);
}

.group_list .item_choice:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--color-gray050a);
    content: '';
}

.group_list .item_choice:last-child:after {
    display: none;
}

.group_list .item_choice .lab_choice {
    width: 100%;
    padding-left: 0;
    font-size: 15px;
}

.group_list .item_choice .ico_comm {
    left: auto;
    right: 0;
}

.group_list .item_choice .ico_switch {
    right: 0;
}

.group_list .item_switch {
    padding: 13px 0;
}

.group_list .btn_more {
    position: relative;
    width: 100%;
    height: 52px;
    font-size: 13px;
    line-height: 52px;
    color: var(--color-gray500s);
    border-radius: 0;
    background-color: var(--color-white000s);
}

.group_list .btn_more:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-gray050a);
    content: '';
}

.group_list .btn_more .ico_comm {
    margin: 18px 0 18px 1px;
    opacity: 0.4;
    transform: rotate(90deg);
}

.group_list2 + .group_list {
    margin-top: 0;
}

.group_list2 .item_choice:last-child {
    padding-bottom: 29px;
}

.group_agree .item_choice .lab_choice {
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
}

.group_agree .item_choice .ico_comm {
    left: 0;
    right: auto;
}

.group_agree .group_tooltip {
    margin: 3px 0 0 3px;
    vertical-align: top;
}

.group_agree .group_tooltip .ico_tooltip {
    position: static;
}

.group_agree .area_agree {
    position: relative;
    padding-right: 25px;
}

.group_agree .link_agree {
    position: absolute;
    top: 11px;
    right: -3px;
    width: 30px;
    height: 30px;
}

.group_agree .link_agree .ico_more4 {
    transform: rotate(-90deg);
}

.group_category {
    display: none;
    overflow-y: auto;
    position: relative;
    z-index: 1;
    max-height: 176px;
    margin: -11px -16px 0;
    padding: 0 16px;
    background: var(--color-gray000s);
}

.group_list .group_category .item_choice {
    padding: 9px 0 8px;
    background: var(--color-gray000s);
}

.group_list .group_category .item_choice:first-child {
    margin-top: 4px;
}

.group_list .group_category .item_choice .lab_choice {
    padding-left: 28px;
}

.group_list .group_category .item_choice .ico_comm {
    left: 0;
    right: auto;
}

.group_list .group_category .item_choice:after {
    content: none;
}

.list_open + .group_category {
    display: block;
}
/* list - notice */

.wrap_notice .item_new .tit_notice {
    font-weight: bold;
}

.wrap_notice .link_notice {
    display: block;
    padding: 17px 0 15px;
}

.wrap_notice .tit_notice {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wrap_notice .txt_notice {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px;
    color: var(--color-gray500s);
}

.wrap_notice .ico_new {
    margin-top: 3px;
}

.wrap_notice .group_btn {
    display: block;
    text-align: right;
}

.wrap_notice .btn_primary {
    width: 74px;
    min-width: auto;
}
/* 로딩 */

.loading_g {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.spinner_loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: url(../images/bg_loading.png) 0 0 no-repeat;
    background-size: 36px 36px;
    transform: translate(-50%, -50%);
    animation: spin 1s linear infinite forwards;
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }

    from {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }

    from {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}
/* popup */

.popup_comm {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray600a);
}

.popup_comm .group_btn {
    display: flex;
    margin-top: 12px;
    padding: 12px 0 0 0;
}

.popup_comm .btn {
    flex: 1;
}

.popup_comm .btn + .btn {
    margin-left: 8px;
}

.popup_comm .btn_medium {
    min-width: auto;
}

.popup_comm .link_g {
    word-break: break-all;
    word-wrap: break-word;
}

.popup_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 70px);
    padding: 26px 24px 24px;
    border: 1px solid var(--color-gray150a);
    border-radius: 8px;
    background-color: var(--color-white000s);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.popup_inner .group_radio {
    padding-top: 10px;
}

.popup_inner .group_radio .item_choice {
    padding: 6px;
}

.popup_inner .group_radio .item_choice:first-child {
    padding-top: 0;
}

.tit_popup {
    display: block;
    font-size: 17px;
    line-height: 24px;
}

.tit_popup + .desc_popup {
    margin-top: 12px;
}

.popup_scroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
    margin-top: 12px;
}

.desc_popup {
    line-height: 20px;
}

.list_popup li {
    margin-top: 12px;
    padding-left: 8px;
    line-height: 20px;
    text-indent: -8px;
}

.list_popup .link_g {
    font-size: 14px;
    line-height: 20px;
}

.list_popup2 dt {
    padding-left: 8px;
    line-height: 20px;
    color: var(--color-gray700s);
    text-indent: -8px;
}

.list_popup2 dd {
    margin-top: 6px;
    padding-left: 8px;
    line-height: 20px;
}

.list_popup2 dd + dt {
    margin-top: 12px;
}

.list_popup2 .link_g {
    font-size: 14px;
    line-height: 20px;
}
/* popup - type2 */

.popup_type2 .group_btn {
    display: block;
    margin: 0 -24px -24px;
    padding: 8px;
    text-align: right;
}

.popup_type2 .btn_txt_g {
    width: 64px;
    height: 36px;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    color: var(--color-blue500s);
}

.popup_type2 .btn_txt_g + .btn_txt_g {
    margin-left: 8px;
}
/* popup - 캘린더/시간설정 */

.DayPickerInput-Overlay {
    position: relative;
    background-color: transparent;
    box-shadow: none;
}

.DayPickerInput input {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    opacity: .001;
    cursor: pointer;
}

.DayPicker-wrapper {
    padding: 0;
}

.DayPicker-NavButton {
    top: 15px;
    right: auto;
    width: 35px;
    height: 35px;
    margin: 0;
    background: url(../images/ico_comm@2x.png) 0 0 no-repeat;
    background-size: 230px 275px;
}

.DayPicker-NavButton:hover {
    opacity: 1;
}

.DayPicker-NavButton--prev {
    left: 0;
    top: -1px;
    background-position: 0 -180px;
}

.DayPicker-NavButton--next {
    top: -1px;
    right: 0;
    background-position: -35px -180px;
}

.DayPicker-Month {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.DayPicker-Caption {
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.DayPicker-Caption > div {
    font-size: 15px;
    line-height: 35px;
}

.DayPicker-Caption > div > span {
    font-family: "Roboto", sans-serif;
}

.DayPicker-Weekdays {
    margin: 0;
}

.DayPicker-Weekday {
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    color: var(--color-gray600s);
}

.DayPicker-Day {
    position: relative;
    height: 35px;
    padding: 0;
    font-size: 12px;
    line-height: 35px;
    font-family: "Roboto", sans-serif;
    color: var(--color-gray900s);
    background: none;
}

.DayPicker-Day--today {
    font-weight: normal;
    color: var(--color-blue500s);
}

.DayPicker-Day--disabled {
    color: var(--color-gray600s);
}

.DayPicker-Day:before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(-50%);
    content: '';
}

.DayPicker-Day--disabled:before {
    display: none;
}

.DayPicker-Day--today:before {
    background: none;
}

.DayPicker-Day:hover {
    background: none;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background: none;
}

.DayPicker-Day:hover:before {
    background: none;
}

.DayPicker-Day--outside:before {
    display: none;
}

.DayPicker-Day--disabled:hover:before {
    display: none;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    font-weight: bold;
    color: var(--color-white000s);
    background: none;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):before {
    background: var(--color-blue500s);
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background: none;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover:before {
    background: none;
}

.wrap_time {
    display: flex;
}

.wrap_time .btn_time {
    flex: 1 1 33.33%;
    position: relative;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: var(--color-gray500s);
}

.wrap_time .btn_time:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-blue500s);
    content: '';
}

.wrap_time .area_time {
    flex: 1 1 33.33%;
    position: relative;
    margin-left: 8px;
}

.wrap_time .area_time:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-gray300s);
    content: '';
}

.wrap_time .tf_time {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 14px;
    line-height: 50px;
    color: var(--color-gray500s);
    text-align: center;
}

.wrap_profile {
    display: flex;
}

.wrap_profile::after {
    display: block;
    clear: both;
    content: "";
}

.wrap_profile .wrap_thumb {
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    background-color: var(--color-gray050a);
}

.wrap_profile .wrap_thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/frame_pofile.png) no-repeat;
    background-size: 40px 40px;
}

.wrap_profile .img_g {
    width: 40px;
    height: 40px;
}

.wrap_profile .txt_user {
    flex: 1;
    font-size: 15px;
    line-height: 40px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.type_profile2 .wrap_thumb {
    width: 23px;
    height: 23px;
    margin-right: 7px;
}

.type_profile2 .wrap_thumb:after {
    background-size: 23px 23px;
}

.type_profile2 .img_g {
    width: 23px;
    height: 23px;
}

.type_profile2 .txt_user {
    line-height: 25px;
}

.type_profile2 .ico_channelplus {
    margin-left: 5px;
}

.type_profile2 .ico_more2 {
    margin: 6px -6px 0 12px;
}

.type_profile3 {
    position: relative;
    padding: 10px 0;
}

.type_profile3.disabled:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: var(--color-white000s);
    opacity: 0.7;
    content: '';
}

.type_profile3 .wrap_thumb {
    margin-right: 10px;
}

.type_profile3 .wrap_thumb:after {
    content: none;
}

.type_profile3 .link_thumb {
    display: block;
    width: 40px;
    height: 40px;
}

.type_profile3 .link_thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/frame_pofile.png) no-repeat;
    background-size: 40px 40px;
    content: '';
}

.type_profile3 .cont_profile {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 4px;
}

.type_profile3 .area_tit:only-child {
    padding-top: 10px;
}

.type_profile3 .tit_profile {
    display: -webkit-box;
    overflow: hidden;
    height: 15px;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.type_profile3 .txt_info {
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    color: var(--color-gray500s);
}

.type_profile3 .ico_dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
    border-radius: 50%;
}

.type_profile3 .txt_open .ico_dot {
    background: var(--color-blue500s);
}

.type_profile3 .txt_private .ico_dot {
    background: var(--color-gray300s);
}

.type_profile3 .btn, .type_profile3 .additional_profile {
    position: relative;
    z-index: 100;
}

.type_profile3 .btn {
    margin-top: 10px;
}

.type_profile3 .ico_plus {
    margin: 14px 0 0 14px;
}

.type_profile3 .additional_profile {
    display: inline-block;
    padding-top: 5px;
    margin-left: 10px;
    font-size: 10px;
    line-height: 10px;
    color: var(--color-gray600s);
}

.type_profile5 {
    padding: 10px 0;
}

.type_profile5 .wrap_thumb {
    width: 48px;
    height: 48px;
}

.type_profile5 .wrap_thumb:after {
    background-size: 48px 48px;
}

.type_profile5 .img_g {
    width: 48px;
    height: 48px;
}

.type_profile5 .bul_new {
    top: 0;
    right: -4px;
    z-index: 1;
}

.type_profile5 .tit_profile {
    display: block;
    font-weight: normal;
    line-height: 20px;
}

.type_profile5 .emph_tit {
    font-weight: bold;
}

.type_profile5 .txt_info {
    display: block;
}

.type_profile6 {
    padding: 8px 16px;
}

.type_profile6 .wrap_thumb {
    width: 56px;
    height: 56px;
}

.type_profile6 .wrap_thumb:after {
    background-size: 56px 56px;
}

.type_profile6 .img_g {
    width: 56px;
    height: 56px;
}

.type_profile6 .cont_profile {
    flex: 1;
}

.type_profile6 .tit_profile {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin: 9px 0 1px;
    font-size: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.type_profile6 .txt_info {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: var(--color-gray500s);
}

.wrap_profile_top {
    padding: 12px 0 16px;
    text-align: center;
}

.wrap_profile_top .wrap_thumb {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
}

.wrap_profile_top .wrap_thumb:after {
    background: url(../images/frame_pofile.png) no-repeat;
    background-size: 100px 100px;
}

.wrap_profile_top .wrap_thumb .ico_photoedit {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.wrap_profile_top .wrap_thumb .tf_upload {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    opacity: 0.01;
}

.wrap_profile_top .txt_profile {
    font-size: 11px;
    line-height: 15px;
    color: var(--color-gray500s);
}

.opt_select {
    position: relative;
}

.opt_open .box_opt {
    display: block;
}

.box_opt {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 10;
    border-radius: 8px;
    background: var(--color-white000s);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.list_opt li:first-child .link_opt {
    padding-top: 16px;
}

.list_opt li:last-child .link_opt {
    padding-bottom: 16px;
}

.list_opt .on {
    background: var(--color-gray050a);
}

.list_opt .link_opt {
    display: block;
    padding: 14px 16px;
}

.group_system {
    display: flex;
    align-items: center;
}

.group_system .area_system {
    flex: 1;
    text-align: center;
}

.group_system .desc_system {
    margin-bottom: 9px;
    color: var(--color-gray600s);
}

.wrap_channel_regist .group_system {
    height: calc(100vh - 44px);
}
/* tab */

.section_tab {
    padding-top: 44px;
}

.tab_basic {
    position: fixed;
    left: 0;
    top: 44px;
    z-index: 100;
    width: 100%;
    background-color: var(--color-white000s);
}

.tab_basic .list_tab {
    display: flex;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.tab_basic li {
    display: inline-block;
    flex: 1;
    vertical-align: top;
}

.tab_basic .link_tab {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 8px;
    border-bottom: 1px solid var(--color-gray150a);
    font-size: 14px;
    line-height: 44px;
    color: var(--color-gray400s);
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
}

.tab_basic [aria-selected="true"] {
    position: relative;
    z-index: 10;
    border-bottom: 2px solid var(--color-gray900s);
    font-weight: bold;
    color: var(--color-gray900s);
}

.tab_basic .disabled {
    color: #999;
    pointer-events: none;
}

.tab_cont {
    padding-top: 16px;
}

.section_tab_sub .tab_basic {
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    width: 100%;
    margin: 0 -16px;
    padding: 0 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.section_tab_sub .tab_basic::-webkit-scrollbar {
    display: none;
}

.section_tab_sub .tab_basic .list_tab_sub::after {
    display: block;
    clear: both;
    content: "";
}

.section_tab_sub .tab_basic .list_tab_sub li {
    float: left;
}

.section_tab_sub .tab_basic .list_tab_sub li + li {
    margin-left: 6px;
}

.section_tab_sub .tab_basic .link_tab {
    height: 30px;
    padding: 0 15px;
    border: 1px solid var(--color-gray300a);
    border-radius: 4px;
    font-weight: normal;
    line-height: 30px;
    color: var(--color-gray900s);
    box-sizing: border-box;
}

.section_tab_sub .tab_basic [aria-selected="true"] {
    color: var(--color-white000s);
    border-color: var(--color-gray900s);
    background: var(--color-gray900s);
}
/* tab - etc */

.list_tab_contents {
    width: 674px;
}
/* toast */

.item_toast {
    position: fixed;
    left: 35px;
    right: 35px;
    bottom: 40px;
    text-align: center;
}

.item_toast .desc_toast {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px;
    background-color: var(--color-gray800s);
    line-height: 17px;
    color: var(--color-white000s);
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}
/* empty */

.group_tooltip {
    display: inline-block;
    position: relative;
}

.list_board + .group_tooltip, .list_board .group_tooltip {
    display: block;
    width: 100%;
    text-align: center;
}

.list_board + .group_tooltip:before, .list_board .group_tooltip:before {
    position: absolute;
    left: 0;
    top: 13px;
    right: 0;
    border-bottom: 1px dashed var(--color-gray200a);
    content: '';
}

.list_board .group_tooltip {
    margin: -8px 0;
}

.list_board .group_tooltip:before {
    left: -10px;
    right: -10px;
}

.btn_tooltip {
    width: 30px;
    height: 30px;
    margin: -5px -8px;
}

.btn_tooltip_more {
    position: relative;
    padding: 6px 4px;
    font-size: 13px;
    line-height: 19px;
    color: var(--color-gray500s);
    background: var(--color-white000s);
}

.btn_tooltip_more .ico_tooltip {
    margin-top: 1px;
}

.btn_tooltip_more + .item_tooltip {
    top: 28px;
    text-align: left;
}

.item_tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 31px;
    z-index: 10;
    width: 100%;
    width: max-content;
    min-width: 120px;
    max-width: 234px;
    padding: 12px 25px 12px 12px;
    border: 1px solid var(--color-gray150a);
    border-radius: 6px;
    background-color: var(--color-white000s);
    box-sizing: border-box;
}

.item_tooltip .btn_close2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.item_tooltip .ico_close2 {
    margin: 7px 0;
}

.tit_tooltip {
    display: block;
    width: 100%;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.desc_tooltip {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 16px;
    color: var(--color-gray700s);
}

.list_tooltip li {
    padding-left: 6px;
    margin-top: 12px;
    font-size: 11px;
    line-height: 16px;
    color: var(--color-gray700s);
    text-indent: -6px;
}

.tooltip_open .item_tooltip {
    display: inline-block;
}

.wrap_editor_openchat .list_tooltip .img_g {
    width: calc(100% + 6px);
    margin: 6px 0 0 -6px;
}

.tooltip_center .item_tooltip {
    left: 50%;
    transform: translateX(-50%);
}

.tooltip_top_right .item_tooltip {
    left: 14px;
    top: 0;
    transform: translateX(-100%);
}
/* title */

.item_tit_search {
    height: 16px;
    margin-bottom: 16px;
    line-height: 16px;
}

.item_tit_search .tit_search {
    font-weight: normal;
    font-size: 11px;
    color: var(--color-gray700s);
}

.item_tit_search .opt_select {
    float: right;
}

.item_tit_search .opt_select .box_opt {
    top: 20px;
    width: 133px;
}

.item_tit_search .btn_selected {
    height: 22px;
    margin-top: -3px;
    font-size: 11px;
    color: var(--color-gray600s);
}

.item_tit_search .ico_more3 {
    margin-top: 2px;
}

.item_done + .item_tit_search .tit_search {
    font-size: 15px;
    line-height: 18px;
    color: var(--color-gray900s);
}

.item_done + .item_tit_search .num_search {
    display: inline-block;
    margin-left: 3px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    color: var(--color-gray400s);
}

.desc_page + .item_tit_search {
    margin-top: 16px;
}
/* banner */

.box_bnr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 15px 82px 15px 21px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    background: #fafafa;
}

.wrap_channel .box_bnr {
    margin-bottom: 32px;
}

.inner_gnb .box_bnr {
    padding: 21px 82px 21px 16px;
    border-radius: 0;
    background: #ffffff;
}

.bnr_ch .tit_bnr {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #101010;
    letter-spacing: -0.23px;
}

.bnr_ch .txt_bnr {
    margin-top: 4px;
    font-size: 12px;
    line-height: 15px;
    color: #888888;
    letter-spacing: -0.23px;
}

.bnr_ch .ico_ch {
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
}
/* channel */

.inner_channel {
    position: relative;
    min-height: calc(100vh - 44px);
    padding-bottom: 117px;
    box-sizing: border-box;
}
/* 알림 */

.wrap_alarm {
    padding-top: 12px;
}

.wrap_alarm .item_header .link_g {
    display: inline-block;
    margin-top: 10px;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: top;
}

.wrap_alarm .item_header .ico_arrow_black {
    margin: 0 0 0 3px;
    transform: rotateX(9deg);
}

.wrap_alarm .wrap_profile {
    position: relative;
    z-index: 1;
    background: var(--color-white000s);
}

.wrap_alarm .wrap_profile + .group_list {
    margin-top: -1px;
}
/* 보드 - 보드리스트 */

.wrap_board {
    display: flex;
    flex-direction: column;
}

.wrap_board .btn_create {
    position: fixed;
    right: 10px;
    bottom: 32px;
    z-index: 100;
}

.list_board {
    flex: 1;
}

.list_board li {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-gray050a);
}

.list_board li:after {
    display: block;
    clear: both;
    content: '';
}

.list_board li:last-child {
    margin-bottom: 0;
    border: 0 none;
}

.list_board li.item_off .item_choice, .list_board li.item_off .wrap_thumb, .list_board li.item_off .cont_thumb {
    opacity: .3;
}

.list_board .item_choice {
    float: left;
    padding: 20px 0;
}

.list_board .item_choice .lab_choice {
    padding-left: 12px;
}

.list_board .wrap_thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 97px;
    height: 60px;
    margin-right: 13px;
    border-radius: 6px;
    background: var(--color-gray050a);
}

.list_board .wrap_thumb:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-gray050a);
    content: '';
}

.list_board .wrap_thumb:after {
    border: 1px solid var(--color-gray000a);
    border-radius: 6px;
}

.list_board .wrap_thumb .link_thumb {
    position: relative;
    z-index: 10;
    display: block;
}

.list_board .wrap_thumb .link_thumb:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-gray050a);
    content: '';
}

.list_board .wrap_thumb .link_thumb:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid var(--color-gray000a);
    border-radius: 6px;
    content: '';
}

.list_board .wrap_thumb .img_g {
    width: 97px;
    height: 60px;
}

.list_board .wrap_thumb .ico_comm {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 20;
}

.list_board .wrap_thumb .num_time {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 17px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 19px;
    color: var(--color-white000s);
    background: var(--color-gray700a);
    vertical-align: top;
    text-align: center;
}

.list_board .cont_thumb {
    display: flex;
    padding: 3px 23px 0 0;
    align-items: center;
}

.list_board .inner_cont {
    width: 100%;
}

.list_board .wrap_tit {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0;
    vertical-align: top;
}

.list_board .ico_secret {
    float: left;
    margin-right: 5px;
}

.list_board .tit_board {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: unset;
}

.list_board .tit_board em {
    font-weight: normal;
    color: var(--color-blue500s);
}

.list_board .tit_board .link_txt {
    text-decoration: underline;
}

.list_board .tit_board .ico_warnning {
    display: none;
}

.list_board .tit_none {
    color: var(--color-gray400a);
}

.list_board .info_board {
    display: block;
    padding-top: 2px;
    font-size: 0;
    line-height: 0;
}

.list_board .info_board .txt_info {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-gray500s);
    vertical-align: top;
}

.list_board .info_board .txt_info + .txt_info {
    padding-left: 10px;
}

.list_board .info_board .ico_txt_info {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
}

.list_board .info_board .ico_txt_info img {
    width: 100%;
    vertical-align: top;
}

.list_board .txt_g {
    font-size: 13px;
    line-height: 16px;
    color: var(--color-gray800s);
}

.list_board .txt_g .ico_comm {
    margin: 2px 2px 0 0;
}

.list_board .wrap_util {
    position: absolute;
    top: 3px;
    right: 0;
}

.list_board .wrap_util .btn_g + .btn_g {
    margin-left: 8px;
}

.list_board .wrap_util .btn_remove {
    width: 30px;
    height: 30px;
    margin: -4px -3px;
}

.list_board .wrap_util .box_opt {
    width: 200px;
    top: 20px;
}

.list_board .wrap_util .box_opt li {
    margin: 0;
    padding: 0;
    border: 0;
}

.list_board .btn_selected {
    width: 30px;
    height: 30px;
    margin: -5px -7px;
}

.list_board.type_text .wrap_thumb:before {
    display: none;
}
/* 보드 - 보드에디터 */

.wrap_editor {
    padding-bottom: 93px;
}

.wrap_editor .list_board li {
    display: flex;
    margin: 0 -6px 0 -4px;
    padding: 8px 0;
    border: 0;
}

.wrap_editor .list_board .cont_thumb {
    flex: 1;
}

.wrap_editor .list_board .btn_drag {
    float: left;
    margin-right: 5px;
}

.wrap_editor .list_board .wrap_util {
    position: static;
}

.wrap_editor .list_board.type_thumb .wrap_util .btn_remove {
    margin-top: 1px;
    transform: translateY(50%);
}

.wrap_editor .type_text .cont_thumb {
    padding-top: 0;
}

.wrap_editor .type_text .wrap_tit {
    display: flex;
}

.wrap_editor .type_text .tit_board {
    flex: 1;
    line-height: 25px;
    -webkit-line-clamp: 1;
}

.wrap_editor .type_text .info_board {
    padding-top: 4px;
}

.wrap_editor .type_thumb .item_unknown .cont_thumb {
    height: 41px;
}

.wrap_editor .type_thumb .item_unknown .ico_warnning {
    margin-top: 0;
}

.wrap_editor .type_thumb .cont_thumb {
    padding-right: 33px;
}

.wrap_editor .type_big {
    padding: 0 24px;
}

.wrap_editor .type_big li {
    display: block;
    margin: 0;
    padding: 0 0 8px;
}

.wrap_editor .type_big .item_unknown .ico_warnning {
    margin-top: 0;
}

.wrap_editor .type_big .wrap_thumb {
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 56.07%;
}

.wrap_editor .type_big .wrap_thumb:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 53%);
}

.wrap_editor .type_big .img_g {
    width: 100%;
    height: auto;
}

.wrap_editor .type_big .cont_thumb {
    padding: 8px 0 0;
}

.wrap_editor .type_big .tit_board {
    -webkit-line-clamp: 2;
}

.wrap_editor .type_big .btn_drag2 {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
}

.wrap_editor .type_big .wrap_util {
    position: absolute;
    top: 5px;
    right: 5px;
}

.wrap_editor .type_column {
    overflow: hidden;
    padding: 0 24px;
}

.wrap_editor .type_column li {
    display: block;
    margin: 0;
}

.wrap_editor .type_column li:nth-child(1), .wrap_editor .type_column li:nth-child(2) {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.wrap_editor .type_column li:nth-child(1) {
    padding: 0 10px 8px 0;
}

.wrap_editor .type_column li:nth-child(1) .wrap_util {
    right: 15px;
}

.wrap_editor .type_column li:nth-child(2) {
    padding: 0 0 8px 10px;
}

.wrap_editor .type_column li:nth-child(2) .btn_drag2 {
    left: 15px;
}

.wrap_editor .type_column .item_unknown .ico_warnning {
    margin-top: 0;
}

.wrap_editor .type_column .wrap_thumb {
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 55.56%;
}

.wrap_editor .type_column .wrap_thumb:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 53%);
}

.wrap_editor .type_column .img_g {
    width: 100%;
    height: auto;
}

.wrap_editor .type_column .cont_thumb {
    padding: 8px 0 0;
}

.wrap_editor .type_column .tit_board {
    -webkit-line-clamp: 2;
}

.wrap_editor .type_column .btn_drag2 {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
}

.wrap_editor .type_column .wrap_util {
    position: absolute;
    top: 5px;
    right: 5px;
}

.wrap_editor .item_unknown .tit_board {
    color: var(--color-gray400a);
}

.wrap_editor .item_unknown .ico_warnning {
    margin-top: 3px;
}

.wrap_editor .group_form .item_form + .item_form {
    margin-top: 16px;
}

.group_btn_template {
    width: 168px;
    margin-right: -3px;
    padding: 4px 0 0 0;
}

.group_btn_template .btn {
    flex: none;
    width: 30px;
    height: 30px;
    margin-left: 12px;
    border-radius: 0;
}

.group_btn_template .ico_comm {
    margin-top: 3px;
}
/* 보드 - 보드에디터 - 보드발행 */

.wrap_editor_publish {
    padding-bottom: 77px;
}

.item_category {
    padding-top: 11px;
    padding-bottom: 5px;
}

.item_category::after {
    display: block;
    clear: both;
    content: "";
}

.item_category + .item_desc {
    margin-top: 0;
}

.item_category .item_choice2 {
    float: left;
    margin: 0 6px 12px 0;
}
/* 보드 - 보드에디터 - 미리보기 */

.wrap_editor_preview {
    margin: 0 -16px;
    padding: 0 16px 77px;
    background: var(--color-gray050s);
}

.wrap_editor_preview .tit_board .ico_warnning {
    display: inline-block;
}

.wrap_editor_preview .desc_page {
    background: none;
}

.wrap_editor_preview .group_btn {
    background: var(--color-gray050s);
}

.group_preview {
    padding: 25px 16px;
    border-radius: 10px;
    background: var(--color-white000s);
}

.group_preview .tit_preview {
    margin-top: 12px;
    font-size: 17px;
    line-height: 22px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.group_preview .desc_preview {
    margin-top: 3px;
    font-size: 13px;
    line-height: 18px;
    color: var(--color-gray700a);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.group_preview .txt_preview {
    display: block;
    margin: 2px 0 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray400a);
}

.group_preview .wrap_editor {
    padding: 0;
}

.group_preview .list_board li {
    margin: 0;
}

.group_preview .cont_thumb {
    padding-right: 0;
}

.group_preview .btn_more {
    height: 27px;
    line-height: 27px;
}

.group_preview .btn_more:after {
    content: none;
}

.group_preview .btn_more .ico_comm {
    margin: 5px 0 5px 1px;
}

.group_preview .list_open .btn_more .ico_comm {
    transform: rotate(-90deg);
}

.group_preview .type_big, .group_preview .type_column {
    margin-top: 10px;
    padding: 0;
}

.util_preview::after {
    display: block;
    clear: both;
    content: "";
}

.util_preview .ico_share {
    float: left;
}

.util_preview .ico_like {
    margin: 3px 4px 0 0;
}

.util_preview .txt_like {
    float: right;
    height: 27px;
    padding: 0 13px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 29px;
    color: var(--color-gray800a);
    background: var(--color-gray050a);
}
/* 보드 - 보드에디터 - 콘텐츠 추가 */

.wrap_editor_contents {
    padding-bottom: 159px;
}

.wrap_editor_contents .cont_thumb {
    padding-right: 0;
}
/* 보드 - 보드에디터 - 콘텐츠 추가 - 인스타그램 */

.list_photo {
    display: flex;
    margin: 0 -16px -2px;
}

.list_photo::after {
    display: block;
    clear: both;
    content: "";
}

.list_photo li {
    flex: 1;
    margin: 0;
    padding: 0 0 2px 0;
}

.list_photo li + li {
    padding-left: 2px;
}

.list_photo .item_choice {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0;
}

.list_photo .item_choice .inp_comm {
    right: 0;
}

.list_photo .item_choice .lab_choice {
    float: right;
    margin: 8px 8px 0 0;
    padding: 0;
}

.list_photo .wrap_thumb {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    margin-right: 0;
    border-radius: 0;
}

.list_photo .wrap_thumb .img_g {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 보드 - 보드에디터 - 오픈채팅 추가 */

.wrap_editor_openchat {
    padding-bottom: 77px;
}
/* 내 창작채널 */

.wrap_channel_regist {
    padding-bottom: 77px;
}
/* 홈 */

.wrap_home {
    margin: 0 -16px;
}

.wrap_home .group_visual {
    position: relative;
    height: calc(100vh - 44px);
    padding-top: 71px;
    background: #001640 url(../images/img_home.png) 50% 0 no-repeat;
    background-size: auto 100%;
    text-align: center;
    box-sizing: border-box;
}

.wrap_home .group_visual .tit_visual {
    margin-bottom: 15px;
    font-size: 27px;
    line-height: 37px;
    color: var(--color-white000s);
}

.wrap_home .group_visual .desc_visual {
    margin-bottom: 34px;
    line-height: 22px;
    color: var(--color-white000s);
}

.wrap_home .group_visual .btn_highlight {
    margin-bottom: 10px;
}

.wrap_home .group_visual .link_move {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
}

.wrap_home .btn_large {
    width: 180px;
    font-weight: bold;
    text-align: left;
}

.wrap_home .btn_large .ico_comm {
    float: right;
    margin-top: 13px;
}

.desc_complete {
    position: relative;
    margin-top: 20px;
    padding: 40px 0 36px;
    font-weight: bold;
    font-size: 19px;
    line-height: 27px;
    background: var(--color-gray050s);
    text-align: center;
}

.wrap_complete {
    padding: 65px 0;
    background: var(--color-gray050s);
    text-align: center;
}

.wrap_complete .desc_complete {
    margin: 0 0 20px;
    padding: 0;
    font-weight: bold;
    font-size: 19px;
    line-height: 27px;
    background: none;
}

.group_home {
    margin-top: -44px;
    padding: 114px 0 70px;
}

.group_home .inner {
    padding-top: px;
    text-align: center;
}

.group_home .inner + .inner {
    margin-top: 88px;
}

.group_home .tit_item {
    margin-bottom: 6px;
    line-height: 29px;
    color: var(--color-blue500s);
    text-decoration: underline;
}

.group_home .desc_item {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
}

.group_home .desc_item_sub {
    margin-bottom: 15px;
    line-height: 20px;
}

.group_home .img_g {
    width: 300px;
    margin: 24px auto 0;
}
/* 시작하기 */

.wrap_start {
    margin: 0 -16px;
}

.wrap_start .group_btn {
    margin: 0 16px;
}

.wrap_start .group_visual {
    width: 100%;
    min-width: 320px;
    height: 520px;
    padding-top: 43px;
    background-color: var(--color-blue500s);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 420px 340px;
    text-align: center;
    box-sizing: border-box;
}

.wrap_start .group_visual1 {
    background-image: url(../images/img_start00_1.gif);
}

.wrap_start .group_visual2 {
    background-image: url(../images/img_start00_2.gif);
}

.wrap_start .group_visual3 {
    background-image: url(../images/img_start00_3.gif);
}

.wrap_start .tit_visual {
    margin-bottom: 16px;
    font-size: 27px;
    line-height: 35px;
    color: var(--color-white000s);
}

.wrap_start .desc_visual {
    line-height: 21px;
    color: var(--color-white000s);
}

.group_use {
    padding-top: 45px;
    text-align: center;
}

.group_use .tit_use {
    display: block;
    font-size: 12px;
    line-height: 32px;
}

.group_use .desc_use {
    margin-top: -4px;
    font-weight: bold;
    font-size: 19px;
    list-style: 32px;
}

.list_start li {
    padding: 46px 0 40px;
    text-align: center;
}

.list_start li .tit_start {
    display: inline-block;
    position: relative;
    margin-bottom: 9px;
    font-size: 19px;
    line-height: 37px;
    font-weight: normal;
}

.list_start li .tit_start:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    height: 7px;
    background: var(--color-blue500s);
    opacity: 0.15;
    content: '';
}

.list_start li .num_start {
    display: block;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    color: var(--color-blue500s);
}

.list_start li .desc_start {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 21px;
}

.slide_g {
    position: relative;
    width: 320px;
    margin: 0 auto;
    padding-top: 20px;
}

.slide_g [class * ='btn_slide_'] {
    position: absolute;
    top: 144px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.slide_g [class * ='btn_slide_']:after {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../images/ico_comm@2x.png);
    background-repeat: no-repeat;
    background-size: 230px 275px;
    font-size: 0;
    text-indent: -9999px;
    content: '';
}

.slide_g .btn_slide_prev {
    left: 0;
}

.slide_g .btn_slide_prev:after {
    content: '이전';
}

.slide_g .btn_slide_next {
    right: 0;
}

.slide_g .btn_slide_next:after {
    content: '다음';
}

.slide_g .img_g {
    margin-bottom: 16px;
}

.slide_g .txt_start {
    margin: 0 -36px;
    line-height: 21px;
    text-align: center;
}

.swiper-container {
    width: 230px;
}

.swiper-pagination {
    top: 0;
    width: 100%;
    text-align: center;
}

.swiper-pagination-bullet {
    margin: 0 5px;
    background: #ddd;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #333;
}
/* 창작지원 */

.wrap_support {
    margin: 0 -16px;
    background: var(--color-gray050s);
}

.wrap_support .group_btn {
    margin: 0 16px;
}

.wrap_support .group_visual {
    width: 100%;
    min-width: 320px;
    height: 520px;
    padding-top: 43px;
    background: #555 url(../images/img_support00_1.png) 50% 100% no-repeat;
    background-size: 440px 340px;
    text-align: center;
    box-sizing: border-box;
}

.wrap_support .tit_visual {
    margin-bottom: 16px;
    font-size: 27px;
    line-height: 35px;
    color: var(--color-white000s);
}

.wrap_support .desc_visual {
    line-height: 21px;
    color: var(--color-white000s);
}

.group_support {
    width: 300px;
    margin: 0 auto;
    padding-top: 50px;
}

.group_support .tit_support {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 17px;
    color: var(--color-gray500s);
}

.group_support .desc_support {
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
}

.list_support {
    padding-top: 5px;
}

.list_support li {
    position: relative;
    margin-top: 10px;
    padding: 18px 105px 18px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: var(--color-white000s);
}

.list_support .tit_item {
    display: block;
    margin-bottom: 7px;
    line-height: 20px;
}

.list_support .txt_item {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: var(--color-gray500s);
}

.list_support .thumb_item {
    position: absolute;
    top: 20px;
    right: 22px;
    width: 60px;
    height: 60px;
}

.list_support .emph_g {
    display: block;
    font-weight: bold;
    line-height: 23px;
}

.group_support_btn {
    margin-top: 50px;
    padding: 43px 0;
    background: var(--color-blue500s);
    text-align: center;
}

.group_support_btn .desc_btn {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 19px;
    line-height: 27px;
    color: var(--color-white000s);
}

.group_support_btn .btn_support {
    padding: 10px 15px;
    border: 1px solid var(--color-white000s);
    border-radius: 6px;
    font-weight: bold;
    font-size: 13px;
    color: var(--color-white000s);
}

.group_support_btn .ico_more_white2 {
    margin: 2px 0 0 54px;
}
/* 관리 */

.wrap_manage {
    padding-bottom: 77px;
}

.wrap_manage .tit_manage {
    display: block;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
}

.wrap_manage .item_list:after {
    background: var(--color-gray050a);
}

.wrap_manage .item_choice .ico_bullet_down {
    position: static;
    margin: 8px 4px 0 0;
}
/* 공지사항 */

.wrap_notice {
    padding-top: 16px;
}

body {
    --bg-color: var(--color-white000s);
    --text-color: var(--color-gray900s);
}