@charset "UTF-8";
@import url(basic.css);

:root{
    --point-Blue:#1B71EF;
    --point-purple:#7133DD;
    --stroke-500:#8C8D92;
    --text-900:#111;
    --text-600:#66676B;
    --text-400:#AEAEB2;
    --BG-caption_dark:#41436A;
    --BG-Button_submenu:#DFEAFB;
    --BG-admin:#E4E7EC;
}

/* common */
html,body{width:100%;height:100%;touch-action:manipulation;}
body.hide{height:100%;overflow:hidden;}
#container{position:relative;width:100%;min-height:100%;background:var(--BG-admin, #E4E7EC);}
.fc_blue{color:var(--point-Blue, #1B71EF)!important;}
.fc_red{color:#F33!important;}
.fc_purple{color:var(--point-purple, #7133DD)!important;}
.fc_t900{color:var(--text-900, #111)!important;}
.fc_t600{color:var(--text-600, #66676B)!important;}
.fc_t400{color:var(--text-400, #AEAEB2)!important;}
.fc_deepblue{color:#0C27AC;}/* 사진구매 */
.fc_skyblue{color:#1BCFEF;}/* 광고문의 */
.fc_green{color:#1FB647;}/* 제휴문의 */
.fc_orange{color:#ED5503;}/* 기사제보 */
.fc_pink{color:#EF0D82;}/* 불편신고 */
.fc_olive{color:#9FB407;}/* 저작권문의 */
.border_bottom{padding-bottom:16px;border-bottom:1px solid var(--stroke-100, #E6E6E6);}

/* 사파리에서 버튼이 튀어나가는 현상 방지 */
.safari_only,
.banner_list_wrap .banner .item{min-width:0;flex-shrink:0;}
.safari_only .sub_title{flex-shrink:0;white-space:nowrap;}
.safari_only .btn_wrap,
.banner_list_wrap .banner .item .btn_wrap{flex-shrink:0;display:flex;justify-content:flex-end;min-width:0;}

/* btn_top */
.btn_top{display:none;position:fixed;bottom:30px;right:30px;border-radius:40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border: 1px solid var(--stroke-300, #CACBCE);background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(2px);z-index:9999;}

/* .btn_wrap */
.flex.between .btn_wrap{width:auto;}
.btn_wrap{display:flex;gap:8px;justify-content:center;}
.btn_wrap.full{width:100%;}
.btn_wrap.right{justify-content:flex-end;}
.btn_wrap.between{justify-content:space-between;}
.btn_wrap .btn{display:flex;gap:6px;flex:1;align-items:center;justify-content:center;text-align:center;padding:12px 20px;border-radius:999px;background:var(--point-Blue, #1B71EF);color:#fff;white-space:nowrap;}
.btn_wrap .btn.lg{padding:12px 0;font-size:18px;font-weight:700;line-height:1.5;}
.btn_wrap .btn.nm{padding:10px 0;font-size:14px;gap:0;}
.btn_wrap .btn.sm{padding:5px 15px;font-weight:700;line-height:1.5;}
.btn_wrap .btn.xsm{padding:3px 11px;font-weight:700;line-height:1.5;font-size:14px;gap:4px;}
.btn_wrap .btn.p12{padding:11px;line-height:1.3;}
.btn_wrap .btn.min{flex:0 0 93px;}
.btn_wrap .btn.w240{max-width:240px;}
.btn_wrap .btn.line_blue{background:rgba(27, 113, 239, 0.10);border:1px solid var(--point-Blue, #1B71EF);color:var(--point-Blue, #1B71EF);}
.btn_wrap .btn.line_blue2{background:transparent;border:1px solid var(--point-Blue, #1B71EF);color:var(--point-Blue, #1B71EF);} /*배경색x*/
.btn_wrap .btn.black{background:rgba(27, 113, 239, 0.10);color:#fff;}
.btn_wrap .btn.bg_black{background:#111;color:#fff;}
.btn_wrap .btn.bg_gray{background: var(--stroke-500, #8C8D92);color:#fff;}
.btn_wrap .btn.line_black{border: 1px solid var(--stroke-300, #CACBCE);color:var(--text-900, #111);background-color:transparent;}
.btn_wrap .btn.line_black2{border: 1px solid var(--stroke-300, #CACBCE);color: var(--text-600, #66676B);background-color:transparent;border-radius:8px;}
.btn_wrap .btn.line_purple{border:1px solid var(--point-purple, #7133DD);color:var(--point-purple, #7133DD);background:rgba(113, 51, 221, 0.15);}
.btn_wrap .btn.purple{border-radius:8px;background: var(--BG-caption_dark, #41436A);}
.btn_wrap .btn_add{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;}
.btn_more{display:flex;min-width:93px;padding:6px 16px;justify-content:center;align-items:center;border-radius:99px;border:1px solid var(--stroke-500, #8C8D92);color:var(--text-900, #111);text-align:center;font-weight:700;line-height:150%;}
.btn_wrap .btn .img_sm{width:18px;height:auto;}


/* header */
header .mo_header,
header.active .mo_header{display:none;}
.header_inner{position:absolute;top:0;left:0;width:264px;height:100%;padding:16px 0;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column;gap:16px;align-items:center;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;z-index:99999;}
header .logo img{width:179px;}
header hr{width:calc(100% - 30px)}
header .user_wrap{width:100%;padding:0 32px;display:flex;flex-direction:column;gap:20px;}
header .user_info{width:100%;display:flex;flex-direction:column;gap:9px;}
header .user_name{color:var(--text-600, #66676B);display:flex;gap:2px;font-weight:700;white-space:nowrap;}
header .user_name span{color:var(--text-900, #111);border-bottom:1px solid #111;text-overflow:ellipsis;overflow:hidden}
header .btn_logout{color:var(--text-600, #66676B);display:flex;align-items:center;align-self:self-end;font-size:12px;}
header .btn_wrap .btn{background-color:#06B9B0;flex:1;}
header .btn_wrap.inner{padding:0 32px;}

nav{width:100%;padding:0 16px;}
.gnb{display:flex;flex-direction:column;}
.gnb .depth1{position:relative;}
.gnb .depth1.active .depth2{display:block}
.gnb .depth1 > a{padding:16px 24px;font-size:18px;font-weight:700;color:var(--text-900,#111);display:flex;align-items:center;gap:6px;transition:all 0.3s ease;}
.gnb .depth1 > a .icon{width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:contain}
.gnb .depth1 > a .icon.dashboard{background-image:url('../images/icon_dashboard.svg');}
.gnb .depth1 > a .icon.news{background-image:url('../images/icon_news.svg');}
.gnb .depth1 > a .icon.mainnews{background-image:url('../images/icon_mainnews.svg');}
.gnb .depth1 > a .icon.user{background-image:url('../images/icon_user.svg');}
.gnb .depth1 > a .icon.homepage{background-image:url('../images/icon_homepage.svg');}
.gnb .depth1 > a .icon.setting{background-image:url('../images/icon_setting.svg');}
.gnb .depth1.active > a{background-color:var(--point-Blue, #1B71EF);color:#fff;border-radius:999px;}
.gnb .depth1.active > a .icon{transition:background-image 0.3s ease;}
.gnb .depth1.active > a .icon.dashboard{background-image:url('../images/icon_dashboard_active.svg');}
.gnb .depth1.active > a .icon.news{background-image:url('../images/icon_news_active.svg');}
.gnb .depth1.active > a .icon.mainnews{background-image:url('../images/icon_mainnews_active.svg');}
.gnb .depth1.active > a .icon.user{background-image:url('../images/icon_user_active.svg');}
.gnb .depth1.active > a .icon.homepage{background-image:url('../images/icon_homepage_active.svg');}
.gnb .depth1.active > a .icon.setting{background-image:url('../images/icon_setting_active.svg');}
.gnb .depth1 > .inner{padding:0 34px;}
.gnb .depth1 > .inner .btn_open{position:absolute;top:0;right:0;width:100%;height:56px;background-image:url('../images/icon_more.svg');background-repeat:no-repeat;background-position:calc(100% - 24px) center;transition:background-image 0.3s ease;}
.gnb .depth1.active > .inner .btn_open{background-image:url('../images/icon_more_active.svg');}
.gnb .depth2{display:none;margin-top:0;}
.gnb .depth2{padding-left:8px;border-left:1px solid #C6C7C9;margin-top:8px;}
.gnb .depth2 > li > a{position:relative;display:block;text-align:center;padding:8px 0;font-weight:700;line-height:1.5;color:var(--text-600, #66676B);border-radius:999px;font-size:0.89em;}
.gnb .depth2 > li.active > a{color:var(--point-Blue, #1B71EF);background:var(--BG-Button_submenu, #DFEAFB);}
.gnb .depth2 > li.active > a:before{content:"";position:absolute;top:50%;left:-11px;transform:translateY(-50%);width:5px;height:5px;background-color:var(--point-Blue, #1B71EF);border-radius:5px;}

/* login */
.login_inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:480px;gap:16px;padding:0 16px}
.login_inner .inbox{display:flex;flex-direction:column;gap:48px;align-items:center;max-width:400px;width:100%;padding:48px 40px;border-radius:20px;background:var(--text-0, #FFF);box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.08);}
.login_inner h1 img{width:179px;}
.login_inner .form_list_wrap{width:100%;}
.login_inner .form_wrap{width:100%;}
.login_inner .notice{max-width:400px;width:100%;}

/* main layout */
main{padding-left:264px;}
.main_inner{display:flex;flex-direction:column;gap:16px;padding:20px;width:100%;max-width:1616px;margin:0 auto;min-height:100dvh;}
.main_inner > section{display:flex;gap:16px;flex:1;}
.main_inner > section > .inbox{flex:1;border-radius:20px;background:var(--text-0, #FFF);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.05);padding:32px 24px;}
.main_inner > section > .inbox.basic{display:flex;flex-direction:column;gap:56px;min-width:0;width:auto;}
.main_inner > section > .inbox.size_medium{padding:20px;}
.main_inner > section > .inbox.size_large{padding:24px;}
.main_inner > section > .inbox.size_large2{padding:32px 24px;}
.main_inner > section > .inbox.side_nav{padding:24px 12px;width:80px;flex:0 0 auto;}
.main_inner > section > .inbox.w320{width:320px;flex:0 0 auto;}
h2.title{font-size:18px;font-weight:700;line-height:1.5;color:var(--text-900, #111);}
h2.title.eb32{font-size:32px;font-weight:800;line-height:1.35;color:var(--text-900, #111);}
h2.title.eb20{font-size:20px;font-weight:800;line-height:1.5;color:var(--text-900, #111);}
.sub_title{font-weight:700;line-height:1.5;}
.sub_title.b22{font-size:22px;line-height:1.35;}
.sub_title.b18{font-size:18px;}
.sub_title.b16{font-size:16px;}
.sub_title.b14{font-size:14px;}
.sub_title.underline{padding-bottom:12px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
.sub_text{font-weight:400;line-height:1.5;color:var(--text-600, #66676B);}
.sub_text.r14{font-size:14px;}
.sub_text.r16{font-size:16px;}
.title_wrap{display:flex;align-items:center;gap:8px;}
.caption{font-weight:400;line-height:1.35}
.caption.r14{font-size:14px;}
.caption.r13{font-size:13px;}
.caption.r12{font-size:12px;line-height:1.1;}
.inbox > .cont_inner{display:flex;flex-direction:column;gap:48px;max-width:1046px;width:100%;margin:0 auto;}
.inbox > .cont_inner .sub_inner{padding:0 135px;}
.inbox > .cont_inner .cont_inner{display:flex;flex-direction:column;gap:16px;}


/* dashboard > 상단 건수 표시 */
.count_list .inbox{display:flex;gap:16px;flex-direction:column;}
.count_list .name{font-size:14px;font-weight:700;line-height:1.5;color:var(--text-600, #66676B);}
.count_list .number{align-self:self-end;line-height:1.5;color:var(--text-600, #66676B);}
.count_list .number span{font-size:32px;font-weight:800;line-height:1.35;color:var(--point-Blue, #1B71EF);}

/* dashboard > 가장 많이 본 기사 */
.table_wrap table{width:100%;table-layout:auto;}
.table_wrap.list table colgroup col.no{width:1%}
.table_wrap.list table colgroup col.title_name{width:auto;}
.table_wrap.list table colgroup col.views{width:1%}
.table_wrap.list table thead th{height:52px;white-space:nowrap;border-bottom:1px solid var(--stroke-100, #E6E6E6);color:var(--text-600, #66676B);text-align:center}
.table_wrap.list table tbody td{height:64px;border-bottom:1px solid var(--stroke-100, #E6E6E6);text-align:center;}
.table_wrap.list table tbody td a{display:block;text-align:left;padding:20px 12px;}
.best_news{display:flex;flex-direction:column;gap:16px;}
.best_news .table_wrap.list table tbody td{white-space:nowrap;}
.best_news .table_wrap.list td.fc_t900{max-width:0;}


/* dashboard > Quick Menu */
.quick_menu{display:flex;flex-direction:column;gap:16px;background:#D7E5F9!important;}
.quick_menu ul{display:flex;flex-direction:column;gap:8px;}
.quick_menu a{display:block;padding:20px 24px;border-radius:99px;border:1px solid var(--point-Blue, #1B71EF);background:rgba(255, 255, 255, 0.35) url('../images/icon_arrow_right.svg') no-repeat calc(100% - 24px) 50%;color:var(--point-Blue, #1B71EF);font-weight:700;line-height:1.5;}
.quick_menu li.purple a{border:1px solid var(--point-purple, #7133DD);background:rgba(113, 51, 221, 0.15) url('../images/icon_arrow_right_purple.svg') no-repeat calc(100% - 24px) 50%;color:var(--point-purple, #7133DD);}

/* dashboard > article_status_wrap */
.article_status_wrap > .inbox{display:flex;gap:32px;flex-direction:column;}
.tab_list{display:flex;gap:16px;}
.tab_list .btn{font-size:18px;color:var(--text-600, #66676B);font-weight:700;line-height:1.5;}
.tab_list li.active .btn{position:relative;color:var(--point-Blue, #1B71EF);}
.tab_list li.active .btn:after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:url('../images/icon_bordertip.svg') no-repeat center center;}

/* tag */
span.tag{display:inline-flex;flex:0 0 62px;padding:5px 8px;justify-content:center;align-items:center;text-align:center;font-size:12px;line-height:110%;border-radius:4px;}
.st_pending{background:rgba(255, 171, 15, 0.15);color:#F6A000;}/* 승인대기 */
.st_scheduled{background:rgba(12, 172, 84, 0.15);color:#0CAC54;}/* 예약 */
.st_approved{background:rgba(38, 58, 109, 0.15);color:#263A6D;}/* 승인 */
.st_unpublished{background:rgba(65, 67, 106, 0.15);color:var(--BG-caption_dark, #41436A);}/* 미웹출판 */
.st_ready{background:rgba(255, 2, 95, 0.15);color:#FF025F;}/* 노출대기 */
.st_request{background:rgba(113, 51, 221, 0.15);color:var(--point-purple, #7133DD);}/* 승인신청 */
span.tag_dot{display:flex;align-items:center;gap:2px;display: inline-flex;padding: 5px 8px;justify-content: center;align-items: center;border-radius: 4px;border: 1px solid var(--stroke-100, #E6E6E6);font-size:12px;line-height:1.1;}
span.tag_dot:before{content:'';display:block;width:3px;height:3px;border-radius:3px;}
.st_important{color:#f33}/* 중요 */
.st_important:before{background-color:#f33}
.st_normal{color:var(--text-400, #AEAEB2);}/* 일반 */
.st_normal:before{background-color:var(--text-400, #AEAEB2);}
.st_headline{color:var(--point-Blue, #1B71EF);}/* 헤드 */
.st_headline:before{background-color:var(--point-Blue, #1B71EF);}
.st_display{color:var(--point-Blue, #1B71EF);}/* 노출중 */
.st_display:before{background-color:var(--point-Blue, #1B71EF);}
.st_hidden{color:var(--text-400, #AEAEB2);}/* 비노출 */
.st_hidden:before{background-color:var(--text-400, #AEAEB2);}
.st_reserved{color:#F6A000}/* 노출예약 */
.st_reserved:before{background-color:#F6A000}

.tag_title{display:flex;gap:12px;align-items:center;}

/* table */
.table_wrap.status table colgroup col.title_name{width:auto;}
.table_wrap.status table colgroup col.chk,
.table_wrap.status table colgroup col.category,
.table_wrap.status table colgroup col.writer,
.table_wrap.status table colgroup col.date,
.table_wrap.status table colgroup col.grade,
.table_wrap.status table colgroup col.section,
.table_wrap.status table colgroup col.more{width:1%;}
.table_wrap.status table thead th,
.table_wrap.status table tbody td{text-align:center;padding:0 6px;white-space:nowrap;}
.table_wrap.status table thead th:first-child,
.table_wrap.status table tbody td:first-child{padding-left:16px;}
.table_wrap.status table thead th:last-child,
.table_wrap.status table tbody td:last-child{padding-right:16px;}
.table_wrap.status table thead th{height:48px;background:var(--BG-admin,#E4E7EC);}
.table_wrap.status table thead tr th:first-child{border-radius:8px 0 0 8px;}
.table_wrap.status table thead tr th:last-child{border-radius:0 8px 8px 0}
.table_wrap.status table tbody td{height:68px;color:var(--text-600, #66676B);font-size:16px;line-height:135%;}
.table_wrap.status table tbody tr:nth-child(even){background:rgba(228, 231, 236, 0.40);}
.table_wrap.status table tbody tr:nth-child(even) td:first-child{border-radius:8px 0 0 8px;}
.table_wrap.status table tbody tr:nth-child(even) td:last-child{border-radius:0 8px 8px 0}
.table_wrap.status table tbody td.tit{max-width:0;}
.table_wrap.status table tbody td .tag_title{padding:16px 0;overflow:hidden;}
.table_wrap.status table tbody td .btn_wrap .btn{padding:5px 15px;min-width:93px;font-weight:400;line-height:1.5;}
.table_wrap.status td.grade{font-size:14px;}

/* form */
.form_list_wrap{display:flex;flex-direction:column;gap:16px;}
.form_list{display:flex;gap:8px;}
.form_list > .title{display:flex;align-items:center;}
.form_list > .sub_title{display:flex;align-items:center;flex:0 0 74px;}
.form_list > .sub_title.f110{flex:0 0 110px;}
.form_list.fwrap{flex-wrap:wrap;}
.form_list.etc_check_wrap{min-width:auto;margin-top:-8px;align-items:center;padding-left:82px;}
.select_list .form_list > .title{height:43px;flex:0 0 136px;}
.select_list .form_list > .form_wrap{min-width:136px;}
.select_list .form_list.etc_check_wrap > .form_wrap{min-width:auto;}
.form_wrap.sm{width:148px}
.form_wrap.sm2{width:280px}
.form_wrap.lg{width:439px;}
.form_wrap.full{width:100%;}
.form_wrap input:not(.st_tag),
.form_wrap textarea{width:100%;height:43px;padding:12px;border-radius:8px;border: 1px solid var(--stroke-300, #CACBCE);font-size:14px;}
.form_wrap input:read-only{background-color:#EFF1F4;border:0;}
.form_wrap *::placeholder{color:var(--text-400, #AEAEB2);font-size:14px;}
.form_hr{margin:32px 0;}
/* textarea */
.form_wrap.textarea{position:relative;}
.form_wrap.textarea textarea{height:480px;}
.form_wrap.textarea .floating_nav{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.20);display:flex;align-items:center;padding:12px;gap:8px;}
.form_wrap.textarea .floating_nav .btn{display:flex;align-items:center;gap:4px;}
.form_wrap.textarea .floating_nav .btn:before{content:'';display:block;width:1px;height:14px;margin-right:8px;background-color:var(--stroke-100, #E6E6E6);}
.form_wrap.textarea .floating_nav .btn:first-child:before{display:none;}
/* url */
.form_wrap.url input{color:var(--point-Blue, #1B71EF);
text-decoration-line:underline;
text-decoration-style:solid;
text-decoration-skip-ink:auto;
text-decoration-thickness:auto;
text-underline-offset:auto;
text-underline-position:from-font;}
/* button */
.form_wrap.button{display:flex;}
.form_wrap.button input{width:100%;border-radius:8px 0 0 8px;height:46px;}
.form_wrap.button .btn{border-radius:0 8px 8px 0;flex:0 0 46px;height:46px;background:var(--BG-caption_dark, #41436A) url('../images/icon_add.svg') no-repeat center;}
.form_wrap.button2{display:flex;gap:8px;}
.form_wrap.button2 .btn{border-radius:8px;flex:0 0 78px;}
/** select **/
.form_wrap select{width:100%;height:43px;padding:12px 30px 12px 12px;border-radius:8px;border: 1px solid var(--stroke-300, #CACBCE);background:url('../images/icon_select.svg') no-repeat calc(100% - 12px) 50% / 18px auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;color:var(--text-900, #111);}
/** search **/
.form_wrap.search{position:relative;flex:1;}
.form_wrap.search input{width:100%;height:44px;padding:8px 16px;border-bottom:1px solid var(--stroke-300, #CACBCE);color:var(--text-900, #111);}
.form_wrap.search .btn{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:28px;height:28px;}
.form_wrap.search2{position:relative;}
.form_wrap.search2 input{height:40px;border-width:0 0 1px 0;border-radius:0;padding:8px 80px 8px 16px;} 
.form_wrap.search2 .btns{display:flex;gap:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}
/** checkbox **/
.form_wrap.check{border-width:0;}
.form_wrap.check input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border-radius:0;}
.form_wrap.check input + label{display:inline-block;position:relative;color:#555;font-size:15px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;color:var(--color-text);white-space:nowrap;}
.form_wrap.check input + label:before { /* 가짜 체크박스 */ content:'';display:inline-block;width:14px;height:14px;border-radius:2px;background-color:#fff;border:1px solid var(--stroke-300, #CACBCE);}
.form_wrap.check input:checked + label:before {content:'';background:var(--point-Blue, #1B71EF) url('../images/icon_checked.svg') no-repeat center center / 9px auto;border-color:var(--point-Blue, #1B71EF)}

.form_wrap.check_star{border-width:0;}
.form_wrap.check_star input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border-radius:0;}
.form_wrap.check_star input + label{display:inline-block;position:relative;color:#555;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;color:var(--color-text);white-space:nowrap;}
.form_wrap.check_star input + label:before { /* 가짜 체크박스 */ content:'';display:inline-block;width:24px;height:24px;background:url('../images/icon_star.svg') no-repeat center / contain;}
.form_wrap.check_star input:checked + label:before {content:'';background:url('../images/icon_star_active.svg') no-repeat center /contain;}

/* radio */
.form_wrap.radio{position:relative;}
.form_wrap.radio input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form_wrap.radio label{display:inline-flex;align-items:center;padding:5px 7px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all 0.2s ease;}
.form_wrap.radio label::before{content:'';display:inline-block;width:18px;height:18px;margin-right:8px;border:1px solid #ddd;border-radius:50%;background:#fff no-repeat center/10px;transition:all 0.2s ease;}
.form_wrap.radio input[type="radio"]:checked+label{border-color:var(--point-Blue);color:var(--point-Blue);background-color:#f0f7ff;}
.form_wrap.radio input[type="radio"]:checked+label::before{background-color:var(--point-Blue);border-color:var(--point-Blue);background:var(--point-Blue) url('../images/icon_radio.svg') no-repeat center;}

.form_wrap.radio2{border-width:0;width:auto;min-width:94px;position:relative;display:flex;background-color:var(--BG-admin, #E4E7EC);;border-radius:100vh;padding:2px;height:31px;line-height:27px;gap:0;}
.form_wrap.radio2 input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border-radius:0;}
.form_wrap.radio2 input + label{display:inline-block;position:relative;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;text-align:center;border-radius:999px;font-size:13px;transition:all 0.2s ease;width:44px;color:var(--text-600, #66676B);z-index:2;font-weight:700;}
.form_wrap.radio2 input:checked + label{border-color:var(--point-Blue);color:#fff;}
.form_wrap.radio2 .chk_bg{display:block;width:44px;height:27px;border-radius:27px;background-color:var(--point-Blue);position:absolute;top:2px;left:3px;z-index:1;transition:all 0.2s ease;}
.form_wrap.radio2 input.tg02:checked ~ .chk_bg{width:44px;left:47px;}

.form_wrap.radio3 input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form_wrap.radio3 label{position:relative;display:block;width:66px;height:48px;border:1px solid var(--stroke-300, #CACBCE);border-radius:8px;background:#fff;cursor:pointer;transition:all 0.2s ease;}
.form_wrap.radio3 label::before{content:'';display:inline-block;width:8px;height:8px;border-radius:8px;background-color:var(--point-Blue);transition:all 0.2s ease;position:absolute;}
.form_wrap.radio3.pos1 label:before{top:6px;left:8px;}
.form_wrap.radio3.pos2 label:before{top:6px;left:50%;transform:translateX(-50%)}
.form_wrap.radio3.pos3 label:before{top:6px;right:8px;}
.form_wrap.radio3.pos4 label:before{bottom:6px;left:8px;}
.form_wrap.radio3.pos5 label:before{bottom:6px;left:50%;transform:translateX(-50%)}
.form_wrap.radio3.pos6 label:before{bottom:6px;right:8px;}
.form_wrap.radio3 input[type="radio"]:checked+label{border-color:var(--point-Blue);}

/* checkbox */
.form_wrap.check2{position:relative;}
.form_wrap.check2 input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form_wrap.check2 label{display:inline-flex;align-items:center;padding:5px 7px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all 0.2s ease;}
.form_wrap.check2 label::before{content:'';display:inline-block;width:18px;height:18px;margin-right:8px;border:1px solid #ddd;border-radius:50%;background:#fff no-repeat center/10px;transition:all 0.2s ease;}
.form_wrap.check2 input[type="checkbox"]:checked+label{border-color:var(--point-Blue);color:var(--point-Blue);background-color:#f0f7ff;}
.form_wrap.check2 input[type="checkbox"]:checked+label::before{background-color:var(--point-Bluecheck);border-color:var(--point-Blue);background:var(--point-Blue) url('../images/icon_radio.svg') no-repeat center;}


/* aritlcle > write */
.media_sidebar.inbox{display:flex;flex-direction:column;gap:40px;width:368px;flex:0 0 auto!important}
.media_sidebar.inbox > .cont_inner{width:100%;gap:24px;}
.media_sidebar .cont_wrap{display:flex;flex-direction:column;gap:8px;}
.media_sidebar .top_link{display:flex;align-items:center;gap:8px;}
.media_sidebar .btn_toggle{width:18px;height:18px;background:url('../images/icon_toggle.svg') no-repeat center center / 100% auto;transform: rotate(180deg);transition:transform 0.3s;}
.media_sidebar .btn_toggle.active{transform: rotate(0deg);}
.media_sidebar .btn.link{padding:2px 10px;gap:4px;font-size:14px;line-height:1.35}
.media_sidebar .cont_bottom{display:flex;flex-direction:column;gap:12px;}
.drag_n_drop{border:1px dashed var(--stroke-300, #CACBCE);border-radius: 8px;padding:12px;text-align:center;cursor:pointer;transition:0.3s;color:var(--text-400, #AEAEB2);}
.drag_n_drop.drag_over{border-color:#1e73e1;}
.drag_n_drop.drag_over p{color:var(--point-Blue, #1B71EF)}
.thumbnail_img{display:flex;gap:8px;flex-wrap:wrap;}
.thumbnail_img > .thumb_img{width:calc(50% - 4px);padding-bottom:30.625%;border-radius:8px;border:1px solid transparent;}
.thumbnail_img > .thumb_img.active{border:1px solid var(--point-Blue, #1B71EF);}
.thumbnail_img > .thumb_img.active:before{content:'';display:block;width:20px;height:20px;position:absolute;top:4px;left:4px;border-radius:4px;background:var(--point-Blue, #1B71EF) url('../images/icon_check_img.svg') no-repeat center;z-index:1;}
.thumbnail_img.youtube > .thumb_img{padding-bottom:calc(28.125% - 4px)}
.thumbnail_img.youtube > .thumb_img:after{content:'';display:block;width:30px;height:30px;border-radius:30px;border: 1px solid var(--text-0, #FFF);background:url('../images/icon_play.svg') no-repeat center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.thumb_img .btn_close{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:20px;background:rgba(0, 0, 0, 0.50) url('/static/images/icon_close_img.svg') no-repeat center;cursor:pointer;}

.inbox.files_edit > .cont_inner{gap:40px;}
.drop_file_wrap{display:flex;gap:16px;align-items:flex-start;}
.drop_file_wrap .sub_title{flex:0 0 109px;line-height:44px;}
.drop_file_wrap .drop_file_list{width:439px;}
.drop_file_list{display:flex;flex-direction:column;gap:8px;}
.drop_file_list .file_item{position:relative;border:1px solid var(--text-900, #111);border-radius:8px;padding:12px 28px 12px 12px;}
.drop_file_list .file_name{display:block;color:var(--text-600, #66676B);font-size:14px;font-weight:400;line-height:1.35;}
.drop_file_list .btn_delete{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:16px;height:16px;background:url('../images/icon_close_file.svg') no-repeat center;}
.write_wrap .top{display:flex;justify-content:space-between;align-items:center;}

/* 미디어메뉴 고정 */
.fixed_sub{padding-right:388px;}
.fixed_sub > .media_sidebar.inbox{position:fixed;right:20px;margin-right:0;overflow-y:auto;height:calc(100svh - 40px);}
@media screen and (min-width: 1880px) {
    /* 1880px 이상 크기에서 적용될 CSS */
    .fixed_sub > .media_sidebar.inbox{right:50%;margin-right:-920px;}
}

/* datapicker */
.form_wrap.datepicker input{width:270px;font-size:14px;line-height:1.3;text-align:center;background:url('../images/icon_datepicker.svg') no-repeat calc(100% - 8px) center;} 
.ui-datepicker{display:none;left:0;width:236px;border-radius:8px;background:#FFF;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.20);z-index:2!important;}
.ui-datepicker-header{position:relative;padding:14px 16px;border-bottom: 1px solid var(--stroke-100, #E6E6E6);}
.ui-datepicker-prev,
.ui-datepicker-next{font-size:0;color:transparent;width:20px;height:20px;position:absolute;top:14px;}
.ui-datepicker-prev{right:38px;background:url('../images/icon_datepicker_prev.svg') no-repeat center;}
.ui-datepicker-next{right:10px;background:url('../images/icon_datepicker_next.svg') no-repeat center;}
.ui-datepicker-title{font-size:14px;font-weight:800;line-height:1.5;}
.ui-datepicker-calendar{width:calc(100% - 24px);margin:8px auto;}
.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td{height:29px;text-align:center;font-size:12px;color:var(--text-900, #111);line-height:1.1;}
.ui-datepicker-calendar thead th{font-weight:700;}
.ui-datepicker-calendar tbody td a{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:29px;overflow:hidden;}
.ui-datepicker-calendar tbody td .ui-priority-secondary{color:var(--text-400, #AEAEB2);}
.ui-datepicker-calendar tbody td .ui-state-active{background-color:var(--point-Blue, #1B71EF);color:#fff;}
.form_wrap.time{width:158px;}
.form_wrap.time input{text-align:center;}
.form_wrap.time.timepicker{position:relative;}
.form_wrap.time.timepicker .timepicker_list{position:absolute;top:calc(100% + 4px);left:0;z-index:20;width:100%;max-height:180px;overflow-y:auto;padding:6px 0;border-radius:8px;background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.20);}
.form_wrap.time.timepicker .timepicker_item{display:block;width:100%;padding:8px 12px;border:0;background:transparent;text-align:center;font-size:14px;line-height:1.3;color:var(--text-900, #111);cursor:pointer;}
.form_wrap.time.timepicker .timepicker_item:hover,
.form_wrap.time.timepicker .timepicker_item.is-active{background:var(--BG-Button100, #F0F1F5);}
.form_wrap.time.timepicker .timepicker_item.is-active{color:var(--point-Blue, #1B71EF);font-weight:700;}

/* keyword_list */
.article_etc{display:flex;flex-direction:column;gap:16px;}
.keyword_list{display:flex;gap:8px;flex-wrap:wrap;}
.keyword_list .item{display:flex;padding:8px 16px;background: var(--BG-Button100, #F0F1F5);border-radius:99px;justify-content:center;
align-items:center;gap:10px;}
.keyword_list .hashtag:before{content:'#';}
.keyword_list .hashtag{color: var(--text-600, #66676B);}
.keyword_list .form_wrap .st_tag{background-color:transparent;width:160px;font-size:14px;}
.article_list{max-width:633px;width:100%;}
.article_list,
.article_list .list{display:flex;flex-direction:column;gap:8px;}
.article_list li{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.article_list li p{color: var(--text-900, #111);font-size:14px;line-height:1.3;}
.article_list .list .btn{flex:0 0 16px;height:16px;}
.article_list .btn_wrap .btn.bg_black{border-radius:8px;color:#FFE500;font-weight:700;}

/* popup */
.popup_wrap{height:0;overflow:hidden;position:fixed;top:0;left:0;width:100%;z-index:100000}
.popup_wrap > .inner{opacity:0;display:flex;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);align-items:center;justify-content:center;transition:all 0.5s ease;padding:0 20px;}
.popup_wrap .cont_wrap{width:100%;max-width:800px;transform:translateY(10px);transition:all 0.5s ease;}
.popup_wrap .btn_close_popup{width:28px;height:28px;}
.popup_wrap .cont_wrap .cont{position:relative;background-color:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:48px;max-height:calc(100vh - 100px);}
.popup_wrap .top{display:flex;flex-direction:column;gap:8px;}
.popup_wrap .title_wrap{justify-content:space-between;align-items:center;}
.popup_wrap.active{height:100%;}
.popup_wrap.active > .inner{opacity:1;}
.popup_wrap.active .cont_wrap{position:relative;transform:translateY(0);}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar{width:0;}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-track {background-color: transparent;}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-thumb {border-radius:2px;background-color:rgba(200,200,200,1);}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-button {width: 0;height: 0;}
.popup_wrap .bottom{display:flex;flex-direction:column;gap:20px;padding:0 16px;overflow-y:auto;}
/* 임시저장 */
.popup_wrap.storage .bottom .btn_wrap img{width:18px;}
.storage_list{display:flex;flex-direction:column;gap:8px;}
.storage_list button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.storage_list .left,
.storage_list .right{display:flex;gap:16px;color:var(--text-600, #66676B);}
.storage_list .right{display:flex;gap:16px;color:var(--text-600, #66676B);}
/* 관련기사 */
.popup_wrap.article_search .top{gap:24px;}
.popup_wrap.article_search .btnSearchDetailContent{display:none;}
.popup_wrap.article_search .search_box{display:flex;flex-direction:column;gap:24px;}
.popup_wrap.article_search .search_box .form_list_wrap{gap:8px;}
.popup_wrap.article_search .search_box .flex_list *{flex:1;}
.popup_wrap.article_search .search_box .select_wrap{display:flex;gap:8px;flex:1;}
.popup_wrap.article_search .search_box .select_wrap .select{flex:1;}
.popup_wrap.article_search .search_box .ip_to_ip{display:flex;gap:8px;align-items:center;flex:1;}
.popup_wrap.article_search .search_box .ip_to_ip .form_wrap.mo_full{flex:1;}
.article_result ul{display:flex;flex-direction:column;gap:8px;}
.article_result li{position:relative;width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.article_result .tag_wrap{position:absolute;top:12px;right:12px;}
.article_result .title{color: var(--text-900, #111);}
.article_result .info_wrap{display:flex;flex-direction:column;gap:4px}
.article_result .info{display:flex;gap:6px;align-items:center;}
.article_result .info span{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.3;color:var(--text-600, #66676B);}
.article_result .info span:first-child:before{display:none;}
.article_result .info span:before{content:'';display:block;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);}

/* 관련기사 그룹 선택 */
.popup_wrap.rel_group .cont_wrap{max-width:720px;}
.popup_wrap.rel_group .cont{gap:24px;}
.popup_wrap.rel_group .top{gap:20px;}
.popup_wrap.rel_group .form_list{align-items:center;}
.popup_wrap.rel_group .form_list > .sub_title{flex:0 0 74px;}
.popup_wrap.rel_group .form_list .form_wrap.select{flex:0 0 330px;min-width:0;}
.popup_wrap.rel_group .bottom{padding:0;gap:24px;}
.popup_wrap.rel_group .rel_group_list{display:flex;flex-direction:column;gap:8px;max-height:min(420px, calc(100vh - 320px));overflow-y:auto;scrollbar-width:thin;}
.popup_wrap.rel_group .rel_group_list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);min-width:0;}
.popup_wrap.rel_group .rel_group_list li .title{flex:1;min-width:0;color:var(--text-900, #111);font-size:14px;line-height:1.35;}
.popup_wrap.rel_group .rel_group_list li .btn.bg_red{flex:0 0 auto;background:#FF3B30;color:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;line-height:1.3;}
.popup_wrap.rel_group .rel_group_list .empty{justify-content:center;border:0;padding:24px 12px;color:var(--text-600, #66676B);}
.popup_wrap.rel_group .bottom > .btn_wrap .btn{flex:0 0 auto;min-width:200px;}

/* page navigaiton */
.page_navigation{display:flex;gap:20px;align-items:center;justify-content:center;}
.page_navigation .btns{display:flex;gap:8px;}
.page_navigation .btns .btn{width:36px;height:36px;border-radius:36px;border:1px solid var(--stroke-300, #CACBCE);padding:6px;}
.page_navigation .btns .btn_next,
.page_navigation .btns .btn_after{transform:rotate(180deg)}
.page_navigation .numbers{display:flex;gap:16px;}
.page_navigation .numbers.mo{display:none;}
.page_navigation .numbers .num{font-size:20px;color:var(--text-400, #AEAEB2);}
.page_navigation .numbers li.active .num{font-weight:700;color:var(--point-Blue, #1B71EF)}

/* 사진편집 */
/* side nav */
.side_nav ul{display:flex;flex-direction:column;gap:16px;}
.side_nav li a{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:center;}
.side_nav li p{font-size:12px;line-height:1.1;color:var(--text-400, #AEAEB2);}
.side_nav svg path{stroke:#111;}
.side_nav li.active a{border-radius:8px;background: var(--BG-Button_submenu, #DFEAFB);}
.side_nav li.active svg path{stroke:var(--point-Blue, #1B71EF);}
.side_nav li.active p{color:var(--point-Blue, #1B71EF);}
/* photo edit */
.image_thumb{display:flex;flex-direction:column;gap:24px;padding:0 55px;}
.image_thumb .img_crop{border-radius:20px;overflow:hidden;;}
.image_thumb .btn_wrap{justify-content:end;}
.image_thumb .btn_wrap .btn{flex:0 0 93px;}
.swiper_wrap{position:relative}
.imageCropSwiper{margin:0 36px}
.imageCropSwiper .swiper-slide{width:210px;height:133px;border-radius:12px;overflow:hidden;;}
.imageCropSwiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.swiper_btn{position:absolute;top:0;border-radius:8px;border:1px solid var(--stroke-300, #CACBCE);display:flex;align-items:center;justify-content:center;width:28px;height:100%;z-index:3;}
.swiper_btn.prev{left:0;}
.swiper_btn.next{right:0;}
.swiper.not-enough ~ .swiper_btn{display:none;}
.watermark{align-items:start;}
.watermark .inbox{display:flex;flex-direction:column;gap:8px;}
.watermark .img{padding:10px;border-radius:8px;background:var(--text-900, #111);}
/* photo db */
.cont_photodb{display:flex;flex-direction:column;gap:40px;}
.cont_photodb .img_more{width:18px;height:auto;}
.gallery_wrap .sub_title{padding-bottom:12px;}
rectpackr-layout{display:flex;flex-wrap:wrap;align-items:flex-start;margin:-12px -6px 0 -6px;min-height:100vh;}
rectpackr-layout > .inner{width:33.33%;padding:12px 6px 0 6px;overflow:hidden;position:relative;opacity:0;transition:opacity 0.6s ease-in-out}
rectpackr-layout.is-loaded{min-height:auto;}
rectpackr-layout.is-loaded > .inner{opacity:1}
rectpackr-layout > .inner img{width:100%;height:100%;object-fit:cover;border-radius:16px;}
rectpackr-layout > .inner:before{content:'';display:block;width:calc(100% - 12px);height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.45%, #000 100%) 50% / cover no-repeat;border-radius:16px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
rectpackr-layout .form_wrap.check{position:absolute;top:24px;left:18px;}
rectpackr-layout .form_wrap.check_star{position:absolute;top:24px;right:18px;}
rectpackr-layout .date{position:absolute;bottom:16px;left:18px;color:#fff;font-size:12px;}
@media (max-width:1280px){rectpackr-layout > .inner{width:50%}}
@media (max-width:720px){rectpackr-layout > .inner{width:100%}}

/* approval > list */
.sub_tab_list{display:flex;justify-content:space-between;}
.sub_tab_list > li{flex:1;border-radius: 8px 8px 0 0;border-bottom:1px solid var(--text-900, #111);}
.sub_tab_list > li.active{border:1px solid var(--text-900, #111);border-bottom-width:0;}
.sub_tab_list > li > a{display:flex;width:100%;padding:10px;color:var(--text-400, #AEAEB2);align-items:center;justify-content:center;}
.sub_tab_list > li.active > a{color:var(--text-900, #111);}
.sub_tab_list > li.active > a .impact{color:var(--point-Blue, #1B71EF)}
.approval_list_wrap .page_navigation{padding-top:16px;}
.approval_list_wrap .form_wrap.radio2 input + label{display:flex;justify-content:center;align-items:center;}
.approval_list_wrap .form_wrap.radio2 label svg{stroke:var(--text-600)}
.approval_list_wrap .form_wrap.radio2 input:checked + label svg{stroke:#fff}
.approval_list_wrap .tab_content{display:none;}
.approval_list_wrap .tab_content.active{display:block;}
.card_list_wrap ul{display:flex;gap:18px;flex-wrap:wrap;}
.card_list_wrap ul li{width:calc(33.33% - 12px);padding:16px;border:1px solid var(--stroke-300, #CACBCE);border-radius:16px;}
.card_list_wrap .top{display:flex;justify-content:space-between;align-items:center;min-width:0;padding-bottom:8px;}
.card_list_wrap .top .tag_wrap{display:flex;align-items:center;gap:8px;}
.card_list_wrap .top .tag_wrap .tag{padding:6px 8px;}
.card_list_wrap .thumb_img{border-radius:16px;}
.card_list_wrap .tit{padding-top:8px;}
.card_list_wrap .line_list{padding-top:4px;display:flex;flex-wrap:wrap;gap:6px;}
.card_list_wrap .line_list span{display:flex;align-items:center;gap:6px;}
.card_list_wrap .line_list span:after{content:'';display:block;width:1px;height:12px;background-color:#E6E6E6}
.card_list_wrap .line_list span:last-child:after{display:none;}
.card_list_wrap .btn_wrap{padding-top:16px;}

/* approval > view */
.log_wrap{position:relative;}
.log_wrap.active .log_list{border-radius:8px 8px 0 0;}
.log_wrap.active .list{border-radius:0 0 8px 8px;}
.log_wrap.active .btn_log{background:url('../images/icon_toggle.svg') no-repeat center center / 18px auto;}
.log_wrap .log_list{display:flex;align-items:center;background:rgba(191, 126, 22, 0.10);padding:12px;border-radius:8px;}
.log_wrap .txt{display:flex;gap:8px;color:#CB601E;align-items:center;}
.log_wrap .txt:after{content:'';display:block;width:2px;height:16px;background-color:#CB601E;}
.log_wrap .log{flex:1;}
.log_wrap .log .info,
.log_wrap .list a{display:flex;gap:4px;align-items:center;padding-left:12px;}
.log_wrap .pos{min-width:70px;font-size:14px;font-weight:700;line-height:1.5;color:var(--text-900, #111);}
.log_wrap .writer{font-size:14px;font-weight:400;line-height:1.35;color:var(--text-900, #111);}
.log_wrap .date{padding-right:4px;}
.log_wrap .date,
.log_wrap .ip{font-size:14px;font-weight:400;line-height:1.35;color:#CB601E;}
.log_wrap .ip{display:flex;align-items:center;gap:4px;}
.log_wrap .ip:before{content:'';display:inline-block;;width:1px;height:12px;background-color:#E5C9B7;}
.log_wrap .list{display:none;width:100%;padding-left:132px;background:rgba(191, 126, 22, 0.10);border-radius:8px;}
.log_wrap .list a{padding:8px 0;}
.log_wrap .btn_log{position:absolute;top:14px;right:12px;width:18px;height:18px;background:url('../images/icon_select.svg') no-repeat center center / 18px auto;}
.detail_view{display:flex;flex-direction:column;gap:32px;}
.detail_view .flex.between{padding-bottom:16px;border-bottom:1px solid var(--stroke-500, #8C8D92);}
.detail_title .category{display:flex;gap:4px;padding-bottom:12px;color:var(--point-Blue, #1B71EF);font-size:16px;font-weight:700;line-height:1.5;}
.detail_title h2.title{padding-bottom:28px;}
.detail_title .info{padding-bottom:16px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
.detail_title .info span{position:relative;padding:0 8px;}
.detail_title .info span:first-child{padding-left:0;}
.detail_title .info span:after{content:'';display:inline-flex;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);position:absolute;top:2px;left:0;}
.detail_title .info span:first-child:after{display:none;}
.detail_layer{padding:0 24px;}
.detail_layer img{max-width:100%;}
.detail_layer .article{font-size:16px;color:var(--text-900, #111);line-height:1.5;}
.detail_layer .article_info{padding:40px 0;font-size:14px;line-height:1.5;color:var(--text-900, #111);display:flex;flex-direction:column;gap:8px;}
.detail_layer .article_info .copyright{line-height:1.35;}
.detail_layer .article_info .journalist{font-weight:700;line-height:1.1;}
.detail_layer .article .article-attachment{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.detail_layer .article p{margin-bottom:2em}
.detail_layer .keyword_list{gap:12px;}
.detail_another h2.title{padding-bottom:8px;}
.detail_another .list{display:flex;flex-direction:column;gap:8px;}
.detail_another .list li{padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.detail_another .list li a{display:block;}

/* article > forword_list */
.fc_success{color: #263A6D;}
.fc_reservation{color: #0CAC54;}
.fc_fail{color: #F33;}
.today_list{display:flex;flex-direction:column;gap:12px;padding-top:16px;}
.today_list .list{display:flex;gap:12px;}
.today_list .list .item{flex:1;display:flex;flex-direction:column;gap:16px;padding:14px;border-radius:20px;border:1px solid var(--stroke-300, #CACBCE);}
.today_list .list .item.active{border-color:var(--text-900, #111)}
.today_list .list .item .sub_title{display:flex;align-items:center;gap:8px;}
.today_list .state{display:flex;justify-content:space-around;}
.today_list .state li{flex:1;display:flex;align-items:baseline;gap:2px;}
.today_list .state .sub_title{text-align:right}
.today_list .state .caption{white-space:nowrap;}
.forward_list_wrap .form_list > .sub_title,
.forward_list_wrap .form_list > .title{flex:0 0 136px;}
.forward_list_wrap .form_wrap.search2{flex:1;}
.forward_list_wrap .datepicker_wrap{flex:1;}
.forward_list_wrap .datepicker{flex:1;}
.forward_list_wrap .datepicker input{width:100%!important;}
.forward_list_wrap .caption.f100{flex:0 0 100%;padding-left:144px;}
.forward_list_wrap .status_tag_list{display:flex;gap:8px;}
.forward_list_wrap .status_tag_list .tag_list{display:flex;gap:8px;}
.forward_list_wrap .status_tag_list span[class*="tag"]{display:inline-flex;padding:5px 8px;border-radius:4px;font-size:12px;line-height:1.1;}
.forward_list_wrap .status_tag_list .tag_success{background: rgba(38, 58, 109, 0.15);color:#263A6D}
.forward_list_wrap .status_tag_list .tag_reservation{background: rgba(12, 172, 84, 0.15);color:#0CAC54}
.forward_list_wrap .status_tag_list .tag_fail{background: rgba(255, 51, 51, 0.15);color: #F33;}
.table_wrap.forwrad colgroup .col1{width:1%;}/* 체크박스 */
.table_wrap.forwrad colgroup .col2{width:auto;}/* 제목 */
.table_wrap.forwrad colgroup .col3{width:1%;}/* 노출시간 */
.table_wrap.forwrad colgroup .col4{width:1%;}/* 기자 */
.table_wrap.forwrad colgroup .col5{width:1%;min-width:239px}/* 전송상태 */
.table_wrap.forwrad colgroup .col6{width:1%;}/* 로그 */
.table_wrap.forwrad tbody td.tit{white-space:initial;text-align:left;}
.table_wrap.forwrad tbody td .site_list{display:flex}
.table_wrap.forwrad tbody td .site_list li{display:flex;width:56px;height:43px;border:1px solid var(--BG-caption_dark, #41436A);align-items:center;justify-content:center;}
.table_wrap.forwrad tbody td .site_list li:first-child{border-radius:8px 0 0 8px;}
.table_wrap.forwrad tbody td .site_list li:last-child{border-radius:0 8px 8px 0;}
.table_wrap.forwrad tbody td .site_list li.success{border-color:#41436A;background-color:rgba(38, 58, 109, 0.15);}
.table_wrap.forwrad tbody td .site_list li.reservation{border-color:#0CAC54;background-color:rgba(12, 172, 84, 0.15);}
.table_wrap.forwrad tbody td .site_list li.fail{border-color:#F33;background-color:rgba(255, 51, 51, 0.15);}
.article_title_row.form_wrap input{padding-right:30px;}

/* 관련기사 그룹 관리 */
.recent_article.group .btn_groupAdd{font-size:14px;font-weight:700}
.recent_article.group .btn_groupAdd img{width:18px;}
.select_group .group_list{display:flex;flex-direction:column;gap:12px;}
.group_list > li > a{flex:1;display:flex;min-width:0;align-items:center;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--text-400, #AEAEB2);}
.group_list .flex.left{flex:1;min-width:0;gap:8px;align-items:center;}
.group_list .flex.right{gap:4px;}
.group_list .name{flex:1;color:#111;cursor:pointer;}
.group_list .name:focus{outline:none;border:none;}
.group_list .name.active:focus{outline:auto;border:2px;cursor:text;}
.group_list svg{stroke:#111;}
.group_list > li.active > a{border:0;background:var(--BG-Button_submenu, #DFEAFB);}
.group_list > li.active .name{color:var(--point-Blue, #1B71EF);background:var(--BG-Button_submenu, #DFEAFB);}
.group_list > li.active svg{stroke:var(--point-Blue, #1B71EF);}

.group_article_wrap{display:flex;flex-direction:column;gap:16px;}
.group_article_wrap .top_title{display:flex;justify-content:space-between;align-items:center;}
.group_article_list{display:flex;flex-direction:column;gap:16px;}
.group_article_list .btn_dot{flex:1;display:flex;justify-content:center;gap:4px;padding:16px;border-radius:8px;
border:1px dashed var(--stroke-300, #CACBCE);}
.group_article_list .list{display:flex;flex-direction:column;gap:16px;}
.group_article_list .list li{display:flex;min-width:0;gap:12px;padding:16px;border-radius:8px;border:1px solid var(--stroke-300, #CACBCE);}
.group_article_list .list li .sub_title{flex:1;min-width:0;}
.group_article_list .no_article{text-align:center;padding-top:calc(50svh - 180px);}

/* 네이버 아웃링크 */
.outlink .form_wrap.select{width:172px;flex:none!important;}
.table_wrap.status.naver td.chk .form_wrap.check{height:14px;}

/* 메인기사 설정 */
.main_inner > section > .inbox.main_sidebar{width:361px;padding:16px;flex:0 0 auto;}

/* member > list */
.inbox > .cont_inner.member_list{max-width:936px}
.member_list .form_list{width:585px;align-items:center;margin:0 auto;}
.member_list .form_list .form_wrap.search2{flex:1;}
.member_list .top_btn{justify-content:flex-end;}
.member_list .top_btn .btn{flex:0 0 auto;}
.member_list .table_wrap.status table{table-layout:fixed;}
.member_list .table_wrap.status table colgroup col.col_ename{width:19.69%}
.member_list .table_wrap.status table colgroup col.col_name{width:11.16%}
.member_list .table_wrap.status table colgroup col.col_rank{width:16.41%}
.member_list .table_wrap.status table colgroup col.col_activate{width:16.41%}
.member_list .table_wrap.status table colgroup col.col_more{width:31.10%}
.member_list .table_wrap.status td.chk{padding:8px 0 0 12px;}
.member_list .table_wrap.status td.name{text-overflow:ellipsis;overflow:hidden;}
.member_list .table_wrap.status td.more .btn_wrap .btn{flex:0 0 auto}
.member_list .table_wrap.status td.activate .stop{color:#F33}
/* 2026-08-18 */
.writer_wrap{flex-wrap:wrap;}
.writer_modify{flex:0 0 100%;padding-left:80px;display:none;}
.writer_modify > .inner{display:flex;flex-direction:column;gap:32px;border-radius:20px;padding:24px;background-color:#fff;border: 1px solid var(--stroke-300, #CACBCE);}
.writer_modify .inner_bottom{display:flex;gap:32px;flex-wrap:wrap;}
.writer_modify .inbox{display:flex;flex-direction:column;gap:16px;}
.writer_modify ul{display:flex;gap:8px;}
.writer_modify ul li button{padding:7px 11px;border-radius: 8px;border:1px solid var(--stroke-300, #CACBCE);color:#111}
.writer_modify ul li.active button{background: var(--stroke-300, #CACBCE);}

/* member > signup */
.inbox > .cont_inner.signup_form{max-width:720px;}
.signup_form .form_list{flex-wrap:wrap;}
.signup_form .form_list.alarm input{border-color:#f33}
.signup_form .form_list.alarm .form_notice{display:block;color:#f33;font-size:12px;line-height:1.1;}
.signup_form .form_list.alarm .sub_title{align-self:flex-start;line-height:43px;}
.signup_form .form_list input{height:43px;}
.signup_form .form_list .form_text{line-height:43px;}
.signup_form .form_list .form_notice{display:none;}
.signup_form .form_list > .sub_title{flex:0 0 107px;}
.signup_form .form_list > .sub_title.f86{flex:0 0 86px;}
.signup_form .form_list > .sub_title.f88{flex:0 0 88px;}
.signup_form .form_list > .sub_title.top{align-self:flex-start;line-height:43px;}
.signup_form .form_list > .sub_title.top2{align-self:flex-start;line-height:31px;}
.signup_form .form_list > .form_wrap:not(.radio),
.signup_form .form_list .flex.full{flex:1}
.signup_form .form_list .form_inner{display:flex;flex-direction:column;gap:8px;flex:1;}
.signup_form .top_btn{justify-content:flex-end;}
.signup_form .thumb_img_area{display:flex;flex-direction:column;gap:8px;}
.signup_form .thumb_img{width:156px;height:156px;padding-bottom:0;border-radius:8px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.signup_form .thumb_img.banner{width:516px;height:70px;}
.signup_form .thumb_img + .btn_wrap .btn{height:43px;align-self:flex-end;}
.signup_form .form_wrap.time{width:120px;}
.datepicker_wrap{display:flex;gap:8px;align-items:center;}
.datepicker_wrap .form_wrap.datepicker input{width:171px;}

/* homepage > list(팝업관리) */
.inbox > .cont_inner.card_list_wrap{gap:32px;}
.card_list{display:flex;flex-wrap:wrap;gap:12px;}
.card_list .item{position:relative;width:calc(50% - 6px);display:flex;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--stroke-100, #E6E6E6);background:var(--text-0, #FFF);}
.card_list .item.active{border-color:var(--point-Blue)}
.card_list .item .tag_dot{position:absolute;top:12px;right:12px;}
.card_list .item .info{display:flex;flex-direction:column;justify-content:space-between;flex:1;}
.card_list .item .info_text{display:flex;flex-direction:column;gap:12px;}
.card_list .item .day_active *{color:var(--text-900)}
.card_list .item.active .day_active *{color:var(--point-Blue)!important}
.card_list .thumb_img{width:160px;height:160px;padding-bottom:0;border-radius:12px;}

/* homepage > list(위클리상암) */
.card_list.weekly .item{width:100%;}
.card_list.weekly .thumb_img{width:156px;height:88px;}
.card_list.weekly .item .info{flex-direction:row;align-items:center;gap:16px;min-width:0;}
.card_list.weekly .item .info_text{flex:1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;}
.txt_nowrap{text-wrap:nowrap}
.form_wrap.button.v2{gap:8px;flex:auto!important;width:calc(100% - 115px);}
.form_wrap.button.v2 input{border-radius:8px;}
.form_wrap.button.v2 .btn{flex:0 0 42px;height:42px;border-radius:8px;}
.signup_form .thumbnail_img.youtube{padding-left:115px;}
.signup_form .thumbnail_img.youtube > .thumb_img{height:88px;padding-bottom:0;}

/* homepage > banner(배너관리) */
.banner_list_wrap{display:flex;gap:24px;flex-direction:column;}
.banner_list_wrap .banner{display:flex;gap:8px;flex-direction:column;}
.banner_list_wrap .banner .item{display:flex;gap:15px;align-items:center;border-radius:16px;border:1px solid var(--stroke-100, #E6E6E6);background:var(--text-0, #FFF);padding:12px;}
.banner_list_wrap .info{flex:1;}
.banner_list_wrap .thumb_img{width:540px;height:74px;padding-bottom:0;border-radius:8px;}

/* homepage > inquiry_wrap(문의) */
.inquiry_wrap .count_list{display:flex;gap:12px;}
.inquiry_wrap .count_list .inbox{flex:1;border-radius:20px;border:1px solid var(--stroke-300, #CACBCE);background:var(--text-0, #FFF);padding:16px;gap:12px;cursor:pointer;}
.inquiry_wrap .count_list .inbox.active{border-color:var(--text-900, #111)}
.inquiry_wrap .count_list .number{font-size:14px;}
.inquiry_wrap .count_list .number span{font-size:28px;padding-right:4px;}
.table_wrap.inquiry colgroup .col1{width:1%;min-width:98px}/* 구분 */
.table_wrap.inquiry colgroup .col2{width:1%;min-width:73px;}/* 상태 */
.table_wrap.inquiry colgroup .col3{width:auto;}/* 제목 */
.table_wrap.inquiry colgroup .col4{width:1%;min-width:73px;}/* 이름 */
.table_wrap.inquiry colgroup .col5{width:1%}/* 등록일자 */
.table_wrap.inquiry colgroup .col6{width:1%}/* 관리 */
.table_wrap.inquiry thead th,
.table_wrap.inquiry tbody td{padding:0 6px;}
.table_wrap.inquiry thead th:first-child,
.table_wrap.inquiry tbody td:first-child{padding-left:12px;}
.table_wrap.inquiry thead th:last-child,
.table_wrap.inquiry tbody td:last-child{padding-right:12px;}
.table_wrap.inquiry tbody td .tag_title{justify-content:center;}
.popup_wrap.photo .form_list{align-items:center;}
.popup_wrap.photo .form_list > .sub_title{flex:0 0 52px}
.popup_wrap.photo .form_list > .sub_title.f77{flex:0 0 77px}
.popup_wrap.photo .form_list > .sub_title.top{align-self:flex-start;}
.popup_wrap.photo .form_list .form_text{display:flex;align-items:center;gap:6px;}
.popup_wrap.photo .form_wrap.radio ~ .btn_wrap .btn{padding:8px 12px;font-size:14px;line-height:1.35;}
.popup_wrap.photo .form_wrap.textarea textarea{height:320px;}
.popup_wrap.photo .form_list .form_inner{display:flex;flex-direction:column;gap:8px;flex:1;}
.listbar{display:flex;align-items:center;}
.listbar:after{content:'';display:inline-flex;width:1px;height:12px;background-color:var(--stroke-300, #CACBCE);margin-left:6px;}

/* setting > ip차단 */
.ip_wrap .form_list{width:auto;}
.ip_wrap .form_wrap.button2 input{width:345px;height:43px;}
.ip_wrap .form_wrap.button2 .btn{flex:0 0 auto;padding:12px;font-size:14px;}
.table_wrap.ip_table colgroup .col1{width:1%;min-width:30px;}/* 체크박스 */
.table_wrap.ip_table colgroup .col2{width:1%;min-width:70px;}/* No. */

/* photoDB */
.main_inner > section > .inbox.photodb_wrap{display:flex;flex-direction:column;gap:56px;}
.photodb_wrap .gallery_wrap{display:flex;flex-direction:column;gap:12px;}
.photodb_wrap .gallery_wrap .sub_title{padding-bottom:0;}
.photodb_wrap .form_wrap.select,
.photodb_wrap .form_wrap.datepicker{width:242px;}
.photodb_wrap .form_wrap.datepicker input{width:100%;}
.photodb_wrap rectpackr-layout .inner{cursor:pointer;}
.popup_wrap.photodb .cont_wrap{max-width:968px;}
.popup_wrap.photodb .cont_wrap .cont{background-color:transparent;padding:0;border-radius:0;}
.popup_wrap.photodb .swiper-wrapper{align-items:center;}
.popup_wrap.photodb .swiper_wrap{padding:0 64px}
.popup_wrap.photodb .swiper_btn{width:40px;height:40px;border-radius:40px;top:50%;transform:translateY(-50%);border:0;background-color:#3B3B3B;}
.popup_wrap.photodb .swiper_btn.next{transform:rotate(180deg);right:0;}
.popup_wrap.photodb .swiper-slide .btns{position:absolute;top:16px;right:24px;display:flex;gap:8px;z-index:1;}
.popup_wrap.photodb .swiper-slide .check_star,
.popup_wrap.photodb .swiper-slide .btn,
.popup_wrap.photodb .swiper-slide .btn_close_popup{width:36px;height:36px;padding:6px;border-radius:36px;background-color:rgba(0, 0, 0, 0.40);backdrop-filter: blur(10px);}
.popup_wrap.photodb .form_wrap.check_star input + label:before{width:24px;height:24px;}
.popup_wrap.photodb .swiper-slide .btn_close_popup{display:flex;align-items:center;justify-content:center;}
.popup_wrap.photodb .swiper-slide .btn_close_popup img{width:14px;height:14px;}
.popup_wrap.photodb .swiper-slide .img{border-radius:20px;overflow:hidden;}
.popup_wrap.photodb .swiper-slide .img img{width:100%;max-height:80svh;object-fit:contain;}
.popup_wrap.photodb .bottom_info{position:absolute;bottom:0;left:0;width:100%;padding:0 24px 32px;}
.popup_wrap.photodb .bottom_info *{color:#fff;}
.popup_wrap.photodb .bottom_info .tag{color:var(--text-0, #FFF);border-radius:99px;border:1px solid rgba(255, 255, 255, 0.30);background:rgba(255, 255, 255, 0.10);backdrop-filter:blur(10px);padding: 4px 12px;}
.popup_wrap.photodb .bottom_info .sub_title{margin-top:6px;margin-bottom:12px;}
.popup_wrap.photodb .bottom_info .source{display:flex;justify-content:space-between;}
.popup_wrap.photodb .bottom_info .source span{color:var(--stroke-100, #E6E6E6);}
.popup_wrap.photodb .img{position:relative}
.popup_wrap.photodb .img:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.45%, #000 100%) 50% / cover no-repeat;}


/* 메인기사 설정 */
.main_inner > section > .inbox.recent_article{width:361px;padding:24px 16px;flex:0 0 auto;display:flex;gap:40px;flex-direction:column;}
.inbox.recent_article > .cont_inner{gap:24px;flex:1;position:relative;padding-bottom:0;}

.recent_article{position:relative;}
.recent_article .btn_wrap.pc_only{position:absolute;bottom:0;left:0;width:100%;padding:24px 16px;}
.recent_article .select_article{display:flex;flex-direction:column;gap:12px;min-height:0;}
.recent_article .select_list{display:flex;flex-direction:column;gap:12px;max-height:1000px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;}
.recent_article .select_list::-webkit-scrollbar{width:4px;}
.recent_article .select_list::-webkit-scrollbar-track{background-color:transparent;}
.recent_article .select_list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(200,200,200,0.5);}
.recent_article .select_list::-webkit-scrollbar-button{width:0;height:0;}
.recent_article .select_list .btn{width:100%;padding:12px;border-radius:8px;border:1px solid var(--text-400, #AEAEB2);display:flex;gap:12px;}
.recent_article .select_list .a_title{overflow:hidden;display:flex;flex-wrap:wrap;gap:4px;}
.recent_article .select_list .a_title .title{width:100%;}
.recent_article .select_list .a_title .date{display:inline-block;min-width:155px;}
.recent_article .btn_latest_more{position:absolute;bottom:0;left:0;width:100%;}

.selected_article .top_title{display:flex;justify-content:space-between;position:relative;}
.selected_article .btn_wrap{align-items:center;}
.selected_article .btn_tooltip{width:20px;height:20px;}
.selected_article .tooltip{display:none;padding:12px;flex-direction:column;align-items:flex-start;position:absolute;top:31px;right:203px;border-radius: 8px;
border:1px solid var(--text-600, s#66676B);background:var(--text-600, #66676B);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.30);color:var(--text-0, #FFF);font-size:13px;line-height:135%;z-index:2;}
.selected_article .tooltip p{padding-bottom:8px;}
.selected_article > .inner{display:flex;flex-direction:column;gap:16px;}
.selected_article .list{width:100%;display:flex;flex-direction:column;gap:16px;}
.selected_article .list li{width:100%;min-width:0;display:flex;gap:12px;justify-content:stretch;}
.selected_article .list li .drag_article{width:100%;min-width:0;display:flex;gap:19px;padding:16px;border-radius:12px;border:1px solid var(--stroke-300,#CACBCE);justify-content:space-between;align-items:flex-start;}
.selected_article .list li .number{font-size:20px;color:var(--text-400, #AEAEB2);font-weight:900;line-height:25px;}
.selected_article .list li .thumb_img{flex:0 0 80px;height:80px;padding-bottom:0;border-radius:8px;}
.selected_article .list li .btn_close_article{flex:0 0 24px;}
.selected_article .list li .title_wrap{flex:1;min-width:0;width:auto;display:flex;flex-direction:column;gap:0;justify-content:center;align-items:flex-start;align-self:stretch;}
.selected_article .list li .title_wrap .sub_title{display:block;width:100%;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.selected_article .list li.empty a{cursor:default;}
.selected_article .list li.empty .drag_article{height:114px;gap:4px;align-items:center;justify-content:center;border:1px dashed var(--stroke-300, #CACBCE);}

.selected_article .list li.dragging:not(.empty) .drag_article{border:1px solid var(--text-900, #111);
background:var(--BG-Button100, #F0F1F5);}

.select_list li.active button.btn{border:1px solid var(--text-900, #111);background:var(--BG-Button100, #F0F1F5);}

.selected_article.wait_mode .inner li:not(.empty) .drag_article{border:1px solid var(--text-900, #111);background:var(--BG-Button100, #F0F1F5);}
.selected_article.wait_mode .inner li.empty .drag_article{border:1px dashed var(--text-900, #111);
background:var(--BG-Button100, #F0F1F5);cursor:pointer;}

/* 관련기사 그룹 관리 */
.inbox.recent_article.group > .cont_inner{max-width:none;gap:16px;}
.recent_article.group .btn_wrap{width:100%;}
.recent_article.group .btn_wrap .btn{width:100%;}
.select_group{min-height:0;flex:1;display:flex;flex-direction:column;}
.group_list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;}
.group_list::-webkit-scrollbar{width:4px;}
.group_list::-webkit-scrollbar-track{background-color:transparent;}
.group_list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(200,200,200,0.5);}
.group_list::-webkit-scrollbar-button{width:0;height:0;}
.group_list li{border-radius:8px;border:1px solid var(--stroke-300, #CACBCE);background:#fff;}
.group_list li.active{border-color:var(--point-Blue, #1B71EF);background:var(--BG-Button_submenu, #DFEAFB);}
.group_list li > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;min-width:0;}
.group_list .flex.left{flex:1;min-width:0;align-items:center;gap:8px;}
.group_list .flex.right{flex:0 0 auto;align-items:center;gap:4px;}
.group_list .icon_group{flex:0 0 18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.group_list .icon_group svg path,
.group_list .flex.right button svg path{stroke:var(--text-600, #66676B);}
.group_list li.active .icon_group svg path,
.group_list li.active .flex.right button svg path{stroke:var(--point-Blue, #1B71EF);}
.group_list .name{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:0;color:var(--text-900, #111);outline:none;}
.group_list .name[readonly]{pointer-events:none;cursor:pointer;}
.group_list .flex.left .form_wrap{flex:1;min-width:0;}
.group_list li.is-add .name,
.group_list li.is-edit .name{height:36px;padding:8px 12px;border:1px solid var(--text-900, #111);border-radius:8px;background:#fff;}
.group_list .flex.right button{flex:0 0 24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;}

.inbox.basic.group{gap:32px;}
.inbox.basic.group > .cont_inner{max-width:none;gap:0;flex:1;min-height:0;}
.group_article_wrap{display:flex;flex-direction:column;gap:24px;min-width:0;height:100%;}
.group_article_wrap .top_title{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.group_article_wrap .top_title .btn_wrap{justify-content:flex-end;}
.group_article_list{display:flex;flex-direction:column;gap:12px;min-width:0;}
.group_article_list .btn_wrap{width:100%;}
.group_article_list .btn_dot{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border-radius:8px;border:1px dashed var(--stroke-300, #CACBCE);background:transparent;color:var(--text-600, #66676B);}
.group_article_list .btn_dot svg path{stroke:var(--text-600, #66676B);}
.group_article_list .no_article{display:flex;align-items:center;justify-content:center;padding:40px 12px;}
.group_article_list .list{display:flex;flex-direction:column;gap:8px;}
.group_article_list .list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);min-width:0;}
.group_article_list .list li p{flex:1;min-width:0;color:var(--text-900, #111);line-height:1.35;}
.group_article_list .list li .btn{flex:0 0 16px;width:16px;height:16px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;}

/* 모바일 반응형 */
@media screen and (max-width:1280px){
    html,body{min-width:360px;-webkit-text-size-adjust:100%;text-size-adjust: 100%;}
    body{font-size:14px;}
    h2.title{font-size:18px;font-weight:700;line-height:1.5;color:var(--text-900, #111);}
    .sub_title{font-weight:700;line-height:1.5;}
    .sub_title.b22{font-size:18px;line-height:1.35;}
    .sub_title.b18{font-size:16px;}
    .sub_title.b16{font-size:14px;}
    .sub_title.b14{font-size:14px;}
    .sub_title.underline{padding-bottom:8px;}
    .sub_title{flex-wrap:wrap;}
    .sub_title.mo_full span{display:block;padding-top:4px;}
    .sub_text{font-weight:400;line-height:1.5;color:var(--text-600, #66676B);}
    .sub_text.r14{font-size:14px;}
    .sub_text.r16{font-size:14px;}
    .title_wrap{display:flex;align-items:center;gap:8px;}
    .caption{font-weight:400;line-height:1.35}
    .caption.r14{font-size:13px;}
    .caption.r13{font-size:12px;}
    .caption.r12{font-size:12px;line-height:1.1;}
    .caption{font-weight:400;line-height:1.35}
    .caption{font-weight:400;line-height:1.35}
    .mo_full{width:100%;}
    .inbox > .cont_inner{gap:24px;}
    .inbox > .cont_inner .sub_inner{padding:0;}


    /* .btn_wrap */
    .btn_wrap .btn.sm{font-size:14px;padding:5px 11px;}
    .btn_wrap .btn.lg{font-size:16px;}
    .btn_wrap .btn.min{flex:0 0 78px;}
    .btn_wrap .btn.mo_w120{max-width:120px;}
    .btn_wrap .btn.mo_full{flex:1;max-width:none;}
    .btn_wrap.mo_full{width:100%;flex-direction:column;}
    .btn_wrap.mo_full .btn{max-width:100%!important;width:100%;}
    .btn_wrap .btn_add{padding:8px 0;}

    /* form */
    .form_list_wrap{gap:12px;}
    .form_list{flex-wrap:wrap;}
    .form_list > .sub_title,
    .form_list > .sub_title.f110{flex:0 0 100%;margin-right:0;}
    .select_list .form_list > .form_wrap{width:100%;}
    .form_list.etc_check_wrap{padding-left:0;}
    .form_wrap.sm{width:100%}
    .form_wrap.lg{width:100%;}
    .form_wrap.datepicker{flex:0 0 calc(100% - 111px);}
    .form_wrap.datepicker input{width:100%;}
    .form_wrap.time{width:103px;}
    .form_wrap select{font-size:13px;height:42px;}
    .form_wrap input:not(.st_tag),
    .form_wrap textarea{height:42px;font-size:13px;}
    .form_wrap.search.mo_st{flex:0 0 100%;}
    .form_wrap.search.mo_st input{height:48px;border-radius:0;border-width:0 0 1px 0;}
    .form_wrap.search.mo_st .btn{width:24px;height:24px;}
    .form_wrap.search2 input{height:48px;}
    .form_wrap.button input{height:46px}
    .form_wrap.url input{text-overflow:ellipsis;}

    /* textarea */
    .form_wrap.textarea .floating_nav{width:171px;}

    /* input radio */
    .form_wrap.radio label{font-size:13px;}
    .form_wrap.radio label::before{width:16px;height:16px;margin-right:4px;}
    .form_wrap.radio3 label{width:48px;height:48px;border-radius:6px;}

    /* header */
    header .mo_header,
    header.mo_active .mo_header{display:flex;justify-content:space-between;align-items:center;padding:20px;height:64px;background-color:#fff;}
    .mo_header .logo{display:flex;align-items:center;}
    .mo_header .logo img{width:154px;}
    .mo_header .btn_menu{display:flex;align-items:center;gap:6px;color:var(--text-900, #111);font-size:13px;}
    .dim{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:rgba(0, 0, 0, 0.60);z-index:99998;display: none;}
    header .header_inner{position:fixed;width:272px;left:-272px;transition:left 0.3s;padding:74px 0 24px 0;}
    header.mo_active .header_inner{left:0;}
    header.mo_active .dim{display:block;}
    header .user_wrap{padding:0 16px;}
    header .user_wrap .btn{font-size:16px;}

    nav{padding:0 20px;}
    .gnb .depth1 > a{font-size:16px;}
    .gnb .depth1 > a .icon{width:20px;height:20px;background-size:20px auto;}
    .gnb .depth1 > .inner .btn_open{width:232px;height:52px;background-size:20px auto;}

    /* login */
    .login_inner .inbox{gap:40px;}
    .login_inner .form_list_wrap{gap:8px;}

    /* main layout */
    main{padding-left:0;}
    .main_inner{padding:16px 16px 48px 16px;}
    .main_inner > section{flex-direction:column;}
    .main_inner > section > .inbox{border-radius:12px;padding:32px 16px;}
    .main_inner > section > .inbox.basic{gap:32px;}
    .main_inner > section > .inbox.size_medium{padding:12px;}
    .main_inner > section > .inbox.size_large{padding:16px;}
    .main_inner > section > .inbox.w320{width:100%;}
    .main_inner > section > .inbox.side_nav{padding:16px;width:100%;}
    h2.title{font-size:16px;}
    h2.title.eb32{font-size:28px;}
    h2.title.eb20{font-size:20px;}

    /* dashboard > 상단 건수 표시 */
    .main_inner > .count_list{flex-direction:row;flex-wrap:wrap;gap:8px;}
    .main_inner > .count_list .inbox{gap:12px;flex:0 0 calc(50% - 4px);}
    .count_list .number span{font-size:26px;padding-right:4px;}

    /* dashboard > 가장 많이 본 기사 */
    .table_wrap.list table thead th{height:43px;}
    .table_wrap.list table tbody td{height:auto;padding:12px 4px;}
    .table_wrap.list table tbody td a.ellipsis{padding:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;line-height:1.35}
    .best_news{gap:12px;}

    /* dashboard > Quick Menu */
    .quick_menu{gap:12px;}
    .quick_menu a{padding:20px;background-position:calc(100% - 20px) 50%;}
    .quick_menu li.purple a{background-position:calc(100% - 20px) 50%;}

    /* dashboard > article_status_wrap */
    .tab_list .btn{font-size:16px;}

    .table_wrap.status table,
    .table_wrap.status thead,
    .table_wrap.status tbody,
    .table_wrap.status th,
    .table_wrap.status td,
    .table_wrap.status tr{display:block;width:100%;height:auto;padding:0;}
    .table_wrap.status table thead th:first-child,
    .table_wrap.status table tbody td:first-child{padding-left:0;}
    .table_wrap.status table thead th:last-child,
    .table_wrap.status table tbody td:last-child{padding-right:0;}
    .table_wrap.status table thead th,
    .table_wrap.status table tbody td{padding:0;}
    .table_wrap.status table tbody td{font-size:14px;}
    .table_wrap.status thead,
    .table_wrap.status td.grade{display:none;}
    .table_wrap.status table tbody td{height:auto;}
    .table_wrap.status table tbody td.tit{max-width:none;}
    .table_wrap.status tr{position:relative;padding:16px 12px;margin-bottom:8px;border-radius:6px;border: 1px solid var(--stroke-100, #E6E6E6);}
    .table_wrap.status td.category,
    .table_wrap.status td.author,
    .table_wrap.status td.date,
    .table_wrap.status td.section{position:relative;display:inline-block;width:auto;font-size:13px;}
    .table_wrap.status td.category{padding-right:6px;font-size:13px;}
    .table_wrap.status td.author.no_line{display:flex;}
    .table_wrap.status td.author,
    .table_wrap.status td.date{padding:0 6px 0 7px;margin-left:-4px;}
    .table_wrap.status td.author:not(.no_line)::before, 
    .table_wrap.status td.date::before{position:absolute;top:50%;left:1px;transform:translateY(-50%);content:'';display:block;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);}
    .table_wrap.status td.chk{position:absolute;top:16px;left:12px;width:16px;height:16px;padding:0;}
    .table_wrap.status td.tit{padding:24px 0 0;color: var(--text-900, #111);}
    .table_wrap.status td.tit .tag_title{padding:8px 0;}
    .table_wrap.status td.tit .tag_title .tag{position:absolute;top:16px;left:12px;width:54px;padding:4px 0;}
    .table_wrap.status td.tit .tag_title.right .tag{left:auto;right:58px;}
    .table_wrap.status td.grade.mo_show{display:flex;position:absolute;top:16px;right:12px;width:42px;height:20px;justify-content:end;}
    .table_wrap.status table tbody tr:nth-child(even){background:#fff;}
    .table_wrap.status td.more{padding-top:16px;}
    .table_wrap.status table tbody td .btn_wrap .btn{font-size:14px;}
    .table_wrap.status table tbody td .ellipsis.mo2{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;line-height:1.35;text-align:left;}


    /* aritlcle > write */
    .media_sidebar.inbox{width:100%;}
    .media_sidebar.inbox > .cont_inner{max-width:none;}
    .media_sidebar .btn_toggle{width:16px;height:16px;}
    .media_sidebar .btn.link{font-size:13px;line-height:1.35}
    .media_sidebar .cont_bottom{display:flex;flex-direction:column;gap:12px;}
    .drag_n_drop .icon{margin:0 auto 4px;}
    .thumb_img .btn_close{width:16px;height:16px;border-radius:16px;padding:2px;}
    .inbox.files_edit > .cont_inner{gap:16px;}
    .drop_file_wrap{flex-direction:column;gap:8px;}
    .drop_file_wrap .sub_title{flex:0 0 100%;line-height:1.5;}
    .drop_file_wrap .drop_file_list{width:100%}
    .drop_file_list .file_item{border-radius:9px;}
    .write_wrap .top{flex-direction:column;gap:12px;}
    .write_wrap .top .sub_title{order:2;align-self:flex-start;}
    .write_wrap .top .sub_title span{display:block;padding-top:4px;}
    .write_wrap .top .btn_wrap{order:1;align-self:flex-end;}
    .write_wrap .btn_wrap .btn.w240{max-width:none;}

    /* 미디어메뉴 고정 */
    .fixed_sub{padding-right:0}
    .fixed_sub > .media_sidebar.inbox{position:static;right:auto;overflow:auto;height:auto;}

    /* tag */
    span.tag_dot{padding:3px 7px;font-size:11px;line-height:1.1;}
    span.tag{flex:0 0 50px;padding:4px;font-size:11px;line-height:1.1;border-radius:4px;}

    /* keyword_list */
    .keyword_list .form_wrap .st_tag{font-size:13px;}
    .article_list li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
    .article_list .mo_full100{flex-wrap:wrap;}
    .article_list .mo_full100 .btn{flex:0 0 100%;font-size:14px;}

    /* popup */
    .popup_wrap:not(.photodb) > .inner{padding:0;align-items:end;}
    .popup_wrap .cont_wrap .cont{position:relative;border-radius:16px 16px 0 0;padding:40px 12px 0 12px;}
    .popup_wrap:not(.photodb) .cont_wrap{transform:translateY(10px)}
    .popup_wrap:not(.photodb).active .cont_wrap{transform:translateY(0)}
    .popup_wrap:not(.photodb) .cont_wrap .cont:before{content:'';display:block;width:64px;height:4px;background-color:var(--stroke-100, #E6E6E6);border-radius:99px;position:absolute;top:12px;left:50%;transform:translateX(-50%);}
    .popup_wrap .bottom{padding:0 0 12px 0;}
    .popup_wrap.rel_group .cont_wrap .cont{padding-bottom:24px}

    /* 관련기사 */
    .article_result li{padding:16px 12px;}
    .article_result .tag_wrap{top:16px;}
    .article_result .info span{font-size:13px;gap:6px;}
    /* .page_navigation{display:none;} */
    .page_navigation .numbers.pc{display:none;}
    .page_navigation .numbers.mo{display:flex;}

    .popup_wrap.article_search .top{gap:12px;}
    .popup_wrap.article_search .search_box{gap:20px;}
    .popup_wrap.article_search .search_box .flex_list *{flex:1;}
    .popup_wrap.article_search .search_box .select_wrap{flex-wrap:wrap;flex:0 0 100%;}
    .popup_wrap.article_search .datepicker_wrap{flex-wrap:nowrap;flex:1;}
    .popup_wrap.article_search .form_wrap.datepicker{flex:1}
    .popup_wrap.article_search .search_box .ip_to_ip{flex-direction:column;}
    .popup_wrap.article_search .search_box .ip_to_ip .form_wrap.mo_full{flex:1;}

    /* 관련기사 그룹 */
    .popup_wrap.rel_group .form_list .form_wrap.select{flex:0 0 100%;}

    /* 임시저장 */
    .storage_list button{flex-direction:column;text-align:left;gap:4px;}
    .storage_list button .ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;white-space:initial;font-size:14px;align-self:flex-start;line-height:1.35;}
    .storage_list button .date{align-self:flex-end;font-size:13px;color:var(--text-600, #66676B);}

    /* 사진편집 */
    /* side nav */
    .side_nav ul{flex-direction:row;justify-content:space-between;}
    /* photo edit */
    .image_thumb{gap:20px;padding:0;}
    .image_thumb .btn_wrap .btn{flex:0 0 78px;}
    .imageCropSwiper{margin:0;padding-top:34px;}
    .imageCropSwiper:after{content:'';display:block;width:48px;height:80px;position:absolute;bottom:0;right:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);z-index:3;}
    .imageCropSwiper .swiper-slide{width:126px;height:80px;}
    .imageCropSwiper.not-enough .swiper_btn{display:none;}
    .swiper_btn{border-radius:4px;width:24px;height:24px;}
    .swiper_btn.prev{left:0;}
    .swiper_btn.next{left:36px;}
    .watermark{align-items:start;}
    .watermark .inbox{display:flex;flex-direction:column;gap:8px;}
    .watermark .img{padding:10px;border-radius:8px;background:var(--text-900, #111);}
    /* photo db */
    .cont_photodb{gap:24px;}
    .cont_photodb .img_more{width:18px;height:auto;}
    .cont_photodb .search2 .btn{width:24px;}
    .gallery_wrap .sub_title{padding-bottom:12px;}
    rectpackr-layout{margin:-10px -5px 0 -5px;}
    rectpackr-layout > .inner{padding:10px 5px 0 5px;}
    rectpackr-layout > .inner img{border-radius:12px;}
    rectpackr-layout > .inner:before{width:calc(100% - 10px);border-radius:12px;}
    rectpackr-layout .form_wrap.check{left:17px;}
    rectpackr-layout .form_wrap.check_star{right:17px;}
    rectpackr-layout .date{left:17px;font-size:13px;}

    /* approval > list */
    .sub_tab_list.st_mo{flex-direction:column;gap:8px;}
    .sub_tab_list.st_mo > li{border-radius:6px;border:1px solid var(--stroke-300, #CACBCE);;}
    .sub_tab_list.st_mo > li.active{border:1px solid var(--text-900, #111);}
    .sub_tab_list.st_mo > li > a{padding:12px 0;}
    .approval_list_wrap{padding-top:24px;gap:12px!important;}
    .approval_list_wrap .between{flex-wrap:wrap;gap:10px;}
    .approval_list_wrap .top_btn{align-self:flex-end;flex:1;justify-content:end;}
    .approval_list_wrap .top_btn .btn{flex:0 0 auto;}
    .approval_list_wrap .form_wrap.radio2{height:31px;min-width:54px;padding:3px;}
    .approval_list_wrap .form_wrap.radio2 input + label{width:24px;height:24px;}
    .approval_list_wrap .form_wrap.radio2 input{height:31px;}
    .approval_list_wrap .form_wrap.radio2 .chk_bg{width:24px;height:24px;top:3px;}
    .approval_list_wrap .form_wrap.radio2 input.tg02:checked ~ .chk_bg{width:24px;left:27px;}
    .card_list_wrap ul{gap:8px;}
    .card_list_wrap ul li{width:100%;border-radius:6px;}
    .card_list_wrap .top{padding-bottom:16px;}
    .card_list_wrap .top .tag_wrap{gap:4px;}
    .card_list_wrap .top .tag_wrap .tag{padding:4px 0;flex:0 0 54px;}
    .card_list_wrap .line_list{padding-top:8px;}

    /* approval > view */
    .log_wrap.active .btn_log{background-size:16px auto;}
    .log_wrap .log_list{flex-direction:column;align-items:flex-start;padding:12px;}
    .log_wrap .txt:after{display:none;}
    .log_wrap .log .info,
    .log_wrap .list a{padding-left:0;flex-wrap:wrap;}

    .log_wrap .pos{min-width:none;}
    .log_wrap .writer{font-size:13px;}
    .log_wrap .date,
    .log_wrap .ip{font-size:13px;}
    .log_wrap .ip{gap:6px;}
    .log_wrap .list{padding-left:0;gap:12px;}
    .log_wrap .list a{padding:6px 12px;}
    .log_wrap .list a:first-child{padding-top:0;}
    .log_wrap .flex{width:100%;}
    .log_wrap .btn_log{position:absolute;top:16px;right:16px;width:16px;height:16px;background-size:16px auto;}

    .detail_view .flex.between{flex-direction:column;gap:8px;align-items:flex-end;}
    .detail_title .category{padding-bottom:8px;font-size:14px;}
    .detail_title h2.title{padding-bottom:22px;}
    .detail_title .info{padding-bottom:16px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
    .detail_title .info span{padding:0 8px;}
    .detail_title .info span:nth-child(1){display:none;}
    .detail_title .info span:nth-child(2){padding-left:0;}
    .detail_title .info span:nth-child(2):after{display:none;}
    .detail_layer{padding:0;}

    .trash_list .table_wrap.status .author,
    .trash_list .table_wrap.status .date{padding:2px 0;width:100%;text-align:left;margin-left:0;}
    .trash_list .table_wrap.status .date:before{display:none;}
    .trash_list .table_wrap.status .author.deleter{display:none;}

    /* article > forword_list */
    .today_list{gap:8px;padding-top:0;}
    .today_list .list{gap:8px;flex-direction:column;}
    .today_list .list .item{flex-direction:row;gap:initial;padding:14px;border-radius:16px;justify-content:space-between;}
    .today_list .state{justify-content:initial;gap:6px;}
    .today_list .state .sub_title{min-width:21px;}
    .forward_list_wrap .form_list > .sub_title,
    .forward_list_wrap .form_list > .title{flex:0 0 100%;}
    .forward_list_wrap .form_list > .title{padding-top:12px;}
    .forward_list_wrap .form_wrap.datepicker{flex:1;}
    .forward_list_wrap .datepicker_wrap{flex:0 0 100%;}
    .forward_list_wrap .caption.f100{padding-left:0;}

    .forward_list_wrap .status_tag_list{gap:4px;flex-direction:column;flex:0 0 132px;}
    .forward_list_wrap .status_tag_list span[class*="tag"]{display:inline-flex;padding:5px 8px;border-radius:4px;font-size:12px;line-height:1.1;}
    .forward_list_wrap .status_tag_list .tag_success{background: rgba(38, 58, 109, 0.15);color:#263A6D}
    .forward_list_wrap .status_tag_list .tag_reservation{background: rgba(12, 172, 84, 0.15);color:#0CAC54}
    .forward_list_wrap .status_tag_list .tag_fail{background: rgba(255, 51, 51, 0.15);color: #F33;}
    .popup_wrap.forward .storage_list button{flex-direction:row;text-align:initial;flex-wrap:wrap;}
    .storage_list .left, 
    .storage_list .right{gap:8px;font-size:14px;flex:1;white-space:nowrap;}
    .storage_list .right{justify-content:end;}
    .storage_list button .date{font-size:14px;}

    .table_wrap.forwrad colgroup .col1,/* 체크박스 */
    .table_wrap.forwrad colgroup .col2,/* 제목 */
    .table_wrap.forwrad colgroup .col3,/* 노출시간 */
    .table_wrap.forwrad colgroup .col4,/* 기자 */
    .table_wrap.forwrad colgroup .col5,/* 전송상태 */
    .table_wrap.forwrad colgroup .col6{width:auto;min-width:none;}/* 로그 */
    .table_wrap.forwrad tbody td.mo_inline{width:auto;display:inline-flex;align-items:center;}
    .table_wrap.forwrad tbody td.mo_inline span{padding:0 6px;}
    .table_wrap.forwrad tbody td.mo_inline.bar span{padding-left:0;}
    .table_wrap.forwrad tbody td.mo_inline.bar:after{content:'';display:inline-flex;width:1px;height:12px;background-color:#e6f6f6;}
    .table_wrap.forwrad tbody td .site_list{margin-top:16px;}
    .table_wrap.forwrad tbody td .site_list li{width:auto;padding:0 16px;max-width:62px;flex:1;}
    .table_wrap.forwrad table tbody td .btn_wrap .btn{padding:10px 16px;font-weight:700;}

    /* 관련기사 그룹 관리 */
    .inbox.recent_article.group > .cont_inner{gap:24px;padding-bottom:0;}
    .select_group{position:relative;}
    .select_group .group_list{max-height:291px;overflow-y:auto;padding-bottom:134px;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;}
    .select_group .group_list::-webkit-scrollbar{width:5px;}
    .select_group .group_list::-webkit-scrollbar-track{background-color: transparent;}
    .select_group .group_list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(200,200,200,0.5);}
    .select_group .group_list::-webkit-scrollbar-button {width:0;height:0;}
    .select_group:after{content:'';display:block;width:100%;height:134px;background:linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);position:absolute;bottom:0;left:0;}
    .group_list .name,
    .group_list .name::placeholder,
    .group_article_list .list li .sub_title{font-size:13px;}
    .group_article_list{padding-bottom:40px;}
    .group_article_list .no_article{padding-top:40px;}

    /* 네이버 아웃링크 */
    .outlink .form_wrap.select{width:100%;flex:1!important;}
    .table_wrap.status.naver td.category{position:absolute;top:16px;right:12px;}
    .table_wrap.status.naver td.more .btn{flex:0 0 auto;}

    /* member > .list */
    .member_list .form_list{width:100%;flex-wrap:wrap;}
    .member_list .form_list .form_wrap.search2{flex:0 0 100%;}
    .member_list .top_btn{justify-content:flex-end;}
    .member_list .top_btn .btn{flex:0 0 auto;}
    .member_list .table_wrap.status tr{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
    .member_list .table_wrap.status td.chk{padding:0}
    .member_list .table_wrap.status td.name,
    .member_list .table_wrap.status td.rank,
    .member_list .table_wrap.status td.activate{width:auto;display:inline-flex;}
    .member_list .table_wrap.status td.rank,
    .member_list .table_wrap.status td.activate{padding:0 4px!important;position:relative;}
    .member_list .table_wrap.status td.activate:before{content:'';display:block;position:absolute;top:3px;left:-4px;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);}
    .member_list .table_wrap.status td.name{display:block;color:var(--text-900, #111);}
    .member_list .table_wrap.status td.rank{color:var(--text-600, #66676B);}
    .member_list .table_wrap.status td.activate .active{color: var(--text-900, #111);}
    .member_list .table_wrap.status td.activate .stop{color:var(--text-400, #AEAEB2);}

    /* member > signup */
    .signup_form .form_list > .sub_title,
    .signup_form .form_list > .sub_title.f86,
    .signup_form .form_list > .sub_title.f88{flex:0 0 100%;line-height:1.5;}
    .signup_form .form_list.mo_no_full > .sub_title{flex:none;}
    .signup_form .form_list.alarm .sub_title{line-height:1.5;}
    .signup_form .thumb_img_area{flex:1;}
    .signup_form .thumb_img_area .btn_wrap{justify-content:flex-start;}
    .signup_form .thumb_img{width:112px;height:112px;}
    .signup_form .thumb_img.banner{width:100%;height:0;padding-bottom:13.70%}
    .signup_form .thumb_img + .btn_wrap .btn{font-size:13px;padding:12px;justify-content:flex-start;}
    .signup_form .form_wrap.time{width:103px;}
    .datepicker_wrap{flex-wrap:wrap;}
    .datepicker_wrap .form_wrap.datepicker input{width:100%;}

    /* homepage > list(팝업관리) */
    .card_list .item{width:100%;gap:16px;flex-direction:column;}
    .card_list .item .tag_dot{top:0;}
    .card_list .item .info{position:relative;gap:16px;flex:1;}
    .card_list .item .info_text{display:flex;flex-direction:column;gap:12px;}
    .card_list .item .day_active *{color:var(--text-900)}
    .card_list .item.active .day_active *{color:var(--point-Blue)!important}
    .card_list .thumb_img{width:100%;height:0;padding-bottom:100%;}

    /* homepage > list(위클리상암) */
    .card_list.weekly .thumb_img{width:100%;height:0;padding-bottom:56.75%;}
    .card_list.weekly .item .info{flex-direction:column;align-items:stretch;width:100%;}
    .card_list.weekly .item .info_text{width:100%;flex-direction:column;align-items:flex-start;}
    .card_list.weekly .item .ellipsis{white-space:normal;}
    .card_list.weekly .item .btn_wrap{width:100%;display:flex;justify-content:flex-end;}
    .form_wrap.button.v2 input{height:42px}
    .signup_form .thumbnail_img.youtube{padding-left:0;}
    .signup_form .thumbnail_img.youtube .thumb_img{width:156px;}

    /* homepage > banner(배너관리) */
    .banner_list_wrap{gap:32px;}
    .banner_list_wrap .banner .item{flex-wrap:wrap;gap:16px;padding:16px 12px;justify-content:flex-end;}
    .banner_list_wrap .info{width:100%;flex:0 0 100%;display:flex;gap:8px;}
    .banner_list_wrap .info li{width:calc(50% - 4px);display:flex;flex-direction:column;}
    .banner_list_wrap .thumb_img{width:100%;height:0;padding-bottom:13.70%;border-radius:8px;}

    /* homepage > inquiry_wrap(문의) */
    .inquiry_wrap .count_list{gap:8px;flex-wrap:wrap;}
    .inquiry_wrap .count_list .inbox{width:calc(50% - 4px);flex:0 0 auto;border-radius:12px;padding:12px;}
    .inquiry_wrap .count_list .number{font-size:14px;}
    .inquiry_wrap .count_list .number span{font-size:26px;}
    .table_wrap.inquiry colgroup .col1,/* 구분 */
    .table_wrap.inquiry colgroup .col2,/* 상태 */
    .table_wrap.inquiry colgroup .col3,/* 제목 */
    .table_wrap.inquiry colgroup .col4,/* 이름 */
    .table_wrap.inquiry colgroup .col5,/* 등록일자 */
    .table_wrap.inquiry colgroup .col6{width:auto;min-width:none;}/* 관리 */
    .table_wrap.inquiry thead th,
    .table_wrap.inquiry tbody td,
    .table_wrap.inquiry thead th:first-child,
    .table_wrap.inquiry tbody td:first-child,
    .table_wrap.inquiry thead th:last-child,
    .table_wrap.inquiry tbody td:last-child{padding-right:0;}
    .table_wrap.inquiry tbody td.tit{padding-top:0;}
    .table_wrap.inquiry tbody td .tag_title .ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial;}
    .table_wrap.inquiry tbody tr{display:flex;flex-wrap:wrap;justify-content:center;}
    .table_wrap.inquiry tbody td.mo_inline{width:auto;display:inline-flex;align-items:center;}
    .table_wrap.inquiry tbody td.mo_inline span{padding:0 8px;}
    .table_wrap.inquiry tbody td.mo_inline.bar:after{content:'';display:inline-flex;width:1px;height:12px;background-color:#e6f6f6;}
    .table_wrap.inquiry tbody td.mo_inline.left{flex:1;align-self:flex-start;}
    .table_wrap.inquiry tbody td.mo_inline.right{align-self:flex-end;}

    .popup_wrap.photo .form_list > .sub_title{flex:0 0 auto}
    .popup_wrap.photo .form_list > .sub_title.f77{flex:0 0 auto;width:100%;}
    .popup_wrap.photo .form_list > .sub_title.top{align-items:flex-start;}
    .popup_wrap.photo .form_wrap.radio ~ .btn_wrap .btn{padding:6px 8px;font-size:13px;}
    .popup_wrap.photo .form_wrap.textarea textarea{height:360px;}
    .popup_wrap.photo .form_list .flex.gap12{flex-wrap:wrap;}
    .popup_wrap.photo .form_list .flex.gap8{width:100%;}
    .listbar{display:flex;align-items:center;}
    .listbar:after{content:'';display:inline-flex;width:1px;height:12px;background-color:var(--stroke-300, #CACBCE);margin-left:6px;}


    /* setting > ip차단 */
    .ip_wrap .form_list{width:100%;}
    .ip_wrap .form_wrap.button2{flex:1;}
    .ip_wrap .form_wrap.button2 input{flex:1;width:auto;height:42px;}
    .ip_wrap .form_wrap.button2 .btn{font-size:13px;}
    .ip_wrap .table_wrap.ip_table tr{padding:12px 12px 7px 12px;gap:5px;justify-content:flex-start;}
    .ip_wrap .table_wrap.ip_table tbody td{text-align:left;}
    .ip_wrap .table_wrap.ip_table tbody td:not(.chk){padding-left:32px;}
    .ip_wrap .table_wrap.ip_table tbody td.num:before,
    .ip_wrap .table_wrap.ip_table tbody td.ip:before,
    .ip_wrap .table_wrap.ip_table tbody td.day:before{display:inline-block;width:40px;margin-right:4px;font-weight:700;}
    .ip_wrap .table_wrap.ip_table tbody td.num:before{content:'No.';}
    .ip_wrap .table_wrap.ip_table tbody td.ip:before{content:'IP주소';}
    .ip_wrap .table_wrap.ip_table tbody td.day:before{content:'등록일';}
    .ip_wrap .table_wrap.ip_table tbody td.chk{top:12px;}
    .ip_wrap .table_wrap.ip_table tbody td.more{height:0;padding:0;}
    .ip_wrap .table_wrap.ip_table td.more .btn_wrap .btn{background-color:transparent;width:20px;height:20px;padding:0;border-radius:0;font-size:0;min-width:auto;;color:transparent;background:url('../images/icon_close_file.svg') no-repeat center center / 20px auto;position:absolute;top:12px;right:12px;}

    /* photoDB */
    .main_inner > section > .inbox.photodb_wrap{gap:32px;}
    .photodb_wrap .form_wrap.select{width:100%;}
    .photodb_wrap .btn_wrap.mo_full .btn{padding:12px 0;}
    .photodb_wrap .form_list .acenter{justify-content:center;}
    .popup_wrap.photodb .swiper_wrap{padding:0 0 56px 0;}
    .popup_wrap.photodb .swiper_btn{top:auto;bottom:0;left:calc(50% - 20px);transform:translate(-50%, 0);}
    .popup_wrap.photodb .swiper_btn.next{transform:rotate(180deg);left:calc(50% + 20px);}
    .popup_wrap.photodb .swiper-slide{border-radius:12px;overflow:hidden;}
    .popup_wrap.photodb .swiper-slide .btns{position:absolute;top:12px;right:16px;gap:6px;}
    .popup_wrap.photodb .swiper-slide .check_star,
    .popup_wrap.photodb .swiper-slide .btn,
    .popup_wrap.photodb .swiper-slide .btn_close_popup{width:30px;height:30px;}
    .popup_wrap.photodb .form_wrap.check_star input + label:before{width:18px;height:18px;}
    .popup_wrap.photodb .swiper-slide .btn_close_popup img{width:11px;height:11px;}
    .popup_wrap.photodb .bottom_info{padding:0 24px 16px;}
    .popup_wrap.photodb .bottom_info .tag{padding:4px 8px;}
    .popup_wrap.photodb .bottom_info .ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;}
    .popup_wrap.photodb .bottom_info .source span{color:var(--stroke-100, #E6E6E6);}
    .popup_wrap.photodb .img{position:relative;}
    .popup_wrap.photodb .img img{width:100%;}
    .popup_wrap.photodb .img:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.45%, #000 100%) 50% / cover no-repeat;}
    
    /* *{scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;}
    *::-webkit-scrollbar{width:5px;}
    *::-webkit-scrollbar-track{background-color: transparent;}
    *::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(200,200,200,0.5);}
    *::-webkit-scrollbar-button {width:0;height:0;} */

    /* 메인기사 설정 */
    .main_inner > section > .inbox.recent_article{width:100%;padding:32px 16px;gap:32px;}
    .inbox.recent_article > .cont_inner{gap:20px;padding-bottom:60px;}
    /* 2026-08-18 */
    .writer_modify{padding-left:0;}

    .recent_article{position:relative;}
    .recent_article .select_article{gap:8px;}
    .recent_article .select_article:after{content:'';display:block;width:100%;height:70px;background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);position:absolute;bottom:60px;;left:0;z-index:1;}
    .recent_article .select_list{gap:8px;max-height:520px;padding-bottom:70px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.5) transparent;}
    .recent_article .select_list::-webkit-scrollbar{width:2px;}
    .recent_article .select_list::-webkit-scrollbar-track{background-color: transparent;}
    .recent_article .select_list::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(200,200,200,0.5);}
    .recent_article .select_list::-webkit-scrollbar-button {width:0;height:0;}
    .recent_article .select_list .btn{width:100%;padding:12px 8px;border-radius:6px;}
    .recent_article .select_list .a_title .title{text-align:left;}
    .recent_article .select_list .a_title .date{min-width:auto;}
    /* .recent_article .btn_latest_more{position:static;} */

    .selected_article .top_title{flex-wrap:wrap;gap:16px;}
    .selected_article .top_title .sub_title,
    .selected_article .top_title .btn_wrap{width:100%;}
    .selected_article .top_title .btn_wrap{justify-content:flex-end;gap:6px;}
    .selected_article .btn_wrap{align-items:center;}
    .selected_article .tooltip{top:40px;right:0;border-radius:6px;
    font-size:12px;z-index:2;}
    .selected_article > .inner{display:flex;flex-direction:column;gap:16px;}
    .selected_article .list{gap:12px;}
    .selected_article .list li{flex-direction:column;gap:8px}
    .selected_article .list li .drag_article{gap:8px;padding:12px;border-radius:8px;}
    .selected_article .list li .number{font-size:18px;}
    .selected_article .list li .thumb_img{flex:0 0 64px;height:64px;padding-bottom:0;border-radius:6px;}
    .selected_article .list li .btn_close_article{flex:0 0 20px;}
    .selected_article .list li .title_wrap{gap:8px;}
    .selected_article .list li .title_wrap .sub_title{display:block;width:100%;line-height:1.5;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:wrap;min-height:3em;}
    .selected_article .list li .title_wrap .sub_text{font-size:11px;}

    .selected_article .list li.empty .drag_article{height:92.5px;}

    /* 관련기사 그룹 관리 */
    .inbox.basic.group{gap:24px;}
    .group_list li > a{padding:10px 8px;}
    .group_article_wrap{gap:16px;}
    .group_article_wrap .top_title{flex-wrap:wrap;}
    .group_article_list .btn_dot{padding:12px 8px;}
    .group_article_list .list li{padding:10px 8px;gap:8px;}
    .group_article_list .list li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:initial;}
}
