@charset "utf-8";

:root{
    --color_green_1 : #4dfbc0;
    --color_green_1_op : rgba(77,251,192,0.1);
    --color_pink_1 : #ff6b8e;
    --color_purple_1 : #8d61f0;
    --color_blue_1 : #2e7cf1;
    --color_blue_1_op : rgba(46,124,241,0.1);
    --color_gray_1 : #4f4f5a;

    --color_background_1 : #1c1c1f;
    --color_background_2 : #000;
    --color_background_3 : #2e2e31;
    --color_background_4 : #28282d;

    --radius_1 : 8px;

    --cirWidth: 28px;
}

.point_green, .point_green > * { color: var(--color_green_1) !important; }
.point_pink, .point_pink > * { color: var(--color_pink_1) !important; }
.point_purple, .point_purple > * { color: var(--color_purple_1) !important; }
.point_blue, .point_blue > * { color: var(--color_blue_1) !important; }
.point_gray, .point_gray > * { color: var(--color_gray_1) !important; }


body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
a{-webkit-tap-highlight-color:transparent;}
@-webkit-keyframes autofill {
    to {
        color: #000;
        /*background: transparent;*/
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
.wrapper.admin { overflow-x: hidden; }

.point0, .point0 > * { color: #2d62e4 !important; }
.point1, .point1 > * { color: #3f87f5 !important; }
.point_mint { color: var(--color_green_1) !important; }

.show-flex { display: flex; }
.aic { align-items: center; }
.font_inter{letter-spacing: 0 !important;}
.display_flex {display: flex;}
.align_center {align-items: center;}
.justify_between {justify-content: space-between;}
.mh-100vh {min-height: 100vh;}

.width120{width: 120px;}

.page_header { padding: 24px 27px; }
.page_body { padding: 57px 55px; color: #fff; }
.filter_style_0_wrap + .page_body { padding-top: 23px; }
.page_body .page_inner { background-color: var(--color_background_1); border-color: transparent; border-radius: var(--radius_1); padding: 40px 40px 53px 50px; overflow: hidden; }
.page_body .paging { /*max-width: 100px;*/ margin-left: auto; margin-right: auto; overflow: hidden; /*float: none;*/ float: left; clear: both; }
.page_body .page_inner.page_detail { padding: 0; border: none; background-color: transparent; border-radius: 0; }
/*.page_body .page_inner.page_detail .board_contents_con { background-color: #fff; border: 1px solid #e8eef6; border-radius: 5px; }*/
.page_body .page_inner .page_inner_title_con { margin-bottom: 23px; }
.page_body .page_inner .page_inner_title_con > div { display:flex;justify-content: space-between; align-items: center; height: 40px; }
.page_body .page_inner .page_inner_title_con .refresh_con {display:flex;justify-content: flex-start; align-items: center; height: 40px;  }
.page_body .page_inner .page_inner_title_con.type_1 { margin-bottom: 31px; }
.page_body .page_inner .page_inner_title_con.type_2 { margin-bottom: 21px; }
.page_body .page_inner .page_inner_title_con .title{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.02em; font-weight: 700; }
.page_body .page_inner .page_inner_contents_con { padding: 36px 45px 42px 45px; background-color: var(--color_background_1); border-color: transparent; border-radius: var(--radius_1); /*overflow: hidden;*/ }
.page_body .page_inner .page_inner_contents_con.type_2 {padding: 0;}
.page_footer { padding: 0 55px; }
.page_footer .page_inner { padding: 60px 0 0 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent; }

/*로딩버튼*/
.paging .loading{ display: inline-block; padding: 30px 0;
    width: 100%; text-align: center; }
.paging .loading span{ display: inline-block; position: relative; width: 40px; height: 40px; vertical-align: middle; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.4); border-top-color: rgba(255, 255, 255, 1); box-sizing: border-box;
    -webkit-animation: loading-spin 1s linear infinite; animation: loading-spin 1s linear infinite; }
@-webkit-keyframes loading-spin {
    0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); }
}

/*노데이터*/
.nodata{text-align: center; font-size:14px; font-size:1.4rem !important; line-height:20px; line-height:2.0rem !important; letter-spacing: -0.02em; font-weight: 300; border-top: none !important;}
.nodata > img{margin-right: 10px; width: 24px; height: 24px; }
.nodata_img {margin-top:-2px; width: 24px; height: 24px; }
.nodata_img span { color: #fff; }
.nodata.type_bg { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; /*padding: 50px 0;*/ background-color: #fff; /*border: 1px solid #e8eef6;*/ border-radius: 5px; overflow: hidden; }
.nodata.type_new { background-color: transparent; color: #fff; }
/*(템플릿 노데이터 - 2024.04)*/
.nodata_wrap{ text-align:center; }
.nodata_box{ display: inline-block; height: 500px; padding: 240px 0; background-color: var(--color_background_1); border-radius: var(--radius_1); font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; color: var(--color_green_1); text-align: center; box-sizing: border-box; }
.nodata_circle > div{ padding-top: 87px; background-image: url("../img/svg/deployed_code_FILL0_wght100_GRAD0_opsz48_4dfbc0.svg"); background-size: 86px; background-position: top 0 center; background-repeat: no-repeat; }

/*페이징*/
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_lastPage{background-image: url("../img/common_icon/pagination_style_0_double_right_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_nextPage{background-image: url("../img/common_icon/pagination_style_0_single_right_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_prevPage{background-image: url("../img/common_icon/pagination_style_0_single_left_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_firstPage{background-image: url("../img/common_icon/pagination_style_0_double_left_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_lastPage{background-image: url("../img/common_icon/pagination_style_0_double_right_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_nextPage{background-image: url("../img/common_icon/pagination_style_0_single_right_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_prevPage{background-image: url("../img/common_icon/pagination_style_0_single_left_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_firstPage{background-image: url("../img/common_icon/pagination_style_0_double_left_arrow_mac.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_page.selected{color: #353a40; }
.paging_style_0_wrap .paging_style_0_con li.btn_page{width: auto; font-size:14px; font-size:1.4rem; line-height:27px; line-height:2.7rem; font-weight: 500; color: #cad6ea; padding-right: 2px; padding-left: 2px; z-index: 1; margin-right: 9px; margin-left: 9px; padding-top: 1px; }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_lastPage{background-image: url("../img/common_icon/pagination_style_0_double_right_arrow.png");}
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_nextPage{background-image: url("../img/common_icon/pagination_style_0_single_right_arrow.png"); margin-left: 22px;}
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_prevPage{background-image: url("../img/common_icon/pagination_style_0_single_left_arrow.png"); margin-right: 22px;}
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_firstPage{background-image: url("../img/common_icon/pagination_style_0_double_left_arrow.png"); }
.paging_style_0_wrap .paging_style_0_con li.btn_singlePage{z-index: 0; text-indent: -10000px; width: 28px; height: 28px; border-radius: 50%; background-color: #eff8fd; margin-right: 3px; margin-left: 3px; background-size: 8px 8px; }
.paging_style_0_wrap .paging_style_0_con li{position: relative; display: inline-block; text-align: center; background-repeat: no-repeat; background-position: center center; cursor: pointer; font-weight: 700; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s;}
.paging_style_0_wrap .paging_style_0_con{font-size: 0px; white-space: nowrap; text-align: center; }

img.default { display: inline-block !important; }
[data-wv-os="Mac"] img.default { display: none !important; }
[data-wv-pc="mobile"] img.default { display: none !important; }
img.retina {display: none !important;}
[data-wv-os="Mac"] img.retina {display: inline-block !important;}
[data-wv-pc="mobile"] img.retina {display: inline-block !important;}

hr { display: block; width: 100%; height: 1px; background-color: #e8eef6; }
.text_indent { display: inline-block; position: relative;}
.text_indent > span { display: inline-block; }
.text_indent > span:first-child { float: left; position: absolute; top: 0; left: 0; }
.text_indent > span:last-child { float: none; overflow: hidden; } /*간격은 패딩 클래스로 조절*/

/*말줄임 표시*/
/*(한줄)*/
.text_ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*(두줄 이상)*/
.line_ellipsis{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.line_ellipsis.line2{ -webkit-line-clamp: 2; }
.line_ellipsis.line3{ -webkit-line-clamp: 3; }

/*이미지 중앙정렬 컨테이너*/
.img_con{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;     background-color: #ffffff;}
.img_con img{ width: 100%; height: auto; object-fit: cover;}

/* 프로필 이미지 관련 공통 */
.profile_circle{ width: 51px; height: 51px; border-radius: 50%; display: inline-flex !important; justify-content: center; align-items: center; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 700; overflow: hidden; cursor: default; }
.profile_circle > *{ background-color: transparent; }
.profile_circle.member{ }
.profile_circle.workspace{ }

#currMenuTree { color: #fff; font-size:14px; font-size:1.4rem; line-height:17px; line-height:1.7rem; letter-spacing: -0.02em; font-weight: 500; display: flex; align-items: center; }
.page_detail #currMenuTree { height: 40px; margin-bottom: 29px; }
#currMenuTree span:first-child { background-image: url(../img/gnb_dashboard_icon_white.png); display: inline-block; height: 18px; width: 18px;  background-position: center center; background-size: contain; background-repeat: no-repeat;}
#currMenuTree span:first-child a { display: inline-block; width: 100%; height: 100%; }
#currMenuTree span:not(:first-child) { display: inline-block; margin-left: 11px; padding-left: 13px; position: relative; }
#currMenuTree span:not(:first-child)::before { content: '';position: absolute;top: 6px;left: 0;width: 5px;height: 1px;background-color: #fff;transform: translate(-50%, -50%) rotate(45deg); }
#currMenuTree span:not(:first-child)::after {content: '';position: absolute;top: 9px;left: 0;width: 5px;height: 1px;background-color: #fff;transform: translate(-50%, -50%) rotate(-45deg);}



input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }


/* === 토글 === */

.toggle_style_0_con{ height: 25px; }
.toggle_style_0_con input[type=checkbox] { opacity: 0; position: absolute; }
.toggle_style_0_con input[type=checkbox] + label { position: relative; box-sizing: border-box; display: inline-block; transition: 0.4s ease; height: 25px; width: 50px; border: 1px solid var(--color_background_3); background-color: var(--color_background_3); border-radius: 60px; cursor: pointer; }
.toggle_style_0_con input[type=checkbox]:checked + label { background: var(--color_green_1); border-color: var(--color_green_1); }
.toggle_style_0_con input[type=checkbox] + label::before { content: ""; position: absolute; display: block; transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 25px; width: 50px; top: 0; left: 0; border-radius: 40px; }
.toggle_style_0_con input[type=checkbox]:checked + label::before { transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);}
.toggle_style_0_con input[type=checkbox] + label::after { content: ""; position: absolute; display: block; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86); background: #525557; height: 15px; width: 15px; top: 4px; left: 6px; border-radius: 60px; }
.toggle_style_0_con input[type=checkbox]:checked + label::after { left: 27px; background: #02687a; }



/* === 라디오 === */

/* radio_style_0 */
.radio_style_0_wrap{margin-bottom: -15px; padding-bottom: 11px;}
.radio_style_0_wrap .radio_style_0_con{margin-right: 15px; margin-bottom: 15px; margin-top: 5px;}
.radio_style_0_con{display: inline-block;}
.radio_style_0_con input[type=radio] { display: none; }
.radio_style_0_con input[type=radio] + label { position: relative; display: inline-block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #4eb3f3; cursor: pointer; }
.radio_style_0_con input[type=radio] + label::before { content: ''; width: 20px; height: 20px; display: inline-block; margin-right: 10px; border: 2px solid #e8eef6; border-radius: 50%; vertical-align: bottom; text-align: center; background-color: #fff; box-sizing: border-box; cursor: pointer; }
.radio_style_0_con input[type=radio]:checked + label::before { color: #3f87f5; border-color: #3f87f5; }
.radio_style_0_con input[type=radio] + label::after { content: ""; background-color: transparent; border-radius: 50%; position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; }
.radio_style_0_con input[type=radio]:checked + label::after { background-color: #3f87f5; }
/* radio_style_0 type_2 */
.radio_style_0_wrap.type_2 .radio_style_0_con{margin-right: 0; margin-bottom: 20px;}
.radio_style_0_wrap.type_2 .radio_style_0_con input[type=radio] + label::after {left: 5px; top: 7px;}

/* radio_style_1 */
.radio_style_1_con input[type=radio] { display: none; }
.radio_style_1_con input[type=radio] + label { position: relative; display: inline-block; font-size:14px; font-size:1.4rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.02em; font-weight: 400; color: #2a2a2a; cursor: pointer; }
.radio_style_1_con input[type=radio] + label::before { content: ''; width: 27px; height: 27px; display: inline-block; margin-right: 10px; border: 1px solid #dbe3f1; border-radius: 50%; vertical-align: middle; text-align: center; background-color: #fff; box-sizing: border-box; cursor: pointer; }
.radio_style_1_con input[type=radio] + label::after { content: ""; background-color: transparent; border-radius: 50%; position: absolute; left: 7px; top: 8px; width: 13px; height: 13px; }
.radio_style_1_con input[type=radio]:checked + label::after { background-color: #3f87f5; }

/* radio_style_10 */
.radio_style_10_wrap { padding: 9px 0; }
.radio_style_10_con { position: relative; }
.radio_style_10 { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); margin: 0; }
.radio_style_10 + label { color: #fff; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 600; letter-spacing: 0.02em;
    padding-left: 48px; cursor: pointer; display: inline-block; vertical-align: top; position: relative; padding-top: 4.5px; padding-bottom: 4.5px; word-break: keep-all; }
.radio_style_10 + label::before { content: ''; position: absolute; width: 26px; height: 26px; top: 2px; left: 0; border-radius: 50%; box-sizing: border-box;
    background-color:#fff; border:1px solid #d8e3ea; }
.radio_style_10 + label::after { content: ''; position: absolute; width: 14px; height: 14px; top: 8px; left: 6px; border-radius: 50%; background-color: transparent; box-sizing: border-box; transition: background-color 0.2s; }
.radio_style_10:checked + label::after { background-color: #000; }
/*(type_2 : 원 크기 작음)*/

/*(type_3 : 민트배경에 체크)*/
.radio_style_10_wrap.type_3 .radio_style_10 + label{ padding-top: 4px; padding-bottom: 0; }
.radio_style_10_wrap.type_3 .radio_style_10 + label::before { width: 24px; height: 24px; margin-left: 9px; }
.radio_style_10_wrap.type_3 .radio_style_10:checked + label::before { background-color: var(--color_green_1); border-color: var(--color_green_1); }
.radio_style_10_wrap.type_3 .radio_style_10:checked + label::after {top: 7px; left: 5px; margin-left: 9px; background-image: url(../img/svg/done_FILL0_wght600_GRAD0_opsz20.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; }
/*(type_3 : 민트배경에 체크 + 원 크기 확대 )*/
.radio_style_10_wrap.type_4 { padding-top: 0; padding-bottom: 0; }
.radio_style_10_wrap.type_4 .radio_style_10 + label{ padding-top: 0; padding-bottom: 0; }
.radio_style_10_wrap.type_4 .radio_style_10 + label::before { width: 26px; height: 26px; }
.radio_style_10_wrap.type_4 .radio_style_10:checked + label::before { background-color: var(--color_green_1); border-color: var(--color_green_1); }
.radio_style_10_wrap.type_4 .radio_style_10:checked + label::after {top: 7px; left: 6px; background-image: url(../img/svg/done_FILL0_wght600_GRAD0_opsz20.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; }
.radio_style_10_wrap.type_4 .radio_style_10:checked + .radioBox_con { border-color: #000; }

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    div input[type='radio']:not(.radio_style_10) {
        --active: #f5bc00;
        --active-inner: #fff;
        --input-border: #CDD9ED;
        --input-border-hover: #23C4F8;
        --background: #fff;
        --disabled: #F5F9FF;
        --disabled-inner: #E4ECFA;
        --shadow-inner: rgba(18, 22, 33, .1);
        height: 21px;
        outline: none;
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        cursor: pointer;
        border: 1px solid var(--input-border);
        border-radius: 50%;
        background: var(--background);
        transition: background .3s ease, border-color .3s ease;
    }
    div:not(.radio_style_10_con) input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform .3s ease, opacity .2s ease, filter .3s ease;
    }
    div:not(.radio_style_10_con) input[type='radio']:checked {
        background: var(--active);
        border-color: var(--active);
    }
    div:not(.radio_style_10_con) input[type='radio']:checked:after {
         filter: drop-shadow(0 1px 2px var(--shadow-inner));
         transition: opacity .3s ease, filter .3s ease, transform .6s cubic-bezier(.175, .88, .32, 1.2);
        background: var(--active-inner);
        transform: scale(0.5);
    }
    div:not(.radio_style_10_con) input[type='radio']:disabled {
        cursor: not-allowed;
        opacity: .9;
        background: var(--disabled);
    }
    div:not(.radio_style_10_con) input[type='radio']:disabled:checked {
         background: var(--disabled-inner);
         border-color: var(--input-border);
    }
    /*input[type='radio']:hover:not(:checked):not(:disabled) {*/
         /*border-color: var(--input-border-hover);*/
    /*}*/
    div:not(.radio_style_10_con) input[type='radio']:not(.switch) {
        width: 21px;
    }
    div:not(.radio_style_10_con) input[type='radio']:not(.switch):after {
         opacity: 0;
    }
    div:not(.radio_style_10_con) input[type='radio']:not(.switch):checked:after {
         opacity: 1;
    }
    div:not(.radio_style_10_con) input[type='radio']:after {
         width: 19px;
         height: 19px;
         border-radius: 50%;
         background: var(--active-inner);
         opacity: 0;
         transform: scale(.7);
    }
    div:not(.radio_style_10_con) input[type='radio']:checked:after {
         background: var(--active-inner);
         transform: scale(.5);
    }
    div:not(.radio_style_10_con) input[type='radio']:checked:hover {
        border-color: transparent;
    }
    div:not(.radio_style_10_con) input[type='radio']:hover {
        border-color: #7b8089;
    }
    div:not(.radio_style_10_con) + label {
    position: relative;
    top: 7px;
    left: 6px;
}
}



/* === INPUT === */

.input_style_0 { width: 100%; color: #fff; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;
    background-color: #2e2e31; padding: 12px 14px 12px 14px; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; overflow:hidden;}
.calendar_con .input_style_0 { color: #fff; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; font-weight: 500; letter-spacing: -0.02em; }
.input_style_0.tr { text-align: right; }
.input_style_0::placeholder { color: #c0cad7; font-weight: 300;}
.input_style_0::-webkit-input-placeholder { font-weight: 300; }
.input_style_0:-ms-input-placeholder { font-weight: 300; }
.input_style_0:-moz-placeholder { font-weight: 300; }
.input_style_0::-moz-placeholder { font-weight:300; }
.input_style_0::-ms-clear, .input_style_0::-ms-reveal { display: none; }
.input_style_0:-webkit-autofill { -webkit-text-fill-color: #fff; }

.input_style_0.search { padding-right: 41px; }
.input_style_0.search + .search_submit_btn { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background-image: url("../img/12x12_56566c_search_icon.png"); background-repeat: no-repeat; background-position: center top 14px;
    background-size: 12px 12px; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; text-indent: -10000px; transition: background-color .2s; }
.input_style_0.search + .search_submit_btn:hover { background-color: #3f87f5; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-image: url("../img/12x12_56566c_search_icon_white.png"); }
[data-wv-os="Mac"] .input_style_0.search + .search_submit_btn { background-image: url("../img/retina/12x12_56566c_search_icon_mac.png"); }
[data-wv-pc="mobile"] .input_style_0.search + .search_submit_btn { background-image: url("../img/retina/12x12_56566c_search_icon_mac.png"); }

/* input_style_0 */
.input_style_0_con{position: relative;}
.input_style_0_con.disabled{opacity: 0.3;}
.input_style_0_con > span{ color: #fff; padding-top: 3px; }
.input_style_0_con > span, .input_style_0_con > .calendar_con span{position: relative; display: inline-block; width: 100%; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; background-color: transparent; padding-top: 13px; }/*view page*/
.input_style_0_con > span.inline {display: inline;}
.input_style_0_con > span.hasRightBtn{width: auto; padding-top: 10px;}
.input_style_0_con.bold > span{font-weight: 600;}

.input_style_0.w100{ width: 100% !important;}
.input_style_0.size_type_1{ width: 66px;}
.input_style_0.size_type_2{ width: 100px;}
.input_style_0.type_2 { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; padding: 13px 20px; }
.input_style_0.type_2::placeholder { color: #c0cad7; font-weight: 300; line-height:24px; line-height:2.4rem; }
.input_style_0.type_3 { width: 380px; border:2px solid #42abed; padding: 16px 14px 18px 24px; border-radius: 6px; color:#000; font-size: 17px; font-size: 1.7rem; font-weight: 700; text-align: left;}
.input_style_0.type_3::-webkit-input-placeholder { color: #42abed; font-weight: 300; font-size:15px; font-size:1.5rem; }
.input_style_0.type_3:focus { border-color: #2d62e4; }
.input_style_0.type_4 input {outline:none; border:none; background-color:transparent; font-size:15px; box-sizing:border-box; padding:0px;}
.input_style_0.type_4 input::placeholder {color: #B8C6DA;}
.input_style_0_con .label { display: inline-block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; white-space: nowrap; padding-top: 0;}
.input_style_0.font_type_2:read-only{letter-spacing: 0; font-weight: 600;}
.input_style_0.file_name
.input_style_0.file_name:read-only{color: #fff; background-color: var(--color_background_3); }
/*수정*/.input_style_0_con > span, .input_style_0_con > .calendar_con span { position: relative; display: inline-block; width: 100%; text-align: left; padding-top: 12px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; }
.input_style_0.credit_purchase{ width: 100px; padding: 5px 14px 6px 14px; border: 1px solid #e3eaf3;}
.input_style_0.active{ color :#2a2a2a; }
.period_btn_style_1.input_style_0{ cursor:pointer; }

/* input_style_00 */
input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background-color: transparent; overflow: hidden; box-sizing: border-box; }
.input_style_00{ width: 184px; padding: 10px 40px 10px 25px; border-radius: inherit; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #fff; }
.input_style_00.search{ }
.input_style_00.search + .search_submit_btn{ width: var(--cirWidth); height: var(--cirWidth); border-radius: 50%; position: absolute; top: 6px; right: 6px; transition: background-color 0.2s;
    background-image: url("../img/icon_search_white.png"); background-size: 12px; background-position: center; background-repeat: no-repeat; }
.input_style_00.search + .search_submit_btn:hover{ background-color: var(--color_background_4); }

/* input_style_10 */
.input_style_10_wrap {position: relative;}
.input_style_10 {width: 100%; color: #000; font-size:14px; font-size:1.4rem; line-height:17px; line-height:1.7rem; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    padding: 13px 16px 12px 16px; box-sizing: border-box; border: 1px solid #d8e3ea; border-radius: 5px; overflow:hidden;}
.input_style_10:not(:disabled):not(:read-only):hover { border-color: #697177; outline: none; }
.input_style_10:not(:read-only):focus { border-color: #697177; outline: none; }
.input_style_10::placeholder { color: #c0cad7; font-weight: 300; }
.input_style_10:read-only { background-color: #f7f7f7; color: #aaa; cursor: default; }
.input_style_10.price { text-align: right; padding-right: 33px; font-weight: 600;}
.input_style_10.price::placeholder { color: #000; }
.input_style_10.date { cursor: pointer; color: #000; font-weight: 600;}
.input_style_10.date::placeholder { color: #000; }
.input_style_10.uri { padding-left: 205px; color: var(--color_blue_1); font-weight: 600; }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
}



/* === TEXTAREA === */

.textarea_style_0{ font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 500; color:#2a2a2a;
    border: 1px solid transparent; border-radius: 5px; outline: none; width: 100%; height: 100%; padding: 10px 10% 10px 17px; margin:0; min-height:110px;
    -webkit-appearance: none; -moz-appearance:none; appearance:none; box-sizing: border-box;}
.textarea_style_0:hover { border-color: transparent; }
.textarea_style_0::-webkit-input-placeholder{color: inherit; font-weight: 300; }
.textarea_style_0::-moz-placeholder{color: inherit; font-weight: 300; }
.textarea_style_0:-moz-placeholder{color: inherit; font-weight: 300; }
.textarea_style_0:-ms-input-placeholder{color: inherit; font-weight: 300; }
.textarea_style_0::-webkit-scrollbar-thumb:hover{background: rgb(42, 42, 42); }
.textarea_style_0::-webkit-scrollbar-thumb{background: rgb(103, 122, 145); }
.textarea_style_0::-webkit-scrollbar-track{background: rgb(191, 205, 229); }
.textarea_style_0::-webkit-scrollbar{width: 2px; }
.textarea_style_0::placeholder{ color: #c0cad7; font-weight: 300; }
.textarea_style_0_con > span { position: relative; display: inline-block; width: 100%; text-align: left; padding-top: 13px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; }
.textarea_style_0_con .textarea_style_0 { padding: 18px 23px; color: #fff; background-color: #2e2e31; /*font-size: 13px; line-height:24px;*/ }

.textarea_style_0.tagbox{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; background-color: #fff; border:1px solid #d8e3ea; border-radius: 5px; padding: 6px 6px 1px 6px; min-height:80px;}
.textarea_style_0.tagbox:hover{border-color: #697177;}
.textarea_style_0.tagbox > span{ display: inline-block; padding: 5px 10px; color: #fff !important; background-color: #4eb3f3; border-radius: 20px; margin: 5px 5px 5px 0;}
.textarea_style_0.tagbox > span{ position: relative; display: inline-block; padding: 5px 10px; color: #fff !important; background-color: #4eb3f3; border-radius: 20px; margin: 5px 5px 5px 0; transition: padding-right .2s;}
.textarea_style_0.tagbox > span.hover { padding-right: 30px; }
.textarea_style_0.tagbox > span.hover .tag_remove_btn { display: inline-block; }
.textarea_style_0.tagbox > span .tag_remove_btn { display: none; position: absolute; top: 15px; right: 15px; width: 10px; height: 10px; z-index: 1; cursor: pointer; }
.textarea_style_0.tagbox > span .tag_remove_btn::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 1px; background-color: #fff; transform: rotate(45deg);}
.textarea_style_0.tagbox > span .tag_remove_btn::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 1px; background-color: #fff; transform: rotate(-45deg); }

.textarea_style_0.tagbox > p{ position: relative; display: inline-block; padding: 5px 10px; color: #000 !important; background-color: var(--color_blue_1_op); border-radius: 5px; margin: 0 5px 5px 0; transition: padding-right .2s;}
.textarea_style_0.tagbox > p.hover { padding-right: 30px; }
.textarea_style_0.tagbox > p.hover .tag_remove_btn { display: inline-block; }
.textarea_style_0.tagbox > p > span { display: inline-block;  outline: none;}
.textarea_style_0.tagbox > p .tag_remove_btn { display: none; position: absolute; top: 15px; right: 15px; width: 10px; height: 10px; z-index: 1; cursor: pointer; }
.textarea_style_0.tagbox > p .tag_remove_btn::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 1px; background-color: #000; transform: rotate(45deg); }
.textarea_style_0.tagbox > p .tag_remove_btn::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 1px; background-color: #000; transform: rotate(-45deg); }

.textarea_style_0_con .textarea_style_0#tagElement:empty:before { content: attr(placeholder); position: absolute; padding: 5px 10px; color: #c0cad7; font-weight: 400; }

.textarea_style_1:read-only{color: #9eb1d1; background-color: #f0f7ff;}
.textarea_style_1:read-only:hover{border-color: transparent; cursor: auto;}

.textarea_style_10 { max-width: 100% !important; max-height: 66px!important; min-height: 88px!important; border: 1px solid #d8e3ea; color: #000; font-size:14px; font-size:1.4rem; line-height:17px; line-height:1.7rem; letter-spacing: 0.02em; font-weight: 500;
    border-radius: 5px; padding: 13px 16px; margin:0; -webkit-appearance: none; -moz-appearance:none; appearance:none; resize: none; box-sizing: border-box; overflow-y: auto; }
.textarea_style_10:hover { border-color: #697177; }
.textarea_style_10:focus { border-color: #697177; outline: none; }
.textarea_style_10::-webkit-scrollbar{ width: 8px; background: transparent; }
.textarea_style_10::-webkit-scrollbar-thumb{ background-color: #e1e1e4; border: 3px solid #fff; border-radius: 5px; }
.textarea_style_10::-webkit-scrollbar-track{ background-color: transparent; }



/* === 버튼 === */

/* btn_style_0 - 배경 #3f87f5, 외곽선 없음, 글자 흰색 */
.btn_style_0 { display: inline-block; vertical-align: middle; padding: 10px 19px 11px 20px; border: none; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #fff !important; background-color: #2d62e4; border-radius: 4px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.btn_style_0:not(.active):hover{ color: #fff !important; background-color: #4775e7; border-color: #4775e7; }
/*.btn_style_0:not(.active):focus { color: #fff !important; background-color: #4775e7; border-color: #4775e7; }*/
.btn_style_0.add { padding: 10px 19px 11px 39px; background-image: url("../img/10x10_ffffff_plus_icon.png"); background-position: left 20px center; background-repeat: no-repeat; background-size: 10px 10px;}
[data-wv-os="Mac"] .btn_style_0.add { background-image: url("../img/retina/10x10_ffffff_plus_icon_mac.png");  }
[data-wv-pc="mobile"] .btn_style_0.add { background-image: url("../img/retina/10x10_ffffff_plus_icon_mac.png");  }
.btn_style_0.apply { padding: 10px 20px 11px 42px; background-image: url("../img/12x10_ffffff_check_icon.png"); background-position: left 25px center; background-repeat: no-repeat; background-size: 12px 10px;}
[data-wv-os="Mac"] .btn_style_0.apply { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png");  }
[data-wv-pc="mobile"] .btn_style_0.apply { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png");  }
.btn_style_0.apply.check_icon_ver2 { padding: 10px 20px 11px 38px; background-image: url("/weven_template/theme/weven_supply/resource/img/svg/checkbtn_icon.svg"); background-size: 11px 9px; background-position: left 20px center;}
[data-wv-os="Mac"] .btn_style_0.apply.check_icon_ver2 { background-image: url("/weven_template/theme/weven_supply/resource/img/svg/checkbtn_icon.svg");  }
[data-wv-pc="mobile"] .btn_style_0.apply.check_icon_ver2 { background-image: url("/weven_template/theme/weven_supply/resource/img/svg/checkbtn_icon.svg");  }
.btn_style_0.edit { padding: 10px 19px 11px 40px; background-image: url("../img/13x13_ffffff_edit_icon.png"); background-position: left 22px center; background-repeat: no-repeat; background-size: 13px 13px; }
[data-wv-os="Mac"] .btn_style_0.edit { background-image: url("../img/retina/13x13_ffffff_edit_icon_mac.png");  }
[data-wv-pc="mobile"] .btn_style_0.edit { background-image: url("../img/retina/13x13_ffffff_edit_icon_mac.png");  }
.btn_style_0.wide { padding: 10px 24px 11px 25px; }
.btn_style_0.width107{width: 107px;}
.btn_style_0.width110{width: 110px;}
.btn_style_0.gray{background-color: #e6ebf5 !important;}
.btn_style_0.pink{background-color: #ef72b7 !important;}
.btn_style_0.pink:hover{background-color: #f187c2 !important;}
.btn_style_0.skyblue{background-color: #42abed !important;}
.btn_style_0.skyblue:hover{background-color: #5eb8f0 !important;}
.btn_style_0.type_2{padding: 10px 19px 11px 20px; background-color: #000; }
.btn_style_0.type_2:hover{background-color: #000; }
/*.btn_style_0.step_width{width: 99px; text-align: center;}*/
.step_state{}
.step_state.step0{color: #4cc47c;}
.step_state.step1{color: #76e0df;}
.step_state.step2{color: #47a5fd;}
.step_state.step3{color: #9a80ff;}
.step_state.step4{color: #FFF;}
.step_state.else{color: #f24c6b;}

/* btn_style_1 - 배경 흰색, 외곽선 #e8eef6, 글자 #677a91 */
.btn_style_1 { display: inline-block; vertical-align: middle; padding: 9px 15px 10px 15px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; background-color: #fff; border: 1px solid #dce2f4; border-radius: 4px; overflow: hidden; cursor: pointer; }
.btn_style_1:not(.active):hover{ background-color: #ebf3fe; font-weight: 600; cursor: pointer; border-color: #96b8d9; color: #1e1e2d;}
/*.btn_style_1:not(.active):focus { background-color: #ebf3fe; font-weight: 600; cursor: pointer; border-color: #96b8d9; color: #1e1e2d;}*/
.btn_style_1.only_img { padding: 12px 13px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.btn_style_1.width110{width: 110px; box-sizing: border-box;}
/*btn_style_1 type2 - 외곽선, 글자 색 변경*/
.btn_style_1.type_2{border-color: #4eb3f3; color: #4eb3f3;}
.btn_style_1.type_2:hover{ color: #2d62e4;}
/*btn_style_1 type3 - padding 변경*/
.btn_style_1.type_3{padding: 6px 15px 6px 15px;}
/*btn_style_1 type4 - padding, 외곽선, 글자 색 변경*/
.btn_style_1.type_4{padding: 8px 10px 8px 10px; border-color: #3782f4; color: #3782f4;}
.btn_style_1.type_4:not(.active):hover{ background-color: #ebf3fe; font-weight: 600; cursor: pointer; border-color: #96b8d9; color: #3782f4;}


/* btn_style_1 버튼 그룹 */
.btn_style_1_con.group { position: relative; display: inline-flex; vertical-align: middle; }
.btn_style_1_con.group .btn_style_1.active { border-color: #3f87f5; color: #3f87f5; z-index: 1; }
.btn_style_1_con.group .btn_style_1:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px;}
.btn_style_1_con.group .btn_style_1:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }

/* btn_style_2 - 배경 #edf3fe, 외곽선 없음, 글자 #4eb3f3 */
.btn_style_2 { display: inline-block; vertical-align: middle; padding: 11px 15px 10px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #4eb3f3 !important; background-color: #edf3fe; border: 1px solid #dce2f4; border-radius: 5px; overflow: hidden; cursor: pointer; }
.btn_style_2.wide{padding: 11px 24px 10px 25px;}
.btn_style_2.type_2{color: #677a91 !important;}
/*.btn_style_2:not(.active):hover,.btn_style_2:not(.active):focus { border-color: #3f87f5; color: #544fe0 !important; font-weight: 600;}*/
.btn_style_2:not(.active):hover{ border-color: #2d62e4; color: #2d62e4 !important; font-weight: 600; background-color: #fff}
/*.btn_style_2:not(.active):focus { border-color: #2d62e4; color: #2d62e4 !important; font-weight: 600; background-color: #fff}*/
.btn_style_2.width110{width: 110px; box-sizing: border-box; padding: 11px 10px 10px;}

/* btn_style_3 - 배경 없음, 외곽선 없음, 글자 #3f87f5 */
.btn_style_3 { display: inline-block; vertical-align: middle; padding: 8px 12px 7px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #3f87f5 !important; border-radius: 5px; overflow: hidden; cursor: pointer;}
.btn_style_3:not(.active):hover{ background-color: #edf3fe; }
/*.btn_style_3:not(.active):focus { background-color: #edf3fe; }*/

/* btn_style_4 - 배경 없음, 외곽선 없음, 글자 #4eb3f3 */
.btn_style_4 { position: relative; display: inline-block; vertical-align: middle; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 500; color: #4eb3f3 !important; overflow: hidden; cursor: pointer;}
.btn_style_4:after{content:''; position: absolute; left: 0; bottom:0; width: 100%; border-bottom:1px solid transparent; transition: border-color 0.2s;}
.btn_style_4:hover:after{border-color:#4eb3f3;}
.btn_style_4.preview{color:#5c56f1 !important;}
.btn_style_4.preview:hover:after{border-color:#5c56f1;}
.btn_style_4.preview_not_exist:after{border: none;}
/*.btn_style_4.preview_not_exist{pointer-event:none; opacity:0.25; cursor:default;}*/
/*.btn_style_4.preview_not_exist:after{bottom:10px; border-bottom:1px solid #5c56f1;}*/
/*.btn_style_4.preview_not_exist span{display: none;}*/

/* btn_style_5 - 배경 #fff, 외곽선 #f7925d, 글자 #2a2a2a -> #f7925d */
.btn_style_5{display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; border-radius: 4px; overflow: hidden; cursor: pointer;
    padding: 8px 15px 8px 15px; margin-top: 25px; border: 1px solid #f7925d; background-color: #fff; color: #2a2a2a; font-weight: 700;}
.btn_style_5:hover{color: #f7925d;}

/* btn_style_6 - 배경 #3f87f5, 외곽선 없음, 글자 흰색 */
.btn_style_6_con .btn_style_6{ width: 100%; height: auto; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; padding: 15px 30px 14px 30px; border-radius: 4px; background-color: #3d3d3d; color: #fff;}
.btn_style_6_con .btn_style_6 .zgai_icon{ position: absolute; width: 21px; height: 21px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("/weven_service/module/member/content/frontLogin/img/login_icon_ZgAI.svg");}

/* detail_btn - 글자 #2a2a2a, 7x11 arrow */
.detail_btn_con{text-align: right;}
.detail_btn{font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem; letter-spacing: -0.02em; font-weight: 500; color: #2a2a2a; padding-right: 18px; background-image: url('../img/7x11_363645_arrow_right.png'); background-size: 7px 11px; background-position: center right 2px; background-repeat: no-repeat;}
.detail_btn:hover{font-weight: 700; }

/* underline_btn - 글자 #23b0fc, underline #bde7fe -> #23b0fc (hover시 underline 색상 변경) */
.underline_btn{position: relative; font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; letter-spacing: 0em; font-weight: 400; color: var(--color_green_1)!important; display: inline-block;}
.underline_btn.type_2{font-size: 15px; font-size: 1.5rem; line-height: 27px; line-height: 2.7rem;}
.underline_btn:hover:after{content: ''; position: absolute; background-color: var(--color_green_1); width: 100%; height: 1px; /*bottom: -5px;*/bottom: 0; left: 0;}

/* underline_btn_2 - 글자 #23b0fc, underline #2196f3 (hover시 underline 등장) */
.underline_btn_2{position: relative; /*font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0em;*/ font-weight: 400; color: #2196f3 !important; }
.underline_btn_2:after{content: ''; position: absolute; background-color: transparent; width: 100%; height: 1px; bottom: -2px; left: 0;}
.underline_btn_2:hover:after{background-color: #2196f3; }

/* underline_btn_3 - 글자 #000, underline #848d94 (hover시 진해짐) */
.underline_btn_3{position: relative; display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #000; box-sizing: border-box;}
.underline_btn_3:after{content: ''; position: absolute; left: 0px; bottom: 0; background-color: #848d94; height: 1px; width: 100%;}
.underline_btn_3:hover{font-weight: 700;}
.underline_btn_3:hover:after{background-color: #000;}

/* underline_btn_4 - 글자 #000, underline #848d94 (hover시 글자,underline #f7925d) */
.underline_btn_4{position: relative; display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; color: #000; box-sizing: border-box;}
.underline_btn_4:after{content: ''; position: absolute; left: 0px; bottom: 0; background-color: #848d94; height: 1px; width: 100%;}
.underline_btn_4:hover{color: #f7925d;}
.underline_btn_4:hover:after{background-color: #f7925d;}

/* underline_btn_5 - 글자 var(--color_green_1) (hover시 글자 ,underline var(--color_green_1)) */
.underline_btn_5{margin-bottom: 2px; vertical-align: middle;  font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2.0rem; font-weight: 700; color: var(--color_green_1);}
.underline_btn_5:hover:after{content: ''; position: absolute; left: 0px; bottom: 0; width: 61px; background-color: var(--color_green_1); height: 1px; }

/* underline_btn_6 - 글자 #2e7cf1, (hover시 글자 ,underline  #2e7cf1) */
.underline_btn_6{ color: #2e7cf1;  vertical-align: middle;  font-size: 13px; font-size: 1.3rem; line-height: 26px; line-height: 2.6rem; font-weight: 600; color: #2e7cf1; border-bottom: 1px solid #2e7cf1; }

/* 새 버튼 공통 - 2024.04 */
a[class*="_btn"]{ display: inline-block; position: relative; flex-shrink: 0; }
a[class*="_btn"].w100{ width: 100%; }
label[class*="_btn"]{ display: inline-block; position: relative; flex-shrink: 0; cursor: pointer; }
label[class*="_btn"].w100{ width: 100%; }
button[type="submit"]{ display: inline-block; position: relative; flex-shrink: 0; cursor: pointer; border: none; }
button[type="submit"] .w100{ width: 100%; }
input[type="submit"]{ text-indent: -10000px; border: none; background-color: transparent; cursor: pointer; }

/* common_long_btn (+ type 클래스 필수) */
.common_long_btn{ text-align: center; border-radius: 100px; box-sizing: border-box; transition: background-color 0.2s, color 0.2s; }
.common_long_btn:hover{ background-color: var(--color_green_1) !important; color: #000 !important; font-weight: 500 !important; }
.common_long_btn span{ position: relative; }
.common_long_btn span::before{ content: ''; transition: background-color 0.2s; }
.common_long_btn span::after{ content: ''; transition: background-color 0.2s; }
/* (type_1 : width168, height40, bg흰색) */
.common_long_btn.type_1{ padding: 10px 20px; background-color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 700; color: #000; /*margin-left: 10px;*/ }
/* (type_1_1 : width147, height40, bg흰색) */
.common_long_btn.type_1_1{ width: 147px; padding: 10px 0; background-color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 700; color: #000; border: none; cursor: pointer;}
/* (type_2 : width110, height32, bg회색) */
.common_long_btn.type_2{ padding: 6px 16px; background-color: #4f4f5a; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #fff; }
/* (type_3 : width110, height30, bg검은색) */
.common_long_btn.type_3{ padding: 6px 15px; background-color: #000; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; color: #fff; }
.common_long_btn.type_3:hover{ font-weight: 700; }
/* (type_4 : height30, bg#28282d, border흰색) */
.common_long_btn.type_4{ padding: 6px 15px; margin-top:5px; background-color: #28282d; border-radius: 15px;  box-shadow: 0px 0px 0px 1px rgba(256, 256, 256, 0.3) inset; transition: box-shadow 0.3s; outline: none; border: none; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; color: #fff; }
.common_long_btn.type_4:hover{ border-color: #fff; outline: none; border: none; box-shadow: 0px 0px 0px 2px #fff inset; background-color: #28282d !important; color: #fff !important; }
/* (type_5 : border-radius : 5px)*/
.common_long_btn.type_5 { border-radius: 5px; padding: 9px 20px 8px; background-color: #000;font-size: 13px;font-size: 1.3rem;line-height: 21px;line-height: 2.1rem;font-weight: 500;color: #fff; }
.common_long_btn.type_5:hover { background-color: black !important; color: #fff!important; font-weight: 500!important; }
.common_long_btn.type_5.check_cir { padding-left: 36px; padding-right: 18px; }
.common_long_btn.type_5.check_cir:hover { font-weight: 500 !important; }
.common_long_btn.type_5.check_cir span {display: inline-block; width: 25px; height: 29px; background-color: #000; position: absolute; top: 5px;left: 10px;transition: transform 0.5s;text-align: right;overflow: hidden;background-image: url(../img/svg/done_FILL0_wght400_GRAD0_opsz20_white.svg);background-size: 20px;background-position: center center;background-repeat: no-repeat;}
.common_long_btn.type_5.check_cir span::after { display: inline-block;opacity: 0;width: 100%;height: 100%;background-color: #000; }
/* margin-left: 10px; }
/* (하단 좌우) */
.common_long_btn.left{ position: absolute; left:0; top: 0; }
.common_long_btn.right{ position: absolute; right:0; top: 0; }
/* (색상) */
.common_long_btn.white{ background-color: #fff; color: #000; }
.common_long_btn.black{ background-color: #000; color: #fff; }
.common_long_btn.gray{ background-color: #4f4f5a; color: #fff; font-weight: 500; }
.common_long_btn.green{ background-color: var(--color_green_1); color: #000; }
/* (비활성화) */
.common_long_btn.inactive{ pointer-events: none; opacity: 0.25; cursor: auto; }
/* (plus_icon : 우측에 '+' 표시) */
.common_long_btn.plus_icon span{ padding-right: 15px; }
.common_long_btn.plus_icon span::before{ width: 9px; height: 1px; background-color: #fff; position: absolute; top: 6px; right: -4px; }
.common_long_btn.plus_icon span::after{ width: 1px; height: 9px; background-color: #fff; position: absolute; top: 2px; right: 0; }
.common_long_btn.plus_icon:hover span::before{ background-color: #000 !important; }
.common_long_btn.plus_icon:hover span::after{ background-color: #000 !important; }
/* (plus_cir : 우측에 '+' 적힌 원) */
.common_long_btn.plus_cir{ padding-right: 43px; margin-left: 10px;}
.common_long_btn.plus_cir span{ display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: #292930; position: absolute; top: 6px; right: 6px; transition: transform 0.5s; }
.common_long_btn.plus_cir span::before{ width: 10px; height: 2px; background-color: #fff; position: absolute; top: 13px; left: 9px; }
.common_long_btn.plus_cir span::after{ width: 2px; height: 10px; background-color: #fff; position: absolute; top: 9px; left: 13px; }
.common_long_btn.plus_cir:hover span{ transform: rotate(270deg); }
.common_long_btn.plus_cir:hover{ font-weight: 700 !important; }
/* (check_cir : 우측에 'V' 적힌 원) */
.common_long_btn.check_cir{ padding-right: 43px; }
.common_long_btn.check_cir:hover{ font-weight: 700 !important; }
.common_long_btn.check_cir span{ display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: #292930; position: absolute; top: 6px; right: 6px; transition: transform 0.5s; text-align: right; overflow: hidden;
    background-image: url("../img/svg/done_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 20px; background-position: center center; background-repeat: no-repeat; }
.common_long_btn.check_cir span::after{ display: inline-block; opacity: 0; width: 100%; height: 100%; background-color: #292930; }
.common_long_btn.check_cir:hover span::after{ opacity: 1; width: 0; transition: width .5s; }
/* (arrow_right : 우측 화살표 ) */
.common_long_btn.arrow_right{ padding: 6px 15px; background-color: #000; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; color: #fff; background-repeat: no-repeat; background-position: center; background-image: url(../img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20_white.svg);
    background-size: 20px; background-position-x: 65px; }
.common_long_btn.arrow_right:hover{ padding: 6px 15px; font-weight: 700; background-image: url("../img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20.svg"); }
/* ( delete_x : 엑스 )*/
.common_long_btn.delete_x { padding-right: 33px; }
.common_long_btn.delete_x::before { content: ''; position: absolute; left: 72px; top: 20px; width: 10px; height: 1px; background-color: #fff; transform: translate(-0%, -50%) rotate(45deg);}
.common_long_btn.delete_x::after { content: ''; position: absolute; left: 72px; top: 20px; width: 10px; height: 1px; background-color: #fff; transform: translate(-0%, -50%) rotate(-45deg);}
.common_long_btn.delete_x:hover { font-weight: 700 !important; }
.common_long_btn.delete_x:hover::before { background-color: #000;}
.common_long_btn.delete_x:hover::after { background-color: #000;}
/* ( menu : 목록으로 버튼 ) */
.common_long_btn.menu { padding-right: 33px; }
.common_long_btn.menu::before { content: ''; position: absolute; left: 101px; top: 17px; width: 8px; height: 1px; background-color: #fff;}
.common_long_btn.menu::after { content: ''; position: absolute; left: 101px; top: 22px; width: 8px; height: 1px; background-color: #fff;}
.common_long_btn.menu:hover { font-weight: 700 !important; }
.common_long_btn.menu:hover::before { background-color: #000;}
.common_long_btn.menu:hover::after { background-color: #000;}
/* ( edit : 편집하기 (연필 아이콘에 언더바 o) ) */
.common_long_btn.edit{ padding-right: 43px; }
.common_long_btn.edit span{ display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: #292930; position: absolute; top: 6px; right: 6px; transition: transform 0.5s; text-align: right; overflow: hidden;
    background-image: url("../img/13x13_ffffff_edit_icon.png"); background-size: 13px 13px; background-position-x: 7px; background-position-y: 7px; background-repeat: no-repeat; }
.common_long_btn.edit span::after{ display: inline-block; opacity: 0; width: 100%; height: 100%; background-color: #292930; }
/* ( pencil : 편집하기 (연필 아이콘에 언더바 x) ) */
.common_long_btn.pencil{font-weight: 700; padding-left: 32px; }
.common_long_btn.pencil:hover{ font-weight: 700 !important; padding-left: 32px; }
.common_long_btn.pencil span{ display: inline-block; width: 22px; height: 22px; position: absolute; top: 9px; left:10px; transition: transform 0.5s; overflow: hidden;
    background-image: url("../img/svg/edit_FILL0_wght300_GRAD0_opsz20.svg"); background-size: 16px 16px; background-position: center; background-repeat: no-repeat; }
/* ( pencil_2 : 아이콘이랑 텍스트랑 같이 있는 편집하기  (연필 아이콘에 언더바 x) ) */
.common_long_btn.type_1.white.pencil_2:hover { font-weight: 700 !important; }
.common_long_btn.pencil_2 span{ display: inline-block; width: 33px; height: 33px;  transition: transform 0.5s; overflow: hidden;
    background-image: url("../img/svg/edit_FILL0_wght300_GRAD0_opsz20.svg"); background-size: 20px 20px; background-position-x: 7px; background-position-y: 7px; background-repeat: no-repeat; }
.common_long_btn.pencil_2 .pencil_2_text_wrap { display: flex; justify-content: center; align-items: center; margin-top: -7px; margin-left: -15px;}
/* ( pencil_3 : input 안의 버튼 (연필 아이콘에 언더바 x) ) */
.common_long_btn.pencil_3{ padding-left: 14px; }
.common_long_btn.pencil_3 + span{ display: inline-block; width: 28px; height: 28px; position: absolute; top: 6px; left:17px; transition: transform 0.5s; overflow: hidden;
    background-image: url("../img/svg/edit_FILL0_wght300_GRAD0_opsz20.svg"); background-size: 20px 20px; background-position-x: 7px; background-position-y: 7px; background-repeat: no-repeat; }
.common_long_btn.no_pencil:hover { font-weight: 700 !important; }
    /* ( refresh : 초기화 ) */
.common_long_btn.refresh { padding-right: 43px; }
/*.common_long_btn.refresh::before { content: ''; position: absolute; left: 82px; top: 17px; width: 8px; height: 1px; background-color: #fff;}*/
.common_long_btn.refresh span {width: 24px; height: 24px; position: absolute; right: 15px; top: 8px; background-image: url("../img/svg/refresh_24dp_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 17px 17px; background-position: center center; background-repeat: no-repeat; }
.common_long_btn.refresh:hover span {width: 24px; height: 24px; position: absolute; right: 15px; top: 8px; background-image: url("../img/svg/refresh_24dp_FILL0_wght400_GRAD0_opsz24.black.svg"); background-size: 17px 17px; background-position: center center; background-repeat: no-repeat; }
.common_long_btn.type_4.refresh { margin-top: 0; padding-right: 35px; margin-left: 20px; }
.common_long_btn.type_4.refresh span { top: 3px; right: 7px; background-size: 14px 14px; }
.common_long_btn.refresh.type_4:hover span { background-image: url("../img/svg/refresh_24dp_FILL0_wght400_GRAD0_opsz24.svg"); }

/* common_arrow_btn (+ 방향 클래스 필수) (기본값 흰색) */
a.common_arrow_btn{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #fff; padding: 6px 17px 6px 6px; background-size: 15px; background-position: center right 0; background-repeat: no-repeat; }
/* (화살표 방향) */
a.common_arrow_btn.up{ background-image: url("../img/svg/expand_less_FILL0_wght400_GRAD0_opsz20_white.svg"); }
a.common_arrow_btn.down{ background-image: url("../img/svg/expand_more_FILL0_wght400_GRAD0_opsz20_white.svg"); }
a.common_arrow_btn.right{ background-image: url("../img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 20px; }
a.common_arrow_btn.left{ padding-left: 22px; padding-right: 6px; background-image: url("../img/svg/chevron_left_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 20px; background-position: center left 0; }
/* (색상) */
a.common_arrow_btn.black{ color: #000; }
a.common_arrow_btn.black.up{ background-image: url("../img/svg/expand_less_FILL0_wght400_GRAD0_opsz20.svg"); }
a.common_arrow_btn.black.down{ background-image: url("../img/svg/expand_more_FILL0_wght400_GRAD0_opsz20.svg"); font-weight: 700; }
a.common_arrow_btn.black.right{ background-image: url("../img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20.svg"); }
a.common_arrow_btn.black.left{ background-image: url("../img/svg/chevron_left_FILL0_wght400_GRAD0_opsz20.svg"); }

/* input_over_btn */
.input_over_btn{ position: absolute !important; top: 1px; right: 1px; height: calc(100% - 2px); padding: 13px 15px; cursor: pointer; border: none; border-radius: 0 5px 5px 0; background-color: #eef3f6;
    font-size: 14px; font-size: 1.4rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; color: #000; letter-spacing: 0.02em; box-sizing: border-box; transition: .3s; }
.input_over_btn:hover{ background-color: var(--color_green_1); }

/* === 셀렉박스 === */

/* select_style_0 */
.select_style_0_wrap{position: relative; height: 41px; font-size: 0; line-height: 0;}
.select_style_0_wrap .selected_item_con{position: absolute; width: 100%; height: 100%; top: 0px; left:0; display: inline-block; margin-right:10px;}
.select_style_0_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_0_wrap .selected_item{width:100%; height: 100%; color: #2a2a2a; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; font-weight: 500; letter-spacing: -0.02em;
    border: 1px solid #e8eef6; border-radius: 4px; padding: 9px 30px 11px 16px; box-sizing: border-box; text-align: left; background-color: #fff;
    background-image: url('../img/8x11_56566c_select_icon.png'); background-size: 8px 11px; background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; }
[data-wv-os="Mac"] .select_style_0_wrap .selected_item { background-image: url("../img/retina/8x11_56566c_select_icon_mac.png"); }
[data-wv-pc="mobile"] .select_style_0_wrap .selected_item { background-image: url("../img/retina/8x11_56566c_select_icon_mac.png"); }
.select_style_0_wrap .selected_item:disabled{color: #9eb1d1; background-color: #f9fbfd; border: none;}
/*.select_style_0_wrap .selected_item.active{border-color: #3f87f5; box-shadow: 0 0 0 2px rgba(63,135,245,0.2);}*/
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar{width: 2px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-thumb{background-color: #6d97f2; border-radius: 10px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-track{background-color: transparent;}
.select_style_0_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 210px; overflow-y: auto; box-sizing: border-box;  z-index: 1; border: 1px solid #767676; box-shadow: 1px 3px 5px rgba(118,118,118,0.1); transition: .3s; background-color: #fff;}
.select_style_0_wrap .select_style_0 > li{text-align: left;}
.select_style_0_wrap .select_style_0 > li.active{display: none;}
.select_style_0_wrap .select_style_0 > li > a{display: block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color:#677a91;
padding-top: 3px; padding-bottom: 4px; padding-left:17px; padding-right:17px; box-sizing: border-box; word-break: keep-all; }
.select_style_0_wrap select{width: 100%; height: 100%; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; border: 1px solid #e8eef6; border-radius: 4px; padding: 10px 10px 11px 13px; box-sizing: border-box; text-align: left; background-color: #fff; cursor: pointer;}

.select_style_0_wrap.live .selected_item{border-color: #4eb3f3; color: #4eb3f3;}
.select_style_0_wrap.not_live .selected_item{color: #bfcde5;}
.select_style_0_wrap.read_only .selected_item{color: #9eb1d1; background-color: #f0f7ff; cursor: auto;}
.select_style_0_wrap.read_only .selected_item:hover{border-color: transparent;}

/* select_style_00_wrap (공통 속성) */
.select_style_00_wrap{ position: relative; font-size: 0; line-height: 0; box-sizing: border-box; text-align: left; font-weight: 500; color: #fff; }
.select_style_00_wrap .selected_item_con{ position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; }
.select_style_00_wrap .selected_item_con:focus{ outline: none; }
.select_style_00_wrap .selected_item{ width: 100%; height: 100%; box-sizing: border-box; cursor: pointer; transition: background-color 0.3s, color 0.3s, outline-color 0.3s; }
.select_style_00_wrap .selected_item.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select_style_00_wrap .selected_item::after{ content: ''; border-top: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; }
.select_style_00_wrap .select_style_0_con{ display: none; width:100%; max-height: 488px; overflow: hidden auto; box-sizing: border-box; position: relative; z-index: 1; }
.select_style_00_wrap .select_style_0 > li{text-align: left;}
.select_style_00_wrap .select_style_0 > li > a{ display: block; box-sizing: border-box; cursor: pointer; }

/* select_style_00_wrap - type_1 */
.select_style_00_wrap.type_1{ width: 164px; height: 40px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; }
.select_style_00_wrap.type_1 .selected_item{ padding: 10px 30px 10px 20px; border-radius: 20px; font-weight: 400; }
.select_style_00_wrap.type_1 .selected_item:hover{ background-color: #fff; color: #000; font-weight: 700; }
.select_style_00_wrap.type_1 .selected_item.active{ background-color: #fff; color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-weight: 700; }
.select_style_00_wrap.type_1 .selected_item::after{ top: 18px; right: 17px; }
.select_style_00_wrap.type_1 .selected_item:hover::after{ border-top-color: #000; }
.select_style_00_wrap.type_1 .selected_item.active::after{ border-top-color: #000; }
.select_style_00_wrap.type_1 .select_style_0_con{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.select_style_00_wrap.type_1 .select_style_0{ background-color: #fff; padding-top: 18px; padding-bottom: 4px; }
.select_style_00_wrap.type_1 .select_style_0 > li > a{ padding: 0 20px 14px 20px; color: #9a9aab; transition: color 0.3s; font-weight: 700; }
.select_style_00_wrap.type_1 .select_style_0 > li:hover > a{ color: #000; }
.select_style_00_wrap.type_1 .select_style_0 > li.active > a{ color: #000; font-weight: 700; }

/* select_style_00_wrap - type_2 */
.select_style_00_wrap.type_2{ width: 86px; height: 28px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; }
.select_style_00_wrap.type_2 .selected_item{ height: 30px; padding: 6px 26px 6px 15px; border-radius: 15px;  box-shadow: 0px 0px 0px 1px rgba(256, 256, 256, 0.3) inset; /*transition: box-shadow 0.3s;*/ background-color: var(--color_background_4);  }
.select_style_00_wrap.type_2 .selected_item:hover{ border-color: #fff; outline: none; border: none; box-shadow: 0px 0px 0px 2px #fff inset; }
.select_style_00_wrap.type_2 .selected_item.active{ box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 rgba(256, 256, 256, 0.15), inset 2px 0 0 #fff, inset -2px 0 0 #fff; border-bottom-color: #414143; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: var(--color_background_4); }
.select_style_00_wrap.type_2 .selected_item.pd_type_2.active::after{ position: absolute; width: 9px; height: 9px; top: 19px; right: 16px; background-image: url("/weven_template/theme/weven/resource/img/close_fff_13x13.png"); background-size: 9px; background-repeat: no-repeat; border: none; }
.select_style_00_wrap.type_2 .selected_item::after{ top: 13px; right: 11px; }
.select_style_00_wrap.type_2 .selected_item.pd_type_2.active { padding: 14px 25px 14px 14px; height: auto; }
.select_style_00_wrap.type_2 .select_style_0_con{ border-top: none; box-shadow: inset 0 -2px 0 #fff, inset 2px 0 0 #fff, inset -2px 0 0 #fff;border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: var(--color_background_4); max-height: unset; overflow: visible; padding-right: 2px; }
.select_style_00_wrap.type_2 .selected_item_con.w170 { width: 170px; z-index: 100; }
.select_style_00_wrap.type_2 .select_style_0{ max-height: 168px; overflow: hidden auto; padding-top: 8px; padding-bottom: 5px;  }
.select_style_00_wrap.type_2 .select_style_0::-webkit-scrollbar { width: 8px }
.select_style_00_wrap.type_2 .select_style_0::-webkit-scrollbar-thumb { border: 3px solid var(--color_background_4); background-color: #5a5a5d; background-clip: padding-box; }
.select_style_00_wrap.type_2 .select_style_0::-webkit-scrollbar-track { background-color: var(--color_background_4); }
.select_style_00_wrap.type_2 .select_style_0::-webkit-scrollbar-button:start:decrement{ display: none; }
.select_style_00_wrap.type_2 .select_style_0::-webkit-scrollbar-button:end:increment{ opacity: 0; height: 11px; }
.select_style_00_wrap.type_2 .select_style_0.pd_type_2{ padding-top: 15px; padding-bottom: 9px; }
.select_style_00_wrap.type_2 .select_style_0 > li > a{ padding: 0 14px 6px 14px; opacity: 0.4; transition: opacity 0.2s; }
.select_style_00_wrap.type_2 .select_style_0.pd_type_2 > li > a{ padding: 0 14px 12px 14px; font-size: 14px; font-size: 1.4rem; font-weight: 700; opacity: 0.4; transition: opacity 0.2s; }
.select_style_00_wrap.type_2 .select_style_0 > li:hover > a{ opacity: 1; }
.select_style_00_wrap.type_2 .select_style_0 > li.active > a{ opacity: 1; }

/* select_style_00_wrap - type_3 (input과 동일 속성) */
.select_style_00_wrap.type_3{ width: 90px; height: 41px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; }
.select_style_00_wrap.type_3 .selected_item{ padding: 13px 25px 13px 16px; border: 1px solid transparent; border-radius: 4px; background-color: #2e2e31; height: 48px; }
/*.select_style_00_wrap.type_3 .selected_item:hover{ outline-color: #fff; }*/
.select_style_00_wrap.type_3 .selected_item.active{ border-color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select_style_00_wrap.type_3 .selected_item::after{ top: 22px; right: 11px; }
.select_style_00_wrap.type_3 .select_style_0_con{ border: 1px solid #fff; border-top: none; top: -1px; background-color: #2e2e31; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.select_style_00_wrap.type_3 .select_style_0{ padding-top: 9px; padding-bottom: 4px; border-top: 2px solid rgba(256, 256, 256, 0.15); }
.select_style_00_wrap.type_3 .select_style_0 > li > a{ padding: 0 16px 6px 16px; opacity: 0.4; transition: opacity 0.2s; }
.select_style_00_wrap.type_3 .select_style_0 > li:hover > a{ opacity: 1; }
.select_style_00_wrap.type_3 .select_style_0 > li.active > a{ opacity: 1; }

/* select_style_00_wrap - type_3_3 (input과 동일 속성) */
.select_style_00_wrap.type_3_3{ width: 345px; height: 41px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; }
.select_style_00_wrap.type_3_3 .selected_item{ padding: 11px 25px 11px 16px; border: 1px solid transparent; border-radius: 4px; background-color: var(--color_background_3); }
/*.select_style_00_wrap.type_3_3 .selected_item:hover{ outline-color: #fff; }*/
.select_style_00_wrap.type_3_3 .selected_item.active{ border-color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select_style_00_wrap.type_3_3 .selected_item::after{ top: 19px; right: 16px; }
.select_style_00_wrap.type_3_3 .select_style_0_con{ border: 1px solid #fff; border-top: none; top: -1px; background-color: var(--color_background_3); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.select_style_00_wrap.type_3_3 .select_style_0{ padding-top: 9px; padding-bottom: 4px; }
.select_style_00_wrap.type_3_3 .select_style_0 > li > a{ padding: 0 16px 6px 16px; opacity: 0.4; transition: opacity 0.2s; }
.select_style_00_wrap.type_3_3 .select_style_0 > li:hover > a{ opacity: 1; }
.select_style_00_wrap.type_3_3 .select_style_0 > li.active > a{ opacity: 1; }
/* === 체크박스 === */

/* check_btn_style_0 */
.check_btn_style_0_wrap { font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; margin-bottom: -15px; padding-bottom: 11px; }
.check_btn_style_0_wrap .check_btn_style_0_con { display: inline-flex; align-items: center; position: relative; overflow: hidden; margin-right: 21px; margin-bottom: 15px; }
.check_btn_style_0 { display: none; }
.check_btn_style_0 + label { font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; font-weight: 400; letter-spacing: -0.02em; color: #4eb3f3; cursor: pointer; }
.check_btn_style_0 + label::before { content: ""; width: 20px; height: 20px; display: inline-block; margin-right: 10px; border: 1px solid #dbe3f1; border-radius: 3px; vertical-align: bottom; text-align: center;
    background-position: left 5px top 5px; background-size: 11px 9px; background-repeat: no-repeat; background-color: #fff; color: transparent; cursor: pointer; transition: all 0.2s ease-in-out; }
.check_btn_style_0 + label:hover::before { border-color: #3f87f5; }
table tr .check_btn_style_0 + label { padding: 27px; }
table tr .check_btn_style_0 + label::before { margin-right: 0; }
.check_btn_style_0:checked + label::before { background-color: #3f87f5; border-color: #3f87f5; background-image: url("../img/11x9_ffffff_check_icon.png"); }
[data-wv-os="Mac"] .check_btn_style_0:checked + label::before { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png"); }
[data-wv-pc="mobile"] .check_btn_style_0:checked + label::before { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png"); }
/* check_btn_style_0.type_2 - 넓은 체크박스 */
.check_btn_style_0.type_2 + label::before {width: 33px; height: 33px; margin-right: 0;}
/* check_btn_style_0.type_3 - 작은 폰트크기*/
.check_btn_style_0.type_3 + label { font-size:14px; font-size:1.4rem; font-weight: 300; }
/* 블록 템플릿 페이지 체크박스 */
.grid_style_0_inner .check_btn_style_0 + label::before{margin-top: 3px;}

/* check_btn_style_1 */
.check_btn_style_1_con{position: relative; overflow: hidden; width: 100%; font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 600; letter-spacing: -0.02em; color: #3d3d3d; margin-bottom: 17px;}
.check_btn_style_1_con:last-child{margin-bottom: 0;}
.check_btn_style_1_con .check_btn_style_1{width: 26px; height: 26px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_1_con .check_btn_style_1 + label{width: 24px; height: 24px; cursor: pointer; position: absolute; left: 0; top: 0; border: 1px solid #e3eaf3; border-radius: 4px; transition: .2s;  background-size: 12px 12px; /*background-position: left 6px top 6px;*/ background-position: center; background-repeat: no-repeat;}
.check_btn_style_1_con .check_btn_style_1 + label:hover{border-color: #7b8089;}
.check_btn_style_1_con .check_btn_style_1 + label p{position: relative; left: 35px; top: 1px; width: 80px;}
.check_btn_style_1_con .check_btn_style_1 + label p.type_2{width: 165px;}
.check_btn_style_1_con .check_btn_style_1:checked + label{border-color: #3d3d3d; background-color: #3d3d3d; background-image: url('/weven_template/theme/weven_supply/resource/img/svg/checkbox_icon_white.svg'); /*background-size: 14px;*/
    width: 24px; height: 24px; background-position: left 7px center; background-repeat: no-repeat;}
/* check_btn_style_1 - type_2*/
/*.check_btn_style_1_con .check_btn_style_1.type_2 + label{border-color: #dbe3f1;}*/
.check_btn_style_1_con .check_btn_style_1.type_2 + label{width: 25px;}
.check_btn_style_1_con .check_btn_style_1.type_2:checked + label{background-position: left 7px center;}

.check_btn_style_10 { display: none; }
.check_btn_style_10 + label::before { content: ""; width: 20px; height: 20px; display: inline-block; margin-right: 10px; border: 1px solid #d8e3ea; border-radius: 3px; vertical-align: bottom; text-align: center; }
.check_btn_style_10:checked + label::before { background-color: #000000; border-color: #d8e3ea; background-image: url("../img/11x9_ffffff_check_icon.png"); background-repeat: no-repeat; background-position: center; }

/* checkbox_style_00_wrap */
.checkbox_style_00_wrap{ font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; vertical-align: middle; }
.checkbox_style_00_wrap .checkbox_con{ display: inline-flex; align-items: center; position: relative; vertical-align: middle; }
div:not(.popup_style_00_wrap) .checkbox_style_00_wrap .checkbox_con:not(:last-child){ }
.checkbox_style_00_wrap input[type="checkbox"]{ display: none; }
.checkbox_style_00_wrap input[type="checkbox"] + label{ font-size: 12.5px; font-size: 1.25rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.03em; font-weight: 600; color: #fff; cursor: pointer; }
.checkbox_style_00_wrap input[type="checkbox"] + label::before{position: relative; top: -1px; content: ''; display: inline-block; width: 20px; height: 20px; background-color: #2e2e31; border: 1px solid transparent; border-radius: 3px; margin-right: 14px;
    background-size: 18px; background-position: left 1px center; background-repeat: no-repeat; vertical-align: middle; transition: 0.3s; }
.checkbox_style_00_wrap input[type="checkbox"] + label[for="checkAll"]::before{ background-color: #4c4c55; margin-bottom: -1px; }
.checkbox_style_00_wrap.type_2 input[type="checkbox"] + label::before{position: relative; top: -1px; content: ''; display: inline-block; width: 20px; height: 20px; background-color: var(--color_background_3); border: 1px solid transparent; border-radius: 50%; margin-right: 10px;
    background-size: 18px; background-position: left 1px center; background-repeat: no-repeat; vertical-align: middle; transition: 0.3s; }
.checkbox_style_00_wrap input[type="checkbox"] + label:hover::before{ background-color: #fff; }
.checkbox_style_00_wrap input[type="checkbox"]:checked + label::before{ background-color: var(--color_green_1); background-image: url("../img/svg/done_FILL0_wght600_GRAD0_opsz20.svg"); }
.checkbox_style_00_wrap.type_2 input[type="checkbox"]:checked + label::before{ background-color: var(--color_green_1); background-image: url("../img/svg/done_FILL0_wght600_GRAD0_opsz20.svg"); }
.checkbox_style_00_wrap input[type="checkbox"] + .checkbox_text { color: #fff; font-size: 15px;font-size: 1.5rem;line-height: 20px;line-height: 2.0rem;font-weight: 400; }
/* (check_list : checkbox 여럿 나열) */
.check_list.checkbox_style_00_wrap .checkbox_con{ margin-bottom: 15px; margin-right: 30px; }
.check_list.checkbox_style_00_wrap .checkbox_con:last-child{ margin-right: 0; }
.check_list.checkbox_style_00_wrap input[type="checkbox"] + label::before{ width: 24px; height: 24px; background-position: left 3px center; }
/* ( 테이블 안의 checkbox ) */
table .checkbox_style_00_wrap input[type="checkbox"] + label::before{ margin-right: 0; }


/* button_checkbox */
.checkbox_style_00_wrap input[type="checkbox"].button_checkbox{}
.checkbox_style_00_wrap input[type="checkbox"].button_checkbox + label{ display: inline-block; width: 100%; height: 100%; color: #000 !important; box-sizing: border-box; transition: .3s;
    padding: 11px 21px; background-color: #eef3f6; border: 1px solid transparent; border-radius: 5px; }
.checkbox_style_00_wrap input[type="checkbox"].button_checkbox + label::before{ content: none; }
/*.checkbox_style_00_wrap input[type="checkbox"].button_checkbox + label:hover{ background-color: var(--color_green_1_op); color: var(--color_green_1); }*/
.checkbox_style_00_wrap input[type="checkbox"].button_checkbox:checked + label{ background-color: var(--color_green_1); color: #000 !important; }



/* === 레이아웃 === */

/* counter_style_0 */
.counter_style_0_con { position: relative; }
.counter_style_0_con input{width:auto; padding-right: 46px;}
.counter_style_0_con input[type="number"]{width:auto; padding-right: 46px;}
.counter_style_0_con .counter_btn_box { position: absolute; top: 1px; right: 1px; }
.counter_style_0_con .counter_btn_box .counter_btn { position: relative; display: block; width: 30px; height: 20px; background-color: #f7fafd; border-left: 1px solid #e8eef6; cursor: pointer; box-sizing: border-box; background-size: 7px 4px; background-position: center center; background-repeat: no-repeat; }
.counter_style_0_con .counter_btn_box .counter_btn:hover { background-color: #3f87f5; }
.counter_style_0_con .counter_btn_box .counter_btn.up:hover { background-image: url("../img/7x4_f7fafd_top_arrow.png"); }
.counter_style_0_con .counter_btn_box .counter_btn.down:hover { background-image: url("../img/7x4_f7fafd_bottom_arrow.png"); }
.counter_style_0_con .counter_btn_box .counter_btn.up { background-image: url("../img/7x4_4eb3f3_top_arrow.png"); margin-bottom: -1px;}
.counter_style_0_con .counter_btn_box .counter_btn.down { background-image: url("../img/7x4_4eb3f3_bottom_arrow.png"); border-top: 1px solid #e8eef6; }
.counter_style_0_con + .label{padding-top: 6px;}


/* 서브 리스트 공통 스타일 */
/*.list_card_style_0_wrap{margin-bottom: 116px; overflow: hidden;}*/
.list_card_style_0_wrap{margin-bottom: 85px; overflow: hidden; padding-left: 20px; padding-right: 20px; max-width: 2434px;}
.list_card_style_0_wrap:last-child{margin-bottom: 0;}
.list_card_style_0_wrap .list_card_style_0_title{margin-bottom: 28px; text-align: left;  font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 700; letter-spacing: -0.04em; color: #000;}
/*.list_card_style_0_wrap .list_card_style_0_con{margin-bottom: -34px; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; width: calc(100% + 34px); margin-left: -17px; margin-right: -17px;}*/
.list_card_style_0_wrap .list_card_style_0_con { margin-bottom: -20px; width: calc(100% + 20px); margin-left: -20px;}
/*.list_card_style_0_wrap .list_card_style_0{max-width: 366px; margin-left: 17px; margin-right: 17px; margin-bottom: 34px; cursor: pointer;}*/
.list_card_style_0_wrap .list_card_style_0 {padding-bottom: 20px; padding-left: 20px; }
.list_card_style_0_wrap .list_card_style_0 .list_card_style_0_inner { cursor: pointer; border-radius: var(--radius_1); overflow: hidden;}
.list_card_style_0_wrap .list_card_style_0_inner:hover .text_box{ background-color: var(--color_background_2); }
.list_card_style_0_wrap .list_card_style_0 .img_box img{width: 100%;}
.list_card_style_0_wrap .list_card_style_0 .text_box{text-align: left; padding: 31px 26px 28px 35px; background-color: var(--color_background_1); transition: background-color .3s;}
.list_card_style_0_wrap .list_card_style_0 .text_box .title{margin-bottom: 6px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 600; letter-spacing: -0.04em; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; overflow:hidden;}
.list_card_style_0_wrap .list_card_style_0 .text_box .desc{ color: rgba(256,256,256,0.5); margin-bottom: 6px; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; font-weight: 300; letter-spacing: -0.015em; height: 68px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all;}
/*.list_card_style_0_wrap .list_card_style_0 .text_box .btn_box{display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; letter-spacing: -0.04em; padding: 4px 33px 4px 4px; background-position: right 0px center; background-size: 23px 23px; background-repeat: no-repeat; background-image: url("../img/list_card_style_0_detail_view_btn.png");}*/
/*.list_card_style_0_wrap .list_card_style_0 .text_box .btn_box.play_btn{background-image: url("../img/list_card_style_0_play_btn.png");}*/
.list_card_style_0_wrap .list_card_style_0 .text_box .btn_box{display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; letter-spacing: -0.04em; }
.list_card_style_0_wrap .list_card_style_0 .text_box .btn_box > span { display: inline-block; vertical-align: middle; margin-right: 6px; margin-top: 1px;}
.list_card_style_0_wrap .list_card_style_0 .text_box .btn_box > svg { width: 23px; display: inline-block; vertical-align: middle; }
.list_card_style_0_wrap .nodata{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; font-weight: 300; letter-spacing: -0.015em; background-color:#fff; text-align: center; box-sizing: border-box; color:#000;
    padding-top:28px; height:90px; margin-bottom:34px;}
/* 동영상매뉴얼 리스트 */
.list_card_style_0_wrap .list_card_style_0.supply_video_manual .text_box .title{font-weight: 600;}
.list_card_style_0_wrap .list_card_style_0.supply_video_manual .text_box .desc{margin-bottom: 35px;}
.list_card_style_0_wrap .list_card_style_0.supply_video_manual .text_box .btn_box{position: absolute; bottom: 28px; right: 26px;}


/* grid_style_0 - 템플릿 관리 */
/* grid_style_0_inner - 높이 가변적(이미지에 맞춰 변경)*/
.grid_style_0_con { width: calc(100% + 10px); margin-left: -10px; margin-bottom: -10px;}
.grid_style_0_con.site_manage .grid_style_0 {width: 100%;}
.grid_style_0_con .grid_style_0 { padding-left: 10px; padding-bottom: 10px; width: 100%;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner {padding: 21px 21px 20px 21px; background-color: #fff; border: 1px solid #e8eef6; border-radius: 5px; cursor: pointer;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner:hover {border-color: #3f87f5;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner:hover .add_tmplt_btn{background-image: url("../img/44x44_ecf4fa_plus_icon_h.png"); }
.grid_style_0_con .grid_style_0 .grid_style_0_inner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(78, 179, 243, 0.3);
    display: none; align-items: center; justify-content: center; background-image: url("../img/38x30_ffffff_check_icon.png"); background-size: 38px 30px; background-position: center center; background-repeat: no-repeat; }
[data-wv-os="Mac"] .grid_style_0_con .grid_style_0 .grid_style_0_inner::after { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png"); }
[data-wv-pc="mobile"] .grid_style_0_con .grid_style_0 .grid_style_0_inner::after { background-image: url("../img/retina/11x9_ffffff_check_icon_mac.png"); }
.grid_style_0_con .grid_style_0.checked .grid_style_0_inner::after { display: flex; }
.grid_style_0_con .grid_style_0 .grid_style_0_inner .text_box { max-width: calc(100% - 80px); /*overflow: hidden;*/ }
.grid_style_0_con .grid_style_0 .grid_style_0_inner .text_box .tmplt_title { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 500; color: #000;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; max-height: 40px;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner .text_box .tmplt_tag { font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; word-break: keep-all; font-weight: 400; letter-spacing: 0em; color: #677a91; overflow: hidden;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner .text_box .tmplt_tag.line2 {height: 36px; overflow: hidden;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner .text_box .registrant {font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; word-break: keep-all; font-weight: 400; letter-spacing: 0em; color: #677a91; height: 34px; overflow: hidden;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner .icon_box{ position: absolute; top: 0; right: 0;}

/*.grid_style_0_con .grid_style_0 .grid_style_0_inner .comment_wrap {position: absolute; top: -4px; right: 79px;}*/
/*.grid_style_0_con .grid_style_0 .grid_style_0_inner .tmplt_menu_list {top: -4px; right: 40px;}*/
/*체크박스 주석 풀면, 위의 두 코드 활성화, 아래의 두 코드 비활성화*/
.grid_style_0_con .grid_style_0 .grid_style_0_inner .comment_wrap {position: absolute; top: -4px; right: 35px;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner .tmplt_menu_list {top: -4px; right: 0;}


/* grid_style_0(block) - 블록템플릿 관리 */
/* grid_style_0_inner.type_2 - 높이 일정(.grid_style_0_con.block)*/
.grid_style_0_con.block { display: flex; flex-wrap: wrap; align-items: stretch; }
.grid_style_0_con.block .grid_style_0 .grid_style_0_inner { height:100%; display: flex;}
.grid_style_0_con.block .grid_style_0 .grid_style_0_inner .block_tmplt_info_wrap { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.state_label {padding: 4px 2px 4px 2px; text-align:center; border-radius: 4px; overflow: hidden; box-sizing: border-box; transition: .2s; height:22px; width:53px; margin-top:3px; margin-bottom:4px; font-size: 11px;}
.state_label.label_release_end {color:#fff; border: 1px solid #42abed; background-color: #42abed;}
.state_label.label_release_ready {color:#9899bf; border: 1px solid #b7c7dc;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .img_box{overflow: hidden; display: flex; align-items: flex-start; justify-content: center; /*max-height: 274px;*/ height: 274px; padding-top: 80%;
    background-repeat: no-repeat; background-size: cover; background-position: top center;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .img_box.type_2_bg_contain{background-size: contain; background-position: center;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .img_box.type_2_higher{height: 540px;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .img_box > img{position: absolute; width: 100%; top: 0; left: 0;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .text_box{min-width: 100%;}
.grid_style_0_con .grid_style_0 .grid_style_0_inner.type_2 .text_box .tmplt_title {margin-top: 4px; max-width: calc(100% - 80px);}


/* grid_style_0(theme) - 테마템플릿 관리 */
.grid_style_0_con.theme{display: flex; flex-wrap:wrap; align-items: stretch;}
.grid_style_0_con.theme .grid_style_0 .grid_style_0_inner { height:100%; padding: 21px; }

.grid_style_0_con.site_manage { display: flex; align-items: stretch; flex-direction: column; }

/* .list_view - 리스트보기
   .small_view - 작게보기
   .large_view - 크게보기 */
.large_view .grid_style_0_con .grid_style_0 .grid_style_0_inner { padding: 27px 26px 24px 24px; }
.edit_mode .grid_style_0_con .grid_style_0 .grid_style_0_inner { cursor: pointer; }

/* table_style_0 */
.table_style_0_wrap{ background-color: var(--color_background_1); border-radius: var(--radius_1); overflow: hidden; }
.table_style_0_wrap .table_style_0_con{ /*margin-bottom: 20px;*/ overflow-x: auto; overflow-y: hidden;}
.table_style_0_wrap .table_style_0_con::-webkit-scrollbar { height: 59px; }
.table_style_0_wrap .table_style_0_con::-webkit-scrollbar-thumb { background-color: #47464c; /*border-radius: 10px;*/ background-clip: padding-box; border: 28px solid transparent; border-left: none; border-right: none;}
.table_style_0_wrap .table_style_0_con::-webkit-scrollbar-thumb:hover { background-color: #47464c;}
.table_style_0_wrap .table_style_0_con::-webkit-scrollbar-track { background-color: transparent; }
.table_style_0_wrap .btn_style_1_wrap{width:-webkit-calc(100% + 5px);  width:-moz-calc(100% + 5px);  width:calc(100% + 5px);  margin-left:-5px; text-align: right;}
.table_style_0_wrap .btn_style_1_wrap.col-0{width: auto; margin-left:0;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con{width: 33.33%; padding-left: 5px; float: left; position: relative; box-sizing: border-box;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con.fr{float:right;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a{width: 100%;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a.w80{width: 80px;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a > span{background-size: 0px;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a.cancel > span{padding-right: 0;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a.excel_upload > span{padding-right: 0;}
.table_style_0_wrap .btn_style_1_wrap > .btn_style_1_con > a.excel_download > span{padding-right: 0;}

.table_style_0_wrap.type_2{padding-top: 41px;}
.table_style_0_wrap.type_2 .table_style_0_con{margin-bottom: 32px;}

.table_style_0_wrap.type_3{padding:0; background-color: transparent; border:none; border-radius: 0;}
.table_style_0_wrap.type_3 .table_style_0_con{margin-bottom: 0;}

.table_style_0_wrap.type_4{padding-top: 0px; border: 1px solid #dde4ed;}

.table_style_0{min-width: 1200px; width: 100%; table-layout: fixed;}
.table_style_0 col.width90{width: 90px;}
.table_style_0 col.width-auto{width: auto;}
.table_style_0 th{ padding: 11px 0; background-color: #36363d; height: 46px; font-size:13px; font-size:1.3rem; line-height:15px; line-height:1.5rem; letter-spacing: -0.02em; font-weight: 300; text-align: center; box-sizing: border-box;}
.table_style_0 th.title{ padding-left: 30px; padding-right: 30px;}
.table_style_0 th.has_thumbnail{ padding-left: 30px; }
.table_style_0 tbody tr{cursor: pointer; transition: background-color 0.3s;}
.table_style_0 tbody tr.cursor_default{cursor: default;}
.table_style_0 tbody tr:not(.cursor_default):hover{background-color: var(--color_background_2); transition: background-color 0.2s;}
.credit_table .table_style_0 tbody tr{cursor: initial;}
.table_style_0 td{position: relative; height: 87px; box-sizing:border-box; text-align: center;
    font-size:16px; font-size:1.6rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; padding-left: 15px; padding-right: 15px; padding: 12px 0 12px 0; }
.table_style_0 tr {  border-top: 1px solid rgba(256, 256, 256, 0.1);}
.table_style_0 tr:first-child { border: none; }
.table_style_0 thead tr { border: none; }
.table_style_0 td.has_check_box{padding-left: 0; padding-right: 0;}
.table_style_0 td.has_comment{font-size:12px; font-size:1.2rem; line-height: 15px; line-height: 1.5rem;}
.table_style_0 td.has_thumbnail{padding-left: 30px; padding-right: 0;}
.table_style_0 td.table_admin_btns{font-size: 0px; line-height: 0px; font-size: 0rem; line-height: 0rem; }
.table_style_0 td.table_admin_btns a{margin-right: 4px;}
.table_style_0 td.table_admin_btns a:last-child{margin-right: 0;}
.table_style_0 td.table_admin_btns .btn_style_0.edit{padding: 10px 15px 11px 33px; background-position: left 13px center;}
.table_style_0 td.tl{text-align: left;}
.table_style_0 td.tr{text-align: right;}
.table_style_0 td.title{ padding-left: 30px; padding-right: 30px;}
.table_style_0 td.no_padding{padding-left: 0 !important; padding-right: 0 !important;}
.table_style_0 tr:hover td.title{ font-weight: 400; transition: all 0.1s; }
.table_style_0 td.answered{color: #4eb3f3;}
.table_style_0 td.unanswered{color: #bfcde5;}
.table_style_0 td .tag{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color:#677a91; margin-top: 3px; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; max-height: 3.8rem; font-weight: 400;}
.table_style_0 td.strong{font-weight: 600;}
.table_style_0 td.strong_color{font-weight: 600; /*color: #1e1e2d;*/}
.table_style_0 td.request_status_0{color: #e933b9;}
.table_style_0 td.request_status_1{color: #0095ff;}
.table_style_0 td.request_status_2{color: #3333e4;}
.table_style_0 td.request_status_3{color: #95d1ed;}
.table_style_0 td span.show_first_line{height: 22px; display: block; overflow: hidden;}

.table_style_0.type_2 td{ font-size:15px; font-size:1.5rem; }
.table_style_0_con.type_border{border: 1px solid #e8eef6; border-radius: 4px;}
.table_style_0_con.type_border th{background-color: #f9fbfd; height: 44px;}
.table_style_0_con.type_border .table_style_0 tbody tr:last-child td{border-bottom: 0px none;}

/*.table_style_0 .list_thumbnail_box{width: 70px; height: 80px; border: 1px solid #e8eef6; border-radius: 4px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}*/
.table_style_0 .list_thumbnail_box{width: 70px; height: 80px; border: 1px solid rgba(0,0,0,0.07); border-radius: 3px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.table_style_0 .list_thumbnail_box.has_image{align-items: flex-start;}
.table_style_0 .list_thumbnail_box.empty{background-image: url('../img/theme_default_thumb.png'); background-size: cover; background-position: center center;}

.table_style_0 .check_btn_style_0_wrap{text-align: left; padding-left: 45px;}

#popSendReply, #referImgPopup {max-height: calc(100vh - 30px);}
#popSendReply .popup_body, #referImgPopup .popup_body {max-height: calc(100vh - 185px);}
#popSendReply .editor_wrapper{border: none;}
.table_style_0.type_3 thead{border-bottom: none; background-color: #fbfdfe;}
.table_style_0.type_3 th{border-bottom: 1px solid #c6ccd5;}
.table_style_0.type_3 tr{cursor: default;}
.table_style_0.type_3 td{height: 50px; border-bottom: 1px solid #ebecef;}
.table_style_0.type_3 td.content_btn span{position: relative; display: inline-block; color: #3c9fde; cursor: pointer; padding-right: 20px; }
.table_style_0.type_3 td.content_btn span::before{content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background-image: url("../img/common_icon/icon_arrow_bottom_12x7.png"); background-size: 11px; background-position: center; background-repeat: no-repeat;}
.table_style_0.type_3 td.content_btn span.show_content::before{transform: rotate(180deg);}
.table_style_0.type_3 td.content_btn span:hover{text-decoration-line: underline;}
.table_style_0.type_3 #deptContent{text-align: left; padding: 0 30px;}
.table_style_0.type_3 tbody tr:hover {background-color: #fff;}

.table_style_0 + .nodata{float:left; padding:83px 0px 83px; font-size:16px; font-size:1.6rem; line-height:75px; line-height:7.5rem;
    /*background-image: url("/weven_template/theme/_admin_style4_new/resource/img/error_24dp_FILL0_wght300_GRAD0_opsz24.png"); background-size: 29px; background-position: center top 50px; background-repeat: no-repeat;*/}

/* table_style_1 */
.table_style_1_wrap{/*padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; background-color: #fff; */border:none; border-radius: 4px;}

/* table_style_2 (크레딧구매 페이지에서 사용) */
.table_style_2{display: table; position: relative; width: 100%; table-layout: fixed; border-collapse: collapse;}
.table_style_2 thead{border-bottom: 2px solid #000;}
.table_style_2 th{height: 41px; font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; letter-spacing: -0.02em; font-weight: 500; color: #1e1e2d; text-align: center; border-bottom: 1px solid #e8eef6; box-sizing: border-box;}
.table_style_2 td{position: relative; height: 50px; box-sizing: border-box; border-bottom: 1px solid #edf1ff; padding-left: 19px; padding-right: 19px;
    text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; letter-spacing: -0.02em; font-weight: 600; color: #000;}




/*(2024.04 검은 테마 - 팝업에서 예외 처리)*/
div[class*='popup_style_'] .input_style_0{ background-color: #f0f7ff; color: #2a2a2a; }
div[class*='popup_style_'] .table_style_0 th{ background-color: transparent; }
div[class*='popup_style_'] .table_style_0 tbody tr:hover{ background-color: #fafcfe !important; }
div[class*='popup_style_'] .radio_style_10 + label { color: #000; }

/* 팝업0 popup_style_0_wrap */
.popup_style_0_wrap { display: none; position: fixed; z-index: 999999; background-color: #fff; border-radius: 5px; overflow: hidden; }
.popup_style_0_wrap .popup_style_0_con { display: flex; flex-direction: column; }
.popup_style_0_wrap .popup_inner { padding-left: 28px; padding-right: 8px; }
.popup_style_0_wrap .popup_inner.pr40 {padding-right: 40px;}
.popup_style_0_wrap .popup_header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8eef6;}
.popup_style_0_wrap .popup_header .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.popup_style_0_wrap .popup_title { font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; font-weight: 700; letter-spacing: -0.02em; /*margin-top: 8px;*/ padding-top: 10px;}
.popup_style_0_wrap .popup_close_btn > a { width: 11px; height: 11px; text-indent: -10000px; background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); background-size: 11px; background-position: center center;
    background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;}
/*[data-wv-os="Mac"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("../img/retina/11x12_7d7d97_close_icon_mac.png"); }*/
/*[data-wv-pc="mobile"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("../img/retina/11x12_7d7d97_close_icon_mac.png"); }*/
[data-wv-os="Mac"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
[data-wv-pc="mobile"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
/*.popup_style_0_con{padding-right: 3px;}*/
.popup_style_0_con.pr_0{padding-right: 0;}
.popup_style_0_wrap .popup_body { flex: 1 1 auto; padding-top: 25px; padding-bottom: 40px; padding-left: 45px; padding-right: 3px; border-bottom: 1px solid #e8eef6; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91;height: 100%;overflow-y: auto;}
.popup_style_0_wrap .popup_body .board_style_0_wrap{ padding-right: 35px; }
.popup_style_0_wrap .popup_body::-webkit-scrollbar{width: 4px; height: 2px;}
.popup_style_0_wrap .popup_body::-webkit-scrollbar-thumb{background-color: #329ee2;}
.popup_style_0_wrap .popup_body::-webkit-scrollbar-track{background-color: transparent;}
/* 팝업0-2 popup_style_0_wrap - popup_body.type_2 - padding 없음 */
.popup_style_0_wrap .popup_body.type_2 { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0px; overflow: hidden auto;}
.popup_style_0_wrap .popup_body.type_2 .board_style_0_wrap{ padding-right: 0px; }
.popup_style_0_wrap .popup_body.type_2 .board_style_0_wrap::-webkit-scrollbar{width: 4px; height: 2px;}
.popup_style_0_wrap .popup_body.type_2 .board_style_0_wrap::-webkit-scrollbar-thumb{background-color: #329ee2;}
.popup_style_0_wrap .popup_body.type_2 .board_style_0_wrap::-webkit-scrollbar-track{background-color: transparent;}
.popup_style_0_wrap .popup_body .popup_contents_title { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #3f87f5; }
.popup_style_0_wrap .popup_footer { padding-top: 16px; padding-bottom: 16px; }

.popup_style_0_con.type2{ padding-right: 0; }
.popup_style_0_con.type2 .popup_body{ padding-top: 29px; padding-left: 0; padding-right: 0; }
.popup_style_0_con.type2 .popup_body .panel{ margin-bottom: 0; }


/* 팝업6 (confirm 디자인팝업 - 텍스트 중앙정렬) - 23.05.18 jde */
.popup_style_6_wrap { display: none; position: fixed; z-index: 999999; background-color: #fff; border-radius: 5px; overflow: hidden; max-width: 500px;}
.popup_style_6_wrap .popup_style_6_con { display: flex; flex-direction: column; }
    /*header*/
.popup_style_6_wrap .popup_header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8eef6;}
.popup_style_6_wrap .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 28px; padding-right: 8px; }
.popup_style_6_wrap .popup_title { font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; font-weight: 700; letter-spacing: -0.02em; /*margin-top: 8px;*/ padding-top: 10px;}
.popup_style_6_wrap .popup_close_btn > a { width: 11px; height: 11px; text-indent: -10000px; background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); background-size: 11px; background-position: center center;
    background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;}
[data-wv-os="Mac"] .popup_style_6_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
[data-wv-pc="mobile"] .popup_style_6_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
    /*body*/
.popup_style_6_wrap .popup_body { flex: 1 1 auto; padding: 45px 50px 32px 50px; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; }
.popup_style_6_wrap .popup_body .panel{ margin-bottom: 0; text-align: center;}
.popup_style_6_wrap .popup_body .panel .confirm_title{ font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; color: #2a2a2a; margin-bottom: 7px;}
.popup_style_6_wrap .popup_body .panel .confirm_text{ font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; margin-bottom: 10px; }
.popup_style_6_wrap .popup_body .panel .panel_util{ margin-top: 30px; }
.popup_style_6_wrap .board_contents_inner .panel_util > a{margin-right: 8px;}
.popup_style_6_wrap .board_contents_inner .panel_util > a:first-child{margin-right: 8px;}
.popup_style_6_wrap .board_contents_inner .panel_util > a:last-child{margin-right: 0;}
/* 팝업6 type_2 (confirm 디자인팝업 - 텍스트 왼쪽정렬) */
.popup_style_6_wrap.type_2 .popup_body { padding: 30px 50px 32px 50px; }
.popup_style_6_wrap.type_2 .popup_body .panel{ margin-bottom: 0; text-align: left;}
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list{ margin-bottom: 20px; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list:last-child{ margin-bottom: 0; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list.only_text{ margin-bottom: 20px !important; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list.has_borderbottom{ padding-bottom: 35px; border-bottom: 1px solid #e8eef6; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list div{ margin-bottom: 0; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list textarea{ margin-bottom: 0; }
.popup_style_6_wrap.type_2 .popup_body .panel .panel_list .check_request_text{ font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; word-break: break-all; color: #000; font-weight: 500; white-space: pre;}
/* 팝업6 - 버튼 */
    /*버튼0(취소/닫기버튼)*/
.pop_sty6_btn_style_0{ display: inline-block; vertical-align: middle; padding: 7px 24px 8px 26px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400;
    color: #000 !important; background-color: #fff; border: 1px solid #dce2f4; border-radius: 4px; overflow: hidden; cursor: pointer; }
.pop_sty6_btn_style_0:hover{ color: #000 !important; background-color: #ebf3fe; border: 1px solid #96b8d9; }
    /*버튼1(확인버튼)*/
.pop_sty6_btn_style_1{ display: inline-block; vertical-align: middle; padding: 8px 19px 9px 18px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400;
    color: #fff !important; background-color: #2d62e4; border-radius: 4px; overflow: hidden; cursor: pointer; }
.pop_sty6_btn_style_1:hover{ color: #fff !important; background-color: #4775e7; }
.pop_sty6_btn_style_1.check_icon{ padding: 8px 17px 9px 38px; background-image: url("/weven_template/theme/weven_supply/resource/img/svg/checkbtn_icon.svg"); background-size: 11px 9px; background-position: left 20px top 14px; background-repeat: no-repeat; }


/*코멘트 팝업*/
#commentBtnPopup{position: absolute; transition: transform .2s, opacity .4s; transform-origin: right top; display: block; z-index: 1000; box-shadow: 5px 5px 10px rgba(0,0,0,0.06); transform: scale(0); opacity: 0; border: 1px solid #dbe4f2;}
#commentBtnPopup.left_top{transform-origin: left top;}
#commentBtnPopup.left_bottom{transform-origin: left bottom;}
#commentBtnPopup.right_bottom{transform-origin: right bottom;}
#commentBtnPopup.active{transform: scale(1); opacity: 1;}
#commentBtnPopup .nodata{display: none !important;}

.comment_wrap{ display: inline-block; }
.comment_wrap .comment_cnt{ display: inline-block; width: 29px; height: 20px;text-align: center; border-radius: 3px; box-sizing: border-box; margin: 0; position: relative; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 700; color: #000; background-color: var(--color_green_1); margin-left: 3px; padding-top: 2px; vertical-align: top;}
.comment_wrap .comment_cnt::after{ content: ''; border-left: 4px solid var(--color_green_1); border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; bottom: -4px; left: 0;  }
.comment_wrap.active .comment_box {transform: scale(1); opacity: 1;}
.comment_btn{ background-image: none; padding: 0; }

/*.comment_cnt{ border-radius: 3px; box-sizing: border-box; margin: 0; position: relative; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 700; color: #000; }*/
/*.comment_cnt::after{ content: ''; border-left: 4px solid var(--color_green_1); border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; bottom: -4px; left: 0; }*/

.comment_box {width: 500px; height: auto; position: absolute; top: 39px; right: -36px; z-index: 1001; border-radius: 8px; box-shadow: 1px 1px 5px rgba(0,0,0,0.17); transition: transform .2s, opacity .4s; transform-origin: right top; transform: scale(0); opacity: 0;}
td .comment_box {width: 500px; height: auto; position: absolute; top: 75px; right: 15px; z-index: 1001; border-radius: 8px; box-shadow: 1px 1px 5px rgba(0,0,0,0.17); transition: transform .2s, opacity .4s; transform-origin: right top; transform: scale(0); opacity: 0;}

.comment_pop{ /*position: fixed;*/ z-index: 999999; background-color: #fff; overflow: hidden; display: block; cursor: auto; border-radius: 8px;}
.comment_pop .popup_style_0_con { display: flex; flex-direction: column; padding-right: 0;}
.comment_pop .popup_header { padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid #e8eef6;}
.comment_pop .popup_header .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between;}
.popup_style_0_con.comment_pop .popup_body{padding-top: 0;}
.comment_pop .popup_inner { padding-left: 28px; padding-right: 12px;}
.comment_pop .popup_title { font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; letter-spacing: -0.02em; padding-top: 11px;}
.comment_pop .popup_close_btn > a { width: 11px; height: 11px; text-indent: -10000px; background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); background-size: 11px; background-position: center center;
    background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;}
[data-wv-os="Mac"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
[data-wv-pc="mobile"] .popup_style_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/11x11_464a53_delete_icon.png"); }
.comment_pop .popup_body { overflow: hidden auto; flex: 1 1 auto; padding: 0; /*border-bottom: 1px solid #e8eef6;*/border-bottom: none; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; }
.comment_pop .popup_body .board_style_0_wrap{ padding-right: 35px; }
.comment_pop .popup_body .panel{ display: flex; flex-direction: column; overflow: hidden; margin-bottom: 0;}
.comment_pop .popup_footer{ padding-top: 20px; padding-bottom: 20px; }
.comment_pop .comment_input_wrap .nickname_img { margin-top: 4px; }
.comment_pop .nickname_img { width: 32px; height: 32px; background-color: #c695d7; border-radius: 50%; color: #fff; font-weight: 700; background-size: cover; background-position: center; background-repeat: no-repeat;}
.comment_pop .nickname_img.png { background-color: transparent !important; background-size: contain; }
.comment_pop .nickname_img p { margin-top: 4px; font-size: 12px; font-size: 1.2rem; text-align: center;}
.comment_pop .nickname_img .profile_img { width: 32px; height: 32px; border-radius: 50%; background-size: cover;}
.comment_pop .comment_show_wrap { /*border-bottom: 1px solid #e8eef6; padding-top: 6px; padding-bottom: 6px; padding-top: 1px; background-color: #e8eef6;*/ max-height: 590px; overflow-y: auto;}
.comment_pop .comment_show_wrap::-webkit-scrollbar{width: 6px;}
.comment_pop .comment_show_wrap::-webkit-scrollbar-thumb{background-color: #ddeaf5; background-clip: padding-box; border-right: 3px solid transparent;/* border-top: none; border-bottom: none;*/}
.comment_pop .comment_show_wrap::-webkit-scrollbar-track{background-color: transparent;}
.comment_pop .comment_show_con { /*border-radius: 4px;*/ padding: 20px 22px 23px 28px; /*margin-bottom: 7px;*/ background-color: #fff; border-bottom: 1px solid #e8eef6;}
.comment_pop .comment_show_con:last-child { /*border-bottom: 0; */}
.comment_pop .comment_show_con:hover{ background-color: #f9fbff; }
.comment_pop .comment_input_wrap { padding-top: 26px; padding-bottom: 26px; /*border-top: 1px solid #e8eef6;*/border-top: none; }
.comment_pop .cmt_input_wrap { display: table-cell; vertical-align: middle; width: calc(100% - 44px); margin-left: 12px; color: #2a2a2a;}
.comment_pop .cmt_input{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; letter-spacing: -0.02em;
    width: 100%; min-height: 105px; color: #2a2a2a; padding: 13px 77px 13px 15px; margin: 0; box-sizing: border-box; border: 1px solid #e8eef6; border-radius: 6px; overflow: hidden auto;}
.comment_pop .cmt_input::-webkit-scrollbar{width: 0;}
.comment_pop .cmt_info{ margin-top: 4px; margin-bottom: 13px; }
.comment_pop .cmt_info > li{ margin-right: 11px; }
.comment_pop .cmt_info > li:last-child{ margin-right: 0; }
.comment_pop .cmt_info > li.cmt_nickname{ font-weight: 700; max-width: 85px; max-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comment_pop .cmt_info > li.cmt_date, li.cmt_time{ font-weight: 100; color: #92acce; font-size: 13px; font-size: 1.3rem; margin-top: 1px; }
.comment_pop .cmt_info > li.cmt_date{ margin-right: 7px; }
.comment_pop .cmt_info .cmt_menu_btn{ margin-top: -3px;}
.comment_pop .cmt_info .cmt_menu_btn a{ /*width: 11px; height: 11px;*/ text-indent: -10000px; display: inline-block; transition: background-color 0.3s; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem;
    background-size: 15px; background-position: center center; background-repeat: no-repeat; padding: 7px; }
.comment_pop .cmt_info .cmt_menu_btn a.edit_cmt p{ content: ""; width: 15px; height: 15px; -webkit-mask-image: url("../img/comment_edit.svg"); -webkit-mask-size: cover; background-color: #aaa; }
.comment_pop .cmt_info .cmt_menu_btn a.edit_cmt:hover p{ background-color: #000; }
.comment_pop .cmt_info .cmt_menu_btn a.delete_cmt p{ content: ""; width: 15px; height: 15px; -webkit-mask-image: url("../img/comment_delete.svg"); -webkit-mask-size: cover; background-color: #aaa; }
.comment_pop .cmt_info .cmt_menu_btn a.delete_cmt:hover p{ background-color: #000; }

.comment_pop .cmt_text{ font-size: 14px; font-size: 1.4rem; display: none; }
.comment_pop .cmt_text.active{ display: block; max-width: 250px; word-break: keep-all; text-align: left; word-wrap: break-word; }
.comment_pop .cmt_text_edit{ display: none; }
.comment_pop .cmt_text_edit.active{ display: block; }
.comment_pop .cmt_text_edit_btn{ margin-top: 12px; }
.comment_pop .send_cmt{ /*background-image: url("/weven_template/theme/_admin_style4_new/resource/img/common_icon/icon_excel_upload.png"); background-size: 14px 13px; background-position: right 14px center; background-repeat: no-repeat; transition: background-color .2s;*/
    padding: 10px 15px; position: absolute; top: 4px; right: 3px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 500;}
.comment_pop .send_cmt:hover{color: #3f87f5; }
.comment_pop .popup_body .exclamation_img { width: 40px; height: 40px; background-image: url(../img/exclamation.svg); background-size: 30px; background-position: center center; background-repeat: no-repeat; transition: background-color .2s; margin-right: 11px; margin-top: 3px;}
.comment_pop .popup_body .exclamation_text { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; }


/*코멘트 전체보기*/
.all_comment_show{ margin-top: var(--header_height); position: fixed; top: 0; right: 0; width: 400px; height: 100%; background-color: var(--color_background_2); z-index : 9999; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: .5s;}
#allCommentList {overflow-y: auto; height: calc( 100vh - 195px); padding-bottom: 25px; }
#allCommentList::-webkit-scrollbar { width: 6px; }
#allCommentList::-webkit-scrollbar-thumb { background-color: #ddeaf5;  background-clip: padding-box; border-left: 0px solid transparent; border-right: 3px solid transparent;}
#allCommentList::-webkit-scrollbar-track { background-color: transparent; }
.all_comment_show.is_folded{ right: -500px; }
.all_comment_show .filter_style_0_wrap { padding: 0 20px 15px 20px; }
.all_comment_show .filter_style_0_wrap .select_style_00_wrap { width: 130px; }
.all_comment_show .filter_style_0_wrap .input_style_00 { width: calc(100% - 130px); }
.all_comment_show .comment_pop{ border-radius: 0; background-color: transparent; }
.all_comment_show .comment_pop .popup_header {border-bottom: none;}
.all_comment_show .comment_pop .popup_inner { padding: 0 0 13px 0; }
.all_comment_show .comment_pop .popup_title { color: #fff; }
.all_comment_show .comment_pop .popup_close_btn > a{ width: 10px; height: 10px; background-image: url("../img/svg/close_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 23px; position: relative; }
.all_comment_show .comment_pop .popup_close_btn > a::before{ content: ''; width: 1px; height: 13px; background-color: #666666; position: absolute; top: 14px; left: 0; }
.all_comment_show .comment_pop .comment_show_wrap{ padding: 0 20px 10px 20px; border-bottom: none; background-color: transparent; cursor:pointer; }
.all_comment_show .comment_pop .comment_show_wrap * { color: #fff !important; }
.all_comment_show .comment_pop .comment_show_wrap:first-child {/*padding-top: 26px;*/}
.all_comment_show .comment_pop .comment_show_wrap_title {padding-left: 24px; padding-right: 24px; font-size: 13px; font-size: 1.3rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #000;}
.all_comment_show .comment_pop .comment_show_con{ padding: 13px 5px 18px 13px; background-color: #1c1c1e; border-radius: 5px; border-bottom: none; }
.all_comment_show .comment_pop .nickname_img {width: 23px; height: 23px;}
.all_comment_show .comment_pop .nickname_img p {margin-top: 0}
.all_comment_show .comment_pop .nickname_img .profile_img{width: 100%; height: 100%;border-radius: 50%; object-fit: cover;}
.all_comment_show .comment_pop .nickname_img.png .profile_img { object-fit: contain; }
.all_comment_show .comment_pop .cmt_input_wrap { width: calc(100% - 40px); margin-left: 13px; color: #2a2a2a;}
.all_comment_show .comment_pop .cmt_input{ min-height: 122px; color: #fff; padding: 10px 15px; margin-top: 3px; border: none; background-color: var(--color_background_4); }
.all_comment_show .comment_pop .cmt_input::-webkit-scrollbar{ width: 8px; background: transparent; }
.all_comment_show .comment_pop .cmt_input::-webkit-scrollbar-thumb{ background-color: #46444c; border-left: 3px solid var(--color_background_4); border-right: 3px solid var(--color_background_4); }
.all_comment_show .comment_pop .cmt_input::-webkit-scrollbar-track{ background-color: transparent; }
.all_comment_show .comment_pop .cmt_text {font-weight: 500;}
.all_comment_show .comment_pop .cmt_info {margin-top: 0; margin-bottom: 7px;}
.all_comment_show .comment_pop .cmt_info > li.cmt_nickname {font-weight: 500;}
.all_comment_show .comment_pop .cmt_info > li.cmt_date {font-size: 11px; font-size: 1.1rem; margin-top: 1px; margin-right: 4px;}
.all_comment_show .comment_pop .cmt_info > li.cmt_time {font-size: 11px; font-size: 1.1rem; margin-top: 1px;}
.all_comment_show .comment_pop .cmt_info .cmt_menu_btn a.edit_cmt p {background-color: #fff;}
.all_comment_show .comment_pop .cmt_info .cmt_menu_btn a.delete_cmt p {background-color: #fff;}
.all_comment_show .comment_pop .cmt_text_edit_btn{ margin-top: 14px; margin-right: 14px; }
.all_comment_show .comment_pop .cmt_text_edit_btn a:hover{ color: var(--color_green_1) !important; }
.all_comment_show .comment_pop .cmt_text_edit_btn a.edit_cmt_cancel{ padding-right: 12px; margin-right: 12px; position: relative; }
.all_comment_show .comment_pop .cmt_text_edit_btn a.edit_cmt_cancel::after{ content: ''; width: 1px; height: 12px; background-color: #525252; position: absolute; top: 2px; right: 0; }


/*보유 크레딧 팝업*/
.credit_gnb_popup{}
.credit_gnb_popup .popup_body{color: #2a2a2a;}
.credit_gnb_popup .credit_info{margin-bottom: 40px;}
.credit_gnb_popup .credit_total_title{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 800; margin-top: 10px; margin-bottom: 5px;}
.credit_gnb_popup .credit_total_num_wrap{display: flex; justify-content: center; align-items: center; margin-bottom: 14px;}
.credit_gnb_popup .credit_total_num{font-size: 27px; font-size: 2.7rem; line-height: 38px; line-height: 3.8rem; font-weight: 700; margin-right: 5px;}
.credit_gnb_popup .credit_img{margin-right: 8px; margin-top: 1px; width: 24px; height: 24px; background-image: url("/weven_template/theme/weven_supply/resource/img/svg/credit_icon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
.credit_gnb_popup .credit_desc{font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; }
.credit_gnb_popup .credit_coupon{display: flex; flex-wrap: wrap; margin-bottom: 20px;
    background-image: url("../img/gift_background.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.credit_gnb_popup .credit_coupon .coupon_left{padding: 35px 33px 37px 32px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; color: #fff; }
.credit_gnb_popup .credit_coupon .coupon_left .left_title{font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; letter-spacing: 0em;}
.credit_gnb_popup .credit_coupon .coupon_left .left_desc{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; letter-spacing: 0em; margin-bottom: 10px; margin-left: -4px;}
.credit_gnb_popup .credit_coupon .coupon_left .left_desc div{display: inline-block; letter-spacing: 0em;}
.credit_gnb_popup .credit_coupon .coupon_left .left_desc div.plus{content: ""; width: 38px; height: 40px; -webkit-mask-image: url("../img/icon_plus.svg"); -webkit-mask-size: cover; background-color: #fff; position: relative; /*top: -19px;*/ top: 5px; left: 0;}
.credit_gnb_popup .credit_coupon .coupon_left .left_desc div.number{font-size: 39px; font-size: 3.9rem; line-height: 45px; line-height: 4.5rem; font-weight: 700;}
.credit_gnb_popup .credit_coupon .coupon_left .left_desc div.text{font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; /*vertical-align: top; margin-top: 19px;*/ margin-left: 4px;}
.credit_gnb_popup .credit_coupon .coupon_left .left_logo{background-image: url("/weven_service/asset/img/zstudio_logo_white.svg"); background-size: 84px; background-position: right bottom 1px; background-repeat: no-repeat; text-indent: -10000px;}
.credit_gnb_popup .credit_coupon .coupon_right{padding: 36px 33px 32px 33px; }
.credit_gnb_popup .credit_coupon .coupon_right .right_title{font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-weight: 800; margin-bottom: 17px;}
.credit_gnb_popup .credit_coupon .coupon_right .right_desc{font-size: 13px; font-size: 1.3rem; line-height: 21px; line-height: 2.1rem; font-weight: 400;}
.credit_gnb_popup .credit_faq{height: 280px;}
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1 {padding: 0px 13px 10px 16px; background-position: right 17px top 26px;}
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1 .accordion_title{padding-top: 14px; padding-bottom: 5px; }
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1 .accordion_title .title{font-size: 14px; font-size: 1.4rem; }
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1 .accordion_content{padding-left: 0; padding-right: 0; transition: all 0.1s;}
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1.open .accordion_content{padding-bottom: 9px;}
.credit_gnb_popup .credit_faq .accordion_style_1_wrap .accordion_style_1_con .accordion_style_1.open .accordion_content .accordion_content_text{font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
.credit_gnb_popup .credit_faq .accordion_title .title{font-weight: 700 !important; letter-spacing: -0.02em !important;}

/* 상세페이지 예외 (재정의) */
.credit_gnb_popup .btn_style_0{display: inline-block; vertical-align: middle; padding: 10px 19px 11px 20px; border: none; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em;
    font-weight: 400; color: #fff !important; background-color: #3d3d3d; border-radius: 4px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.credit_gnb_popup .btn_style_0.type_2{padding: 10px 19px 11px 20px; background-color: #3d3d3d; border: none;}
.credit_gnb_popup .btn_style_0:not(.active):hover{background-color: #4d4d4d; font-weight: 500;}
.credit_gnb_popup .btn_style_3{display: inline-block; vertical-align: middle; padding: 10px 19px 11px 20px; border: 1px solid #e4eaf3; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em;
    font-weight: 400; color: #000 !important; background-color: #fff; border-radius: 4px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.credit_gnb_popup .btn_style_3:not(.active):hover{border-color: #b3c6e2; font-weight: 500;}


.board_style_0_wrap.popup_style { font-family: 'Pretendard' !important; border-radius: 5px;}
.board_style_0_wrap.popup_style .board_style_0_con .board_title_con { padding-top: 11px; padding-bottom: 10px; border-bottom: 1px solid #e8eef6; background-color: #fff;}
.board_style_0_wrap.popup_style .board_style_0_con .board_title_con .title_inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 28px; padding-right: 8px;}
.board_style_0_wrap.popup_style .board_style_0_con .board_title_con .title { font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; font-family: 'Pretendard'; letter-spacing: -0.02em; margin-top: 8px; color: #000;}
.board_style_0_wrap.popup_style .board_style_0_con .board_contents_con .board_contents_inner { padding: 29px 0 40px 0;}
.board_style_0_close_btn_con>a { width: 11px; height: 11px; text-indent: -10000px; background-image: url(/weven_service/asset/img/11x11_464a53_delete_icon.png); background-size: 11px; background-position: center 6px; background-repeat: no-repeat; opacity: 1; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /* padding: 9px; */ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 10px;}
.panel { margin-bottom: 0;}
.panel.panel_style_0 .panel_desc { font-size: 14px; font-size: 1.4rem; line-height: 23px; line-height: 2.3rem; letter-spacing: 0em; font-weight: 400; color: #000;}
.input_style_0_con .admin_crud_file_con .file_text:not(.view) { font-family: 'Pretendard'; width: 405px; height: auto; padding: 17px 19px 15px 22px;}
.input_style_0_con.file_add .admin_crud_file_con { width: 100%;}
.input_wrap .admin_crud_file_con input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.btn_style_2_con .btn_style_2 { font-family: 'Pretendard'; /*float: right;*/ float: left; border: solid 1px #23b0fc; border-radius: 3px; padding: 6px 11px 6px 11px; margin-top: -2px; font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; color: #23b0fc; height: auto; background-color: #fff;}
/*.btn_style_2_con .btn_style_2:hover { background-color: #23b0fc; border-color: #23b0fc;}*/
.panel_util { text-align: center; font-size: 0px; line-height: 0px;}
.panel_util .btn_guide { display: inline-block; vertical-align: middle; padding: 8px 25px 8px 25px; overflow: hidden; cursor: pointer; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400; font-family: 'Pretendard'; color: #fff; background-color: #453fe8; border: 1px solid #453fe8; border-radius: 4px; margin: 0; height: auto;}
.panel_util .btn_guide:hover { background-color: #5c56eb;}
.panel_util .btn_guide.btn_style_1 { color: #677a91; background-color: #fff; border: 1px solid #dce2f4; margin-left: 10px;}
.panel_util .btn_guide.btn_style_1:hover { background-color: #ebf3fe; border-color: #d2e1f5; font-weight: 600;}

/* IE 브라우저 미지원 팝업 관련 css */
.popup_style_4_wrap{height:100vh; position: fixed !important; z-index: 999999; top: 100%; margin-top: 0 !important; left: 0 !important; margin-left: 0 !important; display:block;
    transition:top .6s ease;}
[data-wv-agent="ie"] .popup_style_4_wrap{display: none;}
.popup_style_4_wrap .popup_style_4_con{height: 100%; overflow-y: auto; background-color: #fff;}
.popup_style_4_wrap .popup_style_4_inner{display: flex; flex-direction: column; height: 100%;}
.popup_style_4_wrap.reverse .popup_style_4_content_con{background-color: #f8f7fc;}
.popup_style_4_wrap .popup_style_4_content_con{flex:1 0 auto; -ms-flex: 1 0 auto; padding-top: 96px; padding-bottom: 90px; background-color: #fff; box-sizing: border-box;}
.popup_style_4_wrap.type_2 .popup_style_4_content_con{ padding-top: 41px; padding-bottom: 60px; }

.exit_btn_wrap{z-index: 10; position:sticky; position: -webkit-sticky; overflow: hidden; right: 20px; top:21px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-bottom: -60px;}
.exit_btn_wrap .exit_btn{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color:#fff; border-radius: 50%; z-index: 100;}
.exit_btn_wrap .exit_btn::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background-color: #fff; border-radius: 50%; overflow:hidden; z-index: 0; transition: width .2s, height .2s;}
.exit_btn_wrap.type_2{top: 36px;}
.exit_btn_wrap.type_2 .exit_btn::after { width: 40px; height: 40px; background-color: #fff; }
.exit_btn_wrap .exit_btn > svg { width: 14px; z-index: 1; }

.exit_btn_wrap{right: 10px; top:14px; margin-bottom: -80px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.exit_btn_wrap.type_2 { margin-bottom: -60px; width: 60px; height: 60px; top: 28px; right: 17px;}
.exit_btn_wrap .exit_btn:hover::after { width: 50px; height: 50px; background-color: #000;}

.exit_btn_wrap .exit_btn:hover path {
    fill: #fff;
}
.exit_btn_wrap.type_2 .exit_btn { width: 40px; height: 40px;}
.exit_btn_wrap.type_2 .exit_btn:hover::after { width: 50px; height: 50px; }

/* tab_style_1 */
.tab_style_1_wrap .has_scroll{overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}
.tab_style_1_wrap .has_scroll::-webkit-scrollbar{display: none;}
[data-wv-pc="mobile"] .tab_style_1_wrap .has_scroll::-webkit-scrollbar{display: none;}
.tab_style_1_wrap .has_scroll.tab_style_1_con > div{min-width: 800px; display: flex; justify-content: center;}
.tab_style_1_wrap .has_scroll.tab_style_1_con > div::-webkit-scrollbar{display: none;}
.tab_style_1_wrap .tab_style_1_con{background-color: #fff; border-bottom: 1px solid #e8eef6; padding: 25px 27px 0 27px}
.tab_style_1_wrap .tab_style_1_con .tab_style_1{width: 136px; height: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center;}
.tab_style_1_wrap .tab_style_1_con .tab_style_1.active:after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; border-bottom: 2px solid #4eb3f3;}
.tab_style_1_wrap .tab_style_1_con .tab_style_1 .tab_name{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #2a2a2a;}
.tab_style_1_wrap .tab_style_1_con .tab_style_1.active .tab_name{color: #3f87f5;}
.tab_style_1_wrap .tab_style_1_contents_con{}
.tab_style_1_wrap .tab_style_1_contents_con .tab_style_1_contents{display: none;}

/*tab css*/
ul.tap_wrap{ padding-bottom: 10px; }
ul.tap_wrap li { display: inline-block;margin-right : 10px;cursor: pointer;height: 40px;width: 190px;font-size: 1.4rem;line-height: 20px;letter-spacing: -0.02em;font-weight: 400;text-align: center;padding-top: 9px;padding-bottom: 6px; box-sizing: border-box;border: 1px solid #c9d6ff;background-color: #fff;}
ul.tap_wrap li.active {background: #edf1ff; color: #222;}
/*.tab-content{display: none; !*padding: 0 15px;*! }*/

ul.tap_style_2_wrap{display: flex; flex-wrap: wrap; border-radius: 7px; overflow: hidden; background-color: #fff; margin-bottom: 30px;}
ul.tap_style_2_wrap li { flex: 1 0 auto; background-color: #fff; text-align: center; border-top: 1px solid #dde2f3; border-bottom: 1px solid #dde2f3; /*border-left: 1px solid #f0f1f7;*/ transition: none; box-sizing: border-box;
    font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; letter-spacing: -0.02em; color: #a1afce; padding-top: 11px; padding-bottom: 11px; display: block; box-sizing: border-box; cursor: pointer;}
ul.tap_style_2_wrap li:first-child {border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-left: 1px solid #dde2f3;}
ul.tap_style_2_wrap li:last-child {border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-right: 1px solid #dde2f3;}
ul.tap_style_2_wrap li:hover {color: #000; font-weight: 500;}
ul.tap_style_2_wrap li.active {overflow: hidden; border: 2px solid #7d79e2; border-radius: 7px; color: #453fe8; font-weight: 700;}
/*.tab-content_style_2{}*/

#enableAtIEAlert{padding: 0 !important;}
#enableAtIEAlert .contents_wrap{width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding-right:15px; padding-left:15px; box-sizing: border-box;}
#enableAtIEAlert .contents_inner{text-align: center; vertical-align: middle; display:table-cell; padding-top:50px; padding-bottom:50px;}
#enableAtIEAlert .img_box{margin-bottom:18px;}
#enableAtIEAlert .img_box > img{width: 70px;}
#enableAtIEAlert .title{font-size:22px; line-height:30px; letter-spacing: -0.02em; color:#000; font-weight:600; margin-bottom:8px;}
#enableAtIEAlert .desc{font-size:15px; line-height:21px; letter-spacing: -0.02em; color:#000; font-weight:300; margin-bottom:30px;}
#enableAtIEAlert .desc span{font-size:14px; line-height:20px; font-weight:500;}
#enableAtIEAlert .desc span.email_title{margin-right:4px;}
#enableAtIEAlert .desc .font_roboto{font-size:17px; line-height: 0; font-weight:400;}
#enableAtIEAlert .btn_style_0_con{text-align: center; display:table; margin-right:auto; margin-left:auto; overflow: hidden; box-sizing: border-box; transition: border-color 0.3s; padding: 4px 10px 8px 12px; border: 1px solid #000; border-radius: 4px;}
#enableAtIEAlert .btn_style_0_con .btn_style_0{display:table-cell; vertical-align: middle; padding: 0; height: auto; background-color: transparent;}
#enableAtIEAlert .btn_style_0_con:hover{border-color:#6738ff;}
#enableAtIEAlert .btn_style_0_con:hover .text{color:#6738ff;}
#enableAtIEAlert .btn_style_0_con .text{font-size:15px; line-height:21px; letter-spacing: -0.02em; color:#000; font-weight:300; transition: all 0.3s;}

/*Workspace 초대하기 버튼*/
/*#workspaceInviteBtn{position: fixed; z-index: 100000; display: block; flex-wrap: nowrap; width: auto; overflow: visible; background: transparent; bottom: 24px; left: 24px;}*/

@media (min-width: 768px) {
    .grid_style_0_con .grid_style_0 {width: 50%;}
    .credit_gnb_popup .credit_faq{height: 250px;}
}


@media (min-width: 992px) {
    .list_card_style_0_wrap .list_card_style_0.supply_video_manual .text_box .btn_box{position: absolute; bottom: 27px; right: 26px;}

    .grid_style_0_con .grid_style_0 {width: 33.33%;}

    /*.input_style_0.search + .search_submit_btn:hover .input_style_0 { border-color: #3f87f5; }*/
    /*.input_style_0:not(:disabled):not(:read-only):hover { border-color: #3f87f5; }*/
    /*.input_style_0.credit_purchase:not(:disabled):not(:read-only):hover { border-color: #7b8089; }*/
    /*.input_style_0.type_3:not(:disabled):not(:read-only):hover { border-color: #2d62e4; }*/
    /*.textarea_style_0:not(:disabled):not(:read-only):hover { border-color: #3f87f5; }*/
    /*.select_style_0_wrap .selected_item:hover { border-color: #3f87f5; }*/
    /*.select_style_0_wrap .select_style_0 > li:hover > a{ background-color: #1e90ff; color: #fff; }*/
    /*.popup_style_0_wrap .popup_close_btn:hover > a { background-color: rgba(63,135,245,0.1); }*/

    .h_point0{transition: color 0.2s;}
    .h_point1{transition: color 0.2s;}
    .h_point0:hover{color: #3f87f5 !important;}
    .h_point1:hover{color: #4eb3f3 !important;}

    .table_style_0 tr:hover td.h_point0{color: #3f87f5 !important;}
    .table_style_0 tr:hover td.h_point1{color: #4eb3f3 !important;}

    .paging_style_0_wrap .paging_style_0_con li.btn_singlePage:hover{background-color: #3f87f5;}
    .paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_lastPage:hover{background-image: url("../img/common_icon/pagination_style_0_double_right_arrow_h.png");}
    .paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_nextPage:hover{background-image: url("../img/common_icon/pagination_style_0_single_right_arrow_h.png");}
    .paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_prevPage:hover{background-image: url("../img/common_icon/pagination_style_0_single_left_arrow_h.png");}
    .paging_style_0_wrap .paging_style_0_con li.btn_singlePage.btn_firstPage:hover{background-image: url("../img/common_icon/pagination_style_0_double_left_arrow_h.png");}
}


@media (min-width: 1200px) {
    .grid_style_0_con .grid_style_0 {width: 33.33%;}
}


@media (min-width: 1600px) {
    .grid_style_0_con .grid_style_0 {width: 25%;}
}

@media (min-width: 1920px) {
    .grid_style_0_con .grid_style_0 {width: 20%;}
}

@media (min-width: 2500px) {
    /*.grid_style_0_con.site_manage { display: flex; align-items: stretch; flex-direction: row; }*/
}
@media (min-width: 2560px) {
    .grid_style_0_con .grid_style_0 {width: 16.66%;}
}